@slotted/angular 0.1.0-beta.1 → 0.1.0-beta.11

package/fesm2022/slotted-angular-action-sheet.mjs

@@ -280,9 +280,11 @@ class SlActionSheet {
       (openChangeRequest)="fromDrawer($event)"
       (closed)="onClosed()"
     >
-      <div data-ui="action-sheet" data-part="root"><ng-content /></div>
+      <div data-ui="action-sheet" data-ui-action-sheet="" data-part="root" data-part-root="">
+        <ng-content />
+      </div>
     </sl-drawer>
-  `, isInline: true, styles: ["@layer slotted.components{[data-ui=action-sheet]{--_inset: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_label-size: var(--slotted-font-size-md, .875rem);--_icon-size: calc(var(--_label-size) * 1.125);--_item-height: var(--slotted-control-height-lg, 38px);--_rule-size: var(--slotted-border-width-thin, 1px);--_rule: var(--slotted-action-sheet-rule-color, var(--slotted-border-subtle, ButtonBorder));--_muted: var(--slotted-text-muted, GrayText);--_highlight: var( --slotted-action-sheet-highlight, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_highlight-active: var( --slotted-action-sheet-highlight-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) );--_accent: var(--slotted-text, CanvasText);--_list-inset: var(--slotted-space-2, .25rem);grid-row:1 / -1;justify-self:center;inline-size:min(100%,var(--slotted-action-sheet-inline-size, 32rem));box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;min-block-size:0;padding-inline:max(env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));color:var(--slotted-text, CanvasText);font-family:var(--slotted-control-font-family, var(--slotted-font-family-sans))}@media(pointer:coarse){[data-ui=action-sheet]{--_label-size: var(--slotted-font-size-lg, 1rem)}}[data-ui=action-sheet]>[data-part=header]{border-block-end:var(--_rule-size) solid var(--_rule);display:grid;padding-block:var(--slotted-space-6, 1rem) var(--slotted-space-5, .75rem);padding-inline:var(--_inset);row-gap:var(--slotted-space-1, .125rem)}[data-ui=action-sheet] [data-part=title]{color:var(--slotted-text, CanvasText);font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-md, .875rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-md, 1.5);margin:0;overflow-wrap:anywhere}[data-ui=action-sheet] [data-part=message]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);margin:0;overflow-wrap:anywhere}[data-ui=action-sheet]>[data-part=list]{--_mark: 0px;--_column-gap: 0px;align-content:start;display:grid;grid-auto-rows:max-content;grid-row:2;grid-template-columns:minmax(0,1fr);min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_list-inset)}[data-ui=action-sheet]>[data-part=list]:has([data-part=icon]){--_mark: var(--_icon-size);--_column-gap: var(--_gap)}[data-ui=action-sheet]:not(:has(>[data-part=footer]))>[data-part=list]{padding-block-end:calc(var(--slotted-space-2, .25rem) + env(safe-area-inset-bottom,0px))}[data-ui=action-sheet] [data-part=group]{display:grid;grid-auto-rows:max-content;grid-template-columns:minmax(0,1fr)}[data-ui=action-sheet] [data-part=group-label]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-sm, 1.45);padding-block:var(--slotted-space-4, .5rem) var(--slotted-space-2, .25rem);padding-inline:calc(var(--_inset) - var(--_list-inset))}[data-ui=action-sheet] [data-part=separator]{background-color:var(--_rule);block-size:var(--_rule-size);border:0;margin-block:var(--slotted-space-2, .25rem);margin-inline:0}[data-ui=action-sheet] [data-part=item]{align-content:center;appearance:none;background:transparent;border:0;box-sizing:border-box;color:var(--_accent);column-gap:var(--_column-gap);cursor:pointer;display:grid;font:inherit;font-size:var(--_label-size);grid-template-columns:var(--_mark) minmax(0,1fr);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-block-size:var(--_item-height);padding-block:var(--slotted-space-4, .5rem);padding-inline:calc(var(--_inset) - var(--_list-inset));border-radius:var(--slotted-control-radius, 6px);row-gap:var(--slotted-space-1, .125rem);text-align:start;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=action-sheet] [data-part=item]:focus{background-color:var(--_highlight);outline:none}@media(hover:hover){[data-ui=action-sheet] [data-part=item]:hover:not([data-disabled]):not([data-loading]){background-color:var(--_highlight)}}[data-ui=action-sheet] [data-part=item]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=action-sheet] [data-part=item]:active:not([data-disabled]):not([data-loading]){background-color:var(--_highlight-active)}[data-ui=action-sheet] [data-part=item][data-disabled]{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=action-sheet] [data-part=item][data-disabled]:focus{background-color:var(--slotted-disabled-background, ButtonFace)}[data-ui=action-sheet] [data-part=item][data-loading]{cursor:progress}[data-ui=action-sheet] [data-part=icon]{--slotted-icon-size: var(--_icon-size);--slotted-spinner-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:1;grid-row:1;inline-size:var(--_icon-size);justify-content:center}[data-ui=action-sheet] [data-part=icon]>*{flex:none;font-size:var(--_icon-size)}[data-ui=action-sheet] [data-part=label]{grid-column:2;grid-row:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=action-sheet] [data-part=description]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}[data-ui=action-sheet] [data-part=item][data-disabled]>[data-part=description]{color:inherit}[data-ui=action-sheet] [data-part=item][data-tone=accent]{--_accent: var(--slotted-tone-accent-text);--_highlight: var(--slotted-tone-accent-surface);--_highlight-active: var(--slotted-tone-accent-subtle-active)}[data-ui=action-sheet] [data-part=item][data-tone=secondary]{--_accent: var(--slotted-tone-secondary-text);--_highlight: var(--slotted-tone-secondary-surface);--_highlight-active: var(--slotted-tone-secondary-subtle-active)}[data-ui=action-sheet] [data-part=item][data-tone=success]{--_accent: var(--slotted-tone-success-text);--_highlight: var(--slotted-tone-success-surface);--_highlight-active: var(--slotted-tone-success-subtle-active)}[data-ui=action-sheet] [data-part=item][data-tone=warning]{--_accent: var(--slotted-tone-warning-text);--_highlight: var(--slotted-tone-warning-surface);--_highlight-active: var(--slotted-tone-warning-subtle-active)}[data-ui=action-sheet] [data-part=item][data-tone=danger]{--_accent: var(--slotted-tone-danger-text);--_highlight: var(--slotted-tone-danger-surface);--_highlight-active: var(--slotted-tone-danger-subtle-active)}[data-ui=action-sheet]>[data-part=footer]{background:var(--slotted-action-sheet-footer-surface, var(--slotted-surface-sunken, Canvas));border-block-start:var(--_rule-size) solid var(--_rule);display:grid;grid-row:3;padding-block:var(--slotted-space-4, .5rem) calc(var(--slotted-space-4, .5rem) + env(safe-area-inset-bottom,0px));padding-inline:var(--_inset)}[data-ui=action-sheet] [data-part=cancel]{appearance:none;background:var(--slotted-control-surface, ButtonFace);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-control-radius, 6px);box-shadow:var(--slotted-control-shadow);box-sizing:border-box;color:var(--slotted-text, CanvasText);cursor:pointer;font:inherit;font-size:var(--_label-size);font-weight:var(--slotted-font-weight-semibold, 600);inline-size:100%;line-height:var(--slotted-line-height-md, 1.5);margin:0;min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_inset);-webkit-tap-highlight-color:transparent;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}@media(hover:hover){[data-ui=action-sheet] [data-part=cancel]:hover:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}}[data-ui=action-sheet] [data-part=cancel]:active:not(:disabled){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);box-shadow:none;translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=action-sheet] [data-part=cancel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(forced-colors:active){[data-ui=action-sheet] [data-part=item]:focus{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=action-sheet] [data-part=item][data-disabled]:focus{background-color:Highlight;color:GrayText}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"], dependencies: [{ kind: "component", type: SlDrawer, selector: "sl-drawer", inputs: ["open", "extent", "mode", "side", "size", "mount", "escape", "outsidePress", "back", "modal", "loading", "messages", "drag", "scrimFrom", "minExtent", "maxExtent", "snapPoints", "container", "initialFocus", "finalFocus"], outputs: ["openChange", "extentChange", "openChangeRequest", "extentChangeRequest", "closed"], exportAs: ["slDrawer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui-action-sheet]{--_inset: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_label-size: var(--slotted-font-size-md, .875rem);--_icon-size: calc(var(--_label-size) * 1.125);--_item-height: var(--slotted-control-height-lg, 38px);--_rule-size: var(--slotted-border-width-thin, 1px);--_rule: var(--slotted-action-sheet-rule-color, var(--slotted-border-subtle, ButtonBorder));--_muted: var(--slotted-text-muted, GrayText);--_highlight: var( --slotted-action-sheet-highlight, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_highlight-active: var( --slotted-action-sheet-highlight-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) );--_accent: var(--slotted-text, CanvasText);--_list-inset: var(--slotted-space-2, .25rem);grid-row:1 / -1;justify-self:center;inline-size:min(100%,var(--slotted-action-sheet-inline-size, 32rem));box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;min-block-size:0;padding-inline:max(env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));color:var(--slotted-text, CanvasText);font-family:var(--slotted-control-font-family, var(--slotted-font-family-sans))}@media(pointer:coarse){[data-ui-action-sheet]{--_label-size: var(--slotted-font-size-lg, 1rem)}}[data-ui-action-sheet]>[data-part-header]{border-block-end:var(--_rule-size) solid var(--_rule);display:grid;padding-block:var(--slotted-space-6, 1rem) var(--slotted-space-5, .75rem);padding-inline:var(--_inset);row-gap:var(--slotted-space-1, .125rem)}[data-ui-action-sheet] [data-part-title]{color:var(--slotted-text, CanvasText);font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-md, .875rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-md, 1.5);margin:0;overflow-wrap:anywhere}[data-ui-action-sheet] [data-part-message]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);margin:0;overflow-wrap:anywhere}[data-ui-action-sheet]>[data-part-list]{--_mark: 0px;--_column-gap: 0px;align-content:start;display:grid;grid-auto-rows:max-content;grid-row:2;grid-template-columns:minmax(0,1fr);min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_list-inset)}[data-ui-action-sheet]>[data-part-list]:has([data-part-icon]){--_mark: var(--_icon-size);--_column-gap: var(--_gap)}[data-ui-action-sheet]:not(:has(>[data-part-footer]))>[data-part-list]{padding-block-end:calc(var(--slotted-space-2, .25rem) + env(safe-area-inset-bottom,0px))}[data-ui-action-sheet] [data-part-group]{display:grid;grid-auto-rows:max-content;grid-template-columns:minmax(0,1fr)}[data-ui-action-sheet] [data-part-group-label]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-sm, 1.45);padding-block:var(--slotted-space-4, .5rem) var(--slotted-space-2, .25rem);padding-inline:calc(var(--_inset) - var(--_list-inset))}[data-ui-action-sheet] [data-part-separator]{background-color:var(--_rule);block-size:var(--_rule-size);border:0;margin-block:var(--slotted-space-2, .25rem);margin-inline:0}[data-ui-action-sheet] [data-part-item]{align-content:center;appearance:none;background:transparent;border:0;box-sizing:border-box;color:var(--_accent);column-gap:var(--_column-gap);cursor:pointer;display:grid;font:inherit;font-size:var(--_label-size);grid-template-columns:var(--_mark) minmax(0,1fr);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-block-size:var(--_item-height);padding-block:var(--slotted-space-4, .5rem);padding-inline:calc(var(--_inset) - var(--_list-inset));border-radius:var(--slotted-control-radius, 6px);row-gap:var(--slotted-space-1, .125rem);text-align:start;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-action-sheet] [data-part-item]:focus{background-color:var(--_highlight);outline:none}@media(hover:hover){[data-ui-action-sheet] [data-part-item]:hover:not([data-disabled]):not([data-loading]){background-color:var(--_highlight)}}[data-ui-action-sheet] [data-part-item]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-action-sheet] [data-part-item]:active:not([data-disabled]):not([data-loading]){background-color:var(--_highlight-active)}[data-ui-action-sheet] [data-part-item][data-disabled]{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui-action-sheet] [data-part-item][data-disabled]:focus{background-color:var(--slotted-disabled-background, ButtonFace)}[data-ui-action-sheet] [data-part-item][data-loading]{cursor:progress}[data-ui-action-sheet] [data-part-icon]{--slotted-icon-size: var(--_icon-size);--slotted-spinner-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:1;grid-row:1;inline-size:var(--_icon-size);justify-content:center}[data-ui-action-sheet] [data-part-icon]>*{flex:none;font-size:var(--_icon-size)}[data-ui-action-sheet] [data-part-label]{grid-column:2;grid-row:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui-action-sheet] [data-part-description]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}[data-ui-action-sheet] [data-part-item][data-disabled]>[data-part-description]{color:inherit}[data-ui-action-sheet] [data-part-item][data-tone=accent]{--_accent: var(--slotted-tone-accent-text);--_highlight: var(--slotted-tone-accent-surface);--_highlight-active: var(--slotted-tone-accent-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=secondary]{--_accent: var(--slotted-tone-secondary-text);--_highlight: var(--slotted-tone-secondary-surface);--_highlight-active: var(--slotted-tone-secondary-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=success]{--_accent: var(--slotted-tone-success-text);--_highlight: var(--slotted-tone-success-surface);--_highlight-active: var(--slotted-tone-success-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=warning]{--_accent: var(--slotted-tone-warning-text);--_highlight: var(--slotted-tone-warning-surface);--_highlight-active: var(--slotted-tone-warning-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=danger]{--_accent: var(--slotted-tone-danger-text);--_highlight: var(--slotted-tone-danger-surface);--_highlight-active: var(--slotted-tone-danger-subtle-active)}[data-ui-action-sheet]>[data-part-footer]{background:var(--slotted-action-sheet-footer-surface, var(--slotted-surface-sunken, Canvas));border-block-start:var(--_rule-size) solid var(--_rule);display:grid;grid-row:3;padding-block:var(--slotted-space-4, .5rem) calc(var(--slotted-space-4, .5rem) + env(safe-area-inset-bottom,0px));padding-inline:var(--_inset)}[data-ui-action-sheet] [data-part-cancel]{appearance:none;background:var(--slotted-control-surface, ButtonFace);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-control-radius, 6px);box-shadow:var(--slotted-control-shadow);box-sizing:border-box;color:var(--slotted-text, CanvasText);cursor:pointer;font:inherit;font-size:var(--_label-size);font-weight:var(--slotted-font-weight-semibold, 600);inline-size:100%;line-height:var(--slotted-line-height-md, 1.5);margin:0;min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_inset);-webkit-tap-highlight-color:transparent;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}@media(hover:hover){[data-ui-action-sheet] [data-part-cancel]:hover:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}}[data-ui-action-sheet] [data-part-cancel]:active:not(:disabled){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);box-shadow:none;translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-action-sheet] [data-part-cancel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(forced-colors:active){[data-ui-action-sheet] [data-part-item]:focus{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-action-sheet] [data-part-item][data-disabled]:focus{background-color:Highlight;color:GrayText}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);opacity:1;scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}[data-ui-spinner]>svg{block-size:100%;display:block;fill:none;inline-size:100%;stroke:currentColor;stroke-width:2.25}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;rotate:-90deg;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:center}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:1 150;stroke-dashoffset:0}50%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:70 150;stroke-dashoffset:-28}to{stroke-dasharray:70 150;stroke-dashoffset:-99}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}\n"], dependencies: [{ kind: "component", type: SlDrawer, selector: "sl-drawer", inputs: ["open", "extent", "mode", "side", "size", "mount", "escape", "outsidePress", "back", "modal", "loading", "messages", "drag", "scrimFrom", "minExtent", "maxExtent", "snapPoints", "container", "initialFocus", "finalFocus"], outputs: ["openChange", "extentChange", "openChangeRequest", "extentChangeRequest", "closed", "openChangeComplete"], exportAs: ["slDrawer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheet, decorators: [{
             type: Component,
@@ -306,9 +308,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       (openChangeRequest)="fromDrawer($event)"
       (closed)="onClosed()"
     >
-      <div data-ui="action-sheet" data-part="root"><ng-content /></div>
+      <div data-ui="action-sheet" data-ui-action-sheet="" data-part="root" data-part-root="">
+        <ng-content />
+      </div>
     </sl-drawer>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[style.display]': "'contents'" }, styles: ["@layer slotted.components{[data-ui=action-sheet]{--_inset: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_label-size: var(--slotted-font-size-md, .875rem);--_icon-size: calc(var(--_label-size) * 1.125);--_item-height: var(--slotted-control-height-lg, 38px);--_rule-size: var(--slotted-border-width-thin, 1px);--_rule: var(--slotted-action-sheet-rule-color, var(--slotted-border-subtle, ButtonBorder));--_muted: var(--slotted-text-muted, GrayText);--_highlight: var( --slotted-action-sheet-highlight, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_highlight-active: var( --slotted-action-sheet-highlight-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) );--_accent: var(--slotted-text, CanvasText);--_list-inset: var(--slotted-space-2, .25rem);grid-row:1 / -1;justify-self:center;inline-size:min(100%,var(--slotted-action-sheet-inline-size, 32rem));box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;min-block-size:0;padding-inline:max(env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));color:var(--slotted-text, CanvasText);font-family:var(--slotted-control-font-family, var(--slotted-font-family-sans))}@media(pointer:coarse){[data-ui=action-sheet]{--_label-size: var(--slotted-font-size-lg, 1rem)}}[data-ui=action-sheet]>[data-part=header]{border-block-end:var(--_rule-size) solid var(--_rule);display:grid;padding-block:var(--slotted-space-6, 1rem) var(--slotted-space-5, .75rem);padding-inline:var(--_inset);row-gap:var(--slotted-space-1, .125rem)}[data-ui=action-sheet] [data-part=title]{color:var(--slotted-text, CanvasText);font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-md, .875rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-md, 1.5);margin:0;overflow-wrap:anywhere}[data-ui=action-sheet] [data-part=message]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);margin:0;overflow-wrap:anywhere}[data-ui=action-sheet]>[data-part=list]{--_mark: 0px;--_column-gap: 0px;align-content:start;display:grid;grid-auto-rows:max-content;grid-row:2;grid-template-columns:minmax(0,1fr);min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_list-inset)}[data-ui=action-sheet]>[data-part=list]:has([data-part=icon]){--_mark: var(--_icon-size);--_column-gap: var(--_gap)}[data-ui=action-sheet]:not(:has(>[data-part=footer]))>[data-part=list]{padding-block-end:calc(var(--slotted-space-2, .25rem) + env(safe-area-inset-bottom,0px))}[data-ui=action-sheet] [data-part=group]{display:grid;grid-auto-rows:max-content;grid-template-columns:minmax(0,1fr)}[data-ui=action-sheet] [data-part=group-label]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-sm, 1.45);padding-block:var(--slotted-space-4, .5rem) var(--slotted-space-2, .25rem);padding-inline:calc(var(--_inset) - var(--_list-inset))}[data-ui=action-sheet] [data-part=separator]{background-color:var(--_rule);block-size:var(--_rule-size);border:0;margin-block:var(--slotted-space-2, .25rem);margin-inline:0}[data-ui=action-sheet] [data-part=item]{align-content:center;appearance:none;background:transparent;border:0;box-sizing:border-box;color:var(--_accent);column-gap:var(--_column-gap);cursor:pointer;display:grid;font:inherit;font-size:var(--_label-size);grid-template-columns:var(--_mark) minmax(0,1fr);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-block-size:var(--_item-height);padding-block:var(--slotted-space-4, .5rem);padding-inline:calc(var(--_inset) - var(--_list-inset));border-radius:var(--slotted-control-radius, 6px);row-gap:var(--slotted-space-1, .125rem);text-align:start;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=action-sheet] [data-part=item]:focus{background-color:var(--_highlight);outline:none}@media(hover:hover){[data-ui=action-sheet] [data-part=item]:hover:not([data-disabled]):not([data-loading]){background-color:var(--_highlight)}}[data-ui=action-sheet] [data-part=item]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=action-sheet] [data-part=item]:active:not([data-disabled]):not([data-loading]){background-color:var(--_highlight-active)}[data-ui=action-sheet] [data-part=item][data-disabled]{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=action-sheet] [data-part=item][data-disabled]:focus{background-color:var(--slotted-disabled-background, ButtonFace)}[data-ui=action-sheet] [data-part=item][data-loading]{cursor:progress}[data-ui=action-sheet] [data-part=icon]{--slotted-icon-size: var(--_icon-size);--slotted-spinner-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:1;grid-row:1;inline-size:var(--_icon-size);justify-content:center}[data-ui=action-sheet] [data-part=icon]>*{flex:none;font-size:var(--_icon-size)}[data-ui=action-sheet] [data-part=label]{grid-column:2;grid-row:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=action-sheet] [data-part=description]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}[data-ui=action-sheet] [data-part=item][data-disabled]>[data-part=description]{color:inherit}[data-ui=action-sheet] [data-part=item][data-tone=accent]{--_accent: var(--slotted-tone-accent-text);--_highlight: var(--slotted-tone-accent-surface);--_highlight-active: var(--slotted-tone-accent-subtle-active)}[data-ui=action-sheet] [data-part=item][data-tone=secondary]{--_accent: var(--slotted-tone-secondary-text);--_highlight: var(--slotted-tone-secondary-surface);--_highlight-active: var(--slotted-tone-secondary-subtle-active)}[data-ui=action-sheet] [data-part=item][data-tone=success]{--_accent: var(--slotted-tone-success-text);--_highlight: var(--slotted-tone-success-surface);--_highlight-active: var(--slotted-tone-success-subtle-active)}[data-ui=action-sheet] [data-part=item][data-tone=warning]{--_accent: var(--slotted-tone-warning-text);--_highlight: var(--slotted-tone-warning-surface);--_highlight-active: var(--slotted-tone-warning-subtle-active)}[data-ui=action-sheet] [data-part=item][data-tone=danger]{--_accent: var(--slotted-tone-danger-text);--_highlight: var(--slotted-tone-danger-surface);--_highlight-active: var(--slotted-tone-danger-subtle-active)}[data-ui=action-sheet]>[data-part=footer]{background:var(--slotted-action-sheet-footer-surface, var(--slotted-surface-sunken, Canvas));border-block-start:var(--_rule-size) solid var(--_rule);display:grid;grid-row:3;padding-block:var(--slotted-space-4, .5rem) calc(var(--slotted-space-4, .5rem) + env(safe-area-inset-bottom,0px));padding-inline:var(--_inset)}[data-ui=action-sheet] [data-part=cancel]{appearance:none;background:var(--slotted-control-surface, ButtonFace);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-control-radius, 6px);box-shadow:var(--slotted-control-shadow);box-sizing:border-box;color:var(--slotted-text, CanvasText);cursor:pointer;font:inherit;font-size:var(--_label-size);font-weight:var(--slotted-font-weight-semibold, 600);inline-size:100%;line-height:var(--slotted-line-height-md, 1.5);margin:0;min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_inset);-webkit-tap-highlight-color:transparent;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}@media(hover:hover){[data-ui=action-sheet] [data-part=cancel]:hover:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}}[data-ui=action-sheet] [data-part=cancel]:active:not(:disabled){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);box-shadow:none;translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=action-sheet] [data-part=cancel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(forced-colors:active){[data-ui=action-sheet] [data-part=item]:focus{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=action-sheet] [data-part=item][data-disabled]:focus{background-color:Highlight;color:GrayText}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[style.display]': "'contents'" }, styles: ["@layer slotted.components{[data-ui-action-sheet]{--_inset: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_label-size: var(--slotted-font-size-md, .875rem);--_icon-size: calc(var(--_label-size) * 1.125);--_item-height: var(--slotted-control-height-lg, 38px);--_rule-size: var(--slotted-border-width-thin, 1px);--_rule: var(--slotted-action-sheet-rule-color, var(--slotted-border-subtle, ButtonBorder));--_muted: var(--slotted-text-muted, GrayText);--_highlight: var( --slotted-action-sheet-highlight, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_highlight-active: var( --slotted-action-sheet-highlight-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) );--_accent: var(--slotted-text, CanvasText);--_list-inset: var(--slotted-space-2, .25rem);grid-row:1 / -1;justify-self:center;inline-size:min(100%,var(--slotted-action-sheet-inline-size, 32rem));box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;min-block-size:0;padding-inline:max(env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));color:var(--slotted-text, CanvasText);font-family:var(--slotted-control-font-family, var(--slotted-font-family-sans))}@media(pointer:coarse){[data-ui-action-sheet]{--_label-size: var(--slotted-font-size-lg, 1rem)}}[data-ui-action-sheet]>[data-part-header]{border-block-end:var(--_rule-size) solid var(--_rule);display:grid;padding-block:var(--slotted-space-6, 1rem) var(--slotted-space-5, .75rem);padding-inline:var(--_inset);row-gap:var(--slotted-space-1, .125rem)}[data-ui-action-sheet] [data-part-title]{color:var(--slotted-text, CanvasText);font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-md, .875rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-md, 1.5);margin:0;overflow-wrap:anywhere}[data-ui-action-sheet] [data-part-message]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);margin:0;overflow-wrap:anywhere}[data-ui-action-sheet]>[data-part-list]{--_mark: 0px;--_column-gap: 0px;align-content:start;display:grid;grid-auto-rows:max-content;grid-row:2;grid-template-columns:minmax(0,1fr);min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_list-inset)}[data-ui-action-sheet]>[data-part-list]:has([data-part-icon]){--_mark: var(--_icon-size);--_column-gap: var(--_gap)}[data-ui-action-sheet]:not(:has(>[data-part-footer]))>[data-part-list]{padding-block-end:calc(var(--slotted-space-2, .25rem) + env(safe-area-inset-bottom,0px))}[data-ui-action-sheet] [data-part-group]{display:grid;grid-auto-rows:max-content;grid-template-columns:minmax(0,1fr)}[data-ui-action-sheet] [data-part-group-label]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-sm, 1.45);padding-block:var(--slotted-space-4, .5rem) var(--slotted-space-2, .25rem);padding-inline:calc(var(--_inset) - var(--_list-inset))}[data-ui-action-sheet] [data-part-separator]{background-color:var(--_rule);block-size:var(--_rule-size);border:0;margin-block:var(--slotted-space-2, .25rem);margin-inline:0}[data-ui-action-sheet] [data-part-item]{align-content:center;appearance:none;background:transparent;border:0;box-sizing:border-box;color:var(--_accent);column-gap:var(--_column-gap);cursor:pointer;display:grid;font:inherit;font-size:var(--_label-size);grid-template-columns:var(--_mark) minmax(0,1fr);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-block-size:var(--_item-height);padding-block:var(--slotted-space-4, .5rem);padding-inline:calc(var(--_inset) - var(--_list-inset));border-radius:var(--slotted-control-radius, 6px);row-gap:var(--slotted-space-1, .125rem);text-align:start;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-action-sheet] [data-part-item]:focus{background-color:var(--_highlight);outline:none}@media(hover:hover){[data-ui-action-sheet] [data-part-item]:hover:not([data-disabled]):not([data-loading]){background-color:var(--_highlight)}}[data-ui-action-sheet] [data-part-item]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-action-sheet] [data-part-item]:active:not([data-disabled]):not([data-loading]){background-color:var(--_highlight-active)}[data-ui-action-sheet] [data-part-item][data-disabled]{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui-action-sheet] [data-part-item][data-disabled]:focus{background-color:var(--slotted-disabled-background, ButtonFace)}[data-ui-action-sheet] [data-part-item][data-loading]{cursor:progress}[data-ui-action-sheet] [data-part-icon]{--slotted-icon-size: var(--_icon-size);--slotted-spinner-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:1;grid-row:1;inline-size:var(--_icon-size);justify-content:center}[data-ui-action-sheet] [data-part-icon]>*{flex:none;font-size:var(--_icon-size)}[data-ui-action-sheet] [data-part-label]{grid-column:2;grid-row:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui-action-sheet] [data-part-description]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}[data-ui-action-sheet] [data-part-item][data-disabled]>[data-part-description]{color:inherit}[data-ui-action-sheet] [data-part-item][data-tone=accent]{--_accent: var(--slotted-tone-accent-text);--_highlight: var(--slotted-tone-accent-surface);--_highlight-active: var(--slotted-tone-accent-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=secondary]{--_accent: var(--slotted-tone-secondary-text);--_highlight: var(--slotted-tone-secondary-surface);--_highlight-active: var(--slotted-tone-secondary-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=success]{--_accent: var(--slotted-tone-success-text);--_highlight: var(--slotted-tone-success-surface);--_highlight-active: var(--slotted-tone-success-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=warning]{--_accent: var(--slotted-tone-warning-text);--_highlight: var(--slotted-tone-warning-surface);--_highlight-active: var(--slotted-tone-warning-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=danger]{--_accent: var(--slotted-tone-danger-text);--_highlight: var(--slotted-tone-danger-surface);--_highlight-active: var(--slotted-tone-danger-subtle-active)}[data-ui-action-sheet]>[data-part-footer]{background:var(--slotted-action-sheet-footer-surface, var(--slotted-surface-sunken, Canvas));border-block-start:var(--_rule-size) solid var(--_rule);display:grid;grid-row:3;padding-block:var(--slotted-space-4, .5rem) calc(var(--slotted-space-4, .5rem) + env(safe-area-inset-bottom,0px));padding-inline:var(--_inset)}[data-ui-action-sheet] [data-part-cancel]{appearance:none;background:var(--slotted-control-surface, ButtonFace);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-control-radius, 6px);box-shadow:var(--slotted-control-shadow);box-sizing:border-box;color:var(--slotted-text, CanvasText);cursor:pointer;font:inherit;font-size:var(--_label-size);font-weight:var(--slotted-font-weight-semibold, 600);inline-size:100%;line-height:var(--slotted-line-height-md, 1.5);margin:0;min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_inset);-webkit-tap-highlight-color:transparent;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}@media(hover:hover){[data-ui-action-sheet] [data-part-cancel]:hover:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}}[data-ui-action-sheet] [data-part-cancel]:active:not(:disabled){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);box-shadow:none;translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-action-sheet] [data-part-cancel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(forced-colors:active){[data-ui-action-sheet] [data-part-item]:focus{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-action-sheet] [data-part-item][data-disabled]:focus{background-color:Highlight;color:GrayText}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);opacity:1;scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}[data-ui-spinner]>svg{block-size:100%;display:block;fill:none;inline-size:100%;stroke:currentColor;stroke-width:2.25}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;rotate:-90deg;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:center}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:1 150;stroke-dashoffset:0}50%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:70 150;stroke-dashoffset:-28}to{stroke-dasharray:70 150;stroke-dashoffset:-99}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }], mount: [{ type: i0.Input, args: [{ isSignal: true, alias: "mount", required: false }] }], escape: [{ type: i0.Input, args: [{ isSignal: true, alias: "escape", required: false }] }], outsidePress: [{ type: i0.Input, args: [{ isSignal: true, alias: "outsidePress", required: false }] }], back: [{ type: i0.Input, args: [{ isSignal: true, alias: "back", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }], initialFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFocus", required: false }] }], finalFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "finalFocus", required: false }] }], openChangeRequest: [{ type: i0.Output, args: ["openChangeRequest"] }], closed: [{ type: i0.Output, args: ["closed"] }], drawer: [{ type: i0.ViewChild, args: ['drawer', { isSignal: true }] }] } });
 
 const ITEM_SELECTOR = "[data-part='item']";
@@ -347,7 +351,7 @@ class SlActionSheetTrigger {
         sheet.request(!sheet.open(), activationReason(event), undefined, event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlActionSheetTrigger, isStandalone: true, selector: "[slActionSheetTrigger]", inputs: { sheet: { classPropertyName: "sheet", publicName: "slActionSheetTrigger", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-part": "trigger", "type": "button", "aria-haspopup": "dialog" }, listeners: { "click": "press($event)" }, properties: { "attr.aria-expanded": "sheet().open()", "attr.aria-controls": "controls()", "attr.data-open": "sheet().open() ? '' : null", "attr.id": "sheet().triggerId()" } }, exportAs: ["slActionSheetTrigger"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlActionSheetTrigger, isStandalone: true, selector: "[slActionSheetTrigger]", inputs: { sheet: { classPropertyName: "sheet", publicName: "slActionSheetTrigger", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-part": "trigger", "data-part-trigger": "", "type": "button", "aria-haspopup": "dialog" }, listeners: { "click": "press($event)" }, properties: { "attr.aria-expanded": "sheet().open()", "attr.aria-controls": "controls()", "attr.data-open": "sheet().open() ? '' : null", "attr.id": "sheet().triggerId()" } }, exportAs: ["slActionSheetTrigger"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetTrigger, decorators: [{
             type: Directive,
@@ -357,6 +361,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slActionSheetTrigger',
                     host: {
                         'data-part': 'trigger',
+                        'data-part-trigger': '',
                         type: 'button',
                         'aria-haspopup': 'dialog',
                         '[attr.aria-expanded]': 'sheet().open()',
@@ -369,14 +374,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         }], propDecorators: { sheet: [{ type: i0.Input, args: [{ isSignal: true, alias: "slActionSheetTrigger", required: true }] }] } });
 class SlActionSheetHeader {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetHeader, isStandalone: true, selector: "[slActionSheetHeader]", host: { attributes: { "data-part": "header" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetHeader, isStandalone: true, selector: "[slActionSheetHeader]", host: { attributes: { "data-part": "header", "data-part-header": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetHeader, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slActionSheetHeader]',
                     standalone: true,
-                    host: { 'data-part': 'header' },
+                    host: { 'data-part': 'header', 'data-part-header': '' },
                 }]
         }] });
 /** The name of the dialog and of the list. */
@@ -389,14 +394,14 @@ class SlActionSheetTitle {
         this.sheet.hasTitle.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetTitle, isStandalone: true, selector: "[slActionSheetTitle]", host: { attributes: { "data-part": "title" }, properties: { "attr.id": "sheet.titleId()" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetTitle, isStandalone: true, selector: "[slActionSheetTitle]", host: { attributes: { "data-part": "title", "data-part-title": "" }, properties: { "attr.id": "sheet.titleId()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slActionSheetTitle]',
                     standalone: true,
-                    host: { 'data-part': 'title', '[attr.id]': 'sheet.titleId()' },
+                    host: { 'data-part': 'title', 'data-part-title': '', '[attr.id]': 'sheet.titleId()' },
                 }]
         }] });
 /** The dialog's description. */
@@ -409,14 +414,14 @@ class SlActionSheetMessage {
         this.sheet.hasMessage.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetMessage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetMessage, isStandalone: true, selector: "[slActionSheetMessage]", host: { attributes: { "data-part": "message" }, properties: { "attr.id": "sheet.messageId()" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetMessage, isStandalone: true, selector: "[slActionSheetMessage]", host: { attributes: { "data-part": "message", "data-part-message": "" }, properties: { "attr.id": "sheet.messageId()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetMessage, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slActionSheetMessage]',
                     standalone: true,
-                    host: { 'data-part': 'message', '[attr.id]': 'sheet.messageId()' },
+                    host: { 'data-part': 'message', 'data-part-message': '', '[attr.id]': 'sheet.messageId()' },
                 }]
         }] });
 /**
@@ -470,7 +475,7 @@ class SlActionSheetList {
         all[index]?.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetList, isStandalone: true, selector: "[slActionSheetList]", host: { attributes: { "data-part": "list", "role": "menu", "aria-orientation": "vertical" }, listeners: { "focusin": "onFocusIn($event)", "keydown": "onKeyDown($event)" }, properties: { "attr.aria-labelledby": "labelledBy()" } }, exportAs: ["slActionSheetList"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetList, isStandalone: true, selector: "[slActionSheetList]", host: { attributes: { "data-part": "list", "data-part-list": "", "role": "menu", "aria-orientation": "vertical" }, listeners: { "focusin": "onFocusIn($event)", "keydown": "onKeyDown($event)" }, properties: { "attr.aria-labelledby": "labelledBy()" } }, exportAs: ["slActionSheetList"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetList, decorators: [{
             type: Directive,
@@ -480,6 +485,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slActionSheetList',
                     host: {
                         'data-part': 'list',
+                        'data-part-list': '',
                         role: 'menu',
                         'aria-orientation': 'vertical',
                         '[attr.aria-labelledby]': 'labelledBy()',
@@ -491,14 +497,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 class SlActionSheetGroupLabel {
     id = uniqueId('slotted-action-sheet-group-label');
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetGroupLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetGroupLabel, isStandalone: true, selector: "[slActionSheetGroupLabel]", host: { attributes: { "data-part": "group-label" }, properties: { "id": "id" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetGroupLabel, isStandalone: true, selector: "[slActionSheetGroupLabel]", host: { attributes: { "data-part": "group-label", "data-part-group-label": "" }, properties: { "id": "id" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetGroupLabel, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slActionSheetGroupLabel]',
                     standalone: true,
-                    host: { 'data-part': 'group-label', '[id]': 'id' },
+                    host: { 'data-part': 'group-label', 'data-part-group-label': '', '[id]': 'id' },
                 }]
         }] });
 /** A run of related actions, named by the label it holds. */
@@ -506,7 +512,7 @@ class SlActionSheetGroup {
     label = contentChild(SlActionSheetGroupLabel, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlActionSheetGroup, isStandalone: true, selector: "[slActionSheetGroup]", host: { attributes: { "data-part": "group", "role": "group" }, properties: { "attr.aria-labelledby": "label()?.id ?? null" } }, queries: [{ propertyName: "label", first: true, predicate: SlActionSheetGroupLabel, descendants: true, isSignal: true }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlActionSheetGroup, isStandalone: true, selector: "[slActionSheetGroup]", host: { attributes: { "data-part": "group", "data-part-group": "", "role": "group" }, properties: { "attr.aria-labelledby": "label()?.id ?? null" } }, queries: [{ propertyName: "label", first: true, predicate: SlActionSheetGroupLabel, descendants: true, isSignal: true }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetGroup, decorators: [{
             type: Directive,
@@ -515,6 +521,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     standalone: true,
                     host: {
                         'data-part': 'group',
+                        'data-part-group': '',
                         role: 'group',
                         '[attr.aria-labelledby]': 'label()?.id ?? null',
                     },
@@ -522,41 +529,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         }], propDecorators: { label: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlActionSheetGroupLabel), { isSignal: true }] }] } });
 class SlActionSheetSeparator {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetSeparator, isStandalone: true, selector: "hr[slActionSheetSeparator]", host: { attributes: { "data-part": "separator", "role": "separator" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetSeparator, isStandalone: true, selector: "hr[slActionSheetSeparator]", host: { attributes: { "data-part": "separator", "data-part-separator": "", "role": "separator" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetSeparator, decorators: [{
             type: Directive,
             args: [{
                     selector: 'hr[slActionSheetSeparator]',
                     standalone: true,
-                    host: { 'data-part': 'separator', role: 'separator' },
+                    host: { 'data-part': 'separator', 'data-part-separator': '', role: 'separator' },
                 }]
         }] });
 /** The item's visual. Hidden from assistive technology: the label names the action. */
 class SlActionSheetItemIcon {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetItemIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetItemIcon, isStandalone: true, selector: "[slActionSheetItemIcon]", host: { attributes: { "data-part": "icon", "aria-hidden": "true" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetItemIcon, isStandalone: true, selector: "[slActionSheetItemIcon]", host: { attributes: { "data-part": "icon", "data-part-icon": "", "aria-hidden": "true" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetItemIcon, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slActionSheetItemIcon]',
                     standalone: true,
-                    host: { 'data-part': 'icon', 'aria-hidden': 'true' },
+                    host: { 'data-part': 'icon', 'data-part-icon': '', 'aria-hidden': 'true' },
                 }]
         }] });
 /** The item's second line, which describes the action rather than naming it. */
 class SlActionSheetItemDescription {
     id = uniqueId('slotted-action-sheet-description');
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetItemDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetItemDescription, isStandalone: true, selector: "[slActionSheetItemDescription]", host: { attributes: { "data-part": "description" }, properties: { "id": "id" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetItemDescription, isStandalone: true, selector: "[slActionSheetItemDescription]", host: { attributes: { "data-part": "description", "data-part-description": "" }, properties: { "id": "id" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetItemDescription, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slActionSheetItemDescription]',
                     standalone: true,
-                    host: { 'data-part': 'description', '[id]': 'id' },
+                    host: { 'data-part': 'description', 'data-part-description': '', '[id]': 'id' },
                 }]
         }] });
 /**
@@ -631,13 +638,18 @@ class SlActionSheetItem {
         this.element.closest("[data-part='panel']")?.focus({ preventScroll: true });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlActionSheetItem, isStandalone: true, selector: "button[slActionSheetItem], a[slActionSheetItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, textValue: { classPropertyName: "textValue", publicName: "textValue", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { select: "select" }, host: { attributes: { "data-part": "item", "role": "menuitem", "tabindex": "-1" }, listeners: { "click": "onClick($event)", "pointermove": "onPointerMove($event)", "pointerleave": "onPointerLeave($event)" }, properties: { "attr.type": "isLink ? null : \"button\"", "attr.aria-disabled": "inert() ? true : null", "attr.aria-busy": "loading() ? true : null", "attr.aria-describedby": "description()?.id ?? null", "attr.data-disabled": "disabled() ? \"\" : null", "attr.disabled": "null", "attr.data-loading": "loading() ? \"\" : null", "attr.data-text-value": "textValue() ?? null", "attr.data-tone": "tone() ?? null", "attr.data-value": "value() ?? null" } }, queries: [{ propertyName: "description", first: true, predicate: SlActionSheetItemDescription, descendants: true, isSignal: true }], exportAs: ["slActionSheetItem"], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlActionSheetItem, isStandalone: true, selector: "button[slActionSheetItem], a[slActionSheetItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, textValue: { classPropertyName: "textValue", publicName: "textValue", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { select: "select" }, host: { attributes: { "data-part": "item", "data-part-item": "", "role": "menuitem", "tabindex": "-1" }, listeners: { "click": "onClick($event)", "pointermove": "onPointerMove($event)", "pointerleave": "onPointerLeave($event)" }, properties: { "attr.type": "isLink ? null : \"button\"", "attr.aria-disabled": "inert() ? true : null", "attr.aria-busy": "loading() ? true : null", "attr.aria-describedby": "description()?.id ?? null", "attr.data-disabled": "disabled() ? \"\" : null", "attr.disabled": "null", "attr.data-loading": "loading() ? \"\" : null", "attr.data-text-value": "textValue() ?? null", "attr.data-tone": "tone() ?? null", "attr.data-value": "value() ?? null" } }, queries: [{ propertyName: "description", first: true, predicate: SlActionSheetItemDescription, descendants: true, isSignal: true }], exportAs: ["slActionSheetItem"], ngImport: i0, template: `
     @if (loading()) {
-      <span data-part="icon" aria-hidden="true"><span data-ui="spinner"></span></span>
+      <span data-part="icon" data-part-icon="" aria-hidden="true"
+        ><span data-ui="spinner" data-ui-spinner=""
+          ><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+            <circle cx="12" cy="12" r="8.875" />
+            <circle cx="12" cy="12" r="8.875" pathLength="100" /></svg></span
+      ></span>
     } @else {
       <ng-content select="[slActionSheetItemIcon]" />
     }
-    <span data-part="label"><ng-content /></span>
+    <span data-part="label" data-part-label=""><ng-content /></span>
     <ng-content select="[slActionSheetItemDescription]" />
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
@@ -651,6 +663,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'item',
+                        'data-part-item': '',
                         role: 'menuitem',
                         tabindex: '-1',
                         '[attr.type]': 'isLink ? null : "button"',
@@ -671,11 +684,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     },
                     template: `
     @if (loading()) {
-      <span data-part="icon" aria-hidden="true"><span data-ui="spinner"></span></span>
+      <span data-part="icon" data-part-icon="" aria-hidden="true"
+        ><span data-ui="spinner" data-ui-spinner=""
+          ><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+            <circle cx="12" cy="12" r="8.875" />
+            <circle cx="12" cy="12" r="8.875" pathLength="100" /></svg></span
+      ></span>
     } @else {
       <ng-content select="[slActionSheetItemIcon]" />
     }
-    <span data-part="label"><ng-content /></span>
+    <span data-part="label" data-part-label=""><ng-content /></span>
     <ng-content select="[slActionSheetItemDescription]" />
   `,
                 }]
@@ -683,14 +701,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 /** The band that holds the cancel. */
 class SlActionSheetFooter {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetFooter, isStandalone: true, selector: "[slActionSheetFooter]", host: { attributes: { "data-part": "footer" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetFooter, isStandalone: true, selector: "[slActionSheetFooter]", host: { attributes: { "data-part": "footer", "data-part-footer": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetFooter, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slActionSheetFooter]',
                     standalone: true,
-                    host: { 'data-part': 'footer' },
+                    host: { 'data-part': 'footer', 'data-part-footer': '' },
                 }]
         }] });
 /**
@@ -705,7 +723,7 @@ class SlActionSheetCancel {
         this.sheet.request(false, 'dismiss', undefined, event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetCancel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetCancel, isStandalone: true, selector: "button[slActionSheetCancel]", host: { attributes: { "data-part": "cancel", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "disabled": "false" } }, ngImport: i0, template: `<ng-content>{{ sheet.t('cancel') }}</ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlActionSheetCancel, isStandalone: true, selector: "button[slActionSheetCancel]", host: { attributes: { "data-part": "cancel", "data-part-cancel": "", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "disabled": "false" } }, ngImport: i0, template: `<ng-content>{{ sheet.t('cancel') }}</ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlActionSheetCancel, decorators: [{
             type: Component,
@@ -716,6 +734,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'cancel',
+                        'data-part-cancel': '',
                         type: 'button',
                         '[disabled]': 'false',
                         '(click)': 'onClick($event)',