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

package/fesm2022/slotted-angular-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slotted-angular-card.mjs","sources":["../../card/src/card-defaults.ts","../../card/src/card.ts","../../card/src/card-actions.ts","../../card/src/card-body.ts","../../card/src/card-footer.ts","../../card/src/card-header.ts","../../card/src/card-link.ts","../../card/src/card-media.ts","../../card/src/card-selection.ts","../../card/src/slotted-angular-card.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nexport type CardOrientation = 'vertical' | 'horizontal';\n\n/** How the surface is bounded: by an edge, by elevation, or by a fill. */\nexport type CardFill = 'outline' | 'elevated' | 'subtle';\n\n/** The card's own inset. Density is the application's choice; this is not. */\nexport type CardSize = 'sm' | 'md' | 'lg';\n\nexport interface CardDefaults {\n  fill: CardFill;\n  orientation: CardOrientation;\n  size: CardSize;\n}\n\nexport const CARD_DEFAULTS = new InjectionToken<CardDefaults>('slotted card defaults', {\n  providedIn: 'root',\n  factory: () => ({ fill: 'outline', orientation: 'vertical', size: 'md' }),\n});\n\n/**\n * An application decides once how its cards are bounded and how far they are\n * inset, rather than repeating two inputs on every card. A card that states\n * either itself still wins: an explicit input is never overridden by the token.\n */\nexport function provideCardDefaults(defaults: Partial<CardDefaults>) {\n  return {\n    provide: CARD_DEFAULTS,\n    useFactory: (): CardDefaults => ({\n      fill: defaults.fill ?? 'outline',\n      orientation: defaults.orientation ?? 'vertical',\n      size: defaults.size ?? 'md',\n    }),\n  };\n}\n\n/** What a card renders as here, before it states anything of its own. */\nexport function injectCardDefaults(): CardDefaults {\n  return inject(CARD_DEFAULTS);\n}\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { injectCardDefaults } from './card-defaults';\nimport type { CardFill, CardOrientation, CardSize } from './card-defaults';\n\nexport type { CardFill, CardOrientation, CardSize } from './card-defaults';\n\n/**\n * A bounded surface that groups one subject. It claims nothing about what that\n * subject is: the directive is written on the element the page chose, so an\n * `article` with its own heading, the `li` of a list of results and the\n * `label` of a chooser are all the same card.\n *\n * The card holds no state. `selected` and `disabled` mirror state that belongs\n * to the control inside it, which is also what announces them.\n */\n@Component({\n  selector: '[slCard]',\n  standalone: true,\n  exportAs: 'slCard',\n  template: '<ng-content></ng-content>',\n  styleUrl: '../../../styles/src/card/card.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-ui': 'card',\n    'data-part': 'root',\n    '[attr.data-orientation]': 'resolvedOrientation()',\n    '[attr.data-fill]': 'resolvedFill()',\n    '[attr.data-size]': 'resolvedSize()',\n    '[attr.data-selected]': \"selected() ? '' : null\",\n    '[attr.data-disabled]': \"disabled() ? '' : null\",\n  },\n})\nexport class SlCard {\n  /**\n   * `horizontal` puts the media beside the regions and answers the card's own\n   * inline size, returning the media to the top in a narrow container.\n   */\n  readonly orientation = input<CardOrientation>();\n  /** How the surface is bounded. Falls back to the injected default. */\n  readonly fill = input<CardFill>();\n  /** The card's own inset. Falls back to the injected default. */\n  readonly size = input<CardSize>();\n  /**\n   * Mirrors a selection the page owns. The card paints it; the control inside\n   * announces it.\n   */\n  readonly selected = input(false, { transform: booleanAttribute });\n  /**\n   * Mirrors a control the page has disabled: the card dims, stops answering\n   * hover and withdraws the hit area it added. It disables nothing, because\n   * only the control inside can refuse an interaction.\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  private readonly defaults = injectCardDefaults();\n\n  protected readonly resolvedOrientation = computed(\n    () => this.orientation() ?? this.defaults.orientation,\n  );\n  protected readonly resolvedFill = computed(() => this.fill() ?? this.defaults.fill);\n  protected readonly resolvedSize = computed(() => this.size() ?? this.defaults.size);\n}\n","import { Directive } from '@angular/core';\n\n/**\n * The corner of the header: a badge, a status, a menu button. It stays on the\n * first row, so a title that wraps to two lines does not drag it down, and it\n * sits above the hit area a card link stretches, so it stays operable.\n */\n@Directive({\n  selector: '[slCardActions]',\n  standalone: true,\n  exportAs: 'slCardActions',\n  host: { 'data-part': 'actions' },\n})\nexport class SlCardActions {}\n","import { Directive } from '@angular/core';\n\n/** The content. It takes whatever a card stretched to a row height has left. */\n@Directive({\n  selector: '[slCardBody]',\n  standalone: true,\n  exportAs: 'slCardBody',\n  host: { 'data-part': 'body' },\n})\nexport class SlCardBody {}\n","import { Directive } from '@angular/core';\n\n/**\n * Actions and metadata. The footer sits above the hit area a card action\n * stretches, so a secondary action inside it stays operable.\n */\n@Directive({\n  selector: '[slCardFooter]',\n  standalone: true,\n  exportAs: 'slCardFooter',\n  host: { 'data-part': 'footer' },\n})\nexport class SlCardFooter {}\n","import { Directive } from '@angular/core';\n\n/** A title and the line that supports it. Both of them are Typography. */\n@Directive({\n  selector: '[slCardHeader]',\n  standalone: true,\n  exportAs: 'slCardHeader',\n  host: { 'data-part': 'header' },\n})\nexport class SlCardHeader {}\n","import { Directive } from '@angular/core';\n\n/**\n * The one destination a card resolves to, written on the anchor the page\n * already has. Its hit area covers the whole surface, so the card is clickable\n * without the root becoming a link: the accessible name stays the title rather\n * than every string in the card, and Enter, the context menu and middle-click\n * stay the platform's.\n *\n * A card carries at most one. Two would be two destinations for one surface.\n */\n@Directive({\n  selector: 'a[slCardLink]',\n  standalone: true,\n  exportAs: 'slCardLink',\n  host: { 'data-part': 'link' },\n})\nexport class SlCardLink {}\n","import { Directive } from '@angular/core';\n\n/**\n * Media that bleeds to the card's edge and rounds the corners it touches. It\n * clips itself, because a card that clipped its own content would cut off an\n * overlay opened inside it.\n */\n@Directive({\n  selector: '[slCardMedia]',\n  standalone: true,\n  exportAs: 'slCardMedia',\n  host: { 'data-part': 'media' },\n})\nexport class SlCardMedia {}\n","import { Directive } from '@angular/core';\n\n/**\n * The place a choice card keeps for its control: a native checkbox or radio,\n * and `slCheckbox` when the family that owns the check ships it.\n *\n * It is the slot and not the glyph. The card sizes the control from the icon\n * scale density moves, tints the platform's own check with the accent, and\n * centres it on the title's first row; what a check and a dot look like is one\n * decision, and it belongs to `checkbox`.\n *\n * The control inside keeps its own `ControlValueAccessor`, so `[(ngModel)]` and\n * a Reactive Form control both reach it untouched. The card is the `<label>`\n * around it and holds no value of its own.\n */\n@Directive({\n  selector: '[slCardSelection]',\n  standalone: true,\n  exportAs: 'slCardSelection',\n  host: { 'data-part': 'selection' },\n})\nexport class SlCardSelection {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"slotted-angular-card.mjs","sources":["../../card/src/card-defaults.ts","../../card/src/card.ts","../../card/src/card-actions.ts","../../card/src/card-body.ts","../../card/src/card-footer.ts","../../card/src/card-header.ts","../../card/src/card-link.ts","../../card/src/card-media.ts","../../card/src/card-selection.ts","../../card/src/slotted-angular-card.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nexport type CardOrientation = 'vertical' | 'horizontal';\n\n/** How the surface is bounded: by an edge, by elevation, or by a fill. */\nexport type CardFill = 'outline' | 'elevated' | 'subtle';\n\n/** The card's own inset. Density is the application's choice; this is not. */\nexport type CardSize = 'sm' | 'md' | 'lg';\n\nexport interface CardDefaults {\n  fill: CardFill;\n  orientation: CardOrientation;\n  size: CardSize;\n}\n\nexport const CARD_DEFAULTS = new InjectionToken<CardDefaults>('slotted card defaults', {\n  providedIn: 'root',\n  factory: () => ({ fill: 'outline', orientation: 'vertical', size: 'md' }),\n});\n\n/**\n * An application decides once how its cards are bounded and how far they are\n * inset, rather than repeating two inputs on every card. A card that states\n * either itself still wins: an explicit input is never overridden by the token.\n */\nexport function provideCardDefaults(defaults: Partial<CardDefaults>) {\n  return {\n    provide: CARD_DEFAULTS,\n    useFactory: (): CardDefaults => ({\n      fill: defaults.fill ?? 'outline',\n      orientation: defaults.orientation ?? 'vertical',\n      size: defaults.size ?? 'md',\n    }),\n  };\n}\n\n/** What a card renders as here, before it states anything of its own. */\nexport function injectCardDefaults(): CardDefaults {\n  return inject(CARD_DEFAULTS);\n}\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { injectCardDefaults } from './card-defaults';\nimport type { CardFill, CardOrientation, CardSize } from './card-defaults';\n\nexport type { CardFill, CardOrientation, CardSize } from './card-defaults';\n\n/**\n * A bounded surface that groups one subject. It claims nothing about what that\n * subject is: the directive is written on the element the page chose, so an\n * `article` with its own heading, the `li` of a list of results and the\n * `label` of a chooser are all the same card.\n *\n * The card holds no state. `selected` and `disabled` mirror state that belongs\n * to the control inside it, which is also what announces them.\n */\n@Component({\n  selector: '[slCard]',\n  standalone: true,\n  exportAs: 'slCard',\n  template: '<ng-content></ng-content>',\n  styleUrl: '../../../styles/src/card/card.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-ui': 'card',\n    'data-ui-card': '',\n    'data-part': 'root',\n    'data-part-root': '',\n    '[attr.data-orientation]': 'resolvedOrientation()',\n    '[attr.data-fill]': 'resolvedFill()',\n    '[attr.data-size]': 'resolvedSize()',\n    '[attr.data-selected]': \"selected() ? '' : null\",\n    '[attr.data-disabled]': \"disabled() ? '' : null\",\n  },\n})\nexport class SlCard {\n  /**\n   * `horizontal` puts the media beside the regions and answers the card's own\n   * inline size, returning the media to the top in a narrow container.\n   */\n  readonly orientation = input<CardOrientation>();\n  /** How the surface is bounded. Falls back to the injected default. */\n  readonly fill = input<CardFill>();\n  /** The card's own inset. Falls back to the injected default. */\n  readonly size = input<CardSize>();\n  /**\n   * Mirrors a selection the page owns. The card paints it; the control inside\n   * announces it.\n   */\n  readonly selected = input(false, { transform: booleanAttribute });\n  /**\n   * Mirrors a control the page has disabled: the card dims, stops answering\n   * hover and withdraws the hit area it added. It disables nothing, because\n   * only the control inside can refuse an interaction.\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  private readonly defaults = injectCardDefaults();\n\n  protected readonly resolvedOrientation = computed(\n    () => this.orientation() ?? this.defaults.orientation,\n  );\n  protected readonly resolvedFill = computed(() => this.fill() ?? this.defaults.fill);\n  protected readonly resolvedSize = computed(() => this.size() ?? this.defaults.size);\n}\n","import { Directive } from '@angular/core';\n\n/**\n * The corner of the header: a badge, a status, a menu button. It stays on the\n * first row, so a title that wraps to two lines does not drag it down, and it\n * sits above the hit area a card link stretches, so it stays operable.\n */\n@Directive({\n  selector: '[slCardActions]',\n  standalone: true,\n  exportAs: 'slCardActions',\n  host: { 'data-part': 'actions', 'data-part-actions': '' },\n})\nexport class SlCardActions {}\n","import { Directive } from '@angular/core';\n\n/** The content. It takes whatever a card stretched to a row height has left. */\n@Directive({\n  selector: '[slCardBody]',\n  standalone: true,\n  exportAs: 'slCardBody',\n  host: { 'data-part': 'body', 'data-part-body': '' },\n})\nexport class SlCardBody {}\n","import { Directive } from '@angular/core';\n\n/**\n * Actions and metadata. The footer sits above the hit area a card action\n * stretches, so a secondary action inside it stays operable.\n */\n@Directive({\n  selector: '[slCardFooter]',\n  standalone: true,\n  exportAs: 'slCardFooter',\n  host: { 'data-part': 'footer', 'data-part-footer': '' },\n})\nexport class SlCardFooter {}\n","import { Directive } from '@angular/core';\n\n/** A title and the line that supports it. Both of them are Typography. */\n@Directive({\n  selector: '[slCardHeader]',\n  standalone: true,\n  exportAs: 'slCardHeader',\n  host: { 'data-part': 'header', 'data-part-header': '' },\n})\nexport class SlCardHeader {}\n","import { Directive } from '@angular/core';\n\n/**\n * The one destination a card resolves to, written on the anchor the page\n * already has. Its hit area covers the whole surface, so the card is clickable\n * without the root becoming a link: the accessible name stays the title rather\n * than every string in the card, and Enter, the context menu and middle-click\n * stay the platform's.\n *\n * A card carries at most one. Two would be two destinations for one surface.\n */\n@Directive({\n  selector: 'a[slCardLink]',\n  standalone: true,\n  exportAs: 'slCardLink',\n  host: { 'data-part': 'link', 'data-part-link': '' },\n})\nexport class SlCardLink {}\n","import { Directive } from '@angular/core';\n\n/**\n * Media that bleeds to the card's edge and rounds the corners it touches. It\n * clips itself, because a card that clipped its own content would cut off an\n * overlay opened inside it.\n */\n@Directive({\n  selector: '[slCardMedia]',\n  standalone: true,\n  exportAs: 'slCardMedia',\n  host: { 'data-part': 'media', 'data-part-media': '' },\n})\nexport class SlCardMedia {}\n","import { Directive } from '@angular/core';\n\n/**\n * The place a choice card keeps for its control: a native checkbox or radio,\n * and `slCheckbox` when the family that owns the check ships it.\n *\n * It is the slot and not the glyph. The card sizes the control from the icon\n * scale density moves, tints the platform's own check with the accent, and\n * centres it on the title's first row; what a check and a dot look like is one\n * decision, and it belongs to `checkbox`.\n *\n * The control inside keeps its own `ControlValueAccessor`, so `[(ngModel)]` and\n * a Reactive Form control both reach it untouched. The card is the `<label>`\n * around it and holds no value of its own.\n */\n@Directive({\n  selector: '[slCardSelection]',\n  standalone: true,\n  exportAs: 'slCardSelection',\n  host: { 'data-part': 'selection', 'data-part-selection': '' },\n})\nexport class SlCardSelection {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/slotted-angular-carousel.mjs

@@ -416,13 +416,15 @@ class SlCarousel {
         this.rotation?.release('hover');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarousel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlCarousel, isStandalone: true, selector: "section[slCarousel]", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, defaultPage: { classPropertyName: "defaultPage", publicName: "defaultPage", isSignal: true, isRequired: false, transformFunction: null }, playing: { classPropertyName: "playing", publicName: "playing", isSignal: true, isRequired: false, transformFunction: null }, defaultPlaying: { classPropertyName: "defaultPlaying", publicName: "defaultPlaying", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, arrows: { classPropertyName: "arrows", publicName: "arrows", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, slidesPerView: { classPropertyName: "slidesPerView", publicName: "slidesPerView", isSignal: true, isRequired: false, transformFunction: null }, slidesPerMove: { classPropertyName: "slidesPerMove", publicName: "slidesPerMove", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange", pageRequest: "pageRequest", playingChange: "playingChange", playingRequest: "playingRequest" }, host: { attributes: { "data-ui": "carousel", "data-part": "root" }, listeners: { "focusin": "onFocusIn($event)", "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave()" }, properties: { "attr.aria-roledescription": "t('roleDescription')", "attr.data-orientation": "resolvedOrientation()", "attr.data-transition": "resolvedTransition()", "attr.data-align": "resolvedAlign()", "attr.data-arrows": "resolvedArrows()", "attr.data-size": "resolvedSize()", "attr.data-draggable": "resolvedDraggable() ? '' : null", "attr.data-dragging": "dragging() ? '' : null", "attr.data-measured": "measured() ? '' : null", "attr.data-playing": "isPlaying() ? '' : null", "attr.data-paused": "isPlaying() && held() ? '' : null", "style.--slotted-carousel-slides-per-view": "slidesPerView() ?? null", "style.--slotted-carousel-autoplay-delay": "rotates() ? delay() + 'ms' : null" } }, exportAs: ["slCarousel"], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer slotted.components{[data-ui=carousel]{--_control-size: var(--slotted-control-height-md, 34px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-carousel-gap, var(--slotted-space-6, 1rem));--_peek: var(--slotted-carousel-peek, 0px);--_per-view: var(--slotted-carousel-slides-per-view, 1);--_radius: var(--slotted-carousel-radius, var(--slotted-radius-lg, 8px));--_inset: var(--slotted-space-5, .75rem);--_scroll-duration: var(--slotted-carousel-duration, var(--slotted-duration-long));--_dot: var(--slotted-space-4, .5rem);--_dot-current: var(--slotted-space-8, 1.5rem);--_dot-air: var(--slotted-space-3, .375rem);--_line: var(--slotted-border-width-thick, 2px);--_thumbnail: var(--slotted-carousel-thumbnail-size, var(--slotted-space-12, 4rem));display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-carousel-controls-gap, var(--slotted-space-5, .75rem))}[data-ui=carousel][data-size=sm]{--_control-size: var(--slotted-control-height-sm, 30px);--_icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui=carousel][data-size=lg]{--_control-size: var(--slotted-control-height-lg, 38px);--_icon-size: var(--slotted-control-icon-size-lg, 18px)}[data-ui=carousel][data-arrows=outside]{column-gap:var(--slotted-space-4, .5rem);grid-template-columns:auto minmax(0,1fr) auto}[data-ui=carousel]>[data-part=viewport]{--_track: max( var(--slotted-carousel-slide-min-size, 0px), calc((100% - (var(--_per-view) - 1) * var(--_gap)) / var(--_per-view)) );border-radius:var(--_radius);display:grid;gap:var(--_gap);grid-area:1 / 1;grid-auto-columns:var(--_track);grid-auto-flow:column;min-inline-size:0;outline:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;padding-inline:var(--_peek);scroll-behavior:auto;scroll-padding-inline:var(--_peek);scroll-snap-type:x mandatory;scrollbar-width:none}[data-ui=carousel][data-arrows=outside]>[data-part=viewport]{grid-area:1 / 2}[data-ui=carousel]>[data-part=viewport]::-webkit-scrollbar{display:none}[data-ui=carousel]>[data-part=viewport]: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=carousel]>[data-part=viewport][data-moving]{scroll-snap-type:none}@media(hover:hover)and (pointer:fine){[data-ui=carousel][data-draggable]:not([data-transition=fade])>[data-part=viewport]{cursor:grab}}[data-ui=carousel][data-dragging]>[data-part=viewport]{cursor:grabbing;-webkit-user-select:none;user-select:none}[data-ui=carousel][data-draggable]>[data-part=viewport] img{-webkit-user-drag:none}[data-ui=carousel][data-orientation=vertical]>[data-part=viewport]{block-size:var(--slotted-carousel-viewport-size, 20rem);grid-auto-columns:100%;grid-auto-flow:row;grid-auto-rows:calc((100% - (var(--_per-view) - 1) * var(--_gap)) / var(--_per-view));overflow-x:hidden;overflow-y:auto;overscroll-behavior-block:contain;padding-block:var(--_peek);padding-inline:0;scroll-padding-block:var(--_peek);scroll-padding-inline:0;scroll-snap-type:y mandatory}[data-ui=carousel]>[data-part=viewport]>[data-part=slide]{min-block-size:0;min-inline-size:0;position:relative;scroll-snap-align:start;translate:var(--slotted-carousel-overscroll, none)}[data-ui=carousel][data-align=center]>[data-part=viewport]>[data-part=slide]{scroll-snap-align:center}[data-ui=carousel][data-measured]>[data-part=viewport]>[data-part=slide]:not([data-snap]){scroll-snap-align:none}[data-ui=carousel][data-transition=fade]>[data-part=viewport]{grid-auto-columns:100%;grid-template-areas:\"stack\";overflow:hidden;scroll-snap-type:none;touch-action:pan-y}[data-ui=carousel][data-transition=fade]>[data-part=viewport]>[data-part=slide]{grid-area:stack;opacity:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-exit, ease-in),visibility var(--slotted-duration-medium) linear;visibility:hidden}[data-ui=carousel][data-transition=fade]>[data-part=viewport]>[data-part=slide][data-current]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-enter, ease-out),visibility var(--slotted-duration-long) linear;visibility:visible}[data-ui=carousel] [data-part=previous],[data-ui=carousel] [data-part=next],[data-ui=carousel] [data-part=autoplay]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background:var(--slotted-control-surface, Field);block-size:var(--_control-size);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-text, ButtonText);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_control-size);justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui=carousel]>[data-part=previous],[data-ui=carousel]>[data-part=next]{align-self:center;grid-area:1 / 1;margin-inline:var(--_inset);z-index:1}[data-ui=carousel]>[data-part=previous]{justify-self:start}[data-ui=carousel]>[data-part=next]{justify-self:end}[data-ui=carousel][data-arrows=outside]>[data-part=previous]{grid-area:1 / 1;margin-inline:0}[data-ui=carousel][data-arrows=outside]>[data-part=next]{grid-area:1 / 3;margin-inline:0}[data-ui=carousel][data-orientation=vertical]>[data-part=previous],[data-ui=carousel][data-orientation=vertical]>[data-part=next]{justify-self:center;margin-block:var(--_inset);margin-inline:0}[data-ui=carousel][data-orientation=vertical]>[data-part=previous]{align-self:start}[data-ui=carousel][data-orientation=vertical]>[data-part=next]{align-self:end}[data-ui=carousel] [data-part=previous]>[data-ui=icon]{rotate:180deg}[data-ui=carousel][data-orientation=vertical] [data-part=previous]>[data-ui=icon]{rotate:-90deg}[data-ui=carousel][data-orientation=vertical] [data-part=next]>[data-ui=icon]{rotate:90deg}[data-ui=carousel][data-orientation=vertical] :is([data-part=previous],[data-part=next])>[data-ui=icon]:dir(rtl){scale:none}[data-ui=carousel] [data-part=previous]:hover:not([data-disabled]):not(:disabled),[data-ui=carousel] [data-part=next]:hover:not([data-disabled]):not(:disabled),[data-ui=carousel] [data-part=autoplay]:hover:not([data-disabled]):not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=carousel] [data-part=previous]:active:not([data-disabled]):not(:disabled),[data-ui=carousel] [data-part=next]:active:not([data-disabled]):not(:disabled),[data-ui=carousel] [data-part=autoplay]:active:not([data-disabled]):not(:disabled){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);box-shadow:none;scale:.94;transition-duration:var(--slotted-duration-instant)}[data-ui=carousel] [data-part=previous]:focus-visible,[data-ui=carousel] [data-part=next]:focus-visible,[data-ui=carousel] [data-part=autoplay]: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=carousel] :is([data-part=previous],[data-part=next])[data-disabled]{border-color:var(--slotted-disabled-border, GrayText);box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:default}[data-ui=carousel]>[data-part=controls]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-space-4, .5rem);grid-column:1 / -1;justify-content:center;min-inline-size:0}[data-ui=carousel][data-arrows=outside]>[data-part=controls]{grid-column:2}[data-ui=carousel]>[data-part=controls][data-placement=overlay]{align-self:end;background:var(--slotted-surface-raised, Canvas);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm, none);gap:var(--slotted-space-2, .25rem);grid-area:1 / 1;justify-self:center;margin-block-end:var(--_inset);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-3, .375rem);z-index:1}[data-ui=carousel]>[data-part=controls][data-placement=overlay]>:is([data-part=previous],[data-part=next],[data-part=autoplay]){--_control-size: var(--slotted-control-inner-size-md, 24px);background:transparent;border-color:transparent;box-shadow:none}[data-ui=carousel][data-size=sm]>[data-part=controls][data-placement=overlay]>:is([data-part=previous],[data-part=next],[data-part=autoplay]){--_control-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=carousel][data-size=lg]>[data-part=controls][data-placement=overlay]>:is([data-part=previous],[data-part=next],[data-part=autoplay]){--_control-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=carousel][data-arrows=outside]>[data-part=controls][data-placement=overlay]{grid-area:1 / 2}[data-ui=carousel]>[data-part=controls]>[data-part=indicators][data-variant=line]{flex:1 1 auto}[data-ui=carousel] [data-part=indicators]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);justify-content:center;min-inline-size:0}[data-ui=carousel] [data-part=indicator]{appearance:none;background:transparent;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--slotted-radius-full, 9999px);color:inherit;cursor:pointer;flex:none;inline-size:calc(var(--_dot) + 2 * var(--_dot-air));margin:0;padding:0;position:relative;transition:inline-size var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui=carousel] [data-part=indicator][data-current]{inline-size:calc(var(--_dot-current) + 2 * var(--_dot-air))}[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator]:before,[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator]:after{block-size:var(--_dot);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inset-block-start:calc(50% - var(--_dot) / 2);inset-inline:var(--_dot-air);position:absolute}[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator]:before{background:var(--slotted-border-strong, transparent);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator]:hover:not([data-current]):not([data-disabled]):before{background:var(--slotted-text-muted, transparent)}[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator]:active:not([data-current]):not([data-disabled]):before{background:var(--slotted-text, transparent);transition-duration:var(--slotted-duration-instant)}[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator][data-current]:before{background:var(--slotted-text, transparent)}[data-ui=carousel][data-playing] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator][data-current]:before{background:var(--slotted-border-strong, transparent)}[data-ui=carousel][data-playing] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator][data-current]:after{animation:slotted-carousel-countdown var(--slotted-carousel-autoplay-delay, var(--slotted-duration-loop-slow)) linear forwards;background:var(--slotted-text, transparent);inset-inline-end:auto}[data-ui=carousel][data-playing][data-paused] [data-part=indicators]>[data-part=indicator][data-current]:after{animation-play-state:paused}@keyframes slotted-carousel-countdown{0%{inline-size:var(--_dot)}to{inline-size:calc(100% - 2 * var(--_dot-air))}}[data-ui=carousel] [data-part=indicators][data-adaptive]>[data-part=indicator][data-distance=\"2\"]:before{scale:.66}[data-ui=carousel] [data-part=indicators][data-adaptive]>[data-part=indicator][data-distance=far]{inline-size:0;overflow:hidden}[data-ui=carousel] [data-part=indicators][data-variant=line]{gap:var(--slotted-space-2, .25rem)}[data-ui=carousel] [data-part=indicators][data-variant=line]>[data-part=indicator],[data-ui=carousel] [data-part=indicators][data-variant=line]>[data-part=indicator][data-current]{flex:1 1 0;inline-size:auto;min-inline-size:var(--slotted-target-min, 24px)}[data-ui=carousel] [data-part=indicators][data-variant=line]>[data-part=indicator]:before,[data-ui=carousel] [data-part=indicators][data-variant=line]>[data-part=indicator]:after{block-size:var(--_line);border-radius:var(--slotted-radius-full, 9999px);inset-block-start:calc(50% - var(--_line) / 2);inset-inline:0}[data-ui=carousel][data-playing] [data-part=indicators][data-variant=line]>[data-part=indicator][data-current]:after{animation-name:slotted-carousel-countdown-line}@keyframes slotted-carousel-countdown-line{0%{inline-size:0}to{inline-size:100%}}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]{gap:var(--slotted-space-4, .5rem);justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;padding:calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px));scrollbar-width:none}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator],[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator][data-current]{block-size:var(--_thumbnail);border-radius:var(--slotted-radius-md, 6px);inline-size:var(--_thumbnail);overflow:hidden;transition:none}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator]>*{block-size:100%;display:block;inline-size:100%;object-fit:cover;opacity:.6;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator]:hover:not([data-current]):not([data-disabled])>*{opacity:.85}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator][data-current]>*{opacity:1}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator]:after{border-radius:inherit;box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-border-subtle, transparent);content:\"\";inset:0;pointer-events:none;position:absolute;transition:box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator]:hover:not([data-current]):not([data-disabled]):after{box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-border-strong, transparent)}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator]:active:not([data-current]):not([data-disabled]):after{box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--slotted-border-strong, transparent);transition-duration:var(--slotted-duration-instant)}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator][data-current]:after{box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--slotted-text, transparent)}[data-ui=carousel] [data-part=indicator]: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=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator]:focus-visible{outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=carousel] [data-part=counter]{color:var(--slotted-text-muted, GrayText);font-family:var(--slotted-font-family-sans, sans-serif);font-size:var(--slotted-font-size-sm, .8125rem);font-variant-numeric:tabular-nums;line-height:var(--slotted-line-height-sm, 1.45);direction:ltr;unicode-bidi:isolate;white-space:nowrap}@media(forced-colors:active){[data-ui=carousel] [data-part=indicator]:before,[data-ui=carousel] [data-part=indicator]:after{forced-color-adjust:none}[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator][data-current]:before,[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator][data-current]:after{background:var(--slotted-tone-accent-solid, transparent)}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator][data-current]:after{box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--slotted-tone-accent-solid, transparent)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlCarousel, isStandalone: true, selector: "section[slCarousel]", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, defaultPage: { classPropertyName: "defaultPage", publicName: "defaultPage", isSignal: true, isRequired: false, transformFunction: null }, playing: { classPropertyName: "playing", publicName: "playing", isSignal: true, isRequired: false, transformFunction: null }, defaultPlaying: { classPropertyName: "defaultPlaying", publicName: "defaultPlaying", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, arrows: { classPropertyName: "arrows", publicName: "arrows", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, slidesPerView: { classPropertyName: "slidesPerView", publicName: "slidesPerView", isSignal: true, isRequired: false, transformFunction: null }, slidesPerMove: { classPropertyName: "slidesPerMove", publicName: "slidesPerMove", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange", pageRequest: "pageRequest", playingChange: "playingChange", playingRequest: "playingRequest" }, host: { attributes: { "data-ui": "carousel", "data-ui-carousel": "", "data-part": "root", "data-part-root": "" }, listeners: { "focusin": "onFocusIn($event)", "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave()" }, properties: { "attr.aria-roledescription": "t('roleDescription')", "attr.data-orientation": "resolvedOrientation()", "attr.data-transition": "resolvedTransition()", "attr.data-align": "resolvedAlign()", "attr.data-arrows": "resolvedArrows()", "attr.data-size": "resolvedSize()", "attr.data-draggable": "resolvedDraggable() ? '' : null", "attr.data-dragging": "dragging() ? '' : null", "attr.data-measured": "measured() ? '' : null", "attr.data-playing": "isPlaying() ? '' : null", "attr.data-paused": "isPlaying() && held() ? '' : null", "style.--slotted-carousel-slides-per-view": "slidesPerView() ?? null", "style.--slotted-carousel-autoplay-delay": "rotates() ? delay() + 'ms' : null" } }, exportAs: ["slCarousel"], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer slotted.components{[data-ui-carousel]{--_control-size: var(--slotted-control-height-md, 34px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-carousel-gap, var(--slotted-space-6, 1rem));--_peek: var(--slotted-carousel-peek, 0px);--_per-view: var(--slotted-carousel-slides-per-view, 1);--_radius: var(--slotted-carousel-radius, var(--slotted-radius-lg, 8px));--_inset: var(--slotted-space-5, .75rem);--_scroll-duration: var(--slotted-carousel-duration, var(--slotted-duration-long));--_dot: var(--slotted-space-4, .5rem);--_dot-current: var(--slotted-space-8, 1.5rem);--_dot-air: var(--slotted-space-3, .375rem);--_line: var(--slotted-border-width-thick, 2px);--_thumbnail: var(--slotted-carousel-thumbnail-size, var(--slotted-space-12, 4rem));display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-carousel-controls-gap, var(--slotted-space-5, .75rem))}[data-ui-carousel][data-size=sm]{--_control-size: var(--slotted-control-height-sm, 30px);--_icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui-carousel][data-size=lg]{--_control-size: var(--slotted-control-height-lg, 38px);--_icon-size: var(--slotted-control-icon-size-lg, 18px)}[data-ui-carousel][data-arrows=outside]{column-gap:var(--slotted-space-4, .5rem);grid-template-columns:auto minmax(0,1fr) auto}[data-ui-carousel]>[data-part-viewport]{--_track: max( var(--slotted-carousel-slide-min-size, 0px), calc((100% - (var(--_per-view) - 1) * var(--_gap)) / var(--_per-view)) );border-radius:var(--_radius);display:grid;gap:var(--_gap);grid-area:1 / 1;grid-auto-columns:var(--_track);grid-auto-flow:column;min-inline-size:0;outline:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;padding-inline:var(--_peek);scroll-behavior:auto;scroll-padding-inline:var(--_peek);scroll-snap-type:x mandatory;scrollbar-width:none}[data-ui-carousel][data-arrows=outside]>[data-part-viewport]{grid-area:1 / 2}[data-ui-carousel]>[data-part-viewport]::-webkit-scrollbar{display:none}[data-ui-carousel]>[data-part-viewport]: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-carousel]>[data-part-viewport][data-moving]{scroll-snap-type:none}@media(hover:hover)and (pointer:fine){[data-ui-carousel][data-draggable]:not([data-transition=fade])>[data-part-viewport]{cursor:grab}}[data-ui-carousel][data-dragging]>[data-part-viewport]{cursor:grabbing;-webkit-user-select:none;user-select:none}[data-ui-carousel][data-draggable]>[data-part-viewport] img{-webkit-user-drag:none}[data-ui-carousel][data-orientation=vertical]>[data-part-viewport]{block-size:var(--slotted-carousel-viewport-size, 20rem);grid-auto-columns:100%;grid-auto-flow:row;grid-auto-rows:calc((100% - (var(--_per-view) - 1) * var(--_gap)) / var(--_per-view));overflow-x:hidden;overflow-y:auto;overscroll-behavior-block:contain;padding-block:var(--_peek);padding-inline:0;scroll-padding-block:var(--_peek);scroll-padding-inline:0;scroll-snap-type:y mandatory}[data-ui-carousel]>[data-part-viewport]>[data-part-slide]{min-block-size:0;min-inline-size:0;position:relative;scroll-snap-align:start;translate:var(--slotted-carousel-overscroll, none)}[data-ui-carousel][data-align=center]>[data-part-viewport]>[data-part-slide]{scroll-snap-align:center}[data-ui-carousel][data-measured]>[data-part-viewport]>[data-part-slide]:not([data-snap]){scroll-snap-align:none}[data-ui-carousel][data-transition=fade]>[data-part-viewport]{grid-auto-columns:100%;grid-template-areas:\"stack\";overflow:hidden;scroll-snap-type:none;touch-action:pan-y}[data-ui-carousel][data-transition=fade]>[data-part-viewport]>[data-part-slide]{grid-area:stack;opacity:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-exit, ease-in),visibility var(--slotted-duration-medium) linear;visibility:hidden}[data-ui-carousel][data-transition=fade]>[data-part-viewport]>[data-part-slide][data-current]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-enter, ease-out),visibility var(--slotted-duration-long) linear;visibility:visible}[data-ui-carousel] [data-part-previous],[data-ui-carousel] [data-part-next],[data-ui-carousel] [data-part-autoplay]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background:var(--slotted-control-surface, Field);block-size:var(--_control-size);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-text, ButtonText);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_control-size);justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui-carousel]>[data-part-previous],[data-ui-carousel]>[data-part-next]{align-self:center;grid-area:1 / 1;margin-inline:var(--_inset);z-index:1}[data-ui-carousel]>[data-part-previous]{justify-self:start}[data-ui-carousel]>[data-part-next]{justify-self:end}[data-ui-carousel][data-arrows=outside]>[data-part-previous]{grid-area:1 / 1;margin-inline:0}[data-ui-carousel][data-arrows=outside]>[data-part-next]{grid-area:1 / 3;margin-inline:0}[data-ui-carousel][data-orientation=vertical]>[data-part-previous],[data-ui-carousel][data-orientation=vertical]>[data-part-next]{justify-self:center;margin-block:var(--_inset);margin-inline:0}[data-ui-carousel][data-orientation=vertical]>[data-part-previous]{align-self:start}[data-ui-carousel][data-orientation=vertical]>[data-part-next]{align-self:end}[data-ui-carousel] [data-part-previous]>[data-ui-icon]{rotate:180deg}[data-ui-carousel][data-orientation=vertical] [data-part-previous]>[data-ui-icon]{rotate:-90deg}[data-ui-carousel][data-orientation=vertical] [data-part-next]>[data-ui-icon]{rotate:90deg}[data-ui-carousel][data-orientation=vertical] :is([data-part-previous],[data-part-next])>[data-ui-icon]:dir(rtl){scale:none}[data-ui-carousel] [data-part-previous]:hover:not([data-disabled]):not(:disabled),[data-ui-carousel] [data-part-next]:hover:not([data-disabled]):not(:disabled),[data-ui-carousel] [data-part-autoplay]:hover:not([data-disabled]):not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui-carousel] [data-part-previous]:active:not([data-disabled]):not(:disabled),[data-ui-carousel] [data-part-next]:active:not([data-disabled]):not(:disabled),[data-ui-carousel] [data-part-autoplay]:active:not([data-disabled]):not(:disabled){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);box-shadow:none;scale:.94;transition-duration:var(--slotted-duration-instant)}[data-ui-carousel] [data-part-previous]:focus-visible,[data-ui-carousel] [data-part-next]:focus-visible,[data-ui-carousel] [data-part-autoplay]: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-carousel] :is([data-part-previous],[data-part-next])[data-disabled]{border-color:var(--slotted-disabled-border, GrayText);box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:default}[data-ui-carousel]>[data-part-controls]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-space-4, .5rem);grid-column:1 / -1;justify-content:center;min-inline-size:0}[data-ui-carousel][data-arrows=outside]>[data-part-controls]{grid-column:2}[data-ui-carousel]>[data-part-controls][data-placement=overlay]{align-self:end;background:var(--slotted-surface-raised, Canvas);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm, none);gap:var(--slotted-space-2, .25rem);grid-area:1 / 1;justify-self:center;margin-block-end:var(--_inset);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-3, .375rem);z-index:1}[data-ui-carousel]>[data-part-controls][data-placement=overlay]>:is([data-part-previous],[data-part-next],[data-part-autoplay]){--_control-size: var(--slotted-control-inner-size-md, 24px);background:transparent;border-color:transparent;box-shadow:none}[data-ui-carousel][data-size=sm]>[data-part-controls][data-placement=overlay]>:is([data-part-previous],[data-part-next],[data-part-autoplay]){--_control-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui-carousel][data-size=lg]>[data-part-controls][data-placement=overlay]>:is([data-part-previous],[data-part-next],[data-part-autoplay]){--_control-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui-carousel][data-arrows=outside]>[data-part-controls][data-placement=overlay]{grid-area:1 / 2}[data-ui-carousel]>[data-part-controls]>[data-part-indicators][data-variant=line]{flex:1 1 auto}[data-ui-carousel] [data-part-indicators]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);justify-content:center;min-inline-size:0}[data-ui-carousel] [data-part-indicator]{appearance:none;background:transparent;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--slotted-radius-full, 9999px);color:inherit;cursor:pointer;flex:none;inline-size:calc(var(--_dot) + 2 * var(--_dot-air));margin:0;padding:0;position:relative;transition:inline-size var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui-carousel] [data-part-indicator][data-current]{inline-size:calc(var(--_dot-current) + 2 * var(--_dot-air))}[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator]:before,[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator]:after{block-size:var(--_dot);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inset-block-start:calc(50% - var(--_dot) / 2);inset-inline:var(--_dot-air);position:absolute}[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator]:before{background:var(--slotted-border-strong, transparent);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator]:hover:not([data-current]):not([data-disabled]):before{background:var(--slotted-text-muted, transparent)}[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator]:active:not([data-current]):not([data-disabled]):before{background:var(--slotted-text, transparent);transition-duration:var(--slotted-duration-instant)}[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator][data-current]:before{background:var(--slotted-text, transparent)}[data-ui-carousel][data-playing] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator][data-current]:before{background:var(--slotted-border-strong, transparent)}[data-ui-carousel][data-playing] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator][data-current]:after{animation:slotted-carousel-countdown var(--slotted-carousel-autoplay-delay, var(--slotted-duration-loop-slow)) linear forwards;background:var(--slotted-text, transparent);inset-inline-end:auto}[data-ui-carousel][data-playing][data-paused] [data-part-indicators]>[data-part-indicator][data-current]:after{animation-play-state:paused}@keyframes slotted-carousel-countdown{0%{inline-size:var(--_dot)}to{inline-size:calc(100% - 2 * var(--_dot-air))}}[data-ui-carousel] [data-part-indicators][data-adaptive]>[data-part-indicator][data-distance=\"2\"]:before{scale:.66}[data-ui-carousel] [data-part-indicators][data-adaptive]>[data-part-indicator][data-distance=far]{inline-size:0;overflow:hidden}[data-ui-carousel] [data-part-indicators][data-variant=line]{gap:var(--slotted-space-2, .25rem)}[data-ui-carousel] [data-part-indicators][data-variant=line]>[data-part-indicator],[data-ui-carousel] [data-part-indicators][data-variant=line]>[data-part-indicator][data-current]{flex:1 1 0;inline-size:auto;min-inline-size:var(--slotted-target-min, 24px)}[data-ui-carousel] [data-part-indicators][data-variant=line]>[data-part-indicator]:before,[data-ui-carousel] [data-part-indicators][data-variant=line]>[data-part-indicator]:after{block-size:var(--_line);border-radius:var(--slotted-radius-full, 9999px);inset-block-start:calc(50% - var(--_line) / 2);inset-inline:0}[data-ui-carousel][data-playing] [data-part-indicators][data-variant=line]>[data-part-indicator][data-current]:after{animation-name:slotted-carousel-countdown-line}@keyframes slotted-carousel-countdown-line{0%{inline-size:0}to{inline-size:100%}}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]{gap:var(--slotted-space-4, .5rem);justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;padding:calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px));scrollbar-width:none}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator],[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator][data-current]{block-size:var(--_thumbnail);border-radius:var(--slotted-radius-md, 6px);inline-size:var(--_thumbnail);overflow:hidden;transition:none}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator]>*{block-size:100%;display:block;inline-size:100%;object-fit:cover;opacity:.6;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator]:hover:not([data-current]):not([data-disabled])>*{opacity:.85}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator][data-current]>*{opacity:1}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator]:after{border-radius:inherit;box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-border-subtle, transparent);content:\"\";inset:0;pointer-events:none;position:absolute;transition:box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator]:hover:not([data-current]):not([data-disabled]):after{box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-border-strong, transparent)}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator]:active:not([data-current]):not([data-disabled]):after{box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--slotted-border-strong, transparent);transition-duration:var(--slotted-duration-instant)}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator][data-current]:after{box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--slotted-text, transparent)}[data-ui-carousel] [data-part-indicator]: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-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator]:focus-visible{outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui-carousel] [data-part-counter]{color:var(--slotted-text-muted, GrayText);font-family:var(--slotted-font-family-sans, sans-serif);font-size:var(--slotted-font-size-sm, .8125rem);font-variant-numeric:tabular-nums;line-height:var(--slotted-line-height-sm, 1.45);direction:ltr;unicode-bidi:isolate;white-space:nowrap}@media(forced-colors:active){[data-ui-carousel] [data-part-indicator]:before,[data-ui-carousel] [data-part-indicator]:after{forced-color-adjust:none}[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator][data-current]:before,[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator][data-current]:after{background:var(--slotted-tone-accent-solid, transparent)}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator][data-current]:after{box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--slotted-tone-accent-solid, transparent)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarousel, decorators: [{
             type: Component,
             args: [{ selector: 'section[slCarousel]', standalone: true, exportAs: 'slCarousel', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         'data-ui': 'carousel',
+                        'data-ui-carousel': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.aria-roledescription]': "t('roleDescription')",
                         '[attr.data-orientation]': 'resolvedOrientation()',
                         '[attr.data-transition]': 'resolvedTransition()',
@@ -439,7 +441,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '(focusin)': 'onFocusIn($event)',
                         '(pointerenter)': 'onPointerEnter($event)',
                         '(pointerleave)': 'onPointerLeave()',
-                    }, styles: ["@layer slotted.components{[data-ui=carousel]{--_control-size: var(--slotted-control-height-md, 34px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-carousel-gap, var(--slotted-space-6, 1rem));--_peek: var(--slotted-carousel-peek, 0px);--_per-view: var(--slotted-carousel-slides-per-view, 1);--_radius: var(--slotted-carousel-radius, var(--slotted-radius-lg, 8px));--_inset: var(--slotted-space-5, .75rem);--_scroll-duration: var(--slotted-carousel-duration, var(--slotted-duration-long));--_dot: var(--slotted-space-4, .5rem);--_dot-current: var(--slotted-space-8, 1.5rem);--_dot-air: var(--slotted-space-3, .375rem);--_line: var(--slotted-border-width-thick, 2px);--_thumbnail: var(--slotted-carousel-thumbnail-size, var(--slotted-space-12, 4rem));display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-carousel-controls-gap, var(--slotted-space-5, .75rem))}[data-ui=carousel][data-size=sm]{--_control-size: var(--slotted-control-height-sm, 30px);--_icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui=carousel][data-size=lg]{--_control-size: var(--slotted-control-height-lg, 38px);--_icon-size: var(--slotted-control-icon-size-lg, 18px)}[data-ui=carousel][data-arrows=outside]{column-gap:var(--slotted-space-4, .5rem);grid-template-columns:auto minmax(0,1fr) auto}[data-ui=carousel]>[data-part=viewport]{--_track: max( var(--slotted-carousel-slide-min-size, 0px), calc((100% - (var(--_per-view) - 1) * var(--_gap)) / var(--_per-view)) );border-radius:var(--_radius);display:grid;gap:var(--_gap);grid-area:1 / 1;grid-auto-columns:var(--_track);grid-auto-flow:column;min-inline-size:0;outline:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;padding-inline:var(--_peek);scroll-behavior:auto;scroll-padding-inline:var(--_peek);scroll-snap-type:x mandatory;scrollbar-width:none}[data-ui=carousel][data-arrows=outside]>[data-part=viewport]{grid-area:1 / 2}[data-ui=carousel]>[data-part=viewport]::-webkit-scrollbar{display:none}[data-ui=carousel]>[data-part=viewport]: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=carousel]>[data-part=viewport][data-moving]{scroll-snap-type:none}@media(hover:hover)and (pointer:fine){[data-ui=carousel][data-draggable]:not([data-transition=fade])>[data-part=viewport]{cursor:grab}}[data-ui=carousel][data-dragging]>[data-part=viewport]{cursor:grabbing;-webkit-user-select:none;user-select:none}[data-ui=carousel][data-draggable]>[data-part=viewport] img{-webkit-user-drag:none}[data-ui=carousel][data-orientation=vertical]>[data-part=viewport]{block-size:var(--slotted-carousel-viewport-size, 20rem);grid-auto-columns:100%;grid-auto-flow:row;grid-auto-rows:calc((100% - (var(--_per-view) - 1) * var(--_gap)) / var(--_per-view));overflow-x:hidden;overflow-y:auto;overscroll-behavior-block:contain;padding-block:var(--_peek);padding-inline:0;scroll-padding-block:var(--_peek);scroll-padding-inline:0;scroll-snap-type:y mandatory}[data-ui=carousel]>[data-part=viewport]>[data-part=slide]{min-block-size:0;min-inline-size:0;position:relative;scroll-snap-align:start;translate:var(--slotted-carousel-overscroll, none)}[data-ui=carousel][data-align=center]>[data-part=viewport]>[data-part=slide]{scroll-snap-align:center}[data-ui=carousel][data-measured]>[data-part=viewport]>[data-part=slide]:not([data-snap]){scroll-snap-align:none}[data-ui=carousel][data-transition=fade]>[data-part=viewport]{grid-auto-columns:100%;grid-template-areas:\"stack\";overflow:hidden;scroll-snap-type:none;touch-action:pan-y}[data-ui=carousel][data-transition=fade]>[data-part=viewport]>[data-part=slide]{grid-area:stack;opacity:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-exit, ease-in),visibility var(--slotted-duration-medium) linear;visibility:hidden}[data-ui=carousel][data-transition=fade]>[data-part=viewport]>[data-part=slide][data-current]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-enter, ease-out),visibility var(--slotted-duration-long) linear;visibility:visible}[data-ui=carousel] [data-part=previous],[data-ui=carousel] [data-part=next],[data-ui=carousel] [data-part=autoplay]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background:var(--slotted-control-surface, Field);block-size:var(--_control-size);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-text, ButtonText);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_control-size);justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui=carousel]>[data-part=previous],[data-ui=carousel]>[data-part=next]{align-self:center;grid-area:1 / 1;margin-inline:var(--_inset);z-index:1}[data-ui=carousel]>[data-part=previous]{justify-self:start}[data-ui=carousel]>[data-part=next]{justify-self:end}[data-ui=carousel][data-arrows=outside]>[data-part=previous]{grid-area:1 / 1;margin-inline:0}[data-ui=carousel][data-arrows=outside]>[data-part=next]{grid-area:1 / 3;margin-inline:0}[data-ui=carousel][data-orientation=vertical]>[data-part=previous],[data-ui=carousel][data-orientation=vertical]>[data-part=next]{justify-self:center;margin-block:var(--_inset);margin-inline:0}[data-ui=carousel][data-orientation=vertical]>[data-part=previous]{align-self:start}[data-ui=carousel][data-orientation=vertical]>[data-part=next]{align-self:end}[data-ui=carousel] [data-part=previous]>[data-ui=icon]{rotate:180deg}[data-ui=carousel][data-orientation=vertical] [data-part=previous]>[data-ui=icon]{rotate:-90deg}[data-ui=carousel][data-orientation=vertical] [data-part=next]>[data-ui=icon]{rotate:90deg}[data-ui=carousel][data-orientation=vertical] :is([data-part=previous],[data-part=next])>[data-ui=icon]:dir(rtl){scale:none}[data-ui=carousel] [data-part=previous]:hover:not([data-disabled]):not(:disabled),[data-ui=carousel] [data-part=next]:hover:not([data-disabled]):not(:disabled),[data-ui=carousel] [data-part=autoplay]:hover:not([data-disabled]):not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=carousel] [data-part=previous]:active:not([data-disabled]):not(:disabled),[data-ui=carousel] [data-part=next]:active:not([data-disabled]):not(:disabled),[data-ui=carousel] [data-part=autoplay]:active:not([data-disabled]):not(:disabled){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);box-shadow:none;scale:.94;transition-duration:var(--slotted-duration-instant)}[data-ui=carousel] [data-part=previous]:focus-visible,[data-ui=carousel] [data-part=next]:focus-visible,[data-ui=carousel] [data-part=autoplay]: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=carousel] :is([data-part=previous],[data-part=next])[data-disabled]{border-color:var(--slotted-disabled-border, GrayText);box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:default}[data-ui=carousel]>[data-part=controls]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-space-4, .5rem);grid-column:1 / -1;justify-content:center;min-inline-size:0}[data-ui=carousel][data-arrows=outside]>[data-part=controls]{grid-column:2}[data-ui=carousel]>[data-part=controls][data-placement=overlay]{align-self:end;background:var(--slotted-surface-raised, Canvas);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm, none);gap:var(--slotted-space-2, .25rem);grid-area:1 / 1;justify-self:center;margin-block-end:var(--_inset);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-3, .375rem);z-index:1}[data-ui=carousel]>[data-part=controls][data-placement=overlay]>:is([data-part=previous],[data-part=next],[data-part=autoplay]){--_control-size: var(--slotted-control-inner-size-md, 24px);background:transparent;border-color:transparent;box-shadow:none}[data-ui=carousel][data-size=sm]>[data-part=controls][data-placement=overlay]>:is([data-part=previous],[data-part=next],[data-part=autoplay]){--_control-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=carousel][data-size=lg]>[data-part=controls][data-placement=overlay]>:is([data-part=previous],[data-part=next],[data-part=autoplay]){--_control-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=carousel][data-arrows=outside]>[data-part=controls][data-placement=overlay]{grid-area:1 / 2}[data-ui=carousel]>[data-part=controls]>[data-part=indicators][data-variant=line]{flex:1 1 auto}[data-ui=carousel] [data-part=indicators]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);justify-content:center;min-inline-size:0}[data-ui=carousel] [data-part=indicator]{appearance:none;background:transparent;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--slotted-radius-full, 9999px);color:inherit;cursor:pointer;flex:none;inline-size:calc(var(--_dot) + 2 * var(--_dot-air));margin:0;padding:0;position:relative;transition:inline-size var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui=carousel] [data-part=indicator][data-current]{inline-size:calc(var(--_dot-current) + 2 * var(--_dot-air))}[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator]:before,[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator]:after{block-size:var(--_dot);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inset-block-start:calc(50% - var(--_dot) / 2);inset-inline:var(--_dot-air);position:absolute}[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator]:before{background:var(--slotted-border-strong, transparent);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator]:hover:not([data-current]):not([data-disabled]):before{background:var(--slotted-text-muted, transparent)}[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator]:active:not([data-current]):not([data-disabled]):before{background:var(--slotted-text, transparent);transition-duration:var(--slotted-duration-instant)}[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator][data-current]:before{background:var(--slotted-text, transparent)}[data-ui=carousel][data-playing] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator][data-current]:before{background:var(--slotted-border-strong, transparent)}[data-ui=carousel][data-playing] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator][data-current]:after{animation:slotted-carousel-countdown var(--slotted-carousel-autoplay-delay, var(--slotted-duration-loop-slow)) linear forwards;background:var(--slotted-text, transparent);inset-inline-end:auto}[data-ui=carousel][data-playing][data-paused] [data-part=indicators]>[data-part=indicator][data-current]:after{animation-play-state:paused}@keyframes slotted-carousel-countdown{0%{inline-size:var(--_dot)}to{inline-size:calc(100% - 2 * var(--_dot-air))}}[data-ui=carousel] [data-part=indicators][data-adaptive]>[data-part=indicator][data-distance=\"2\"]:before{scale:.66}[data-ui=carousel] [data-part=indicators][data-adaptive]>[data-part=indicator][data-distance=far]{inline-size:0;overflow:hidden}[data-ui=carousel] [data-part=indicators][data-variant=line]{gap:var(--slotted-space-2, .25rem)}[data-ui=carousel] [data-part=indicators][data-variant=line]>[data-part=indicator],[data-ui=carousel] [data-part=indicators][data-variant=line]>[data-part=indicator][data-current]{flex:1 1 0;inline-size:auto;min-inline-size:var(--slotted-target-min, 24px)}[data-ui=carousel] [data-part=indicators][data-variant=line]>[data-part=indicator]:before,[data-ui=carousel] [data-part=indicators][data-variant=line]>[data-part=indicator]:after{block-size:var(--_line);border-radius:var(--slotted-radius-full, 9999px);inset-block-start:calc(50% - var(--_line) / 2);inset-inline:0}[data-ui=carousel][data-playing] [data-part=indicators][data-variant=line]>[data-part=indicator][data-current]:after{animation-name:slotted-carousel-countdown-line}@keyframes slotted-carousel-countdown-line{0%{inline-size:0}to{inline-size:100%}}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]{gap:var(--slotted-space-4, .5rem);justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;padding:calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px));scrollbar-width:none}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator],[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator][data-current]{block-size:var(--_thumbnail);border-radius:var(--slotted-radius-md, 6px);inline-size:var(--_thumbnail);overflow:hidden;transition:none}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator]>*{block-size:100%;display:block;inline-size:100%;object-fit:cover;opacity:.6;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator]:hover:not([data-current]):not([data-disabled])>*{opacity:.85}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator][data-current]>*{opacity:1}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator]:after{border-radius:inherit;box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-border-subtle, transparent);content:\"\";inset:0;pointer-events:none;position:absolute;transition:box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator]:hover:not([data-current]):not([data-disabled]):after{box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-border-strong, transparent)}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator]:active:not([data-current]):not([data-disabled]):after{box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--slotted-border-strong, transparent);transition-duration:var(--slotted-duration-instant)}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator][data-current]:after{box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--slotted-text, transparent)}[data-ui=carousel] [data-part=indicator]: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=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator]:focus-visible{outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=carousel] [data-part=counter]{color:var(--slotted-text-muted, GrayText);font-family:var(--slotted-font-family-sans, sans-serif);font-size:var(--slotted-font-size-sm, .8125rem);font-variant-numeric:tabular-nums;line-height:var(--slotted-line-height-sm, 1.45);direction:ltr;unicode-bidi:isolate;white-space:nowrap}@media(forced-colors:active){[data-ui=carousel] [data-part=indicator]:before,[data-ui=carousel] [data-part=indicator]:after{forced-color-adjust:none}[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator][data-current]:before,[data-ui=carousel] [data-part=indicators]:not([data-variant=thumbnails])>[data-part=indicator][data-current]:after{background:var(--slotted-tone-accent-solid, transparent)}[data-ui=carousel] [data-part=indicators][data-variant=thumbnails]>[data-part=indicator][data-current]:after{box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--slotted-tone-accent-solid, transparent)}}}\n"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-carousel]{--_control-size: var(--slotted-control-height-md, 34px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-carousel-gap, var(--slotted-space-6, 1rem));--_peek: var(--slotted-carousel-peek, 0px);--_per-view: var(--slotted-carousel-slides-per-view, 1);--_radius: var(--slotted-carousel-radius, var(--slotted-radius-lg, 8px));--_inset: var(--slotted-space-5, .75rem);--_scroll-duration: var(--slotted-carousel-duration, var(--slotted-duration-long));--_dot: var(--slotted-space-4, .5rem);--_dot-current: var(--slotted-space-8, 1.5rem);--_dot-air: var(--slotted-space-3, .375rem);--_line: var(--slotted-border-width-thick, 2px);--_thumbnail: var(--slotted-carousel-thumbnail-size, var(--slotted-space-12, 4rem));display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-carousel-controls-gap, var(--slotted-space-5, .75rem))}[data-ui-carousel][data-size=sm]{--_control-size: var(--slotted-control-height-sm, 30px);--_icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui-carousel][data-size=lg]{--_control-size: var(--slotted-control-height-lg, 38px);--_icon-size: var(--slotted-control-icon-size-lg, 18px)}[data-ui-carousel][data-arrows=outside]{column-gap:var(--slotted-space-4, .5rem);grid-template-columns:auto minmax(0,1fr) auto}[data-ui-carousel]>[data-part-viewport]{--_track: max( var(--slotted-carousel-slide-min-size, 0px), calc((100% - (var(--_per-view) - 1) * var(--_gap)) / var(--_per-view)) );border-radius:var(--_radius);display:grid;gap:var(--_gap);grid-area:1 / 1;grid-auto-columns:var(--_track);grid-auto-flow:column;min-inline-size:0;outline:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;padding-inline:var(--_peek);scroll-behavior:auto;scroll-padding-inline:var(--_peek);scroll-snap-type:x mandatory;scrollbar-width:none}[data-ui-carousel][data-arrows=outside]>[data-part-viewport]{grid-area:1 / 2}[data-ui-carousel]>[data-part-viewport]::-webkit-scrollbar{display:none}[data-ui-carousel]>[data-part-viewport]: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-carousel]>[data-part-viewport][data-moving]{scroll-snap-type:none}@media(hover:hover)and (pointer:fine){[data-ui-carousel][data-draggable]:not([data-transition=fade])>[data-part-viewport]{cursor:grab}}[data-ui-carousel][data-dragging]>[data-part-viewport]{cursor:grabbing;-webkit-user-select:none;user-select:none}[data-ui-carousel][data-draggable]>[data-part-viewport] img{-webkit-user-drag:none}[data-ui-carousel][data-orientation=vertical]>[data-part-viewport]{block-size:var(--slotted-carousel-viewport-size, 20rem);grid-auto-columns:100%;grid-auto-flow:row;grid-auto-rows:calc((100% - (var(--_per-view) - 1) * var(--_gap)) / var(--_per-view));overflow-x:hidden;overflow-y:auto;overscroll-behavior-block:contain;padding-block:var(--_peek);padding-inline:0;scroll-padding-block:var(--_peek);scroll-padding-inline:0;scroll-snap-type:y mandatory}[data-ui-carousel]>[data-part-viewport]>[data-part-slide]{min-block-size:0;min-inline-size:0;position:relative;scroll-snap-align:start;translate:var(--slotted-carousel-overscroll, none)}[data-ui-carousel][data-align=center]>[data-part-viewport]>[data-part-slide]{scroll-snap-align:center}[data-ui-carousel][data-measured]>[data-part-viewport]>[data-part-slide]:not([data-snap]){scroll-snap-align:none}[data-ui-carousel][data-transition=fade]>[data-part-viewport]{grid-auto-columns:100%;grid-template-areas:\"stack\";overflow:hidden;scroll-snap-type:none;touch-action:pan-y}[data-ui-carousel][data-transition=fade]>[data-part-viewport]>[data-part-slide]{grid-area:stack;opacity:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-exit, ease-in),visibility var(--slotted-duration-medium) linear;visibility:hidden}[data-ui-carousel][data-transition=fade]>[data-part-viewport]>[data-part-slide][data-current]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-enter, ease-out),visibility var(--slotted-duration-long) linear;visibility:visible}[data-ui-carousel] [data-part-previous],[data-ui-carousel] [data-part-next],[data-ui-carousel] [data-part-autoplay]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background:var(--slotted-control-surface, Field);block-size:var(--_control-size);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-text, ButtonText);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_control-size);justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui-carousel]>[data-part-previous],[data-ui-carousel]>[data-part-next]{align-self:center;grid-area:1 / 1;margin-inline:var(--_inset);z-index:1}[data-ui-carousel]>[data-part-previous]{justify-self:start}[data-ui-carousel]>[data-part-next]{justify-self:end}[data-ui-carousel][data-arrows=outside]>[data-part-previous]{grid-area:1 / 1;margin-inline:0}[data-ui-carousel][data-arrows=outside]>[data-part-next]{grid-area:1 / 3;margin-inline:0}[data-ui-carousel][data-orientation=vertical]>[data-part-previous],[data-ui-carousel][data-orientation=vertical]>[data-part-next]{justify-self:center;margin-block:var(--_inset);margin-inline:0}[data-ui-carousel][data-orientation=vertical]>[data-part-previous]{align-self:start}[data-ui-carousel][data-orientation=vertical]>[data-part-next]{align-self:end}[data-ui-carousel] [data-part-previous]>[data-ui-icon]{rotate:180deg}[data-ui-carousel][data-orientation=vertical] [data-part-previous]>[data-ui-icon]{rotate:-90deg}[data-ui-carousel][data-orientation=vertical] [data-part-next]>[data-ui-icon]{rotate:90deg}[data-ui-carousel][data-orientation=vertical] :is([data-part-previous],[data-part-next])>[data-ui-icon]:dir(rtl){scale:none}[data-ui-carousel] [data-part-previous]:hover:not([data-disabled]):not(:disabled),[data-ui-carousel] [data-part-next]:hover:not([data-disabled]):not(:disabled),[data-ui-carousel] [data-part-autoplay]:hover:not([data-disabled]):not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui-carousel] [data-part-previous]:active:not([data-disabled]):not(:disabled),[data-ui-carousel] [data-part-next]:active:not([data-disabled]):not(:disabled),[data-ui-carousel] [data-part-autoplay]:active:not([data-disabled]):not(:disabled){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);box-shadow:none;scale:.94;transition-duration:var(--slotted-duration-instant)}[data-ui-carousel] [data-part-previous]:focus-visible,[data-ui-carousel] [data-part-next]:focus-visible,[data-ui-carousel] [data-part-autoplay]: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-carousel] :is([data-part-previous],[data-part-next])[data-disabled]{border-color:var(--slotted-disabled-border, GrayText);box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:default}[data-ui-carousel]>[data-part-controls]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-space-4, .5rem);grid-column:1 / -1;justify-content:center;min-inline-size:0}[data-ui-carousel][data-arrows=outside]>[data-part-controls]{grid-column:2}[data-ui-carousel]>[data-part-controls][data-placement=overlay]{align-self:end;background:var(--slotted-surface-raised, Canvas);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm, none);gap:var(--slotted-space-2, .25rem);grid-area:1 / 1;justify-self:center;margin-block-end:var(--_inset);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-3, .375rem);z-index:1}[data-ui-carousel]>[data-part-controls][data-placement=overlay]>:is([data-part-previous],[data-part-next],[data-part-autoplay]){--_control-size: var(--slotted-control-inner-size-md, 24px);background:transparent;border-color:transparent;box-shadow:none}[data-ui-carousel][data-size=sm]>[data-part-controls][data-placement=overlay]>:is([data-part-previous],[data-part-next],[data-part-autoplay]){--_control-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui-carousel][data-size=lg]>[data-part-controls][data-placement=overlay]>:is([data-part-previous],[data-part-next],[data-part-autoplay]){--_control-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui-carousel][data-arrows=outside]>[data-part-controls][data-placement=overlay]{grid-area:1 / 2}[data-ui-carousel]>[data-part-controls]>[data-part-indicators][data-variant=line]{flex:1 1 auto}[data-ui-carousel] [data-part-indicators]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);justify-content:center;min-inline-size:0}[data-ui-carousel] [data-part-indicator]{appearance:none;background:transparent;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--slotted-radius-full, 9999px);color:inherit;cursor:pointer;flex:none;inline-size:calc(var(--_dot) + 2 * var(--_dot-air));margin:0;padding:0;position:relative;transition:inline-size var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui-carousel] [data-part-indicator][data-current]{inline-size:calc(var(--_dot-current) + 2 * var(--_dot-air))}[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator]:before,[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator]:after{block-size:var(--_dot);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inset-block-start:calc(50% - var(--_dot) / 2);inset-inline:var(--_dot-air);position:absolute}[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator]:before{background:var(--slotted-border-strong, transparent);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator]:hover:not([data-current]):not([data-disabled]):before{background:var(--slotted-text-muted, transparent)}[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator]:active:not([data-current]):not([data-disabled]):before{background:var(--slotted-text, transparent);transition-duration:var(--slotted-duration-instant)}[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator][data-current]:before{background:var(--slotted-text, transparent)}[data-ui-carousel][data-playing] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator][data-current]:before{background:var(--slotted-border-strong, transparent)}[data-ui-carousel][data-playing] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator][data-current]:after{animation:slotted-carousel-countdown var(--slotted-carousel-autoplay-delay, var(--slotted-duration-loop-slow)) linear forwards;background:var(--slotted-text, transparent);inset-inline-end:auto}[data-ui-carousel][data-playing][data-paused] [data-part-indicators]>[data-part-indicator][data-current]:after{animation-play-state:paused}@keyframes slotted-carousel-countdown{0%{inline-size:var(--_dot)}to{inline-size:calc(100% - 2 * var(--_dot-air))}}[data-ui-carousel] [data-part-indicators][data-adaptive]>[data-part-indicator][data-distance=\"2\"]:before{scale:.66}[data-ui-carousel] [data-part-indicators][data-adaptive]>[data-part-indicator][data-distance=far]{inline-size:0;overflow:hidden}[data-ui-carousel] [data-part-indicators][data-variant=line]{gap:var(--slotted-space-2, .25rem)}[data-ui-carousel] [data-part-indicators][data-variant=line]>[data-part-indicator],[data-ui-carousel] [data-part-indicators][data-variant=line]>[data-part-indicator][data-current]{flex:1 1 0;inline-size:auto;min-inline-size:var(--slotted-target-min, 24px)}[data-ui-carousel] [data-part-indicators][data-variant=line]>[data-part-indicator]:before,[data-ui-carousel] [data-part-indicators][data-variant=line]>[data-part-indicator]:after{block-size:var(--_line);border-radius:var(--slotted-radius-full, 9999px);inset-block-start:calc(50% - var(--_line) / 2);inset-inline:0}[data-ui-carousel][data-playing] [data-part-indicators][data-variant=line]>[data-part-indicator][data-current]:after{animation-name:slotted-carousel-countdown-line}@keyframes slotted-carousel-countdown-line{0%{inline-size:0}to{inline-size:100%}}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]{gap:var(--slotted-space-4, .5rem);justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;padding:calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px));scrollbar-width:none}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator],[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator][data-current]{block-size:var(--_thumbnail);border-radius:var(--slotted-radius-md, 6px);inline-size:var(--_thumbnail);overflow:hidden;transition:none}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator]>*{block-size:100%;display:block;inline-size:100%;object-fit:cover;opacity:.6;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator]:hover:not([data-current]):not([data-disabled])>*{opacity:.85}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator][data-current]>*{opacity:1}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator]:after{border-radius:inherit;box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-border-subtle, transparent);content:\"\";inset:0;pointer-events:none;position:absolute;transition:box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing, ease)}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator]:hover:not([data-current]):not([data-disabled]):after{box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-border-strong, transparent)}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator]:active:not([data-current]):not([data-disabled]):after{box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--slotted-border-strong, transparent);transition-duration:var(--slotted-duration-instant)}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator][data-current]:after{box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--slotted-text, transparent)}[data-ui-carousel] [data-part-indicator]: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-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator]:focus-visible{outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui-carousel] [data-part-counter]{color:var(--slotted-text-muted, GrayText);font-family:var(--slotted-font-family-sans, sans-serif);font-size:var(--slotted-font-size-sm, .8125rem);font-variant-numeric:tabular-nums;line-height:var(--slotted-line-height-sm, 1.45);direction:ltr;unicode-bidi:isolate;white-space:nowrap}@media(forced-colors:active){[data-ui-carousel] [data-part-indicator]:before,[data-ui-carousel] [data-part-indicator]:after{forced-color-adjust:none}[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator][data-current]:before,[data-ui-carousel] [data-part-indicators]:not([data-variant=thumbnails])>[data-part-indicator][data-current]:after{background:var(--slotted-tone-accent-solid, transparent)}[data-ui-carousel] [data-part-indicators][data-variant=thumbnails]>[data-part-indicator][data-current]:after{box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--slotted-tone-accent-solid, transparent)}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }], defaultPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPage", required: false }] }], playing: [{ type: i0.Input, args: [{ isSignal: true, alias: "playing", required: false }] }], defaultPlaying: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPlaying", required: false }] }], autoplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoplay", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], transition: [{ type: i0.Input, args: [{ isSignal: true, alias: "transition", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], arrows: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrows", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], slidesPerView: [{ type: i0.Input, args: [{ isSignal: true, alias: "slidesPerView", required: false }] }], slidesPerMove: [{ type: i0.Input, args: [{ isSignal: true, alias: "slidesPerMove", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }], pageRequest: [{ type: i0.Output, args: ["pageRequest"] }], playingChange: [{ type: i0.Output, args: ["playingChange"] }], playingRequest: [{ type: i0.Output, args: ["playingRequest"] }] } });
 
 /**
@@ -479,7 +481,7 @@ class SlCarouselViewport {
         this.carousel.go(target, 'keyboard', event, { instant: event.repeat });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarouselViewport, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlCarouselViewport, isStandalone: true, selector: "[slCarouselViewport]", host: { attributes: { "data-part": "viewport", "role": "group", "tabindex": "0" }, listeners: { "keydown": "onKeyDown($event)" }, properties: { "id": "carousel.viewportId", "attr.aria-label": "label ?? carousel.t('viewport')" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlCarouselViewport, isStandalone: true, selector: "[slCarouselViewport]", host: { attributes: { "data-part": "viewport", "data-part-viewport": "", "role": "group", "tabindex": "0" }, listeners: { "keydown": "onKeyDown($event)" }, properties: { "id": "carousel.viewportId", "attr.aria-label": "label ?? carousel.t('viewport')" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarouselViewport, decorators: [{
             type: Directive,
@@ -488,6 +490,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     standalone: true,
                     host: {
                         'data-part': 'viewport',
+                        'data-part-viewport': '',
                         role: 'group',
                         tabindex: '0',
                         '[id]': 'carousel.viewportId',
@@ -503,7 +506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 class SlCarouselSlide {
     carousel = inject(SlCarousel);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarouselSlide, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlCarouselSlide, isStandalone: true, selector: "[slCarouselSlide]", host: { attributes: { "data-part": "slide", "role": "group" }, properties: { "attr.aria-roledescription": "carousel.t('slideRoleDescription')" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlCarouselSlide, isStandalone: true, selector: "[slCarouselSlide]", host: { attributes: { "data-part": "slide", "data-part-slide": "", "role": "group" }, properties: { "attr.aria-roledescription": "carousel.t('slideRoleDescription')" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarouselSlide, decorators: [{
             type: Directive,
@@ -512,6 +515,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     standalone: true,
                     host: {
                         'data-part': 'slide',
+                        'data-part-slide': '',
                         role: 'group',
                         '[attr.aria-roledescription]': "carousel.t('slideRoleDescription')",
                     },
@@ -527,7 +531,7 @@ class SlCarouselPrevious {
         this.carousel.step(-1, activationReason(event), event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarouselPrevious, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlCarouselPrevious, isStandalone: true, selector: "button[slCarouselPrevious]", host: { attributes: { "data-part": "previous", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-controls": "carousel.viewportId", "attr.aria-label": "label ?? carousel.t('previous')", "attr.aria-disabled": "carousel.canPrevious() ? null : 'true'", "attr.data-disabled": "carousel.canPrevious() ? null : ''" } }, ngImport: i0, template: `<ng-content
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlCarouselPrevious, isStandalone: true, selector: "button[slCarouselPrevious]", host: { attributes: { "data-part": "previous", "data-part-previous": "", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-controls": "carousel.viewportId", "attr.aria-label": "label ?? carousel.t('previous')", "attr.aria-disabled": "carousel.canPrevious() ? null : 'true'", "attr.data-disabled": "carousel.canPrevious() ? null : ''" } }, ngImport: i0, template: `<ng-content
     ><span slIcon [directional]="carousel.resolvedOrientation() === 'horizontal'"
       ><svg slGlyph name="chevron-right"></svg></span
   ></ng-content>`, isInline: true, 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 });
@@ -546,6 +550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'previous',
+                        'data-part-previous': '',
                         type: 'button',
                         '[attr.aria-controls]': 'carousel.viewportId',
                         '[attr.aria-label]': "label ?? carousel.t('previous')",
@@ -565,7 +570,7 @@ class SlCarouselNext {
         this.carousel.step(1, activationReason(event), event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarouselNext, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlCarouselNext, isStandalone: true, selector: "button[slCarouselNext]", host: { attributes: { "data-part": "next", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-controls": "carousel.viewportId", "attr.aria-label": "label ?? carousel.t('next')", "attr.aria-disabled": "carousel.canNext() ? null : 'true'", "attr.data-disabled": "carousel.canNext() ? null : ''" } }, ngImport: i0, template: `<ng-content
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlCarouselNext, isStandalone: true, selector: "button[slCarouselNext]", host: { attributes: { "data-part": "next", "data-part-next": "", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-controls": "carousel.viewportId", "attr.aria-label": "label ?? carousel.t('next')", "attr.aria-disabled": "carousel.canNext() ? null : 'true'", "attr.data-disabled": "carousel.canNext() ? null : ''" } }, ngImport: i0, template: `<ng-content
     ><span slIcon [directional]="carousel.resolvedOrientation() === 'horizontal'"
       ><svg slGlyph name="chevron-right"></svg></span
   ></ng-content>`, isInline: true, 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 });
@@ -584,6 +589,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'next',
+                        'data-part-next': '',
                         type: 'button',
                         '[attr.aria-controls]': 'carousel.viewportId',
                         '[attr.aria-label]': "label ?? carousel.t('next')",
@@ -606,7 +612,7 @@ class SlCarouselAutoplay {
         this.carousel.setPlaying(!this.carousel.isPlaying(), activationReason(event), event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarouselAutoplay, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlCarouselAutoplay, isStandalone: true, selector: "button[slCarouselAutoplay]", host: { attributes: { "data-part": "autoplay", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "attr.hidden": "carousel.rotates() ? null : ''", "attr.aria-controls": "carousel.viewportId", "attr.aria-label": "label ?? carousel.t(carousel.isPlaying() ? 'stop' : 'start')" } }, ngImport: i0, template: `<ng-content
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlCarouselAutoplay, isStandalone: true, selector: "button[slCarouselAutoplay]", host: { attributes: { "data-part": "autoplay", "data-part-autoplay": "", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "attr.hidden": "carousel.rotates() ? null : ''", "attr.aria-controls": "carousel.viewportId", "attr.aria-label": "label ?? carousel.t(carousel.isPlaying() ? 'stop' : 'start')" } }, ngImport: i0, template: `<ng-content
     ><span slIcon><svg slGlyph [name]="carousel.isPlaying() ? 'pause' : 'play'"></svg></span
   ></ng-content>`, isInline: true, 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 });
 }
@@ -623,6 +629,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'autoplay',
+                        'data-part-autoplay': '',
                         type: 'button',
                         '[attr.hidden]': "carousel.rotates() ? null : ''",
                         '[attr.aria-controls]': 'carousel.viewportId',
@@ -636,7 +643,7 @@ class SlCarouselControls {
     placement = input('below', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarouselControls, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlCarouselControls, isStandalone: true, selector: "[slCarouselControls]", inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "controls" }, properties: { "attr.data-placement": "placement()" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlCarouselControls, isStandalone: true, selector: "[slCarouselControls]", inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "controls", "data-part-controls": "" }, properties: { "attr.data-placement": "placement()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarouselControls, decorators: [{
             type: Directive,
@@ -645,6 +652,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     standalone: true,
                     host: {
                         'data-part': 'controls',
+                        'data-part-controls': '',
                         '[attr.data-placement]': 'placement()',
                     },
                 }]
@@ -684,7 +692,7 @@ class SlCarouselIndicator {
         this.carousel.go(this.page(), activationReason(event), event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarouselIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlCarouselIndicator, isStandalone: true, selector: "button[slCarouselIndicator]", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-part": "indicator", "role": "tab", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-selected": "current()", "attr.aria-controls": "controls()", "attr.aria-label": "resolvedLabel()", "attr.data-current": "current() ? '' : null", "attr.data-distance": "distance()", "attr.tabindex": "current() ? 0 : -1" } }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlCarouselIndicator, isStandalone: true, selector: "button[slCarouselIndicator]", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-part": "indicator", "data-part-indicator": "", "role": "tab", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-selected": "current()", "attr.aria-controls": "controls()", "attr.aria-label": "resolvedLabel()", "attr.data-current": "current() ? '' : null", "attr.data-distance": "distance()", "attr.tabindex": "current() ? 0 : -1" } }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarouselIndicator, decorators: [{
             type: Component,
@@ -696,6 +704,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'indicator',
+                        'data-part-indicator': '',
                         role: 'tab',
                         type: 'button',
                         '[attr.aria-selected]': 'current()',
@@ -767,7 +776,7 @@ class SlCarouselIndicators {
         inject(DestroyRef).onDestroy(() => this.roving?.destroy());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarouselIndicators, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlCarouselIndicators, isStandalone: true, selector: "[slCarouselIndicators]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "indicators", "role": "tablist" }, properties: { "attr.aria-label": "label ?? carousel.t('indicators')", "attr.data-variant": "variant()", "attr.data-adaptive": "adaptive() ? '' : null" } }, queries: [{ propertyName: "custom", first: true, predicate: SlCarouselIndicatorTemplate, descendants: true, isSignal: true }], ngImport: i0, template: `@for (page of pageList(); track page) {
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlCarouselIndicators, isStandalone: true, selector: "[slCarouselIndicators]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "indicators", "data-part-indicators": "", "role": "tablist" }, properties: { "attr.aria-label": "label ?? carousel.t('indicators')", "attr.data-variant": "variant()", "attr.data-adaptive": "adaptive() ? '' : null" } }, queries: [{ propertyName: "custom", first: true, predicate: SlCarouselIndicatorTemplate, descendants: true, isSignal: true }], ngImport: i0, template: `@for (page of pageList(); track page) {
     @if (custom(); as custom) {
       <ng-container *ngTemplateOutlet="custom.template; context: { $implicit: page }" />
     } @else {
@@ -792,6 +801,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'indicators',
+                        'data-part-indicators': '',
                         role: 'tablist',
                         '[attr.aria-label]': "label ?? carousel.t('indicators')",
                         '[attr.data-variant]': 'variant()',
@@ -815,7 +825,7 @@ class SlCarouselCounter {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarouselCounter, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlCarouselCounter, isStandalone: true, selector: "[slCarouselCounter]", host: { attributes: { "data-part": "counter", "aria-hidden": "true" } }, ngImport: i0, template: '{{ text() }}', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlCarouselCounter, isStandalone: true, selector: "[slCarouselCounter]", host: { attributes: { "data-part": "counter", "data-part-counter": "", "aria-hidden": "true" } }, ngImport: i0, template: '{{ text() }}', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCarouselCounter, decorators: [{
             type: Component,
@@ -827,6 +837,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'counter',
+                        'data-part-counter': '',
                         'aria-hidden': 'true',
                     },
                 }]