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

package/fesm2022/slotted-angular-tabs.mjs

@@ -1,4 +1,5 @@
 import { createRovingTabindex, createRemovalFocus } from '@slotted/core/focus';
+import { createIndicator } from '@slotted/core/measure';
 import { NOT_OVERFLOWING, createScrollAffordance } from '@slotted/core/overflow';
 import { createControllable } from '@slotted/core/state';
 import * as i0 from '@angular/core';
@@ -334,6 +335,12 @@ class SlTabs {
         });
         this.affordance = affordance;
         this.overflow.set(affordance.state());
+        /** The marker the list draws under the selected tab, measured by `createIndicator`. */
+        const indicator = createIndicator(list, {
+            orientation: () => this.resolvedOrientation(),
+            part: 'marker',
+            target: () => list.querySelector(':scope > [data-part="item"][data-selected] > [data-part="tab"]'),
+        });
         /**
          * A tab arriving or leaving has to reach both handles, and neither
          * binding can be told by the other's change detection. The DOM is the
@@ -348,6 +355,7 @@ class SlTabs {
         this.syncSelection();
         this.destroyRef.onDestroy(() => {
             observer.disconnect();
+            indicator.destroy();
             removal.destroy();
             affordance.destroy();
             tabindex.destroy();
@@ -356,11 +364,12 @@ class SlTabs {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTabs, isStandalone: true, selector: "[slTabs]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, activation: { classPropertyName: "activation", publicName: "activation", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, track: { classPropertyName: "track", publicName: "track", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, mount: { classPropertyName: "mount", publicName: "mount", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", tabDismiss: "tabDismiss" }, host: { attributes: { "data-ui": "tabs", "data-part": "root" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-track": "resolvedTrack()", "attr.data-orientation": "resolvedOrientation()", "attr.data-fit": "resolvedFit()", "attr.data-activation-direction": "direction()", "attr.data-disabled": "disabled() ? '' : null", "attr.data-overflowing": "overflow().overflowing ? '' : null" } }, exportAs: ["slTabs"], ngImport: i0, template: `<ng-content />
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTabs, isStandalone: true, selector: "[slTabs]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, activation: { classPropertyName: "activation", publicName: "activation", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, track: { classPropertyName: "track", publicName: "track", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, mount: { classPropertyName: "mount", publicName: "mount", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", tabDismiss: "tabDismiss" }, host: { attributes: { "data-ui": "tabs", "data-ui-tabs": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-track": "resolvedTrack()", "attr.data-orientation": "resolvedOrientation()", "attr.data-fit": "resolvedFit()", "attr.data-activation-direction": "direction()", "attr.data-disabled": "disabled() ? '' : null", "attr.data-overflowing": "overflow().overflowing ? '' : null" } }, exportAs: ["slTabs"], ngImport: i0, template: `<ng-content />
     @if (paging()) {
       <button
         aria-hidden="true"
         data-part="scroll"
+        data-part-scroll=""
         data-direction="start"
         type="button"
         tabindex="-1"
@@ -372,6 +381,7 @@ class SlTabs {
       <button
         aria-hidden="true"
         data-part="scroll"
+        data-part-scroll=""
         data-direction="end"
         type="button"
         tabindex="-1"
@@ -380,7 +390,7 @@ class SlTabs {
       >
         <span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
       </button>
-    }`, isInline: true, styles: ["@layer slotted.components{[data-ui=tabs]{--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, .875rem);--_padding-inline: var(--slotted-control-padding-inline-md, .75rem);--_inner-gap: var(--slotted-control-gap-md, .375rem);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_list-gap: var(--slotted-space-1, .125rem);--_track-size: var(--slotted-border-width-thin, 1px);--_dismiss-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_dismiss-overhang: calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size: var(--slotted-border-width-thick, 2px);--_fade: var(--slotted-tabs-fade-size, var(--slotted-space-6, 1rem));--_marker-origin: 50%;--_marker-origin-selected: 50%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem))}[data-ui=tabs][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, .8125rem);--_padding-inline: var(--slotted-control-padding-inline-sm, .625rem);--_inner-gap: var(--slotted-control-gap-sm, .25rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=tabs][data-size=lg]{--_height: var(--slotted-control-height-lg, 40px);--_font-size: var(--slotted-control-font-size-lg, 1rem);--_padding-inline: var(--slotted-control-padding-inline-lg, 1rem);--_inner-gap: var(--slotted-control-gap-lg, .5rem);--_icon-size: var(--slotted-control-icon-size-lg, 20px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=tabs][data-orientation=vertical]{column-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem));grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}[data-ui=tabs]>[data-part=list]{align-items:stretch;display:flex;gap:var(--slotted-tabs-list-gap, var(--_list-gap));grid-column:2;grid-row:1;min-inline-size:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin}[data-ui=tabs][data-overflowing]>[data-part=list]{scrollbar-width:none}[data-ui=tabs][data-variant=line][data-track=line]>[data-part=list]{border-block-end:var(--_track-size) solid var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=tabs][data-track=none]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-track=none]>:where([data-part=list])>[data-part=item]:after{inset-block-end:0}[data-ui=tabs][data-track=none][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-track=none][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{inset-block-end:auto;inset-inline-end:0}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{justify-content:start;text-align:start}[data-ui=tabs][data-orientation=vertical]>[data-part=list]{flex-direction:column;grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part=list]{border-block-end:0;border-inline-end:var(--_track-size) solid var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=tabs][data-fit=equal]>[data-part=list]{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;overflow:visible}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>[data-part=item]{min-inline-size:0}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=tabs]>:where([data-part=list])>[data-part=item]{align-items:stretch;display:grid;grid-auto-flow:column;flex:none;position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_inner-gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:has(>[data-part=dismiss])>[data-part=tab]{padding-inline-end:0}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{min-inline-size:0;unicode-bidi:plaintext}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>:is([data-part=start],[data-part=end]){--slotted-icon-size: var(--_icon-size);align-items:center;display:inline-flex;flex:none}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset, 2px) + var(--_marker-size)))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]>[data-part=tab]{color:var(--slotted-tabs-selected-color, var(--slotted-tone-accent-text))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs]>:where([data-part=list])>[data-part=item]:after{border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);block-size:var(--_marker-size);content:\"\";inset-block-end:calc(-1 * var(--_track-size));inset-inline:0;opacity:0;pointer-events:none;position:absolute}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before{background-color:var(--slotted-tabs-hover-marker-color, var(--slotted-border-strong));transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:after{background-color:var(--slotted-tabs-marker-color, var(--slotted-tone-accent-solid));transform:scaleX(0);transform-origin:var(--_marker-origin) 50%;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):hover):before{opacity:1}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color, var(--slotted-text))}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]:after{opacity:1;transform:scale(1);transform-origin:var(--_marker-origin-selected) 50%}[data-ui=tabs][data-activation-direction=forward]{--_marker-origin: 100%;--_marker-origin-selected: 0%}[data-ui=tabs][data-activation-direction=backward]{--_marker-origin: 0%;--_marker-origin-selected: 100%}[data-ui=tabs][data-activation-direction=forward]:dir(rtl){--_marker-origin: 0%;--_marker-origin-selected: 100%}[data-ui=tabs][data-activation-direction=backward]:dir(rtl){--_marker-origin: 100%;--_marker-origin-selected: 0%}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{block-size:auto;border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:0;border-end-end-radius:var(--slotted-radius-xs, 2px);inline-size:var(--_marker-size);inset-block:0;inset-inline:auto calc(-1 * var(--_track-size))}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{transform:scaleY(0);transform-origin:50% var(--_marker-origin)}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item][data-selected]:after{transform:scale(1);transform-origin:50% var(--_marker-origin-selected)}[data-ui=tabs][data-variant=contained]>[data-part=list]{background-color:var(--slotted-tabs-contained-background, var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md, 6px);justify-self:start;max-inline-size:100%;padding:var(--slotted-space-1, .125rem)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]{border-radius:var(--slotted-radius-sm, 4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background, var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]:after{inset-block-end:var(--slotted-space-1, .125rem);inset-inline:var(--slotted-radius-sm, 4px)}[data-ui=tabs][data-variant=contained][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{inset-block:var(--slotted-radius-sm, 4px);inset-inline:auto var(--slotted-space-1, .125rem)}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;block-size:var(--_dismiss-size);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-dismiss-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_dismiss-size);justify-content:center;margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-start:max(0px,calc(var(--_inner-gap) - var(--_dismiss-overhang)));padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@media(pointer:coarse){[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):hover{background-color:var( --slotted-tabs-dismiss-hover-background, var(--slotted-tone-danger-surface) );color:var(--slotted-tabs-dismiss-hover-color, var(--slotted-tone-danger-text))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):active{background-color:var( --slotted-tabs-dismiss-active-background, var(--slotted-tone-danger-border) );color:var(--slotted-tabs-dismiss-active-color, var(--slotted-text-inverse))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>[data-part=scroll]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-scroll-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)));justify-content:center;min-block-size:var(--_height);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled)):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent)}@media(pointer:coarse){[data-ui=tabs]>[data-part=scroll]{min-block-size:max(var(--slotted-target-comfortable, 44px),var(--_height));min-inline-size:max(var(--slotted-target-comfortable, 44px),var(--_height))}}[data-ui=tabs]>[data-part=scroll][data-direction=start]{grid-column:1;grid-row:1;margin-inline-end:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem))}[data-ui=tabs]>[data-part=scroll][data-direction=end]{grid-column:3;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1}[data-ui=tabs]>[data-part=scroll][data-direction=start]>[data-ui=icon]{rotate:.5turn}[data-ui=tabs]>[data-part=scroll]:not(:disabled):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs]>[data-part=scroll]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>[data-part=scroll]: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=tabs]>[data-part=scroll]:disabled{cursor:default;visibility:hidden}[data-ui=tabs][data-orientation=vertical]>[data-part=scroll]{display:none}[data-ui=tabs]>[data-part=actions]{align-items:center;align-self:center;display:flex;grid-column:4;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1;min-inline-size:0}[data-ui=tabs][data-orientation=vertical]>[data-part=actions]{grid-column:1;grid-row:2}[data-ui=tabs]>[data-part=panel]{grid-column:1 / -1;grid-row:2;min-inline-size:0;overflow-wrap:anywhere}[data-ui=tabs][data-orientation=vertical]>[data-part=panel]{grid-column:2;grid-row:1 / -1}[data-ui=tabs]>[data-part=panel][hidden]{display:none}[data-ui=tabs]>[data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>[data-part=panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui=tabs][data-disabled][data-variant=line][data-track=line]>[data-part=list]{border-color:var(--slotted-disabled-border, GrayText)}[data-ui=tabs][data-disabled][data-variant=contained]>[data-part=list]{background-color:var(--slotted-disabled-background, Canvas)}[data-ui=tabs][data-disabled]>:where([data-part=list])>[data-part=item][data-selected]:after{background-color:var(--slotted-disabled-border)}@media(forced-colors:active){[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{border:var(--slotted-border-width-thin, 1px) solid Highlight}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    }`, isInline: true, styles: ["@layer slotted.components{[data-ui-tabs]{--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, .875rem);--_padding-inline: var(--slotted-control-padding-inline-md, .75rem);--_inner-gap: var(--slotted-control-gap-md, .375rem);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_list-gap: var(--slotted-space-1, .125rem);--_track-size: var(--slotted-border-width-thin, 1px);--_dismiss-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_dismiss-overhang: calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size: max( var(--slotted-tabs-marker-size, 3px), var(--slotted-border-width-thick, 2px) );--_marker-radius: var(--slotted-tabs-marker-radius, var(--slotted-radius-full, 9999px));--_marker-inset: var(--slotted-tabs-marker-inset, var(--_padding-inline));--_marker-offset: var(--slotted-tabs-marker-offset, 1px);--_track-color: var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder));--_fade: var(--slotted-tabs-fade-size, var(--slotted-space-6, 1rem));display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem))}[data-ui-tabs][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, .8125rem);--_padding-inline: var(--slotted-control-padding-inline-sm, .625rem);--_inner-gap: var(--slotted-control-gap-sm, .25rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui-tabs][data-size=lg]{--_height: var(--slotted-control-height-lg, 40px);--_font-size: var(--slotted-control-font-size-lg, 1rem);--_padding-inline: var(--slotted-control-padding-inline-lg, 1rem);--_inner-gap: var(--slotted-control-gap-lg, .5rem);--_icon-size: var(--slotted-control-icon-size-lg, 20px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui-tabs][data-orientation=vertical]{--_marker-inset: var(--slotted-tabs-marker-inset, 0px);column-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem));grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}[data-ui-tabs]>[data-part-list]{align-items:stretch;display:flex;gap:var(--slotted-tabs-list-gap, var(--_list-gap));grid-column:2;grid-row:1;min-inline-size:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;position:relative;scrollbar-width:thin}[data-ui-tabs][data-overflowing]>[data-part-list]{scrollbar-width:none}[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{--_track-reach: var(--_track-size);box-shadow:inset 0 calc(-1 * var(--_track-size)) 0 var(--_track-color);padding-block-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{justify-content:start;text-align:start}[data-ui-tabs][data-orientation=vertical]>[data-part-list]{flex-direction:column;grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{box-shadow:inset calc(-1 * var(--_track-size)) 0 0 var(--_track-color);padding-block-end:0;padding-inline-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]:dir(rtl)>[data-part-list]{box-shadow:inset var(--_track-size) 0 0 var(--_track-color)}[data-ui-tabs][data-fit=equal]>[data-part-list]{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;overflow:visible}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>[data-part-item]{min-inline-size:0}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-tabs]>:where([data-part-list])>[data-part-item]{align-items:stretch;display:grid;grid-auto-flow:column;flex:none;position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_inner-gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss])>[data-part-tab]{padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{min-inline-size:0;unicode-bidi:plaintext}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>:is([data-part-start],[data-part-end]){--slotted-icon-size: var(--_icon-size);align-items:center;display:inline-flex;flex:none}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color, var(--slotted-text, CanvasText))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset, 2px) + var(--_marker-size)))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-tabs]>:where([data-part-list])>[data-part-item][data-selected]>[data-part-tab]{color:var(--slotted-tabs-selected-color, var(--slotted-tone-accent-text))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{--_start-inset: var(--_marker-inset);--_end-inset: var(--_marker-inset);--_left-inset: var(--_start-inset);--_span: calc(var(--_indicator-length, 0px) - var(--_start-inset) - var(--_end-inset));--_length: max(var(--slotted-space-6, 1rem), var(--_span));background-color:var(--slotted-tabs-marker-color, var(--slotted-tone-accent-solid));block-size:var(--_marker-size);border-radius:var(--_marker-radius);inline-size:var(--_length);inset-block-end:calc(var(--_marker-lift, 0px) + var(--_marker-offset));left:calc(var(--_indicator-start, 0px) + var(--_left-inset) + (var(--_span) - var(--_length)) / 2);pointer-events:none;position:absolute}[data-ui-tabs]:dir(rtl)>:where([data-part-list])>[data-part-marker]{--_left-inset: var(--_end-inset)}[data-ui-tabs]:not([data-orientation=vertical])>[data-part-list]:has(>[data-part-item][data-selected]>[data-part-dismiss])>[data-part-marker]{--_end-inset: 0px}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][hidden]{display:none}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{--_marker-easing: var(--slotted-tabs-marker-easing, cubic-bezier(.4, 0, .2, 1));transition:left var(--slotted-duration-medium) var(--_marker-easing),top var(--slotted-duration-medium) var(--_marker-easing),inline-size var(--slotted-duration-medium) var(--_marker-easing),block-size var(--slotted-duration-medium) var(--_marker-easing)}@media(prefers-reduced-motion:reduce){[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{transition:none}}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:before{background-color:var(--slotted-tabs-hover-marker-color, var(--slotted-border-strong));block-size:var(--_marker-size);border-radius:var(--_marker-radius);content:\"\";inset-block-end:calc(var(--_marker-offset) - var(--_track-reach, 0px));inset-inline:var(--_marker-inset);min-inline-size:var(--slotted-space-6, 1rem);opacity:0;pointer-events:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-tabs]:not([data-orientation=vertical])>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss]):before{inset-inline-end:calc(2 * var(--_padding-inline) + var(--_icon-size))}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):hover):before{opacity:var(--slotted-tabs-hover-marker-opacity, .5)}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color, var(--slotted-text))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-marker]{block-size:var(--_length);inline-size:var(--_marker-size);inset-block:calc(var(--_indicator-start, 0px) + var(--_start-inset) + (var(--_span) - var(--_length)) / 2) auto;inset-inline:auto calc(var(--_marker-lift, 0px) + var(--_marker-offset))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-item]:before{block-size:auto;inline-size:var(--_marker-size);inset-block:var(--_marker-inset);inset-inline:auto calc(var(--_marker-offset) - var(--_track-reach, 0px));min-block-size:var(--slotted-space-6, 1rem);min-inline-size:0}[data-ui-tabs][data-variant=contained]>[data-part-list]{--_marker-lift: calc(2 * var(--slotted-space-1, .125rem));background-color:var(--slotted-tabs-contained-background, var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md, 6px);justify-self:start;max-inline-size:100%;padding:var(--slotted-space-1, .125rem)}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item]{border-radius:var(--slotted-radius-sm, 4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background, var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;block-size:var(--_dismiss-size);border:0;border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-tabs-dismiss-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_dismiss-size);justify-content:center;margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-start:calc(var(--_padding-inline) - var(--_dismiss-overhang));padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@media(pointer:coarse){[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):hover{background-color:var( --slotted-tabs-dismiss-hover-background, var(--slotted-tone-secondary-subtle-hover) );color:var(--slotted-tabs-dismiss-hover-color, var(--slotted-text, CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):active{background-color:var( --slotted-tabs-dismiss-active-background, var(--slotted-tone-secondary-subtle-active) );color:var(--slotted-tabs-dismiss-active-color, var(--slotted-text, CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui-tabs]>[data-part-scroll]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-scroll-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)));justify-content:center;min-block-size:var(--_height);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled)):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent)}@media(pointer:coarse){[data-ui-tabs]>[data-part-scroll]{min-block-size:max(var(--slotted-target-comfortable, 44px),var(--_height));min-inline-size:max(var(--slotted-target-comfortable, 44px),var(--_height))}}[data-ui-tabs]>[data-part-scroll][data-direction=start]{grid-column:1;grid-row:1;margin-inline-end:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=end]{grid-column:3;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1}[data-ui-tabs]>[data-part-scroll][data-direction=start]>[data-ui-icon]{rotate:.5turn}[data-ui-tabs]>[data-part-scroll]:not(:disabled):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-tabs]>[data-part-scroll]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-tabs]>[data-part-scroll]: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-tabs]>[data-part-scroll]:disabled{cursor:default;visibility:hidden}[data-ui-tabs][data-orientation=vertical]>[data-part-scroll]{display:none}[data-ui-tabs]>[data-part-actions]{align-items:center;align-self:center;display:flex;grid-column:4;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1;min-inline-size:0}[data-ui-tabs][data-orientation=vertical]>[data-part-actions]{grid-column:1;grid-row:2}[data-ui-tabs]>[data-part-panel]{grid-column:1 / -1;grid-row:2;min-inline-size:0;overflow-wrap:anywhere}[data-ui-tabs][data-orientation=vertical]>[data-part-panel]{grid-column:2;grid-row:1 / -1}[data-ui-tabs]>[data-part-panel][hidden]{display:none}[data-ui-tabs]>[data-part-panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-tabs]>[data-part-panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui-tabs][data-disabled]{--_track-color: var(--slotted-disabled-border, GrayText)}[data-ui-tabs][data-disabled][data-variant=contained]>[data-part-list]{background-color:var(--slotted-disabled-background, Canvas)}[data-ui-tabs][data-disabled]>:where([data-part-list])>[data-part-marker]{background-color:var(--slotted-disabled-border)}@media(forced-colors:active){[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{border-block-end:var(--_track-size) solid CanvasText;padding-block-end:0}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{border-block-end:0;border-inline-end:var(--_track-size) solid CanvasText;padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{background-color:Highlight;forced-color-adjust:none}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{border:var(--slotted-border-width-thin, 1px) solid Highlight}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTabs, decorators: [{
             type: Component,
@@ -389,6 +399,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       <button
         aria-hidden="true"
         data-part="scroll"
+        data-part-scroll=""
         data-direction="start"
         type="button"
         tabindex="-1"
@@ -400,6 +411,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       <button
         aria-hidden="true"
         data-part="scroll"
+        data-part-scroll=""
         data-direction="end"
         type="button"
         tabindex="-1"
@@ -410,7 +422,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       </button>
     }`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         'data-ui': 'tabs',
+                        'data-ui-tabs': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.data-size]': 'resolvedSize()',
                         '[attr.data-variant]': 'resolvedVariant()',
                         '[attr.data-track]': 'resolvedTrack()',
@@ -419,7 +433,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-activation-direction]': 'direction()',
                         '[attr.data-disabled]': "disabled() ? '' : null",
                         '[attr.data-overflowing]': "overflow().overflowing ? '' : null",
-                    }, styles: ["@layer slotted.components{[data-ui=tabs]{--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, .875rem);--_padding-inline: var(--slotted-control-padding-inline-md, .75rem);--_inner-gap: var(--slotted-control-gap-md, .375rem);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_list-gap: var(--slotted-space-1, .125rem);--_track-size: var(--slotted-border-width-thin, 1px);--_dismiss-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_dismiss-overhang: calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size: var(--slotted-border-width-thick, 2px);--_fade: var(--slotted-tabs-fade-size, var(--slotted-space-6, 1rem));--_marker-origin: 50%;--_marker-origin-selected: 50%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem))}[data-ui=tabs][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, .8125rem);--_padding-inline: var(--slotted-control-padding-inline-sm, .625rem);--_inner-gap: var(--slotted-control-gap-sm, .25rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=tabs][data-size=lg]{--_height: var(--slotted-control-height-lg, 40px);--_font-size: var(--slotted-control-font-size-lg, 1rem);--_padding-inline: var(--slotted-control-padding-inline-lg, 1rem);--_inner-gap: var(--slotted-control-gap-lg, .5rem);--_icon-size: var(--slotted-control-icon-size-lg, 20px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=tabs][data-orientation=vertical]{column-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem));grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}[data-ui=tabs]>[data-part=list]{align-items:stretch;display:flex;gap:var(--slotted-tabs-list-gap, var(--_list-gap));grid-column:2;grid-row:1;min-inline-size:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin}[data-ui=tabs][data-overflowing]>[data-part=list]{scrollbar-width:none}[data-ui=tabs][data-variant=line][data-track=line]>[data-part=list]{border-block-end:var(--_track-size) solid var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=tabs][data-track=none]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-track=none]>:where([data-part=list])>[data-part=item]:after{inset-block-end:0}[data-ui=tabs][data-track=none][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-track=none][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{inset-block-end:auto;inset-inline-end:0}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{justify-content:start;text-align:start}[data-ui=tabs][data-orientation=vertical]>[data-part=list]{flex-direction:column;grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part=list]{border-block-end:0;border-inline-end:var(--_track-size) solid var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=tabs][data-fit=equal]>[data-part=list]{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;overflow:visible}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>[data-part=item]{min-inline-size:0}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=tabs]>:where([data-part=list])>[data-part=item]{align-items:stretch;display:grid;grid-auto-flow:column;flex:none;position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_inner-gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:has(>[data-part=dismiss])>[data-part=tab]{padding-inline-end:0}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{min-inline-size:0;unicode-bidi:plaintext}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>:is([data-part=start],[data-part=end]){--slotted-icon-size: var(--_icon-size);align-items:center;display:inline-flex;flex:none}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset, 2px) + var(--_marker-size)))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]>[data-part=tab]{color:var(--slotted-tabs-selected-color, var(--slotted-tone-accent-text))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs]>:where([data-part=list])>[data-part=item]:after{border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);block-size:var(--_marker-size);content:\"\";inset-block-end:calc(-1 * var(--_track-size));inset-inline:0;opacity:0;pointer-events:none;position:absolute}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before{background-color:var(--slotted-tabs-hover-marker-color, var(--slotted-border-strong));transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:after{background-color:var(--slotted-tabs-marker-color, var(--slotted-tone-accent-solid));transform:scaleX(0);transform-origin:var(--_marker-origin) 50%;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):hover):before{opacity:1}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color, var(--slotted-text))}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]:after{opacity:1;transform:scale(1);transform-origin:var(--_marker-origin-selected) 50%}[data-ui=tabs][data-activation-direction=forward]{--_marker-origin: 100%;--_marker-origin-selected: 0%}[data-ui=tabs][data-activation-direction=backward]{--_marker-origin: 0%;--_marker-origin-selected: 100%}[data-ui=tabs][data-activation-direction=forward]:dir(rtl){--_marker-origin: 0%;--_marker-origin-selected: 100%}[data-ui=tabs][data-activation-direction=backward]:dir(rtl){--_marker-origin: 100%;--_marker-origin-selected: 0%}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{block-size:auto;border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:0;border-end-end-radius:var(--slotted-radius-xs, 2px);inline-size:var(--_marker-size);inset-block:0;inset-inline:auto calc(-1 * var(--_track-size))}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{transform:scaleY(0);transform-origin:50% var(--_marker-origin)}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item][data-selected]:after{transform:scale(1);transform-origin:50% var(--_marker-origin-selected)}[data-ui=tabs][data-variant=contained]>[data-part=list]{background-color:var(--slotted-tabs-contained-background, var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md, 6px);justify-self:start;max-inline-size:100%;padding:var(--slotted-space-1, .125rem)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]{border-radius:var(--slotted-radius-sm, 4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background, var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]:after{inset-block-end:var(--slotted-space-1, .125rem);inset-inline:var(--slotted-radius-sm, 4px)}[data-ui=tabs][data-variant=contained][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{inset-block:var(--slotted-radius-sm, 4px);inset-inline:auto var(--slotted-space-1, .125rem)}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;block-size:var(--_dismiss-size);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-dismiss-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_dismiss-size);justify-content:center;margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-start:max(0px,calc(var(--_inner-gap) - var(--_dismiss-overhang)));padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@media(pointer:coarse){[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):hover{background-color:var( --slotted-tabs-dismiss-hover-background, var(--slotted-tone-danger-surface) );color:var(--slotted-tabs-dismiss-hover-color, var(--slotted-tone-danger-text))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):active{background-color:var( --slotted-tabs-dismiss-active-background, var(--slotted-tone-danger-border) );color:var(--slotted-tabs-dismiss-active-color, var(--slotted-text-inverse))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>[data-part=scroll]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-scroll-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)));justify-content:center;min-block-size:var(--_height);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled)):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent)}@media(pointer:coarse){[data-ui=tabs]>[data-part=scroll]{min-block-size:max(var(--slotted-target-comfortable, 44px),var(--_height));min-inline-size:max(var(--slotted-target-comfortable, 44px),var(--_height))}}[data-ui=tabs]>[data-part=scroll][data-direction=start]{grid-column:1;grid-row:1;margin-inline-end:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem))}[data-ui=tabs]>[data-part=scroll][data-direction=end]{grid-column:3;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1}[data-ui=tabs]>[data-part=scroll][data-direction=start]>[data-ui=icon]{rotate:.5turn}[data-ui=tabs]>[data-part=scroll]:not(:disabled):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs]>[data-part=scroll]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>[data-part=scroll]: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=tabs]>[data-part=scroll]:disabled{cursor:default;visibility:hidden}[data-ui=tabs][data-orientation=vertical]>[data-part=scroll]{display:none}[data-ui=tabs]>[data-part=actions]{align-items:center;align-self:center;display:flex;grid-column:4;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1;min-inline-size:0}[data-ui=tabs][data-orientation=vertical]>[data-part=actions]{grid-column:1;grid-row:2}[data-ui=tabs]>[data-part=panel]{grid-column:1 / -1;grid-row:2;min-inline-size:0;overflow-wrap:anywhere}[data-ui=tabs][data-orientation=vertical]>[data-part=panel]{grid-column:2;grid-row:1 / -1}[data-ui=tabs]>[data-part=panel][hidden]{display:none}[data-ui=tabs]>[data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>[data-part=panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui=tabs][data-disabled][data-variant=line][data-track=line]>[data-part=list]{border-color:var(--slotted-disabled-border, GrayText)}[data-ui=tabs][data-disabled][data-variant=contained]>[data-part=list]{background-color:var(--slotted-disabled-background, Canvas)}[data-ui=tabs][data-disabled]>:where([data-part=list])>[data-part=item][data-selected]:after{background-color:var(--slotted-disabled-border)}@media(forced-colors:active){[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{border:var(--slotted-border-width-thin, 1px) solid Highlight}}}\n"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-tabs]{--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, .875rem);--_padding-inline: var(--slotted-control-padding-inline-md, .75rem);--_inner-gap: var(--slotted-control-gap-md, .375rem);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_list-gap: var(--slotted-space-1, .125rem);--_track-size: var(--slotted-border-width-thin, 1px);--_dismiss-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_dismiss-overhang: calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size: max( var(--slotted-tabs-marker-size, 3px), var(--slotted-border-width-thick, 2px) );--_marker-radius: var(--slotted-tabs-marker-radius, var(--slotted-radius-full, 9999px));--_marker-inset: var(--slotted-tabs-marker-inset, var(--_padding-inline));--_marker-offset: var(--slotted-tabs-marker-offset, 1px);--_track-color: var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder));--_fade: var(--slotted-tabs-fade-size, var(--slotted-space-6, 1rem));display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem))}[data-ui-tabs][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, .8125rem);--_padding-inline: var(--slotted-control-padding-inline-sm, .625rem);--_inner-gap: var(--slotted-control-gap-sm, .25rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui-tabs][data-size=lg]{--_height: var(--slotted-control-height-lg, 40px);--_font-size: var(--slotted-control-font-size-lg, 1rem);--_padding-inline: var(--slotted-control-padding-inline-lg, 1rem);--_inner-gap: var(--slotted-control-gap-lg, .5rem);--_icon-size: var(--slotted-control-icon-size-lg, 20px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui-tabs][data-orientation=vertical]{--_marker-inset: var(--slotted-tabs-marker-inset, 0px);column-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem));grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}[data-ui-tabs]>[data-part-list]{align-items:stretch;display:flex;gap:var(--slotted-tabs-list-gap, var(--_list-gap));grid-column:2;grid-row:1;min-inline-size:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;position:relative;scrollbar-width:thin}[data-ui-tabs][data-overflowing]>[data-part-list]{scrollbar-width:none}[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{--_track-reach: var(--_track-size);box-shadow:inset 0 calc(-1 * var(--_track-size)) 0 var(--_track-color);padding-block-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{justify-content:start;text-align:start}[data-ui-tabs][data-orientation=vertical]>[data-part-list]{flex-direction:column;grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{box-shadow:inset calc(-1 * var(--_track-size)) 0 0 var(--_track-color);padding-block-end:0;padding-inline-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]:dir(rtl)>[data-part-list]{box-shadow:inset var(--_track-size) 0 0 var(--_track-color)}[data-ui-tabs][data-fit=equal]>[data-part-list]{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;overflow:visible}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>[data-part-item]{min-inline-size:0}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-tabs]>:where([data-part-list])>[data-part-item]{align-items:stretch;display:grid;grid-auto-flow:column;flex:none;position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_inner-gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss])>[data-part-tab]{padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{min-inline-size:0;unicode-bidi:plaintext}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>:is([data-part-start],[data-part-end]){--slotted-icon-size: var(--_icon-size);align-items:center;display:inline-flex;flex:none}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color, var(--slotted-text, CanvasText))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset, 2px) + var(--_marker-size)))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-tabs]>:where([data-part-list])>[data-part-item][data-selected]>[data-part-tab]{color:var(--slotted-tabs-selected-color, var(--slotted-tone-accent-text))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{--_start-inset: var(--_marker-inset);--_end-inset: var(--_marker-inset);--_left-inset: var(--_start-inset);--_span: calc(var(--_indicator-length, 0px) - var(--_start-inset) - var(--_end-inset));--_length: max(var(--slotted-space-6, 1rem), var(--_span));background-color:var(--slotted-tabs-marker-color, var(--slotted-tone-accent-solid));block-size:var(--_marker-size);border-radius:var(--_marker-radius);inline-size:var(--_length);inset-block-end:calc(var(--_marker-lift, 0px) + var(--_marker-offset));left:calc(var(--_indicator-start, 0px) + var(--_left-inset) + (var(--_span) - var(--_length)) / 2);pointer-events:none;position:absolute}[data-ui-tabs]:dir(rtl)>:where([data-part-list])>[data-part-marker]{--_left-inset: var(--_end-inset)}[data-ui-tabs]:not([data-orientation=vertical])>[data-part-list]:has(>[data-part-item][data-selected]>[data-part-dismiss])>[data-part-marker]{--_end-inset: 0px}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][hidden]{display:none}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{--_marker-easing: var(--slotted-tabs-marker-easing, cubic-bezier(.4, 0, .2, 1));transition:left var(--slotted-duration-medium) var(--_marker-easing),top var(--slotted-duration-medium) var(--_marker-easing),inline-size var(--slotted-duration-medium) var(--_marker-easing),block-size var(--slotted-duration-medium) var(--_marker-easing)}@media(prefers-reduced-motion:reduce){[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{transition:none}}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:before{background-color:var(--slotted-tabs-hover-marker-color, var(--slotted-border-strong));block-size:var(--_marker-size);border-radius:var(--_marker-radius);content:\"\";inset-block-end:calc(var(--_marker-offset) - var(--_track-reach, 0px));inset-inline:var(--_marker-inset);min-inline-size:var(--slotted-space-6, 1rem);opacity:0;pointer-events:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-tabs]:not([data-orientation=vertical])>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss]):before{inset-inline-end:calc(2 * var(--_padding-inline) + var(--_icon-size))}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):hover):before{opacity:var(--slotted-tabs-hover-marker-opacity, .5)}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color, var(--slotted-text))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-marker]{block-size:var(--_length);inline-size:var(--_marker-size);inset-block:calc(var(--_indicator-start, 0px) + var(--_start-inset) + (var(--_span) - var(--_length)) / 2) auto;inset-inline:auto calc(var(--_marker-lift, 0px) + var(--_marker-offset))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-item]:before{block-size:auto;inline-size:var(--_marker-size);inset-block:var(--_marker-inset);inset-inline:auto calc(var(--_marker-offset) - var(--_track-reach, 0px));min-block-size:var(--slotted-space-6, 1rem);min-inline-size:0}[data-ui-tabs][data-variant=contained]>[data-part-list]{--_marker-lift: calc(2 * var(--slotted-space-1, .125rem));background-color:var(--slotted-tabs-contained-background, var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md, 6px);justify-self:start;max-inline-size:100%;padding:var(--slotted-space-1, .125rem)}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item]{border-radius:var(--slotted-radius-sm, 4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background, var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;block-size:var(--_dismiss-size);border:0;border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-tabs-dismiss-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_dismiss-size);justify-content:center;margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-start:calc(var(--_padding-inline) - var(--_dismiss-overhang));padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@media(pointer:coarse){[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):hover{background-color:var( --slotted-tabs-dismiss-hover-background, var(--slotted-tone-secondary-subtle-hover) );color:var(--slotted-tabs-dismiss-hover-color, var(--slotted-text, CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):active{background-color:var( --slotted-tabs-dismiss-active-background, var(--slotted-tone-secondary-subtle-active) );color:var(--slotted-tabs-dismiss-active-color, var(--slotted-text, CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui-tabs]>[data-part-scroll]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-scroll-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)));justify-content:center;min-block-size:var(--_height);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled)):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent)}@media(pointer:coarse){[data-ui-tabs]>[data-part-scroll]{min-block-size:max(var(--slotted-target-comfortable, 44px),var(--_height));min-inline-size:max(var(--slotted-target-comfortable, 44px),var(--_height))}}[data-ui-tabs]>[data-part-scroll][data-direction=start]{grid-column:1;grid-row:1;margin-inline-end:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=end]{grid-column:3;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1}[data-ui-tabs]>[data-part-scroll][data-direction=start]>[data-ui-icon]{rotate:.5turn}[data-ui-tabs]>[data-part-scroll]:not(:disabled):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-tabs]>[data-part-scroll]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-tabs]>[data-part-scroll]: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-tabs]>[data-part-scroll]:disabled{cursor:default;visibility:hidden}[data-ui-tabs][data-orientation=vertical]>[data-part-scroll]{display:none}[data-ui-tabs]>[data-part-actions]{align-items:center;align-self:center;display:flex;grid-column:4;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1;min-inline-size:0}[data-ui-tabs][data-orientation=vertical]>[data-part-actions]{grid-column:1;grid-row:2}[data-ui-tabs]>[data-part-panel]{grid-column:1 / -1;grid-row:2;min-inline-size:0;overflow-wrap:anywhere}[data-ui-tabs][data-orientation=vertical]>[data-part-panel]{grid-column:2;grid-row:1 / -1}[data-ui-tabs]>[data-part-panel][hidden]{display:none}[data-ui-tabs]>[data-part-panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-tabs]>[data-part-panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui-tabs][data-disabled]{--_track-color: var(--slotted-disabled-border, GrayText)}[data-ui-tabs][data-disabled][data-variant=contained]>[data-part-list]{background-color:var(--slotted-disabled-background, Canvas)}[data-ui-tabs][data-disabled]>:where([data-part-list])>[data-part-marker]{background-color:var(--slotted-disabled-border)}@media(forced-colors:active){[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{border-block-end:var(--_track-size) solid CanvasText;padding-block-end:0}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{border-block-end:0;border-inline-end:var(--_track-size) solid CanvasText;padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{background-color:Highlight;forced-color-adjust:none}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{border:var(--slotted-border-width-thin, 1px) solid Highlight}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], activation: [{ type: i0.Input, args: [{ isSignal: true, alias: "activation", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], track: [{ type: i0.Input, args: [{ isSignal: true, alias: "track", required: false }] }], fit: [{ type: i0.Input, args: [{ isSignal: true, alias: "fit", required: false }] }], mount: [{ type: i0.Input, args: [{ isSignal: true, alias: "mount", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], tabDismiss: [{ type: i0.Output, args: ["tabDismiss"] }] } });
 
 /**
@@ -449,7 +463,7 @@ class SlTabList {
         this.tabs.attachList(inject((ElementRef)).nativeElement);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTabList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTabList, isStandalone: true, selector: "[slTabList]", host: { attributes: { "data-part": "list", "role": "tablist", "tabindex": "-1" }, properties: { "attr.aria-orientation": "ariaOrientation()" } }, exportAs: ["slTabList"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTabList, isStandalone: true, selector: "[slTabList]", host: { attributes: { "data-part": "list", "data-part-list": "", "role": "tablist", "tabindex": "-1" }, properties: { "attr.aria-orientation": "ariaOrientation()" } }, exportAs: ["slTabList"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTabList, decorators: [{
             type: Directive,
@@ -459,6 +473,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slTabList',
                     host: {
                         'data-part': 'list',
+                        'data-part-list': '',
                         role: 'tablist',
                         tabindex: '-1',
                         '[attr.aria-orientation]': 'ariaOrientation()',
@@ -472,7 +487,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  */
 class SlTabStart {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTabStart, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTabStart, isStandalone: true, selector: "[slTabStart]", host: { attributes: { "data-part": "start" } }, exportAs: ["slTabStart"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTabStart, isStandalone: true, selector: "[slTabStart]", host: { attributes: { "data-part": "start", "data-part-start": "" } }, exportAs: ["slTabStart"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTabStart, decorators: [{
             type: Directive,
@@ -480,13 +495,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slTabStart]',
                     standalone: true,
                     exportAs: 'slTabStart',
-                    host: { 'data-part': 'start' },
+                    host: { 'data-part': 'start', 'data-part-start': '' },
                 }]
         }] });
 /** What follows the label inside a tab, such as a count. */
 class SlTabEnd {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTabEnd, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTabEnd, isStandalone: true, selector: "[slTabEnd]", host: { attributes: { "data-part": "end" } }, exportAs: ["slTabEnd"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTabEnd, isStandalone: true, selector: "[slTabEnd]", host: { attributes: { "data-part": "end", "data-part-end": "" } }, exportAs: ["slTabEnd"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTabEnd, decorators: [{
             type: Directive,
@@ -494,16 +509,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slTabEnd]',
                     standalone: true,
                     exportAs: 'slTabEnd',
-                    host: { 'data-part': 'end' },
+                    host: { 'data-part': 'end', 'data-part-end': '' },
                 }]
         }] });
 /**
  * One tab, in the box that holds it.
  *
- * The host is that box, and it is presentational for two reasons a `button`
- * cannot answer: a `button` may not contain a `button`, so a dismissible tab
- * needs somewhere to put its second control, and the marker has to span the
- * pair rather than only the label.
+ * The host is that box, and it is presentational because a `button` may not
+ * contain a `button`: a dismissible tab needs somewhere to put its second
+ * control.
  *
  * `href` makes the control an anchor, and a click carrying a modifier key is
  * left to the browser so a deep link still opens in a new browser tab.
@@ -582,14 +596,16 @@ class SlTab {
         this.tabs.dismiss(this.value(), 'pointer', event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTab, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTab, isStandalone: true, selector: "[slTab]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, dismissLabel: { classPropertyName: "dismissLabel", publicName: "dismissLabel", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item", "role": "presentation" }, properties: { "attr.data-selected": "selected() ? '' : null" } }, exportAs: ["slTab"], ngImport: i0, template: `<ng-template #content
-      ><ng-content select="[slTabStart]" /><span data-part="label"><ng-content /></span
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTab, isStandalone: true, selector: "[slTab]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, dismissLabel: { classPropertyName: "dismissLabel", publicName: "dismissLabel", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item", "data-part-item": "", "role": "presentation" }, properties: { "attr.data-selected": "selected() ? '' : null" } }, exportAs: ["slTab"], ngImport: i0, template: `<ng-template #content
+      ><ng-content select="[slTabStart]" /><span data-part="label" data-part-label=""
+        ><ng-content /></span
       ><ng-content select="[slTabEnd]"
     /></ng-template>
     @if (href(); as destination) {
       <a
         #control
         data-part="tab"
+        data-part-tab=""
         role="tab"
         [attr.id]="tabId()"
         [attr.href]="destination"
@@ -607,6 +623,7 @@ class SlTab {
       <button
         #control
         data-part="tab"
+        data-part-tab=""
         role="tab"
         type="button"
         [attr.id]="tabId()"
@@ -625,6 +642,7 @@ class SlTab {
     @if (dismissible()) {
       <button
         data-part="dismiss"
+        data-part-dismiss=""
         type="button"
         tabindex="-1"
         [attr.aria-label]="dismissLabel()"
@@ -646,13 +664,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                        whichever control the tab renders: a selecting `ng-content` repeated in
                        both branches left the button branch without its icon and its count. */
                     template: `<ng-template #content
-      ><ng-content select="[slTabStart]" /><span data-part="label"><ng-content /></span
+      ><ng-content select="[slTabStart]" /><span data-part="label" data-part-label=""
+        ><ng-content /></span
       ><ng-content select="[slTabEnd]"
     /></ng-template>
     @if (href(); as destination) {
       <a
         #control
         data-part="tab"
+        data-part-tab=""
         role="tab"
         [attr.id]="tabId()"
         [attr.href]="destination"
@@ -670,6 +690,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       <button
         #control
         data-part="tab"
+        data-part-tab=""
         role="tab"
         type="button"
         [attr.id]="tabId()"
@@ -688,6 +709,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     @if (dismissible()) {
       <button
         data-part="dismiss"
+        data-part-dismiss=""
         type="button"
         tabindex="-1"
         [attr.aria-label]="dismissLabel()"
@@ -701,6 +723,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'item',
+                        'data-part-item': '',
                         role: 'presentation',
                         '[attr.data-selected]': "selected() ? '' : null",
                     },
@@ -766,7 +789,7 @@ class SlTabPanel {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "present" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTabPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTabPanel, isStandalone: true, selector: "[slTabPanel]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-part": "panel", "role": "tabpanel", "tabindex": "0" }, properties: { "attr.id": "panelId()", "attr.aria-labelledby": "tabId()", "attr.hidden": "selected() ? null : ''" } }, queries: [{ propertyName: "content", first: true, predicate: SlTabPanelContent, isSignal: true }], exportAs: ["slTabPanel"], ngImport: i0, template: `@if (present()) {
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTabPanel, isStandalone: true, selector: "[slTabPanel]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-part": "panel", "data-part-panel": "", "role": "tabpanel", "tabindex": "0" }, properties: { "attr.id": "panelId()", "attr.aria-labelledby": "tabId()", "attr.hidden": "selected() ? null : ''" } }, queries: [{ propertyName: "content", first: true, predicate: SlTabPanelContent, isSignal: true }], exportAs: ["slTabPanel"], ngImport: i0, template: `@if (present()) {
     @if (content(); as deferred) {
       <ng-container [ngTemplateOutlet]="deferred.template" />
     } @else {
@@ -792,6 +815,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'panel',
+                        'data-part-panel': '',
                         role: 'tabpanel',
                         tabindex: '0',
                         '[attr.id]': 'panelId()',
@@ -809,7 +833,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  */
 class SlTabActions {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTabActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTabActions, isStandalone: true, selector: "[slTabActions]", host: { attributes: { "data-part": "actions" } }, exportAs: ["slTabActions"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTabActions, isStandalone: true, selector: "[slTabActions]", host: { attributes: { "data-part": "actions", "data-part-actions": "" } }, exportAs: ["slTabActions"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTabActions, decorators: [{
             type: Directive,
@@ -817,7 +841,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slTabActions]',
                     standalone: true,
                     exportAs: 'slTabActions',
-                    host: { 'data-part': 'actions' },
+                    host: { 'data-part': 'actions', 'data-part-actions': '' },
                 }]
         }] });