Skip to content

Commit 7fe76d0

Browse files
authored
Add shadowrootslotassignment attribute
Helps with WICG/webcomponents#967.
1 parent ad6c38c commit 7fe76d0

1 file changed

Lines changed: 55 additions & 1 deletion

File tree

source

Lines changed: 55 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -68546,6 +68546,7 @@ not-slash = %x0000-002E / %x0030-10FFFF
6854668546
<dd><span>Global attributes</span></dd>
6854768547
<dd><code data-x="attr-template-shadowrootmode">shadowrootmode</code></dd>
6854868548
<dd><code data-x="attr-template-shadowrootdelegatesfocus">shadowrootdelegatesfocus</code></dd>
68549+
<dd><code data-x="attr-template-shadowrootslotassignment">shadowrootslotassignment</code></dd>
6854968550
<dd><code data-x="attr-template-shadowrootclonable">shadowrootclonable</code></dd>
6855068551
<dd><code data-x="attr-template-shadowrootserializable">shadowrootserializable</code></dd>
6855168552
<dd><code data-x="attr-template-shadowrootcustomelementregistry">shadowrootcustomelementregistry</code></dd>
@@ -68562,6 +68563,7 @@ interface <dfn interface>HTMLTemplateElement</dfn> : <span>HTMLElement</span> {
6856268563
readonly attribute <span>DocumentFragment</span> <span data-x="dom-template-content">content</span>;
6856368564
[<span>CEReactions</span>] attribute DOMString <span data-x="dom-template-shadowrootmode">shadowRootMode</span>;
6856468565
[<span>CEReactions</span>, <span data-x="xattr-Reflect">Reflect</span>] attribute boolean <dfn attribute for="HTMLTemplateElement" data-x="dom-template-shadowrootdelegatesfocus">shadowRootDelegatesFocus</dfn>;
68566+
[<span>CEReactions</span>] attribute DOMString <span data-x="dom-template-shadowrootslotassignment">shadowRootSlotAssignment</span>;
6856568567
[<span>CEReactions</span>, <span data-x="xattr-Reflect">Reflect</span>] attribute boolean <dfn attribute for="HTMLTemplateElement" data-x="dom-template-shadowrootclonable">shadowRootClonable</dfn>;
6856668568
[<span>CEReactions</span>, <span data-x="xattr-Reflect">Reflect</span>] attribute boolean <dfn attribute for="HTMLTemplateElement" data-x="dom-template-shadowRootSerializable">shadowRootSerializable</dfn>;
6856768569
[<span>CEReactions</span>, <span data-x="xattr-Reflect">Reflect</span>] attribute DOMString <dfn attribute for="HTMLTemplateElement" data-x="dom-template-shadowRootCustomElementRegistry">shadowRootCustomElementRegistry</dfn>;
@@ -68605,6 +68607,32 @@ interface <dfn interface>HTMLTemplateElement</dfn> : <span>HTMLElement</span> {
6860568607
data-x="attr-template-shadowrootdelegatesfocus">shadowrootdelegatesfocus</code></dfn> content
6860668608
attribute is a <span>boolean attribute</span>.</p>
6860768609

68610+
<p>The <dfn element-attr for="template"><code
68611+
data-x="attr-template-shadowrootslotassignment">shadowrootslotassignment</code></dfn> content
68612+
attribute is an <span>enumerated attribute</span> with the following keywords and states:</p>
68613+
68614+
<table>
68615+
<thead>
68616+
<tr>
68617+
<th>Keyword
68618+
<th>State
68619+
<th>Brief description
68620+
<tbody>
68621+
<tr>
68622+
<td><dfn attr-value for="template/shadowrootslotassignment"><code data-x="attr-shadowrootslotassignment-named">named</code></dfn>
68623+
<td><dfn data-x="attr-shadowrootslotassignment-named-state">Named</dfn>
68624+
<td>The declarative shadow root uses named slot assignment.
68625+
<tr>
68626+
<td><dfn attr-value for="template/shadowrootslotassignment"><code data-x="attr-shadowrootslotassignment-manual">manual</code></dfn>
68627+
<td><dfn data-x="attr-shadowrootslotassignment-manual-state">Manual</dfn>
68628+
<td>The declarative shadow root uses manual slot assignment.
68629+
</table>
68630+
68631+
<p>The <code data-x="attr-template-shadowrootslotassignment">shadowrootslotassignment</code>
68632+
attribute's <i data-x="invalid value default">invalid value default</i> and <i data-x="missing
68633+
value default">missing value default</i> are both the <span
68634+
data-x="attr-shadowrootslotassignment-named-state">Named</span> state.</p>
68635+
6860868636
<p>The <dfn element-attr for="template"><code
6860968637
data-x="attr-template-shadowrootclonable">shadowrootclonable</code></dfn> content attribute is a
6861068638
<span>boolean attribute</span>.</p>
@@ -68770,6 +68798,14 @@ interface <dfn interface>HTMLTemplateElement</dfn> : <span>HTMLElement</span> {
6877068798
attribute, <span>limited to only known values</span>.</p>
6877168799
</div>
6877268800

68801+
<div algorithm>
68802+
<p>The <dfn attribute for="HTMLTemplateElement"><code
68803+
data-x="dom-template-shadowrootslotassignment">shadowRootSlotAssignment</code></dfn> IDL attribute
68804+
must <span>reflect</span> the <code
68805+
data-x="attr-template-shadowrootslotassignment">shadowrootslotassignment</code> content attribute,
68806+
<span>limited to only known values</span>.</p>
68807+
</div>
68808+
6877368809
<p class="note">The <span
6877468810
data-x="dom-template-shadowRootCustomElementRegistry">shadowRootCustomElementRegistry</span> IDL
6877568811
attribute intentionally does not have a boolean type so it can be extended.</p>
@@ -141523,6 +141559,13 @@ document.body.appendChild(text);
141523141559
<li><p>Let <var>mode</var> be <var>templateStartTag</var>'s <code
141524141560
data-x="attr-template-shadowrootmode">shadowrootmode</code> attribute's value.</p></li>
141525141561

141562+
<li><p>Let <var>slotAssignment</var> be "<code data-x="">named</code>".</p></li>
141563+
141564+
<li><p>If <var>templateStartTag</var>'s <code
141565+
data-x="attr-template-shadowrootslotassignment">shadowrootslotassignment</code> attribute is
141566+
in the <span data-x="attr-shadowrootslotassignment-manual-state">Manual</span> state, then
141567+
set <var>slotAssignment</var> to "<code data-x="">manual</code>".</p></li>
141568+
141526141569
<li><p>Let <var>clonable</var> be true if <var>templateStartTag</var> has a <code
141527141570
data-x="attr-template-shadowrootclonable">shadowrootclonable</code> attribute; otherwise
141528141571
false.</p></li>
@@ -141551,7 +141594,7 @@ document.body.appendChild(text);
141551141594
<li>
141552141595
<p><span data-x="concept-attach-a-shadow-root">Attach a shadow root</span> with
141553141596
<var>declarativeShadowHostElement</var>, <var>mode</var>, <var>clonable</var>,
141554-
<var>serializable</var>, <var>delegatesFocus</var>, "<code data-x="">named</code>", and
141597+
<var>serializable</var>, <var>delegatesFocus</var>, <var>slotAssignment</var>, and
141555141598
<var>registry</var>.</p>
141556141599

141557141600
<p>If an exception is thrown, then catch it and:</p>
@@ -145343,6 +145386,10 @@ document.body.appendChild(text);
145343145386
<li><p>If <var>shadow</var>'s <span data-x="shadow-serializable">serializable</span> is set, then append
145344145387
"<code data-x=""> shadowrootserializable=&quot;&quot;</code>".</p></li>
145345145388

145389+
<li><p>If <var>shadow</var>'s <span>slot assignment</span> is "<code
145390+
data-x="">manual</code>", then append "<code
145391+
data-x=""> shadowrootslotassignment=&quot;manual&quot;</code>".</p></li>
145392+
145346145393
<li><p>If <var>shadow</var>'s <span>clonable</span> is set, then append
145347145394
"<code data-x=""> shadowrootclonable=&quot;&quot;</code>".</p></li>
145348145395

@@ -153266,6 +153313,7 @@ interface <dfn interface>External</dfn> {
153266153313
<td><span data-x="global attributes">globals</span>;
153267153314
<code data-x="attr-template-shadowrootmode">shadowrootmode</code>;
153268153315
<code data-x="attr-template-shadowrootdelegatesfocus">shadowrootdelegatesfocus</code>;
153316+
<code data-x="attr-template-shadowrootslotassignment">shadowrootslotassignment</code>;
153269153317
<code data-x="attr-template-shadowrootclonable">shadowrootclonable</code>;
153270153318
<code data-x="attr-template-shadowrootserializable">shadowrootserializable</code>;
153271153319
<code data-x="attr-template-shadowrootcustomelementregistry">shadowrootcustomelementregistry</code></td>
@@ -154828,6 +154876,12 @@ interface <dfn interface>External</dfn> {
154828154876
<td> <code data-x="attr-template-shadowrootserializable">template</code>
154829154877
<td> Sets <span data-x="shadow-serializable">serializable</span> on a declarative shadow root
154830154878
<td> <span>Boolean attribute</span>
154879+
<tr>
154880+
<th> <code data-x="">shadowrootslotassignment</code>
154881+
<td> <code data-x="attr-template-shadowrootslotassignment">template</code>
154882+
<td> Sets <span>slot assignment</span> on a declarative shadow root
154883+
<td> "<code data-x="">named</code>";
154884+
"<code data-x="">manual</code>"
154831154885
<tr>
154832154886
<th> <code data-x="">shape</code>
154833154887
<td> <code data-x="attr-area-shape">area</code>

0 commit comments

Comments
 (0)