@slotted/angular 0.1.0-beta.0 → 0.1.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/docs/AGENTS.snippet.md +10 -0
- package/docs/checkbox.json +7 -0
- package/docs/checkbox.md +1 -0
- package/docs/event-calendar.json +7 -0
- package/docs/event-calendar.md +1 -0
- package/docs/guidelines/README.md +27 -0
- package/docs/guidelines/async-feedback.md +108 -0
- package/docs/guidelines/browsing.md +74 -0
- package/docs/guidelines/builders.md +97 -0
- package/docs/guidelines/composition.md +129 -0
- package/docs/guidelines/conversations.md +59 -0
- package/docs/guidelines/errors-and-conflicts.md +71 -0
- package/docs/guidelines/forms.md +192 -0
- package/docs/guidelines/index.md +121 -0
- package/docs/guidelines/layout-alignment.md +95 -0
- package/docs/guidelines/ledgers.md +45 -0
- package/docs/guidelines/list-pages.md +165 -0
- package/docs/guidelines/overviews.md +66 -0
- package/docs/guidelines/own-elements.md +115 -0
- package/docs/guidelines/reading-permissions.md +55 -0
- package/docs/guidelines/record-pages.md +178 -0
- package/docs/guidelines/reports.md +123 -0
- package/docs/guidelines/shell-composition.md +94 -0
- package/docs/guidelines/workspaces.md +46 -0
- package/docs/index.md +12 -0
- package/docs/progress-indicator.json +1 -2
- package/docs/progress-indicator.md +2 -2
- package/docs/skills/build-own-element/SKILL.md +90 -0
- package/docs/skills/compose-screen/SKILL.md +76 -0
- package/docs/skills/index.md +9 -0
- package/docs/skills/review-screen/SKILL.md +70 -0
- package/docs/skills/theme-app/SKILL.md +74 -0
- package/docs/skills/waiting-states/SKILL.md +139 -0
- package/docs/stat-card.json +1 -0
- package/docs/stat-card.md +1 -1
- package/docs/tabs.json +1 -4
- package/docs/tabs.md +1 -1
- package/docs/tokens.md +424 -0
- package/fesm2022/slotted-angular-app-shell.mjs +2 -2
- package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
- package/fesm2022/slotted-angular-checkbox.mjs +11 -2
- package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
- package/fesm2022/slotted-angular-column-manager.mjs +1 -1
- package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
- package/fesm2022/slotted-angular-combobox.mjs +12 -6
- package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
- package/fesm2022/slotted-angular-dashboard-grid.mjs +18 -22
- package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-grid.mjs +6 -2
- package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-list.mjs +1 -1
- package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-drawer.mjs +5 -1
- package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
- package/fesm2022/slotted-angular-event-calendar.mjs +17 -7
- package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
- package/fesm2022/slotted-angular-loading-overlay.mjs +2 -2
- package/fesm2022/slotted-angular-markdown.mjs +1 -1
- package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
- package/fesm2022/slotted-angular-multi-select.mjs +32 -27
- package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-number-field.mjs +2 -2
- package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-progress-indicator.mjs +6 -6
- package/fesm2022/slotted-angular-select.mjs +1 -25
- package/fesm2022/slotted-angular-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-stat-card.mjs +2 -2
- package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-table.mjs +3 -3
- package/fesm2022/slotted-angular-table.mjs.map +1 -1
- package/fesm2022/slotted-angular-tabs.mjs +2 -2
- package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
- package/fesm2022/slotted-angular-transfer.mjs +1 -1
- package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
- package/fesm2022/slotted-angular-upload.mjs +2 -2
- package/package.json +3 -3
- package/types/slotted-angular-checkbox.d.ts +7 -1
- package/types/slotted-angular-checkbox.d.ts.map +1 -1
- package/types/slotted-angular-combobox.d.ts.map +1 -1
- package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
- package/types/slotted-angular-data-grid.d.ts.map +1 -1
- package/types/slotted-angular-drawer.d.ts.map +1 -1
- package/types/slotted-angular-event-calendar.d.ts +9 -2
- package/types/slotted-angular-event-calendar.d.ts.map +1 -1
- package/types/slotted-angular-multi-select.d.ts +10 -0
- package/types/slotted-angular-multi-select.d.ts.map +1 -1
- package/types/slotted-angular-select.d.ts.map +1 -1
|
@@ -380,7 +380,7 @@ class SlTabs {
|
|
|
380
380
|
>
|
|
381
381
|
<span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
|
|
382
382
|
</button>
|
|
383
|
-
}`, isInline: true, styles: ["@layer slotted.components{[data-ui=tabs]{--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, .875rem);--_padding-inline: var(--slotted-control-padding-inline-md, .75rem);--_inner-gap: var(--slotted-control-gap-md, .375rem);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_list-gap: var(--slotted-space-1, .125rem);--_track-size: var(--slotted-border-width-thin, 1px);--_dismiss-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_dismiss-overhang: calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size: var(--slotted-border-width-thick, 2px);--_fade: var(--slotted-tabs-fade-size, var(--slotted-space-6, 1rem));--_marker-origin: 50%;--_marker-origin-selected: 50%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem))}[data-ui=tabs][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, .8125rem);--_padding-inline: var(--slotted-control-padding-inline-sm, .625rem);--_inner-gap: var(--slotted-control-gap-sm, .25rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=tabs][data-size=lg]{--_height: var(--slotted-control-height-lg, 40px);--_font-size: var(--slotted-control-font-size-lg, 1rem);--_padding-inline: var(--slotted-control-padding-inline-lg, 1rem);--_inner-gap: var(--slotted-control-gap-lg, .5rem);--_icon-size: var(--slotted-control-icon-size-lg, 20px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=tabs][data-orientation=vertical]{column-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem));grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}[data-ui=tabs]>[data-part=list]{align-items:stretch;display:flex;gap:var(--slotted-tabs-list-gap, var(--_list-gap));grid-column:2;grid-row:1;min-inline-size:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin}[data-ui=tabs][data-overflowing]>[data-part=list]{scrollbar-width:none}[data-ui=tabs][data-variant=line][data-track=line]>[data-part=list]{border-block-end:var(--_track-size) solid var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=tabs][data-track=none]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-track=none]>:where([data-part=list])>[data-part=item]:after{inset-block-end:0}[data-ui=tabs][data-track=none][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-track=none][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{inset-block-end:auto;inset-inline-end:0}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{justify-content:start;text-align:start}[data-ui=tabs][data-orientation=vertical]>[data-part=list]{flex-direction:column;grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part=list]{border-block-end:0;border-inline-end:var(--_track-size) solid var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=tabs][data-fit=equal]>[data-part=list]{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;overflow:visible}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>[data-part=item]{min-inline-size:0}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=tabs]>:where([data-part=list])>[data-part=item]{align-items:stretch;display:grid;grid-auto-flow:column;flex:none;position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_inner-gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:has(>[data-part=dismiss])>[data-part=tab]{padding-inline-end:0}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{min-inline-size:0;unicode-bidi:plaintext}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>:is([data-part=start],[data-part=end]){--slotted-icon-size: var(--_icon-size);align-items:center;display:inline-flex;flex:none}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset, 2px) + var(--_marker-size)))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]>[data-part=tab]{color:var(--slotted-tabs-selected-color, var(--slotted-tone-accent-text))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs]>:where([data-part=list])>[data-part=item]:after{border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);block-size:var(--_marker-size);content:\"\";inset-block-end:calc(-1 * var(--_track-size));inset-inline:0;opacity:0;pointer-events:none;position:absolute}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before{background-color:var(--slotted-tabs-hover-marker-color, var(--slotted-border-strong));transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:after{background-color:var(--slotted-tabs-marker-color, var(--slotted-tone-accent-solid));transform:scaleX(0);transform-origin:var(--_marker-origin) 50%;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):hover):before{opacity:1}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color, var(--slotted-text))}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]:after{opacity:1;transform:scale(1);transform-origin:var(--_marker-origin-selected) 50%}[data-ui=tabs][data-activation-direction=forward]{--_marker-origin: 100%;--_marker-origin-selected: 0%}[data-ui=tabs][data-activation-direction=backward]{--_marker-origin: 0%;--_marker-origin-selected: 100%}[data-ui=tabs][data-activation-direction=forward]:dir(rtl){--_marker-origin: 0%;--_marker-origin-selected: 100%}[data-ui=tabs][data-activation-direction=backward]:dir(rtl){--_marker-origin: 100%;--_marker-origin-selected: 0%}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{block-size:auto;border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:0;border-end-end-radius:var(--slotted-radius-xs, 2px);inline-size:var(--_marker-size);inset-block:0;inset-inline:auto calc(-1 * var(--_track-size))}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{transform:scaleY(0);transform-origin:50% var(--_marker-origin)}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item][data-selected]:after{transform:scale(1);transform-origin:50% var(--_marker-origin-selected)}[data-ui=tabs][data-variant=contained]>[data-part=list]{background-color:var(--slotted-tabs-contained-background, var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md, 6px);justify-self:start;max-inline-size:100%;padding:var(--slotted-space-1, .125rem)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]{border-radius:var(--slotted-radius-sm, 4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background, var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]:after{inset-block-end:var(--slotted-space-1, .125rem);inset-inline:var(--slotted-radius-sm, 4px)}[data-ui=tabs][data-variant=contained][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{inset-block:var(--slotted-radius-sm, 4px);inset-inline:auto var(--slotted-space-1, .125rem)}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;block-size:var(--_dismiss-size);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-dismiss-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_dismiss-size);justify-content:center;margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-start:max(0px,calc(var(--_inner-gap) - var(--_dismiss-overhang)));padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@media(pointer:coarse){[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):hover{background-color:var( --slotted-tabs-dismiss-hover-background, var(--slotted-tone-danger-surface) );color:var(--slotted-tabs-dismiss-hover-color, var(--slotted-tone-danger-text))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):active{background-color:var( --slotted-tabs-dismiss-active-background, var(--slotted-tone-danger-border) );color:var(--slotted-tabs-dismiss-active-color, var(--slotted-text-inverse))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>[data-part=scroll]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-scroll-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)));justify-content:center;min-block-size:var(--_height);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled)):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent)}@media(pointer:coarse){[data-ui=tabs]>[data-part=scroll]{min-block-size:max(var(--slotted-target-comfortable, 44px),var(--_height));min-inline-size:max(var(--slotted-target-comfortable, 44px),var(--_height))}}[data-ui=tabs]>[data-part=scroll][data-direction=start]{grid-column:1;grid-row:1;margin-inline-end:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem))}[data-ui=tabs]>[data-part=scroll][data-direction=end]{grid-column:3;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1}[data-ui=tabs]>[data-part=scroll][data-direction=start]>[data-ui=icon]{rotate:.5turn}[data-ui=tabs]>[data-part=scroll]:not(:disabled):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs]>[data-part=scroll]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>[data-part=scroll]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=tabs]>[data-part=scroll]:disabled{cursor:default;visibility:hidden}[data-ui=tabs][data-orientation=vertical]>[data-part=scroll]{display:none}[data-ui=tabs]>[data-part=actions]{align-items:center;align-self:center;display:flex;grid-column:4;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1;min-inline-size:0}[data-ui=tabs][data-orientation=vertical]>[data-part=actions]{grid-column:1;grid-row:2}[data-ui=tabs]>[data-part=panel]{grid-column:1 / -1;grid-row:2;min-inline-size:0;overflow-wrap:anywhere}[data-ui=tabs][data-orientation=vertical]>[data-part=panel]{grid-column:2;grid-row:1 / -1}[data-ui=tabs]>[data-part=panel][hidden]{display:none}[data-ui=tabs]>[data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>[data-part=panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui=tabs][data-disabled][data-variant=line][data-track=line]>[data-part=list]{border-color:var(--slotted-disabled-border, GrayText)}[data-ui=tabs][data-disabled][data-variant=contained]>[data-part=list]{background-color:var(--slotted-disabled-background, Canvas)}[data-ui=tabs][data-disabled]>:where([data-part=list])>[data-part=item][data-selected]:after{background-color:var(--slotted-disabled-border)}@media(forced-colors:active){[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{border:var(--slotted-border-width-thin, 1px) solid Highlight}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
383
|
+
}`, isInline: true, styles: ["@layer slotted.components{[data-ui=tabs]{--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, .875rem);--_padding-inline: var(--slotted-control-padding-inline-md, .75rem);--_inner-gap: var(--slotted-control-gap-md, .375rem);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_list-gap: var(--slotted-space-1, .125rem);--_track-size: var(--slotted-border-width-thin, 1px);--_dismiss-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_dismiss-overhang: calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size: var(--slotted-border-width-thick, 2px);--_fade: var(--slotted-tabs-fade-size, var(--slotted-space-6, 1rem));--_marker-origin: 50%;--_marker-origin-selected: 50%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem))}[data-ui=tabs][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, .8125rem);--_padding-inline: var(--slotted-control-padding-inline-sm, .625rem);--_inner-gap: var(--slotted-control-gap-sm, .25rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=tabs][data-size=lg]{--_height: var(--slotted-control-height-lg, 40px);--_font-size: var(--slotted-control-font-size-lg, 1rem);--_padding-inline: var(--slotted-control-padding-inline-lg, 1rem);--_inner-gap: var(--slotted-control-gap-lg, .5rem);--_icon-size: var(--slotted-control-icon-size-lg, 20px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=tabs][data-orientation=vertical]{column-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem));grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}[data-ui=tabs]>[data-part=list]{align-items:stretch;display:flex;gap:var(--slotted-tabs-list-gap, var(--_list-gap));grid-column:2;grid-row:1;min-inline-size:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin}[data-ui=tabs][data-overflowing]>[data-part=list]{scrollbar-width:none}[data-ui=tabs][data-variant=line][data-track=line]>[data-part=list]{border-block-end:var(--_track-size) solid var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=tabs][data-track=none]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-track=none]>:where([data-part=list])>[data-part=item]:after{inset-block-end:0}[data-ui=tabs][data-track=none][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-track=none][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{inset-block-end:auto;inset-inline-end:0}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{justify-content:start;text-align:start}[data-ui=tabs][data-orientation=vertical]>[data-part=list]{flex-direction:column;grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part=list]{border-block-end:0;border-inline-end:var(--_track-size) solid var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=tabs][data-fit=equal]>[data-part=list]{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;overflow:visible}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>[data-part=item]{min-inline-size:0}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=tabs]>:where([data-part=list])>[data-part=item]{align-items:stretch;display:grid;grid-auto-flow:column;flex:none;position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_inner-gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:has(>[data-part=dismiss])>[data-part=tab]{padding-inline-end:0}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{min-inline-size:0;unicode-bidi:plaintext}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>:is([data-part=start],[data-part=end]){--slotted-icon-size: var(--_icon-size);align-items:center;display:inline-flex;flex:none}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset, 2px) + var(--_marker-size)))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]>[data-part=tab]{color:var(--slotted-tabs-selected-color, var(--slotted-tone-accent-text))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs]>:where([data-part=list])>[data-part=item]:after{border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);block-size:var(--_marker-size);content:\"\";inset-block-end:calc(-1 * var(--_track-size));inset-inline:0;opacity:0;pointer-events:none;position:absolute}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before{background-color:var(--slotted-tabs-hover-marker-color, var(--slotted-border-strong));transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:after{background-color:var(--slotted-tabs-marker-color, var(--slotted-tone-accent-solid));transform:scaleX(0);transform-origin:var(--_marker-origin) 50%;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):hover):before{opacity:1}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color, var(--slotted-text))}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]:after{opacity:1;transform:scale(1);transform-origin:var(--_marker-origin-selected) 50%}[data-ui=tabs][data-activation-direction=forward]{--_marker-origin: 100%;--_marker-origin-selected: 0%}[data-ui=tabs][data-activation-direction=backward]{--_marker-origin: 0%;--_marker-origin-selected: 100%}[data-ui=tabs][data-activation-direction=forward]:dir(rtl){--_marker-origin: 0%;--_marker-origin-selected: 100%}[data-ui=tabs][data-activation-direction=backward]:dir(rtl){--_marker-origin: 100%;--_marker-origin-selected: 0%}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{block-size:auto;border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:0;border-end-end-radius:var(--slotted-radius-xs, 2px);inline-size:var(--_marker-size);inset-block:0;inset-inline:auto calc(-1 * var(--_track-size))}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{transform:scaleY(0);transform-origin:50% var(--_marker-origin)}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item][data-selected]:after{transform:scale(1);transform-origin:50% var(--_marker-origin-selected)}[data-ui=tabs][data-variant=contained]>[data-part=list]{background-color:var(--slotted-tabs-contained-background, var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md, 6px);justify-self:start;max-inline-size:100%;padding:var(--slotted-space-1, .125rem)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]{border-radius:var(--slotted-radius-sm, 4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background, var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]:after{inset-block-end:var(--slotted-space-1, .125rem);inset-inline:var(--slotted-radius-sm, 4px)}[data-ui=tabs][data-variant=contained][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{inset-block:var(--slotted-radius-sm, 4px);inset-inline:auto var(--slotted-space-1, .125rem)}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;block-size:var(--_dismiss-size);border:0;border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-tabs-dismiss-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_dismiss-size);justify-content:center;margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-start:calc(var(--_padding-inline) - var(--_dismiss-overhang));padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@media(pointer:coarse){[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):hover{background-color:var( --slotted-tabs-dismiss-hover-background, var(--slotted-tone-secondary-subtle-hover) );color:var(--slotted-tabs-dismiss-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):active{background-color:var( --slotted-tabs-dismiss-active-background, var(--slotted-tone-secondary-subtle-active) );color:var(--slotted-tabs-dismiss-active-color, var(--slotted-text, CanvasText))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>[data-part=scroll]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-scroll-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)));justify-content:center;min-block-size:var(--_height);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled)):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent)}@media(pointer:coarse){[data-ui=tabs]>[data-part=scroll]{min-block-size:max(var(--slotted-target-comfortable, 44px),var(--_height));min-inline-size:max(var(--slotted-target-comfortable, 44px),var(--_height))}}[data-ui=tabs]>[data-part=scroll][data-direction=start]{grid-column:1;grid-row:1;margin-inline-end:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem))}[data-ui=tabs]>[data-part=scroll][data-direction=end]{grid-column:3;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1}[data-ui=tabs]>[data-part=scroll][data-direction=start]>[data-ui=icon]{rotate:.5turn}[data-ui=tabs]>[data-part=scroll]:not(:disabled):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs]>[data-part=scroll]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>[data-part=scroll]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=tabs]>[data-part=scroll]:disabled{cursor:default;visibility:hidden}[data-ui=tabs][data-orientation=vertical]>[data-part=scroll]{display:none}[data-ui=tabs]>[data-part=actions]{align-items:center;align-self:center;display:flex;grid-column:4;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1;min-inline-size:0}[data-ui=tabs][data-orientation=vertical]>[data-part=actions]{grid-column:1;grid-row:2}[data-ui=tabs]>[data-part=panel]{grid-column:1 / -1;grid-row:2;min-inline-size:0;overflow-wrap:anywhere}[data-ui=tabs][data-orientation=vertical]>[data-part=panel]{grid-column:2;grid-row:1 / -1}[data-ui=tabs]>[data-part=panel][hidden]{display:none}[data-ui=tabs]>[data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>[data-part=panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui=tabs][data-disabled][data-variant=line][data-track=line]>[data-part=list]{border-color:var(--slotted-disabled-border, GrayText)}[data-ui=tabs][data-disabled][data-variant=contained]>[data-part=list]{background-color:var(--slotted-disabled-background, Canvas)}[data-ui=tabs][data-disabled]>:where([data-part=list])>[data-part=item][data-selected]:after{background-color:var(--slotted-disabled-border)}@media(forced-colors:active){[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{border:var(--slotted-border-width-thin, 1px) solid Highlight}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
384
384
|
}
|
|
385
385
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTabs, decorators: [{
|
|
386
386
|
type: Component,
|
|
@@ -419,7 +419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
419
419
|
'[attr.data-activation-direction]': 'direction()',
|
|
420
420
|
'[attr.data-disabled]': "disabled() ? '' : null",
|
|
421
421
|
'[attr.data-overflowing]': "overflow().overflowing ? '' : null",
|
|
422
|
-
}, styles: ["@layer slotted.components{[data-ui=tabs]{--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, .875rem);--_padding-inline: var(--slotted-control-padding-inline-md, .75rem);--_inner-gap: var(--slotted-control-gap-md, .375rem);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_list-gap: var(--slotted-space-1, .125rem);--_track-size: var(--slotted-border-width-thin, 1px);--_dismiss-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_dismiss-overhang: calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size: var(--slotted-border-width-thick, 2px);--_fade: var(--slotted-tabs-fade-size, var(--slotted-space-6, 1rem));--_marker-origin: 50%;--_marker-origin-selected: 50%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem))}[data-ui=tabs][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, .8125rem);--_padding-inline: var(--slotted-control-padding-inline-sm, .625rem);--_inner-gap: var(--slotted-control-gap-sm, .25rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=tabs][data-size=lg]{--_height: var(--slotted-control-height-lg, 40px);--_font-size: var(--slotted-control-font-size-lg, 1rem);--_padding-inline: var(--slotted-control-padding-inline-lg, 1rem);--_inner-gap: var(--slotted-control-gap-lg, .5rem);--_icon-size: var(--slotted-control-icon-size-lg, 20px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=tabs][data-orientation=vertical]{column-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem));grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}[data-ui=tabs]>[data-part=list]{align-items:stretch;display:flex;gap:var(--slotted-tabs-list-gap, var(--_list-gap));grid-column:2;grid-row:1;min-inline-size:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin}[data-ui=tabs][data-overflowing]>[data-part=list]{scrollbar-width:none}[data-ui=tabs][data-variant=line][data-track=line]>[data-part=list]{border-block-end:var(--_track-size) solid var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=tabs][data-track=none]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-track=none]>:where([data-part=list])>[data-part=item]:after{inset-block-end:0}[data-ui=tabs][data-track=none][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-track=none][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{inset-block-end:auto;inset-inline-end:0}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{justify-content:start;text-align:start}[data-ui=tabs][data-orientation=vertical]>[data-part=list]{flex-direction:column;grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part=list]{border-block-end:0;border-inline-end:var(--_track-size) solid var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=tabs][data-fit=equal]>[data-part=list]{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;overflow:visible}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>[data-part=item]{min-inline-size:0}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=tabs]>:where([data-part=list])>[data-part=item]{align-items:stretch;display:grid;grid-auto-flow:column;flex:none;position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_inner-gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:has(>[data-part=dismiss])>[data-part=tab]{padding-inline-end:0}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{min-inline-size:0;unicode-bidi:plaintext}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>:is([data-part=start],[data-part=end]){--slotted-icon-size: var(--_icon-size);align-items:center;display:inline-flex;flex:none}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset, 2px) + var(--_marker-size)))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]>[data-part=tab]{color:var(--slotted-tabs-selected-color, var(--slotted-tone-accent-text))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs]>:where([data-part=list])>[data-part=item]:after{border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);block-size:var(--_marker-size);content:\"\";inset-block-end:calc(-1 * var(--_track-size));inset-inline:0;opacity:0;pointer-events:none;position:absolute}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before{background-color:var(--slotted-tabs-hover-marker-color, var(--slotted-border-strong));transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:after{background-color:var(--slotted-tabs-marker-color, var(--slotted-tone-accent-solid));transform:scaleX(0);transform-origin:var(--_marker-origin) 50%;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):hover):before{opacity:1}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color, var(--slotted-text))}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]:after{opacity:1;transform:scale(1);transform-origin:var(--_marker-origin-selected) 50%}[data-ui=tabs][data-activation-direction=forward]{--_marker-origin: 100%;--_marker-origin-selected: 0%}[data-ui=tabs][data-activation-direction=backward]{--_marker-origin: 0%;--_marker-origin-selected: 100%}[data-ui=tabs][data-activation-direction=forward]:dir(rtl){--_marker-origin: 0%;--_marker-origin-selected: 100%}[data-ui=tabs][data-activation-direction=backward]:dir(rtl){--_marker-origin: 100%;--_marker-origin-selected: 0%}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{block-size:auto;border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:0;border-end-end-radius:var(--slotted-radius-xs, 2px);inline-size:var(--_marker-size);inset-block:0;inset-inline:auto calc(-1 * var(--_track-size))}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{transform:scaleY(0);transform-origin:50% var(--_marker-origin)}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item][data-selected]:after{transform:scale(1);transform-origin:50% var(--_marker-origin-selected)}[data-ui=tabs][data-variant=contained]>[data-part=list]{background-color:var(--slotted-tabs-contained-background, var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md, 6px);justify-self:start;max-inline-size:100%;padding:var(--slotted-space-1, .125rem)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]{border-radius:var(--slotted-radius-sm, 4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background, var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]:after{inset-block-end:var(--slotted-space-1, .125rem);inset-inline:var(--slotted-radius-sm, 4px)}[data-ui=tabs][data-variant=contained][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{inset-block:var(--slotted-radius-sm, 4px);inset-inline:auto var(--slotted-space-1, .125rem)}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;block-size:var(--_dismiss-size);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-dismiss-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_dismiss-size);justify-content:center;margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-start:max(0px,calc(var(--_inner-gap) - var(--_dismiss-overhang)));padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@media(pointer:coarse){[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):hover{background-color:var( --slotted-tabs-dismiss-hover-background, var(--slotted-tone-danger-surface) );color:var(--slotted-tabs-dismiss-hover-color, var(--slotted-tone-danger-text))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):active{background-color:var( --slotted-tabs-dismiss-active-background, var(--slotted-tone-danger-border) );color:var(--slotted-tabs-dismiss-active-color, var(--slotted-text-inverse))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>[data-part=scroll]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-scroll-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)));justify-content:center;min-block-size:var(--_height);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled)):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent)}@media(pointer:coarse){[data-ui=tabs]>[data-part=scroll]{min-block-size:max(var(--slotted-target-comfortable, 44px),var(--_height));min-inline-size:max(var(--slotted-target-comfortable, 44px),var(--_height))}}[data-ui=tabs]>[data-part=scroll][data-direction=start]{grid-column:1;grid-row:1;margin-inline-end:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem))}[data-ui=tabs]>[data-part=scroll][data-direction=end]{grid-column:3;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1}[data-ui=tabs]>[data-part=scroll][data-direction=start]>[data-ui=icon]{rotate:.5turn}[data-ui=tabs]>[data-part=scroll]:not(:disabled):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs]>[data-part=scroll]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>[data-part=scroll]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=tabs]>[data-part=scroll]:disabled{cursor:default;visibility:hidden}[data-ui=tabs][data-orientation=vertical]>[data-part=scroll]{display:none}[data-ui=tabs]>[data-part=actions]{align-items:center;align-self:center;display:flex;grid-column:4;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1;min-inline-size:0}[data-ui=tabs][data-orientation=vertical]>[data-part=actions]{grid-column:1;grid-row:2}[data-ui=tabs]>[data-part=panel]{grid-column:1 / -1;grid-row:2;min-inline-size:0;overflow-wrap:anywhere}[data-ui=tabs][data-orientation=vertical]>[data-part=panel]{grid-column:2;grid-row:1 / -1}[data-ui=tabs]>[data-part=panel][hidden]{display:none}[data-ui=tabs]>[data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>[data-part=panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui=tabs][data-disabled][data-variant=line][data-track=line]>[data-part=list]{border-color:var(--slotted-disabled-border, GrayText)}[data-ui=tabs][data-disabled][data-variant=contained]>[data-part=list]{background-color:var(--slotted-disabled-background, Canvas)}[data-ui=tabs][data-disabled]>:where([data-part=list])>[data-part=item][data-selected]:after{background-color:var(--slotted-disabled-border)}@media(forced-colors:active){[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{border:var(--slotted-border-width-thin, 1px) solid Highlight}}}\n"] }]
|
|
422
|
+
}, styles: ["@layer slotted.components{[data-ui=tabs]{--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, .875rem);--_padding-inline: var(--slotted-control-padding-inline-md, .75rem);--_inner-gap: var(--slotted-control-gap-md, .375rem);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_list-gap: var(--slotted-space-1, .125rem);--_track-size: var(--slotted-border-width-thin, 1px);--_dismiss-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_dismiss-overhang: calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size: var(--slotted-border-width-thick, 2px);--_fade: var(--slotted-tabs-fade-size, var(--slotted-space-6, 1rem));--_marker-origin: 50%;--_marker-origin-selected: 50%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem))}[data-ui=tabs][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, .8125rem);--_padding-inline: var(--slotted-control-padding-inline-sm, .625rem);--_inner-gap: var(--slotted-control-gap-sm, .25rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=tabs][data-size=lg]{--_height: var(--slotted-control-height-lg, 40px);--_font-size: var(--slotted-control-font-size-lg, 1rem);--_padding-inline: var(--slotted-control-padding-inline-lg, 1rem);--_inner-gap: var(--slotted-control-gap-lg, .5rem);--_icon-size: var(--slotted-control-icon-size-lg, 20px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=tabs][data-orientation=vertical]{column-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem));grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}[data-ui=tabs]>[data-part=list]{align-items:stretch;display:flex;gap:var(--slotted-tabs-list-gap, var(--_list-gap));grid-column:2;grid-row:1;min-inline-size:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin}[data-ui=tabs][data-overflowing]>[data-part=list]{scrollbar-width:none}[data-ui=tabs][data-variant=line][data-track=line]>[data-part=list]{border-block-end:var(--_track-size) solid var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=tabs][data-track=none]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-track=none]>:where([data-part=list])>[data-part=item]:after{inset-block-end:0}[data-ui=tabs][data-track=none][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-track=none][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{inset-block-end:auto;inset-inline-end:0}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{justify-content:start;text-align:start}[data-ui=tabs][data-orientation=vertical]>[data-part=list]{flex-direction:column;grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part=list]{border-block-end:0;border-inline-end:var(--_track-size) solid var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=tabs][data-fit=equal]>[data-part=list]{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;overflow:visible}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>[data-part=item]{min-inline-size:0}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=tabs]>:where([data-part=list])>[data-part=item]{align-items:stretch;display:grid;grid-auto-flow:column;flex:none;position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_inner-gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:has(>[data-part=dismiss])>[data-part=tab]{padding-inline-end:0}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{min-inline-size:0;unicode-bidi:plaintext}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>:is([data-part=start],[data-part=end]){--slotted-icon-size: var(--_icon-size);align-items:center;display:inline-flex;flex:none}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset, 2px) + var(--_marker-size)))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]>[data-part=tab]{color:var(--slotted-tabs-selected-color, var(--slotted-tone-accent-text))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs]>:where([data-part=list])>[data-part=item]:after{border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);block-size:var(--_marker-size);content:\"\";inset-block-end:calc(-1 * var(--_track-size));inset-inline:0;opacity:0;pointer-events:none;position:absolute}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before{background-color:var(--slotted-tabs-hover-marker-color, var(--slotted-border-strong));transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:after{background-color:var(--slotted-tabs-marker-color, var(--slotted-tone-accent-solid));transform:scaleX(0);transform-origin:var(--_marker-origin) 50%;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):hover):before{opacity:1}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color, var(--slotted-text))}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]:after{opacity:1;transform:scale(1);transform-origin:var(--_marker-origin-selected) 50%}[data-ui=tabs][data-activation-direction=forward]{--_marker-origin: 100%;--_marker-origin-selected: 0%}[data-ui=tabs][data-activation-direction=backward]{--_marker-origin: 0%;--_marker-origin-selected: 100%}[data-ui=tabs][data-activation-direction=forward]:dir(rtl){--_marker-origin: 0%;--_marker-origin-selected: 100%}[data-ui=tabs][data-activation-direction=backward]:dir(rtl){--_marker-origin: 100%;--_marker-origin-selected: 0%}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before,[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{block-size:auto;border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:0;border-end-end-radius:var(--slotted-radius-xs, 2px);inline-size:var(--_marker-size);inset-block:0;inset-inline:auto calc(-1 * var(--_track-size))}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{transform:scaleY(0);transform-origin:50% var(--_marker-origin)}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item][data-selected]:after{transform:scale(1);transform-origin:50% var(--_marker-origin-selected)}[data-ui=tabs][data-variant=contained]>[data-part=list]{background-color:var(--slotted-tabs-contained-background, var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md, 6px);justify-self:start;max-inline-size:100%;padding:var(--slotted-space-1, .125rem)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]{border-radius:var(--slotted-radius-sm, 4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background, var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]:after{inset-block-end:var(--slotted-space-1, .125rem);inset-inline:var(--slotted-radius-sm, 4px)}[data-ui=tabs][data-variant=contained][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:after{inset-block:var(--slotted-radius-sm, 4px);inset-inline:auto var(--slotted-space-1, .125rem)}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;block-size:var(--_dismiss-size);border:0;border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-tabs-dismiss-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_dismiss-size);justify-content:center;margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-start:calc(var(--_padding-inline) - var(--_dismiss-overhang));padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@media(pointer:coarse){[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):hover{background-color:var( --slotted-tabs-dismiss-hover-background, var(--slotted-tone-secondary-subtle-hover) );color:var(--slotted-tabs-dismiss-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):active{background-color:var( --slotted-tabs-dismiss-active-background, var(--slotted-tone-secondary-subtle-active) );color:var(--slotted-tabs-dismiss-active-color, var(--slotted-text, CanvasText))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>[data-part=scroll]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-scroll-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)));justify-content:center;min-block-size:var(--_height);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled)):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent)}@media(pointer:coarse){[data-ui=tabs]>[data-part=scroll]{min-block-size:max(var(--slotted-target-comfortable, 44px),var(--_height));min-inline-size:max(var(--slotted-target-comfortable, 44px),var(--_height))}}[data-ui=tabs]>[data-part=scroll][data-direction=start]{grid-column:1;grid-row:1;margin-inline-end:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem))}[data-ui=tabs]>[data-part=scroll][data-direction=end]{grid-column:3;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1}[data-ui=tabs]>[data-part=scroll][data-direction=start]>[data-ui=icon]{rotate:.5turn}[data-ui=tabs]>[data-part=scroll]:not(:disabled):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs]>[data-part=scroll]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>[data-part=scroll]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=tabs]>[data-part=scroll]:disabled{cursor:default;visibility:hidden}[data-ui=tabs][data-orientation=vertical]>[data-part=scroll]{display:none}[data-ui=tabs]>[data-part=actions]{align-items:center;align-self:center;display:flex;grid-column:4;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1;min-inline-size:0}[data-ui=tabs][data-orientation=vertical]>[data-part=actions]{grid-column:1;grid-row:2}[data-ui=tabs]>[data-part=panel]{grid-column:1 / -1;grid-row:2;min-inline-size:0;overflow-wrap:anywhere}[data-ui=tabs][data-orientation=vertical]>[data-part=panel]{grid-column:2;grid-row:1 / -1}[data-ui=tabs]>[data-part=panel][hidden]{display:none}[data-ui=tabs]>[data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>[data-part=panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui=tabs][data-disabled][data-variant=line][data-track=line]>[data-part=list]{border-color:var(--slotted-disabled-border, GrayText)}[data-ui=tabs][data-disabled][data-variant=contained]>[data-part=list]{background-color:var(--slotted-disabled-background, Canvas)}[data-ui=tabs][data-disabled]>:where([data-part=list])>[data-part=item][data-selected]:after{background-color:var(--slotted-disabled-border)}@media(forced-colors:active){[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{border:var(--slotted-border-width-thin, 1px) solid Highlight}}}\n"] }]
|
|
423
423
|
}], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], activation: [{ type: i0.Input, args: [{ isSignal: true, alias: "activation", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], track: [{ type: i0.Input, args: [{ isSignal: true, alias: "track", required: false }] }], fit: [{ type: i0.Input, args: [{ isSignal: true, alias: "fit", required: false }] }], mount: [{ type: i0.Input, args: [{ isSignal: true, alias: "mount", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], tabDismiss: [{ type: i0.Output, args: ["tabDismiss"] }] } });
|
|
424
424
|
|
|
425
425
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slotted-angular-tabs.mjs","sources":["../../tabs/src/tabs-defaults.ts","../../tabs/src/tabs.ts","../../tabs/src/tabs-parts.ts","../../tabs/src/slotted-angular-tabs.ts"],"sourcesContent":["import { inject, Injectable, InjectionToken } from '@angular/core';\n\n/** Whether moving focus to a tab also selects it. */\nexport type TabsActivation = 'automatic' | 'manual';\n\n/** Which way the list runs. A horizontal list scrolls; a vertical one stacks. */\nexport type TabsOrientation = 'horizontal' | 'vertical';\n\n/** The type step the list and its tabs sit at. */\nexport type TabsSize = 'sm' | 'md' | 'lg';\n\n/**\n * How the list is drawn. `line` is a row of labels over a hairline; `contained`\n * is a sunken track holding a surface per tab. Both paint the same marker,\n * which is what survives the `high-contrast` scheme.\n */\nexport type TabsVariant = 'line' | 'contained';\n\n/**\n * Whether the list draws the line its tabs stand on. `none` is for a list that\n * sits on a line the page already drew — a card header's edge, a table's own\n * rule — where two hairlines a pixel apart read as one smudge.\n */\nexport type TabsTrack = 'line' | 'none';\n\n/** Whether each tab is as wide as its label or takes an equal share of the line. */\nexport type TabsFit = 'auto' | 'equal';\n\n/**\n * When a panel exists. The names are Cloudscape's, which are the clearest three\n * words in the field for the same three behaviours.\n */\nexport type TabsMount = 'active' | 'lazy' | 'eager';\n\n/** Which way the selection travelled, from the two indices. */\nexport type TabsActivationDirection = 'forward' | 'backward' | 'none';\n\nexport interface TabsDefaults {\n activation: TabsActivation;\n fit: TabsFit;\n track: TabsTrack;\n loop: boolean;\n mount: TabsMount;\n orientation: TabsOrientation;\n size: TabsSize;\n variant: TabsVariant;\n}\n\nconst FALLBACK: TabsDefaults = {\n activation: 'automatic',\n fit: 'auto',\n loop: true,\n mount: 'active',\n orientation: 'horizontal',\n size: 'md',\n track: 'line',\n variant: 'line',\n};\n\nexport const TABS_DEFAULTS = new InjectionToken<TabsDefaults>('slotted tabs defaults', {\n providedIn: 'root',\n factory: () => FALLBACK,\n});\n\n/**\n * An application decides once how its tabs look and behave, rather than\n * repeating the same seven inputs on every family in a product. A family that\n * states any of them itself still wins.\n */\nexport function provideTabsDefaults(defaults: Partial<TabsDefaults>) {\n return {\n provide: TABS_DEFAULTS,\n useFactory: (): TabsDefaults => ({ ...FALLBACK, ...defaults }),\n };\n}\n\n/** What a tabs family renders as here, before it states anything of its own. */\nexport function injectTabsDefaults(): TabsDefaults {\n return inject(TABS_DEFAULTS);\n}\n\n/**\n * Application-scoped rather than module-scoped, for the reason `field` records:\n * a module-level counter produces colliding sequences when two applications\n * render in one server process, and the server and the client sequences must\n * match for hydration.\n */\n@Injectable({ providedIn: 'root' })\nexport class SlTabsIdFactory {\n private count = 0;\n\n next() {\n this.count += 1;\n return `slotted-tabs-${this.count}`;\n }\n}\n","import { createRemovalFocus, createRovingTabindex } from '@slotted/core/focus';\nimport type { RemovalFocusHandle, RovingTabindexHandle } from '@slotted/core/focus';\nimport { createScrollAffordance, NOT_OVERFLOWING } from '@slotted/core/overflow';\nimport type { OverflowState, ScrollAffordanceHandle } from '@slotted/core/overflow';\nimport { createControllable } from '@slotted/core/state';\nimport type { ChangeRequest } from '@slotted/core/state';\nimport {\n afterNextRender,\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n DestroyRef,\n inject,\n Injector,\n input,\n output,\n signal,\n ViewEncapsulation,\n} from '@angular/core';\nimport type { OnInit } from '@angular/core';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\n\nimport { injectTabsDefaults, SlTabsIdFactory } from './tabs-defaults';\nimport type {\n TabsActivation,\n TabsActivationDirection,\n TabsFit,\n TabsMount,\n TabsOrientation,\n TabsSize,\n TabsTrack,\n TabsVariant,\n} from './tabs-defaults';\n\nexport type {\n TabsActivation,\n TabsActivationDirection,\n TabsDefaults,\n TabsFit,\n TabsMount,\n TabsOrientation,\n TabsSize,\n TabsTrack,\n TabsVariant,\n} from './tabs-defaults';\n\n/** Every tab in the list, in the order the DOM holds them. */\nexport const TAB_SELECTOR = '[data-part=\"tab\"]';\n\n/** Why the selection moved. */\nexport type TabsSelectionReason = 'pointer' | 'keyboard' | 'remove' | 'programmatic';\n\n/** Why a tab was dismissed. */\nexport type TabsDismissReason = 'pointer' | 'keyboard';\n\n/**\n * The request a dismissal carries. It holds no value pair, because nothing is\n * replacing anything: the value being dismissed is `value`, and the shape is\n * `tag`'s, which set the convention for a removal in this library.\n */\nexport interface TabsDismissRequest {\n readonly value: string;\n readonly reason: TabsDismissReason;\n readonly source: Event;\n readonly cancelled: boolean;\n cancel(): void;\n}\n\n/**\n * An identifier from a value, injectively.\n *\n * A value is the consumer's own string and may hold a space, which no\n * identifier may. Escaping the characters an identifier refuses — rather than\n * replacing them — is what keeps two values from wiring one panel.\n */\nexport function escapeTabValue(value: string): string {\n return value.replace(/[^\\w-]/g, (character) => `-${character.charCodeAt(0).toString(16)}-`);\n}\n\n/**\n * One view out of several, and the panels under it.\n *\n * **The keyboard is the APG's, and it is implemented once.** The list is a\n * roving tab stop from `@slotted/core/focus`: `Tab` enters on the selected tab,\n * the arrows of the flow axis move and wrap, `Home` and `End` reach the ends,\n * and the cross axis is left alone so the page still scrolls with focus inside\n * a horizontal list. `Delete` dismisses a dismissible tab, and focus lands\n * where the pattern says.\n *\n * **The marker moves without a measurement.** The root records which way the\n * selection travelled and the stylesheet turns that into a transform origin, so\n * the family is right in a server response and during the first paint.\n *\n * **The paging controls belong to the root**, because the root owns the observer\n * that knows whether they are needed. They are out of the tab sequence and out\n * of the accessibility tree: the arrows already reach every tab and bring it\n * into view.\n */\n@Component({\n selector: '[slTabs]',\n standalone: true,\n imports: [SlGlyph, SlIcon],\n exportAs: 'slTabs',\n template: `<ng-content />\n @if (paging()) {\n <button\n aria-hidden=\"true\"\n data-part=\"scroll\"\n data-direction=\"start\"\n type=\"button\"\n tabindex=\"-1\"\n [disabled]=\"overflow().atStart\"\n (click)=\"page(-1)\"\n >\n <span slIcon directional><svg slGlyph name=\"chevron-right\"></svg></span>\n </button>\n <button\n aria-hidden=\"true\"\n data-part=\"scroll\"\n data-direction=\"end\"\n type=\"button\"\n tabindex=\"-1\"\n [disabled]=\"overflow().atEnd\"\n (click)=\"page(1)\"\n >\n <span slIcon directional><svg slGlyph name=\"chevron-right\"></svg></span>\n </button>\n }`,\n styleUrl: '../../../styles/src/tabs/tabs.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n 'data-ui': 'tabs',\n 'data-part': 'root',\n '[attr.data-size]': 'resolvedSize()',\n '[attr.data-variant]': 'resolvedVariant()',\n '[attr.data-track]': 'resolvedTrack()',\n '[attr.data-orientation]': 'resolvedOrientation()',\n '[attr.data-fit]': 'resolvedFit()',\n '[attr.data-activation-direction]': 'direction()',\n '[attr.data-disabled]': \"disabled() ? '' : null\",\n '[attr.data-overflowing]': \"overflow().overflowing ? '' : null\",\n },\n})\nexport class SlTabs implements OnInit {\n /** Present means the consumer owns the selection. */\n readonly value = input<string | undefined>(undefined);\n /** The value an uncontrolled family starts from, read once. */\n readonly defaultValue = input<string | undefined>(undefined);\n readonly activation = input<TabsActivation | undefined>(undefined);\n readonly orientation = input<TabsOrientation | undefined>(undefined);\n readonly size = input<TabsSize | undefined>(undefined);\n readonly variant = input<TabsVariant | undefined>(undefined);\n /** `none` draws no line at all, for a list standing on one the page drew. */\n readonly track = input<TabsTrack | undefined>(undefined);\n readonly fit = input<TabsFit | undefined>(undefined);\n readonly mount = input<TabsMount | undefined>(undefined);\n readonly loop = input<boolean | undefined, boolean | string | undefined>(undefined, {\n transform: (state) => (state === undefined ? undefined : booleanAttribute(state)),\n });\n /** Reaches every tab as the native attribute, which is also what makes the\n browser skip it with the arrow keys. */\n readonly disabled = input(false, { transform: booleanAttribute });\n\n /** One output for one transition, carrying the reason and the event. */\n readonly valueChange = output<ChangeRequest<string | undefined>>();\n /**\n * Asked before a tab is dismissed. The family removes nothing: the consumer\n * owns the collection, and a component that removed itself would render\n * nothing while the consumer's array still held the item.\n */\n readonly tabDismiss = output<TabsDismissRequest>();\n\n private readonly defaults = injectTabsDefaults();\n private readonly baseId = inject(SlTabsIdFactory).next();\n private readonly destroyRef = inject(DestroyRef);\n private readonly injector = inject(Injector);\n\n private readonly own = signal<string | undefined>(undefined);\n private readonly listElement = signal<HTMLElement | null>(null);\n private readonly seen = new Set<string>();\n private roving: RovingTabindexHandle | null = null;\n private affordance: ScrollAffordanceHandle | null = null;\n\n protected readonly direction = signal<TabsActivationDirection>('none');\n protected readonly overflow = signal<OverflowState>(NOT_OVERFLOWING);\n\n readonly selection = computed(() => this.value() ?? this.own());\n readonly resolvedActivation = computed(() => this.activation() ?? this.defaults.activation);\n readonly resolvedOrientation = computed(() => this.orientation() ?? this.defaults.orientation);\n readonly resolvedSize = computed(() => this.size() ?? this.defaults.size);\n readonly resolvedVariant = computed(() => this.variant() ?? this.defaults.variant);\n readonly resolvedTrack = computed(() => this.track() ?? this.defaults.track);\n readonly resolvedFit = computed(() => this.fit() ?? this.defaults.fit);\n readonly resolvedMount = computed(() => this.mount() ?? this.defaults.mount);\n readonly resolvedLoop = computed(() => this.loop() ?? this.defaults.loop);\n\n protected readonly paging = computed(\n () => this.overflow().overflowing && this.resolvedOrientation() === 'horizontal',\n );\n\n constructor() {\n /**\n * The list constructs before this runs and hands over its element; the\n * handles are created once, after the first render, because two of them\n * measure and all three read the DOM the tabs are in.\n */\n afterNextRender(() => {\n const list = this.listElement();\n if (list !== null) this.observe(list);\n });\n }\n\n ngOnInit() {\n if (this.value() === undefined) this.own.set(this.defaultValue());\n const start = this.selection();\n if (start !== undefined) this.seen.add(start);\n }\n\n /** The identifiers a tab and its panel are wired together with. */\n identify(value: string) {\n const escaped = escapeTabValue(value);\n return { panelId: `${this.baseId}-panel-${escaped}`, tabId: `${this.baseId}-tab-${escaped}` };\n }\n\n /** Whether this value is the selected one. Read by every tab and panel. */\n holds(value: string): boolean {\n return this.selection() === value;\n }\n\n /** Whether this value has ever been selected, which is what `lazy` reads. */\n hasSeen(value: string): boolean {\n return this.seen.has(value);\n }\n\n /**\n * The list hands the root its element. The root owns the roving tab stop, the\n * removal focus and the overflow observer — all three are about that element,\n * and the root is what holds the value they act on.\n */\n attachList(element: HTMLElement) {\n this.listElement.set(element);\n }\n\n private tabElements(): HTMLElement[] {\n const list = this.listElement();\n return list === null ? [] : [...list.querySelectorAll<HTMLElement>(TAB_SELECTOR)];\n }\n\n private indexOf(value: string | undefined): number {\n if (value === undefined) return -1;\n return this.tabElements().findIndex((item) => item.getAttribute('data-value') === value);\n }\n\n /**\n * Asks the family to select one value. The direction is set in the same turn,\n * so the marker's origin and the selection reach the DOM in one paint.\n */\n select(next: string, reason: TabsSelectionReason, source?: Event) {\n if (next === this.selection()) return;\n\n let cancelled = false;\n const state = createControllable<string | undefined>({\n controlled: this.value(),\n initial: this.selection(),\n onRequest: (request) => {\n this.valueChange.emit(request);\n cancelled = request.cancelled;\n },\n });\n const moved = state.request(next, reason, source);\n if (cancelled) return;\n\n const from = this.indexOf(this.selection());\n const to = this.indexOf(next);\n if (from !== -1 && to !== -1) this.direction.set(to > from ? 'forward' : 'backward');\n\n this.seen.add(next);\n if (moved) this.own.set(next);\n\n /* The tab stop follows the selection, which is where `Tab` from outside the\n list lands. The DOM order does not change here, so the index is read\n straight away rather than waiting for a render. */\n if (to !== -1) this.roving?.setActive(to);\n this.revealSelected();\n }\n\n /**\n * The neighbour a dismissal leaves the selection to: the tab that followed\n * the dismissed one, or the one before it when the dismissed tab was last.\n * It is the APG's own focus rule for `Delete`, applied to the value.\n */\n private neighbourOf(dismissed: string): string | undefined {\n const values = this.tabElements()\n .map((item) => item.getAttribute('data-value'))\n .filter((candidate): candidate is string => candidate !== null);\n const index = values.indexOf(dismissed);\n if (index === -1) return undefined;\n return values[index + 1] ?? values[index - 1];\n }\n\n dismiss(value: string, reason: TabsDismissReason, source: Event) {\n let cancelled = false;\n const request: TabsDismissRequest = {\n value,\n reason,\n source,\n get cancelled() {\n return cancelled;\n },\n cancel() {\n cancelled = true;\n },\n };\n this.tabDismiss.emit(request);\n if (cancelled) return;\n\n if (!this.holds(value)) return;\n const next = this.neighbourOf(value);\n if (next !== undefined) this.select(next, 'remove', source);\n }\n\n /** Puts the tab stop on the selected tab and brings it into view. */\n syncSelection() {\n const index = this.indexOf(this.selection());\n if (index === -1) return;\n this.roving?.setActive(index);\n this.revealSelected();\n }\n\n private revealSelected() {\n const item = this.tabElements()[this.indexOf(this.selection())];\n if (item !== undefined) this.affordance?.reveal(item);\n }\n\n protected page(direction: -1 | 1) {\n this.affordance?.page(direction);\n }\n\n private observe(list: HTMLElement) {\n const tabindex = createRovingTabindex(list, {\n crossAxis: false,\n itemSelector: TAB_SELECTOR,\n loop: this.resolvedLoop(),\n onMove: (_index, item) => {\n this.affordance?.reveal(item);\n if (this.resolvedActivation() !== 'automatic') return;\n const next = item.getAttribute('data-value');\n if (next !== null) this.select(next, 'keyboard');\n },\n orientation: () => this.resolvedOrientation(),\n });\n this.roving = tabindex;\n\n /**\n * Where the keyboard goes when the tab it was on is dismissed. The list\n * is the last resort, which is why it holds `tabindex=\"-1\"`: a list\n * emptied by its final dismissal keeps focus rather than returning it\n * to the top of the page.\n */\n const removal: RemovalFocusHandle = createRemovalFocus(list, {\n itemSelector: TAB_SELECTOR,\n });\n /**\n * A list that starts to overflow — on its first render, or later when its\n * stylesheet arrives, a drawer opens or a hidden panel is shown — draws its\n * paging controls, and they narrow it: a tab revealed against the wider list\n * ended behind the end control. The selected tab is revealed again once the\n * controls are in the layout, on that transition and on no other, so a\n * reader scrolling the list keeps control.\n */\n let overflowing = false;\n const affordance = createScrollAffordance(list, {\n onChange: (state) => {\n this.overflow.set(state);\n if (state.overflowing && !overflowing) {\n afterNextRender(() => this.revealSelected(), { injector: this.injector });\n }\n overflowing = state.overflowing;\n },\n });\n this.affordance = affordance;\n this.overflow.set(affordance.state());\n\n /**\n * A tab arriving or leaving has to reach both handles, and neither\n * binding can be told by the other's change detection. The DOM is the\n * one thing they agree on.\n */\n const observer = new MutationObserver(() => {\n tabindex.refresh();\n affordance.refresh();\n this.syncSelection();\n });\n observer.observe(list, { childList: true, subtree: true });\n this.syncSelection();\n\n this.destroyRef.onDestroy(() => {\n observer.disconnect();\n removal.destroy();\n affordance.destroy();\n tabindex.destroy();\n this.roving = null;\n this.affordance = null;\n });\n }\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChild,\n Directive,\n ElementRef,\n inject,\n input,\n TemplateRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\n\nimport { SlTabs } from './tabs';\nimport type { TabsDismissReason, TabsSelectionReason } from './tabs';\n\n/**\n * A click synthesised by the keyboard reports no detail; a real one reports the\n * click count. It is why `Enter`, `Space` and a pointer are told apart without a\n * key listener existing for activation.\n */\nfunction activationReason(event: Event): TabsSelectionReason {\n return event instanceof MouseEvent && event.detail === 0 ? 'keyboard' : 'pointer';\n}\n\n/**\n * The list of tabs, and the one tab stop the family holds.\n *\n * It hands its element to the root, which owns the roving tab stop, the removal\n * focus and the overflow observer. `tabindex=\"-1\"` is the last resort of the\n * removal focus: a list emptied by its final dismissal keeps focus rather than\n * returning it to the top of the page.\n *\n * Its accessible name is the consumer's own `aria-label` or `aria-labelledby`:\n * only the page knows what the set of views is for.\n */\n@Directive({\n selector: '[slTabList]',\n standalone: true,\n exportAs: 'slTabList',\n host: {\n 'data-part': 'list',\n role: 'tablist',\n tabindex: '-1',\n '[attr.aria-orientation]': 'ariaOrientation()',\n },\n})\nexport class SlTabList {\n private readonly tabs = inject(SlTabs);\n\n protected readonly ariaOrientation = computed(() =>\n this.tabs.resolvedOrientation() === 'vertical' ? 'vertical' : null,\n );\n\n constructor() {\n this.tabs.attachList(inject(ElementRef<HTMLElement>).nativeElement);\n }\n}\n\n/**\n * What precedes the label inside a tab, such as an icon. It stands beside the\n * words rather than inside them, so the tab's gap spaces it and only the words\n * are clipped under `fit=\"equal\"`; the part sizes an icon to the tab's icon step.\n */\n@Directive({\n selector: '[slTabStart]',\n standalone: true,\n exportAs: 'slTabStart',\n host: { 'data-part': 'start' },\n})\nexport class SlTabStart {}\n\n/** What follows the label inside a tab, such as a count. */\n@Directive({\n selector: '[slTabEnd]',\n standalone: true,\n exportAs: 'slTabEnd',\n host: { 'data-part': 'end' },\n})\nexport class SlTabEnd {}\n\n/**\n * One tab, in the box that holds it.\n *\n * The host is that box, and it is presentational for two reasons a `button`\n * cannot answer: a `button` may not contain a `button`, so a dismissible tab\n * needs somewhere to put its second control, and the marker has to span the\n * pair rather than only the label.\n *\n * `href` makes the control an anchor, and a click carrying a modifier key is\n * left to the browser so a deep link still opens in a new browser tab.\n */\n@Component({\n selector: '[slTab]',\n standalone: true,\n imports: [NgTemplateOutlet, SlGlyph, SlIcon],\n exportAs: 'slTab',\n /* The words and what stands beside them are written once and placed in\n whichever control the tab renders: a selecting `ng-content` repeated in\n both branches left the button branch without its icon and its count. */\n template: `<ng-template #content\n ><ng-content select=\"[slTabStart]\" /><span data-part=\"label\"><ng-content /></span\n ><ng-content select=\"[slTabEnd]\"\n /></ng-template>\n @if (href(); as destination) {\n <a\n #control\n data-part=\"tab\"\n role=\"tab\"\n [attr.id]=\"tabId()\"\n [attr.href]=\"destination\"\n [attr.data-value]=\"value()\"\n [attr.aria-controls]=\"panelId()\"\n [attr.aria-selected]=\"selected()\"\n [attr.aria-disabled]=\"resolvedDisabled() ? 'true' : null\"\n [attr.aria-keyshortcuts]=\"dismissible() ? 'Delete' : null\"\n [attr.tabindex]=\"selected() ? 0 : -1\"\n (click)=\"onClick($event)\"\n (keydown)=\"onKeydown($event)\"\n ><ng-container [ngTemplateOutlet]=\"content\"\n /></a>\n } @else {\n <button\n #control\n data-part=\"tab\"\n role=\"tab\"\n type=\"button\"\n [attr.id]=\"tabId()\"\n [attr.data-value]=\"value()\"\n [attr.aria-controls]=\"panelId()\"\n [attr.aria-selected]=\"selected()\"\n [attr.aria-keyshortcuts]=\"dismissible() ? 'Delete' : null\"\n [disabled]=\"resolvedDisabled()\"\n [attr.tabindex]=\"selected() ? 0 : -1\"\n (click)=\"onClick($event)\"\n (keydown)=\"onKeydown($event)\"\n >\n <ng-container [ngTemplateOutlet]=\"content\" />\n </button>\n }\n @if (dismissible()) {\n <button\n data-part=\"dismiss\"\n type=\"button\"\n tabindex=\"-1\"\n [attr.aria-label]=\"dismissLabel()\"\n [disabled]=\"resolvedDisabled()\"\n (click)=\"onDismiss($event)\"\n >\n <span slIcon><svg slGlyph name=\"x\"></svg></span>\n </button>\n }`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n 'data-part': 'item',\n role: 'presentation',\n '[attr.data-selected]': \"selected() ? '' : null\",\n },\n})\nexport class SlTab {\n /** What this tab selects. It is what the family's value holds. */\n readonly value = input.required<string>();\n /** Unstated rather than `false`, so the tab defers to the family. */\n readonly disabled = input<boolean | undefined, boolean | string | undefined>(undefined, {\n transform: (state) => (state === undefined ? undefined : booleanAttribute(state)),\n });\n /** Whether this tab carries a control that closes it. */\n readonly dismissible = input(false, { transform: booleanAttribute });\n /** The accessible name of that control. Required whenever it is drawn. */\n readonly dismissLabel = input<string | undefined>(undefined);\n /** Makes the control an anchor, for a view a router can deep-link to. */\n readonly href = input<string | undefined>(undefined);\n /**\n * The id of the element this tab controls, when it is not a panel of this\n * family: a strip over one region whose content the value filters — a\n * feed, a table — names that region here, and `aria-controls` says so.\n */\n readonly controls = input<string | undefined>(undefined);\n\n /** The family this tab belongs to. Public, because a template may read it. */\n readonly tabs = inject(SlTabs);\n\n readonly selected = computed(() => this.tabs.holds(this.value()));\n /**\n * A family out of action takes every tab with it. The tab's own input can\n * only add to that, never subtract: a consumer that writes `[disabled]=\"false\"`\n * on a tab inside a disabled family is saying nothing about that family, and a\n * template that binds an expression writes `false` where it means \"not this\n * one\" — which is how every tab stayed operable while the family reported\n * itself disabled.\n */\n readonly resolvedDisabled = computed(() => this.tabs.disabled() || (this.disabled() ?? false));\n\n protected readonly tabId = computed(() => this.tabs.identify(this.value()).tabId);\n protected readonly panelId = computed(\n () => this.controls() ?? this.tabs.identify(this.value()).panelId,\n );\n\n protected onClick(event: MouseEvent) {\n if (event.defaultPrevented || this.resolvedDisabled()) return;\n /* A modifier click on a link is the reader asking the browser for a new\n window, and swallowing it is what turns a real destination into a\n decoration. */\n if (\n this.href() !== undefined &&\n (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)\n ) {\n return;\n }\n if (this.href() !== undefined) event.preventDefault();\n this.tabs.select(this.value(), activationReason(event), event);\n }\n\n /**\n * `Delete` closes the tab, which is the key the APG names for it. A held key\n * repeats, and a repeat would close the tab focus has just landed on.\n */\n protected onKeydown(event: KeyboardEvent) {\n if (event.defaultPrevented || event.repeat) return;\n if (!this.dismissible() || this.resolvedDisabled()) return;\n if (event.key !== 'Delete') return;\n\n event.preventDefault();\n this.tabs.dismiss(this.value(), 'keyboard' satisfies TabsDismissReason, event);\n }\n\n protected onDismiss(event: MouseEvent) {\n /* The control sits inside the item, whose click would otherwise select the\n tab that is being closed. */\n event.stopPropagation();\n this.tabs.dismiss(this.value(), 'pointer', event);\n }\n}\n\n/**\n * The content of a panel, as a template the panel instantiates.\n *\n * Projected markup is built by the consumer's own view whether a panel shows it\n * or not: a component inside a closed panel is constructed, change-detected and\n * keeps its state, and only its DOM is detached. A template is what `mount` can\n * act on. Under `active` it is instantiated on selection and destroyed after,\n * under `lazy` it is instantiated on first selection and kept, under `eager` it\n * is instantiated up front. It is the shape of Angular Material's `matTabContent`.\n *\n * It must be a direct child of the panel, so a panel never takes the template of\n * a family nested inside it.\n */\n@Directive({\n selector: 'ng-template[slTabPanelContent]',\n standalone: true,\n})\nexport class SlTabPanelContent {\n readonly template = inject(TemplateRef);\n}\n\n/**\n * The content of one tab.\n *\n * It is in the page's tab sequence, which is where `Tab` from the list goes, and\n * it is hidden with the attribute rather than with a class: a screen reader,\n * find-in-page and `:target` all already understand `hidden`.\n *\n * The panel itself always exists, so every tab's `aria-controls` names an\n * element. Whether its content is in the DOM is what `mount` decides. Content\n * written inside `<ng-template slTabPanelContent>` is also only built when\n * `mount` says so; projected markup is built by the consumer's view regardless.\n */\n@Component({\n selector: '[slTabPanel]',\n standalone: true,\n imports: [NgTemplateOutlet],\n exportAs: 'slTabPanel',\n template: `@if (present()) {\n @if (content(); as deferred) {\n <ng-container [ngTemplateOutlet]=\"deferred.template\" />\n } @else {\n <ng-content />\n }\n }`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n 'data-part': 'panel',\n role: 'tabpanel',\n tabindex: '0',\n '[attr.id]': 'panelId()',\n '[attr.aria-labelledby]': 'tabId()',\n '[attr.hidden]': \"selected() ? null : ''\",\n },\n})\nexport class SlTabPanel {\n /** The tab this panel belongs to. */\n readonly value = input.required<string>();\n\n private readonly tabs = inject(SlTabs);\n\n /** The deferred content, when the consumer wrote one. */\n protected readonly content = contentChild(SlTabPanelContent, { descendants: false });\n\n readonly selected = computed(() => this.tabs.holds(this.value()));\n\n protected readonly panelId = computed(() => this.tabs.identify(this.value()).panelId);\n protected readonly tabId = computed(() => this.tabs.identify(this.value()).tabId);\n protected readonly present = computed(() => {\n const mount = this.tabs.resolvedMount();\n if (mount === 'eager') return true;\n if (this.selected()) return true;\n return mount === 'lazy' && this.tabs.hasSeen(this.value());\n });\n}\n\n/**\n * The slot beside the list, on the same row.\n *\n * What belongs in it is a `toolbar`: one tab stop for however many actions the\n * page puts there, which is what keeps the distance between the tab list and the\n * panel to the two stops the pattern asks for.\n */\n@Directive({\n selector: '[slTabActions]',\n standalone: true,\n exportAs: 'slTabActions',\n host: { 'data-part': 'actions' },\n})\nexport class SlTabActions {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"slotted-angular-tabs.mjs","sources":["../../tabs/src/tabs-defaults.ts","../../tabs/src/tabs.ts","../../tabs/src/tabs-parts.ts","../../tabs/src/slotted-angular-tabs.ts"],"sourcesContent":["import { inject, Injectable, InjectionToken } from '@angular/core';\n\n/** Whether moving focus to a tab also selects it. */\nexport type TabsActivation = 'automatic' | 'manual';\n\n/** Which way the list runs. A horizontal list scrolls; a vertical one stacks. */\nexport type TabsOrientation = 'horizontal' | 'vertical';\n\n/** The type step the list and its tabs sit at. */\nexport type TabsSize = 'sm' | 'md' | 'lg';\n\n/**\n * How the list is drawn. `line` is a row of labels over a hairline; `contained`\n * is a sunken track holding a surface per tab. Both paint the same marker,\n * which is what survives the `high-contrast` scheme.\n */\nexport type TabsVariant = 'line' | 'contained';\n\n/**\n * Whether the list draws the line its tabs stand on. `none` is for a list that\n * sits on a line the page already drew — a card header's edge, a table's own\n * rule — where two hairlines a pixel apart read as one smudge.\n */\nexport type TabsTrack = 'line' | 'none';\n\n/** Whether each tab is as wide as its label or takes an equal share of the line. */\nexport type TabsFit = 'auto' | 'equal';\n\n/**\n * When a panel exists. The names are Cloudscape's, which are the clearest three\n * words in the field for the same three behaviours.\n */\nexport type TabsMount = 'active' | 'lazy' | 'eager';\n\n/** Which way the selection travelled, from the two indices. */\nexport type TabsActivationDirection = 'forward' | 'backward' | 'none';\n\nexport interface TabsDefaults {\n activation: TabsActivation;\n fit: TabsFit;\n track: TabsTrack;\n loop: boolean;\n mount: TabsMount;\n orientation: TabsOrientation;\n size: TabsSize;\n variant: TabsVariant;\n}\n\nconst FALLBACK: TabsDefaults = {\n activation: 'automatic',\n fit: 'auto',\n loop: true,\n mount: 'active',\n orientation: 'horizontal',\n size: 'md',\n track: 'line',\n variant: 'line',\n};\n\nexport const TABS_DEFAULTS = new InjectionToken<TabsDefaults>('slotted tabs defaults', {\n providedIn: 'root',\n factory: () => FALLBACK,\n});\n\n/**\n * An application decides once how its tabs look and behave, rather than\n * repeating the same seven inputs on every family in a product. A family that\n * states any of them itself still wins.\n */\nexport function provideTabsDefaults(defaults: Partial<TabsDefaults>) {\n return {\n provide: TABS_DEFAULTS,\n useFactory: (): TabsDefaults => ({ ...FALLBACK, ...defaults }),\n };\n}\n\n/** What a tabs family renders as here, before it states anything of its own. */\nexport function injectTabsDefaults(): TabsDefaults {\n return inject(TABS_DEFAULTS);\n}\n\n/**\n * Application-scoped rather than module-scoped, for the reason `field` records:\n * a module-level counter produces colliding sequences when two applications\n * render in one server process, and the server and the client sequences must\n * match for hydration.\n */\n@Injectable({ providedIn: 'root' })\nexport class SlTabsIdFactory {\n private count = 0;\n\n next() {\n this.count += 1;\n return `slotted-tabs-${this.count}`;\n }\n}\n","import { createRemovalFocus, createRovingTabindex } from '@slotted/core/focus';\nimport type { RemovalFocusHandle, RovingTabindexHandle } from '@slotted/core/focus';\nimport { createScrollAffordance, NOT_OVERFLOWING } from '@slotted/core/overflow';\nimport type { OverflowState, ScrollAffordanceHandle } from '@slotted/core/overflow';\nimport { createControllable } from '@slotted/core/state';\nimport type { ChangeRequest } from '@slotted/core/state';\nimport {\n afterNextRender,\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n DestroyRef,\n inject,\n Injector,\n input,\n output,\n signal,\n ViewEncapsulation,\n} from '@angular/core';\nimport type { OnInit } from '@angular/core';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\n\nimport { injectTabsDefaults, SlTabsIdFactory } from './tabs-defaults';\nimport type {\n TabsActivation,\n TabsActivationDirection,\n TabsFit,\n TabsMount,\n TabsOrientation,\n TabsSize,\n TabsTrack,\n TabsVariant,\n} from './tabs-defaults';\n\nexport type {\n TabsActivation,\n TabsActivationDirection,\n TabsDefaults,\n TabsFit,\n TabsMount,\n TabsOrientation,\n TabsSize,\n TabsTrack,\n TabsVariant,\n} from './tabs-defaults';\n\n/** Every tab in the list, in the order the DOM holds them. */\nexport const TAB_SELECTOR = '[data-part=\"tab\"]';\n\n/** Why the selection moved. */\nexport type TabsSelectionReason = 'pointer' | 'keyboard' | 'remove' | 'programmatic';\n\n/** Why a tab was dismissed. */\nexport type TabsDismissReason = 'pointer' | 'keyboard';\n\n/**\n * The request a dismissal carries. It holds no value pair, because nothing is\n * replacing anything: the value being dismissed is `value`, and the shape is\n * `tag`'s, which set the convention for a removal in this library.\n */\nexport interface TabsDismissRequest {\n readonly value: string;\n readonly reason: TabsDismissReason;\n readonly source: Event;\n readonly cancelled: boolean;\n cancel(): void;\n}\n\n/**\n * An identifier from a value, injectively.\n *\n * A value is the consumer's own string and may hold a space, which no\n * identifier may. Escaping the characters an identifier refuses — rather than\n * replacing them — is what keeps two values from wiring one panel.\n */\nexport function escapeTabValue(value: string): string {\n return value.replace(/[^\\w-]/g, (character) => `-${character.charCodeAt(0).toString(16)}-`);\n}\n\n/**\n * One view out of several, and the panels under it.\n *\n * **The keyboard is the APG's, and it is implemented once.** The list is a\n * roving tab stop from `@slotted/core/focus`: `Tab` enters on the selected tab,\n * the arrows of the flow axis move and wrap, `Home` and `End` reach the ends,\n * and the cross axis is left alone so the page still scrolls with focus inside\n * a horizontal list. `Delete` dismisses a dismissible tab, and focus lands\n * where the pattern says.\n *\n * **The marker moves without a measurement.** The root records which way the\n * selection travelled and the stylesheet turns that into a transform origin, so\n * the family is right in a server response and during the first paint.\n *\n * **The paging controls belong to the root**, because the root owns the observer\n * that knows whether they are needed. They are out of the tab sequence and out\n * of the accessibility tree: the arrows already reach every tab and bring it\n * into view.\n */\n@Component({\n selector: '[slTabs]',\n standalone: true,\n imports: [SlGlyph, SlIcon],\n exportAs: 'slTabs',\n template: `<ng-content />\n @if (paging()) {\n <button\n aria-hidden=\"true\"\n data-part=\"scroll\"\n data-direction=\"start\"\n type=\"button\"\n tabindex=\"-1\"\n [disabled]=\"overflow().atStart\"\n (click)=\"page(-1)\"\n >\n <span slIcon directional><svg slGlyph name=\"chevron-right\"></svg></span>\n </button>\n <button\n aria-hidden=\"true\"\n data-part=\"scroll\"\n data-direction=\"end\"\n type=\"button\"\n tabindex=\"-1\"\n [disabled]=\"overflow().atEnd\"\n (click)=\"page(1)\"\n >\n <span slIcon directional><svg slGlyph name=\"chevron-right\"></svg></span>\n </button>\n }`,\n styleUrl: '../../../styles/src/tabs/tabs.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n 'data-ui': 'tabs',\n 'data-part': 'root',\n '[attr.data-size]': 'resolvedSize()',\n '[attr.data-variant]': 'resolvedVariant()',\n '[attr.data-track]': 'resolvedTrack()',\n '[attr.data-orientation]': 'resolvedOrientation()',\n '[attr.data-fit]': 'resolvedFit()',\n '[attr.data-activation-direction]': 'direction()',\n '[attr.data-disabled]': \"disabled() ? '' : null\",\n '[attr.data-overflowing]': \"overflow().overflowing ? '' : null\",\n },\n})\nexport class SlTabs implements OnInit {\n /** Present means the consumer owns the selection. */\n readonly value = input<string | undefined>(undefined);\n /** The value an uncontrolled family starts from, read once. */\n readonly defaultValue = input<string | undefined>(undefined);\n readonly activation = input<TabsActivation | undefined>(undefined);\n readonly orientation = input<TabsOrientation | undefined>(undefined);\n readonly size = input<TabsSize | undefined>(undefined);\n readonly variant = input<TabsVariant | undefined>(undefined);\n /** `none` draws no line at all, for a list standing on one the page drew. */\n readonly track = input<TabsTrack | undefined>(undefined);\n readonly fit = input<TabsFit | undefined>(undefined);\n readonly mount = input<TabsMount | undefined>(undefined);\n readonly loop = input<boolean | undefined, boolean | string | undefined>(undefined, {\n transform: (state) => (state === undefined ? undefined : booleanAttribute(state)),\n });\n /** Reaches every tab as the native attribute, which is also what makes the\n browser skip it with the arrow keys. */\n readonly disabled = input(false, { transform: booleanAttribute });\n\n /** One output for one transition, carrying the reason and the event. */\n readonly valueChange = output<ChangeRequest<string | undefined>>();\n /**\n * Asked before a tab is dismissed. The family removes nothing: the consumer\n * owns the collection, and a component that removed itself would render\n * nothing while the consumer's array still held the item.\n */\n readonly tabDismiss = output<TabsDismissRequest>();\n\n private readonly defaults = injectTabsDefaults();\n private readonly baseId = inject(SlTabsIdFactory).next();\n private readonly destroyRef = inject(DestroyRef);\n private readonly injector = inject(Injector);\n\n private readonly own = signal<string | undefined>(undefined);\n private readonly listElement = signal<HTMLElement | null>(null);\n private readonly seen = new Set<string>();\n private roving: RovingTabindexHandle | null = null;\n private affordance: ScrollAffordanceHandle | null = null;\n\n protected readonly direction = signal<TabsActivationDirection>('none');\n protected readonly overflow = signal<OverflowState>(NOT_OVERFLOWING);\n\n readonly selection = computed(() => this.value() ?? this.own());\n readonly resolvedActivation = computed(() => this.activation() ?? this.defaults.activation);\n readonly resolvedOrientation = computed(() => this.orientation() ?? this.defaults.orientation);\n readonly resolvedSize = computed(() => this.size() ?? this.defaults.size);\n readonly resolvedVariant = computed(() => this.variant() ?? this.defaults.variant);\n readonly resolvedTrack = computed(() => this.track() ?? this.defaults.track);\n readonly resolvedFit = computed(() => this.fit() ?? this.defaults.fit);\n readonly resolvedMount = computed(() => this.mount() ?? this.defaults.mount);\n readonly resolvedLoop = computed(() => this.loop() ?? this.defaults.loop);\n\n protected readonly paging = computed(\n () => this.overflow().overflowing && this.resolvedOrientation() === 'horizontal',\n );\n\n constructor() {\n /**\n * The list constructs before this runs and hands over its element; the\n * handles are created once, after the first render, because two of them\n * measure and all three read the DOM the tabs are in.\n */\n afterNextRender(() => {\n const list = this.listElement();\n if (list !== null) this.observe(list);\n });\n }\n\n ngOnInit() {\n if (this.value() === undefined) this.own.set(this.defaultValue());\n const start = this.selection();\n if (start !== undefined) this.seen.add(start);\n }\n\n /** The identifiers a tab and its panel are wired together with. */\n identify(value: string) {\n const escaped = escapeTabValue(value);\n return { panelId: `${this.baseId}-panel-${escaped}`, tabId: `${this.baseId}-tab-${escaped}` };\n }\n\n /** Whether this value is the selected one. Read by every tab and panel. */\n holds(value: string): boolean {\n return this.selection() === value;\n }\n\n /** Whether this value has ever been selected, which is what `lazy` reads. */\n hasSeen(value: string): boolean {\n return this.seen.has(value);\n }\n\n /**\n * The list hands the root its element. The root owns the roving tab stop, the\n * removal focus and the overflow observer — all three are about that element,\n * and the root is what holds the value they act on.\n */\n attachList(element: HTMLElement) {\n this.listElement.set(element);\n }\n\n private tabElements(): HTMLElement[] {\n const list = this.listElement();\n return list === null ? [] : [...list.querySelectorAll<HTMLElement>(TAB_SELECTOR)];\n }\n\n private indexOf(value: string | undefined): number {\n if (value === undefined) return -1;\n return this.tabElements().findIndex((item) => item.getAttribute('data-value') === value);\n }\n\n /**\n * Asks the family to select one value. The direction is set in the same turn,\n * so the marker's origin and the selection reach the DOM in one paint.\n */\n select(next: string, reason: TabsSelectionReason, source?: Event) {\n if (next === this.selection()) return;\n\n let cancelled = false;\n const state = createControllable<string | undefined>({\n controlled: this.value(),\n initial: this.selection(),\n onRequest: (request) => {\n this.valueChange.emit(request);\n cancelled = request.cancelled;\n },\n });\n const moved = state.request(next, reason, source);\n if (cancelled) return;\n\n const from = this.indexOf(this.selection());\n const to = this.indexOf(next);\n if (from !== -1 && to !== -1) this.direction.set(to > from ? 'forward' : 'backward');\n\n this.seen.add(next);\n if (moved) this.own.set(next);\n\n /* The tab stop follows the selection, which is where `Tab` from outside the\n list lands. The DOM order does not change here, so the index is read\n straight away rather than waiting for a render. */\n if (to !== -1) this.roving?.setActive(to);\n this.revealSelected();\n }\n\n /**\n * The neighbour a dismissal leaves the selection to: the tab that followed\n * the dismissed one, or the one before it when the dismissed tab was last.\n * It is the APG's own focus rule for `Delete`, applied to the value.\n */\n private neighbourOf(dismissed: string): string | undefined {\n const values = this.tabElements()\n .map((item) => item.getAttribute('data-value'))\n .filter((candidate): candidate is string => candidate !== null);\n const index = values.indexOf(dismissed);\n if (index === -1) return undefined;\n return values[index + 1] ?? values[index - 1];\n }\n\n dismiss(value: string, reason: TabsDismissReason, source: Event) {\n let cancelled = false;\n const request: TabsDismissRequest = {\n value,\n reason,\n source,\n get cancelled() {\n return cancelled;\n },\n cancel() {\n cancelled = true;\n },\n };\n this.tabDismiss.emit(request);\n if (cancelled) return;\n\n if (!this.holds(value)) return;\n const next = this.neighbourOf(value);\n if (next !== undefined) this.select(next, 'remove', source);\n }\n\n /** Puts the tab stop on the selected tab and brings it into view. */\n syncSelection() {\n const index = this.indexOf(this.selection());\n if (index === -1) return;\n this.roving?.setActive(index);\n this.revealSelected();\n }\n\n private revealSelected() {\n const item = this.tabElements()[this.indexOf(this.selection())];\n if (item !== undefined) this.affordance?.reveal(item);\n }\n\n protected page(direction: -1 | 1) {\n this.affordance?.page(direction);\n }\n\n private observe(list: HTMLElement) {\n const tabindex = createRovingTabindex(list, {\n crossAxis: false,\n itemSelector: TAB_SELECTOR,\n loop: this.resolvedLoop(),\n onMove: (_index, item) => {\n this.affordance?.reveal(item);\n if (this.resolvedActivation() !== 'automatic') return;\n const next = item.getAttribute('data-value');\n if (next !== null) this.select(next, 'keyboard');\n },\n orientation: () => this.resolvedOrientation(),\n });\n this.roving = tabindex;\n\n /**\n * Where the keyboard goes when the tab it was on is dismissed. The list\n * is the last resort, which is why it holds `tabindex=\"-1\"`: a list\n * emptied by its final dismissal keeps focus rather than returning it\n * to the top of the page.\n */\n const removal: RemovalFocusHandle = createRemovalFocus(list, {\n itemSelector: TAB_SELECTOR,\n });\n /**\n * A list that starts to overflow — on its first render, or later when its\n * stylesheet arrives, a drawer opens or a hidden panel is shown — draws its\n * paging controls, and they narrow it: a tab revealed against the wider list\n * ended behind the end control. The selected tab is revealed again once the\n * controls are in the layout, on that transition and on no other, so a\n * reader scrolling the list keeps control.\n */\n let overflowing = false;\n const affordance = createScrollAffordance(list, {\n onChange: (state) => {\n this.overflow.set(state);\n if (state.overflowing && !overflowing) {\n afterNextRender(() => this.revealSelected(), { injector: this.injector });\n }\n overflowing = state.overflowing;\n },\n });\n this.affordance = affordance;\n this.overflow.set(affordance.state());\n\n /**\n * A tab arriving or leaving has to reach both handles, and neither\n * binding can be told by the other's change detection. The DOM is the\n * one thing they agree on.\n */\n const observer = new MutationObserver(() => {\n tabindex.refresh();\n affordance.refresh();\n this.syncSelection();\n });\n observer.observe(list, { childList: true, subtree: true });\n this.syncSelection();\n\n this.destroyRef.onDestroy(() => {\n observer.disconnect();\n removal.destroy();\n affordance.destroy();\n tabindex.destroy();\n this.roving = null;\n this.affordance = null;\n });\n }\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChild,\n Directive,\n ElementRef,\n inject,\n input,\n TemplateRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\n\nimport { SlTabs } from './tabs';\nimport type { TabsDismissReason, TabsSelectionReason } from './tabs';\n\n/**\n * A click synthesised by the keyboard reports no detail; a real one reports the\n * click count. It is why `Enter`, `Space` and a pointer are told apart without a\n * key listener existing for activation.\n */\nfunction activationReason(event: Event): TabsSelectionReason {\n return event instanceof MouseEvent && event.detail === 0 ? 'keyboard' : 'pointer';\n}\n\n/**\n * The list of tabs, and the one tab stop the family holds.\n *\n * It hands its element to the root, which owns the roving tab stop, the removal\n * focus and the overflow observer. `tabindex=\"-1\"` is the last resort of the\n * removal focus: a list emptied by its final dismissal keeps focus rather than\n * returning it to the top of the page.\n *\n * Its accessible name is the consumer's own `aria-label` or `aria-labelledby`:\n * only the page knows what the set of views is for.\n */\n@Directive({\n selector: '[slTabList]',\n standalone: true,\n exportAs: 'slTabList',\n host: {\n 'data-part': 'list',\n role: 'tablist',\n tabindex: '-1',\n '[attr.aria-orientation]': 'ariaOrientation()',\n },\n})\nexport class SlTabList {\n private readonly tabs = inject(SlTabs);\n\n protected readonly ariaOrientation = computed(() =>\n this.tabs.resolvedOrientation() === 'vertical' ? 'vertical' : null,\n );\n\n constructor() {\n this.tabs.attachList(inject(ElementRef<HTMLElement>).nativeElement);\n }\n}\n\n/**\n * What precedes the label inside a tab, such as an icon. It stands beside the\n * words rather than inside them, so the tab's gap spaces it and only the words\n * are clipped under `fit=\"equal\"`; the part sizes an icon to the tab's icon step.\n */\n@Directive({\n selector: '[slTabStart]',\n standalone: true,\n exportAs: 'slTabStart',\n host: { 'data-part': 'start' },\n})\nexport class SlTabStart {}\n\n/** What follows the label inside a tab, such as a count. */\n@Directive({\n selector: '[slTabEnd]',\n standalone: true,\n exportAs: 'slTabEnd',\n host: { 'data-part': 'end' },\n})\nexport class SlTabEnd {}\n\n/**\n * One tab, in the box that holds it.\n *\n * The host is that box, and it is presentational for two reasons a `button`\n * cannot answer: a `button` may not contain a `button`, so a dismissible tab\n * needs somewhere to put its second control, and the marker has to span the\n * pair rather than only the label.\n *\n * `href` makes the control an anchor, and a click carrying a modifier key is\n * left to the browser so a deep link still opens in a new browser tab.\n */\n@Component({\n selector: '[slTab]',\n standalone: true,\n imports: [NgTemplateOutlet, SlGlyph, SlIcon],\n exportAs: 'slTab',\n /* The words and what stands beside them are written once and placed in\n whichever control the tab renders: a selecting `ng-content` repeated in\n both branches left the button branch without its icon and its count. */\n template: `<ng-template #content\n ><ng-content select=\"[slTabStart]\" /><span data-part=\"label\"><ng-content /></span\n ><ng-content select=\"[slTabEnd]\"\n /></ng-template>\n @if (href(); as destination) {\n <a\n #control\n data-part=\"tab\"\n role=\"tab\"\n [attr.id]=\"tabId()\"\n [attr.href]=\"destination\"\n [attr.data-value]=\"value()\"\n [attr.aria-controls]=\"panelId()\"\n [attr.aria-selected]=\"selected()\"\n [attr.aria-disabled]=\"resolvedDisabled() ? 'true' : null\"\n [attr.aria-keyshortcuts]=\"dismissible() ? 'Delete' : null\"\n [attr.tabindex]=\"selected() ? 0 : -1\"\n (click)=\"onClick($event)\"\n (keydown)=\"onKeydown($event)\"\n ><ng-container [ngTemplateOutlet]=\"content\"\n /></a>\n } @else {\n <button\n #control\n data-part=\"tab\"\n role=\"tab\"\n type=\"button\"\n [attr.id]=\"tabId()\"\n [attr.data-value]=\"value()\"\n [attr.aria-controls]=\"panelId()\"\n [attr.aria-selected]=\"selected()\"\n [attr.aria-keyshortcuts]=\"dismissible() ? 'Delete' : null\"\n [disabled]=\"resolvedDisabled()\"\n [attr.tabindex]=\"selected() ? 0 : -1\"\n (click)=\"onClick($event)\"\n (keydown)=\"onKeydown($event)\"\n >\n <ng-container [ngTemplateOutlet]=\"content\" />\n </button>\n }\n @if (dismissible()) {\n <button\n data-part=\"dismiss\"\n type=\"button\"\n tabindex=\"-1\"\n [attr.aria-label]=\"dismissLabel()\"\n [disabled]=\"resolvedDisabled()\"\n (click)=\"onDismiss($event)\"\n >\n <span slIcon><svg slGlyph name=\"x\"></svg></span>\n </button>\n }`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n 'data-part': 'item',\n role: 'presentation',\n '[attr.data-selected]': \"selected() ? '' : null\",\n },\n})\nexport class SlTab {\n /** What this tab selects. It is what the family's value holds. */\n readonly value = input.required<string>();\n /** Unstated rather than `false`, so the tab defers to the family. */\n readonly disabled = input<boolean | undefined, boolean | string | undefined>(undefined, {\n transform: (state) => (state === undefined ? undefined : booleanAttribute(state)),\n });\n /** Whether this tab carries a control that closes it. */\n readonly dismissible = input(false, { transform: booleanAttribute });\n /** The accessible name of that control. Required whenever it is drawn. */\n readonly dismissLabel = input<string | undefined>(undefined);\n /** Makes the control an anchor, for a view a router can deep-link to. */\n readonly href = input<string | undefined>(undefined);\n /**\n * The id of the element this tab controls, when it is not a panel of this\n * family: a strip over one region whose content the value filters — a\n * feed, a table — names that region here, and `aria-controls` says so.\n */\n readonly controls = input<string | undefined>(undefined);\n\n /** The family this tab belongs to. Public, because a template may read it. */\n readonly tabs = inject(SlTabs);\n\n readonly selected = computed(() => this.tabs.holds(this.value()));\n /**\n * A family out of action takes every tab with it. The tab's own input can\n * only add to that, never subtract: a consumer that writes `[disabled]=\"false\"`\n * on a tab inside a disabled family is saying nothing about that family, and a\n * template that binds an expression writes `false` where it means \"not this\n * one\" — which is how every tab stayed operable while the family reported\n * itself disabled.\n */\n readonly resolvedDisabled = computed(() => this.tabs.disabled() || (this.disabled() ?? false));\n\n protected readonly tabId = computed(() => this.tabs.identify(this.value()).tabId);\n protected readonly panelId = computed(\n () => this.controls() ?? this.tabs.identify(this.value()).panelId,\n );\n\n protected onClick(event: MouseEvent) {\n if (event.defaultPrevented || this.resolvedDisabled()) return;\n /* A modifier click on a link is the reader asking the browser for a new\n window, and swallowing it is what turns a real destination into a\n decoration. */\n if (\n this.href() !== undefined &&\n (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)\n ) {\n return;\n }\n if (this.href() !== undefined) event.preventDefault();\n this.tabs.select(this.value(), activationReason(event), event);\n }\n\n /**\n * `Delete` closes the tab, which is the key the APG names for it. A held key\n * repeats, and a repeat would close the tab focus has just landed on.\n */\n protected onKeydown(event: KeyboardEvent) {\n if (event.defaultPrevented || event.repeat) return;\n if (!this.dismissible() || this.resolvedDisabled()) return;\n if (event.key !== 'Delete') return;\n\n event.preventDefault();\n this.tabs.dismiss(this.value(), 'keyboard' satisfies TabsDismissReason, event);\n }\n\n protected onDismiss(event: MouseEvent) {\n /* The control sits inside the item, whose click would otherwise select the\n tab that is being closed. */\n event.stopPropagation();\n this.tabs.dismiss(this.value(), 'pointer', event);\n }\n}\n\n/**\n * The content of a panel, as a template the panel instantiates.\n *\n * Projected markup is built by the consumer's own view whether a panel shows it\n * or not: a component inside a closed panel is constructed, change-detected and\n * keeps its state, and only its DOM is detached. A template is what `mount` can\n * act on. Under `active` it is instantiated on selection and destroyed after,\n * under `lazy` it is instantiated on first selection and kept, under `eager` it\n * is instantiated up front. It is the shape of Angular Material's `matTabContent`.\n *\n * It must be a direct child of the panel, so a panel never takes the template of\n * a family nested inside it.\n */\n@Directive({\n selector: 'ng-template[slTabPanelContent]',\n standalone: true,\n})\nexport class SlTabPanelContent {\n readonly template = inject(TemplateRef);\n}\n\n/**\n * The content of one tab.\n *\n * It is in the page's tab sequence, which is where `Tab` from the list goes, and\n * it is hidden with the attribute rather than with a class: a screen reader,\n * find-in-page and `:target` all already understand `hidden`.\n *\n * The panel itself always exists, so every tab's `aria-controls` names an\n * element. Whether its content is in the DOM is what `mount` decides. Content\n * written inside `<ng-template slTabPanelContent>` is also only built when\n * `mount` says so; projected markup is built by the consumer's view regardless.\n */\n@Component({\n selector: '[slTabPanel]',\n standalone: true,\n imports: [NgTemplateOutlet],\n exportAs: 'slTabPanel',\n template: `@if (present()) {\n @if (content(); as deferred) {\n <ng-container [ngTemplateOutlet]=\"deferred.template\" />\n } @else {\n <ng-content />\n }\n }`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n 'data-part': 'panel',\n role: 'tabpanel',\n tabindex: '0',\n '[attr.id]': 'panelId()',\n '[attr.aria-labelledby]': 'tabId()',\n '[attr.hidden]': \"selected() ? null : ''\",\n },\n})\nexport class SlTabPanel {\n /** The tab this panel belongs to. */\n readonly value = input.required<string>();\n\n private readonly tabs = inject(SlTabs);\n\n /** The deferred content, when the consumer wrote one. */\n protected readonly content = contentChild(SlTabPanelContent, { descendants: false });\n\n readonly selected = computed(() => this.tabs.holds(this.value()));\n\n protected readonly panelId = computed(() => this.tabs.identify(this.value()).panelId);\n protected readonly tabId = computed(() => this.tabs.identify(this.value()).tabId);\n protected readonly present = computed(() => {\n const mount = this.tabs.resolvedMount();\n if (mount === 'eager') return true;\n if (this.selected()) return true;\n return mount === 'lazy' && this.tabs.hasSeen(this.value());\n });\n}\n\n/**\n * The slot beside the list, on the same row.\n *\n * What belongs in it is a `toolbar`: one tab stop for however many actions the\n * page puts there, which is what keeps the distance between the tab list and the\n * panel to the two stops the pattern asks for.\n */\n@Directive({\n selector: '[slTabActions]',\n standalone: true,\n exportAs: 'slTabActions',\n host: { 'data-part': 'actions' },\n})\nexport class SlTabActions {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1103,7 +1103,7 @@ class SlTransfer {
|
|
|
1103
1103
|
}
|
|
1104
1104
|
</div>
|
|
1105
1105
|
</ng-template>
|
|
1106
|
-
`, isInline: true, styles: ["@layer slotted.components{[data-ui=transfer]{--_text: var(--slotted-text, CanvasText);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-border-subtle, ButtonBorder);--_edge: var(--slotted-control-border-color, ButtonBorder);--_surface: var(--slotted-control-surface, Field);--_shadow: var(--slotted-control-shadow, none);--_radius: var(--slotted-radius-md, 6px);--_pane-min: var(--slotted-transfer-pane-min-inline-size, 13rem);--_gap: var(--slotted-space-5, .75rem);--_rows: var(--slotted-transfer-rows, 8);--_duration: var(--slotted-control-transition-duration);--_easing: var(--slotted-control-transition-easing);--_option-height: var(--slotted-control-height-md, 34px);--_option-inset: var(--slotted-control-padding-inline-md, 13px);--_mark: var(--slotted-control-icon-size-md, 16px);--_box: var(--slotted-selection-size-md, 16px);--_font-size: var(--slotted-control-font-size-md, 13px);--_list-inset: var(--slotted-listbox-padding-block, var(--slotted-space-2, .25rem));box-sizing:border-box;color:var(--_text);display:grid;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);min-inline-size:0;row-gap:var(--_gap);text-align:start;container-name:transfer;container-type:inline-size}[data-ui=transfer][data-size=sm]{--_option-height: var(--slotted-control-height-sm, 30px);--_option-inset: var(--slotted-control-padding-inline-sm, 10px);--_mark: var(--slotted-control-icon-size-sm, 14px);--_box: var(--slotted-selection-size-sm, 14px);--_font-size: var(--slotted-control-font-size-sm, 12px)}[data-ui=transfer][data-size=lg]{--_option-height: var(--slotted-control-height-lg, 38px);--_option-inset: var(--slotted-control-padding-inline-lg, 16px);--_mark: var(--slotted-control-icon-size-lg, 18px);--_box: var(--slotted-selection-size-lg, 18px);--_font-size: var(--slotted-control-font-size-lg, 14px)}[data-ui=transfer]>[data-part=switch]{display:none}[data-ui=transfer]>[data-part=switch]>[data-ui=segmented-control]{inline-size:100%}[data-ui=transfer]>[data-part=body]{align-items:center;column-gap:var(--_gap);display:grid;grid-template-columns:minmax(var(--_pane-min),1fr) max-content minmax(var(--_pane-min),1fr);min-inline-size:0}[data-ui=transfer]>[data-part=body]>[data-part=pane]{align-self:stretch;background:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-inline-size:0;overflow:clip;transition:border-color var(--_duration) var(--_easing),box-shadow var(--_duration) var(--_easing)}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=pane-header]{align-items:center;column-gap:var(--slotted-space-4, .5rem);display:flex;min-block-size:var(--_option-height);padding-block:var(--slotted-space-3, .375rem);padding-inline-end:calc(var(--_list-inset) + var(--_option-inset));padding-inline-start:calc(var(--_list-inset) + var(--_option-inset) - (var(--_box) - var(--_mark)) / 2)}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=pane-header]>[data-part=select-all]{display:inline-flex;flex:none}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=pane-header]>[data-part=select-all]>[data-ui=checkbox]{column-gap:0}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=pane-header]>[data-part=title]{color:var(--_text);font-weight:var(--slotted-font-weight-semibold, 600);min-inline-size:0;overflow-wrap:anywhere}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=pane-header]>[data-part=count]{color:var(--_muted);flex:none;font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;line-height:var(--slotted-line-height-xs, 1.4);margin-inline-start:auto;white-space:nowrap}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=search]{padding-block-end:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-4, .5rem)}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=search]>[data-ui=text-field]{inline-size:100%}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=search] [data-part=search-icon]{display:inline-flex;flex:none}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]{block-size:calc(var(--_rows) * var(--_option-height) + 2 * var(--_list-inset));border-block-start:var(--slotted-border-width-thin, 1px) solid var(--_rule);box-sizing:content-box;min-block-size:0;position:relative}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]>[data-ui=listbox]{--slotted-listbox-measure: none;block-size:100%;max-block-size:100%}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]>[data-ui=listbox]:has(>[data-part=empty]){align-content:center}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]>[data-ui=listbox]>[data-part=empty]>[data-part=empty]{--slotted-icon-size: var(--_mark);display:grid;justify-items:center;row-gap:var(--slotted-space-3, .375rem)}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]>[data-ui=listbox] [data-part=option]:has(>[data-part=indicator][data-unresolved]){color:var(--_muted);font-family:var(--slotted-font-family-mono, ui-monospace, monospace)}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]>[data-part=drop-indicator]{block-size:0;inset-block-start:var(--_drop-offset, 0);inset-inline:calc(var(--_list-inset) + var(--slotted-space-2, .25rem));pointer-events:none;position:absolute}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]>[data-part=drop-indicator]:before{background-color:var(--slotted-tone-accent-solid);block-size:var(--slotted-border-width-thick, 2px);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inset-block-start:calc(var(--slotted-border-width-thick, 2px) / -2);inset-inline:0;position:absolute}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]>[data-ui=listbox] [data-part=option]:has(>[data-part=indicator][data-dragging]){opacity:.5}[data-ui=transfer]>[data-part=body]>[data-part=pane][data-drop-target]{border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-accent-border, Highlight)}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=pane-footer]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--_rule);color:var(--_muted);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--slotted-line-height-xs, 1.4);padding-block:var(--slotted-space-4, .5rem);padding-inline:calc(var(--_list-inset) + var(--_option-inset))}[data-ui=transfer][data-invalid]>[data-part=body]>[data-part=pane]{--_edge: var(--slotted-tone-danger-border, Mark);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);--_shadow: inset 0 0 0 var(--_invalid-edge-width) var(--_edge)}[data-ui=transfer][data-disabled]{--_surface: var(--slotted-disabled-background, Canvas);--_edge: var(--slotted-disabled-border, GrayText);--_text: var(--slotted-disabled-foreground, GrayText);--_muted: var(--slotted-disabled-foreground, GrayText);--_shadow: none}[data-ui=transfer]>[data-part=body]>[data-part=actions]{display:grid;gap:var(--slotted-space-3, .375rem);grid-auto-rows:auto;min-inline-size:0}[data-ui=transfer]>[data-part=body]>[data-part=actions]>[data-part=move-to-source],[data-ui=transfer]>[data-part=body]>[data-part=actions]>[data-part=reorder]{margin-block-start:var(--slotted-space-4, .5rem)}[data-ui=transfer]>[data-part=body]>[data-part=actions]>[data-ui=button]{inline-size:100%}[data-ui=transfer]>[data-part=body]>[data-part=actions]>[data-part=reorder]{display:grid;gap:var(--slotted-space-3, .375rem)}[data-ui=transfer]>[data-part=body]>[data-part=actions]>[data-part=reorder]>[data-ui=button]{inline-size:100%}[data-ui=transfer]>[data-part=body]>[data-part=actions]>:is([data-part=move-to-source],[data-part=move-all-to-source])>[data-part=start]>[data-ui=icon],[data-ui=transfer]:dir(rtl)>[data-part=body]>[data-part=actions]>:is([data-part=move-to-target],[data-part=move-all-to-target])>[data-part=end]>[data-ui=icon]{scale:-1 1}[data-ui=transfer]:dir(rtl)>[data-part=body]>[data-part=actions]>:is([data-part=move-to-source],[data-part=move-all-to-source])>[data-part=start]>[data-ui=icon]{scale:1 1}[data-ui=transfer]>[data-part=body]>[data-part=actions]>[data-part=reorder]>[data-part=move-up]>[data-part=start]>[data-ui=icon]{scale:1 -1}[data-ui=transfer][data-layout=steps]>[data-part=switch]{display:block}[data-ui=transfer][data-layout=steps]>[data-part=body]{grid-template-columns:minmax(0,1fr);row-gap:var(--slotted-space-4, .5rem)}[data-ui=transfer][data-layout=steps]>[data-part=body]>[data-part=pane]:not([data-current]){display:none}[data-ui=transfer][data-layout=steps]>[data-part=body]>[data-part=actions]{grid-template-columns:repeat(2,minmax(0,1fr))}[data-ui=transfer][data-layout=steps]>[data-part=body]>[data-part=actions]>:is([data-part=move-to-source],[data-part=reorder]){margin-block-start:0}[data-ui=transfer][data-layout=steps][data-pane=source]>[data-part=body]>[data-part=actions]>:is([data-part=move-to-source],[data-part=move-all-to-source],[data-part=reorder]),[data-ui=transfer][data-layout=steps][data-pane=target]>[data-part=body]>[data-part=actions]>:is([data-part=move-to-target],[data-part=move-all-to-target]){display:none}[data-ui=transfer][data-layout=steps]>[data-part=body]>[data-part=actions]>[data-part=reorder]{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}@container transfer (inline-size < 36rem){[data-ui=transfer][data-layout=auto]>[data-part=switch]{display:block}[data-ui=transfer][data-layout=auto]>[data-part=body]{grid-template-columns:minmax(0,1fr);row-gap:var(--slotted-space-4, .5rem)}[data-ui=transfer][data-layout=auto]>[data-part=body]>[data-part=pane]:not([data-current]){display:none}[data-ui=transfer][data-layout=auto]>[data-part=body]>[data-part=actions]{grid-template-columns:repeat(2,minmax(0,1fr))}[data-ui=transfer][data-layout=auto]>[data-part=body]>[data-part=actions]>:is([data-part=move-to-source],[data-part=reorder]){margin-block-start:0}[data-ui=transfer][data-layout=auto][data-pane=source]>[data-part=body]>[data-part=actions]>:is([data-part=move-to-source],[data-part=move-all-to-source],[data-part=reorder]),[data-ui=transfer][data-layout=auto][data-pane=target]>[data-part=body]>[data-part=actions]>:is([data-part=move-to-target],[data-part=move-all-to-target]){display:none}[data-ui=transfer][data-layout=auto]>[data-part=body]>[data-part=actions]>[data-part=reorder]{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(forced-colors:active){[data-ui=transfer][data-invalid]>[data-part=body]>[data-part=pane]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-border-width-thin, 1px) + var(--_invalid-edge-width)))}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonEnd, selector: "[slButtonEnd]", exportAs: ["slButtonEnd"] }, { kind: "component", type: SlButtonStart, selector: "[slButtonStart]", exportAs: ["slButtonStart"] }, { kind: "component", type: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "size", "labelPlacement", "variant", "disabled", "readOnly", "invalid"], outputs: ["checkedChange"], exportAs: ["slCheckbox"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlListbox, selector: "[slListbox]", inputs: ["value", "defaultValue", "activeKey", "defaultActiveKey", "selectionMode", "selectionBehavior", "size", "variant", "orientation", "focusMode", "indicator", "loop", "typeahead", "selectOnFocus", "navigateDisabled", "disallowEmptySelection", "disallowSelectAll", "rows", "columns", "pageSize", "typeaheadTimeout", "disabled", "readOnly", "required", "invalid", "loading", "items", "sections", "getKey", "getLabel", "isItemDisabled", "totalCount", "virtual", "itemSize", "sectionSize", "overscan", "hasMore", "loadMoreThreshold"], outputs: ["valueChange", "activeKeyChange", "loadMore"], exportAs: ["slListbox"] }, { kind: "directive", type: SlListboxDescription, selector: "[slListboxDescription]" }, { kind: "directive", type: SlListboxEmpty, selector: "[slListboxEmpty]" }, { kind: "component", type: SlListboxIndicator, selector: "[slListboxIndicator]" }, { kind: "directive", type: SlListboxLabel, selector: "[slListboxLabel]" }, { kind: "directive", type: SlListboxLoader, selector: "[slListboxLoader]" }, { kind: "directive", type: SlListboxOptionContent, selector: "[slListboxOptionContent]" }, { kind: "component", type: SlSegment, selector: "[slSegment]", inputs: ["value", "disabled"], exportAs: ["slSegment"] }, { kind: "component", type: SlSegmentedControl, selector: "[slSegmentedControl]", inputs: ["value", "defaultValue", "name", "size", "orientation", "condense", "fullWidth", "disabled", "readOnly", "invalid", "required"], outputs: ["valueChange"], exportAs: ["slSegmentedControl"] }, { kind: "component", type: SlTextField, selector: "[slTextField]", inputs: ["size", "variant", "mono", "clearable", "revealable", "copyable", "messages", "loading"], outputs: ["valueCopy"], exportAs: ["slTextField"] }, { kind: "directive", type: SlTextFieldInput, selector: "input[slTextFieldInput]", inputs: ["value", "defaultValue", "disabled", "readOnly", "invalid", "showCount", "countMax", "revealed", "defaultRevealed", "type"], outputs: ["valueChange", "revealedChange"], exportAs: ["slTextFieldInput"] }, { kind: "directive", type: SlTextFieldStart, selector: "[slTextFieldStart]", exportAs: ["slTextFieldStart"] }, { kind: "directive", type: SlTransferPart, selector: "[slTransferPart]", inputs: ["slTransferPart"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1106
|
+
`, isInline: true, styles: ["@layer slotted.components{[data-ui=transfer]{--_text: var(--slotted-text, CanvasText);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-border-subtle, ButtonBorder);--_edge: var(--slotted-control-border-color, ButtonBorder);--_surface: var(--slotted-control-surface, Field);--_shadow: var(--slotted-control-shadow, none);--_radius: var(--slotted-radius-md, 6px);--_pane-min: var(--slotted-transfer-pane-min-inline-size, 13rem);--_gap: var(--slotted-space-5, .75rem);--_rows: var(--slotted-transfer-rows, 8);--_duration: var(--slotted-control-transition-duration);--_easing: var(--slotted-control-transition-easing);--_option-height: var(--slotted-control-height-md, 34px);--_option-inset: var(--slotted-control-padding-inline-md, 13px);--_mark: var(--slotted-control-icon-size-md, 16px);--_box: var(--slotted-selection-size-md, 16px);--_font-size: var(--slotted-control-font-size-md, 13px);--_list-inset: var(--slotted-listbox-padding-block, var(--slotted-space-2, .25rem));box-sizing:border-box;color:var(--_text);display:grid;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);min-inline-size:0;row-gap:var(--_gap);text-align:start;container-name:transfer;container-type:inline-size}[data-ui=transfer][data-size=sm]{--_option-height: var(--slotted-control-height-sm, 30px);--_option-inset: var(--slotted-control-padding-inline-sm, 10px);--_mark: var(--slotted-control-icon-size-sm, 14px);--_box: var(--slotted-selection-size-sm, 14px);--_font-size: var(--slotted-control-font-size-sm, 12px)}[data-ui=transfer][data-size=lg]{--_option-height: var(--slotted-control-height-lg, 38px);--_option-inset: var(--slotted-control-padding-inline-lg, 16px);--_mark: var(--slotted-control-icon-size-lg, 18px);--_box: var(--slotted-selection-size-lg, 18px);--_font-size: var(--slotted-control-font-size-lg, 14px)}[data-ui=transfer]>[data-part=switch]{display:none}[data-ui=transfer]>[data-part=switch]>[data-ui=segmented-control]{inline-size:100%}[data-ui=transfer]>[data-part=body]{align-items:center;column-gap:var(--_gap);display:grid;grid-template-columns:minmax(var(--_pane-min),1fr) max-content minmax(var(--_pane-min),1fr);min-inline-size:0}[data-ui=transfer]>[data-part=body]>[data-part=pane]{align-self:stretch;background:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-inline-size:0;overflow:clip;transition:border-color var(--_duration) var(--_easing),box-shadow var(--_duration) var(--_easing)}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=pane-header]{align-items:center;column-gap:var(--slotted-space-4, .5rem);display:flex;min-block-size:var(--_option-height);padding-block:var(--slotted-space-3, .375rem);padding-inline-end:calc(var(--_list-inset) + var(--_option-inset));padding-inline-start:calc(var(--_list-inset) + var(--_option-inset) - (var(--_box) - var(--_mark)) / 2)}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=pane-header]>[data-part=select-all]{display:inline-flex;flex:none}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=pane-header]>[data-part=select-all]>[data-ui=checkbox]{column-gap:0}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=pane-header]>[data-part=title]{color:var(--_text);font-weight:var(--slotted-font-weight-semibold, 600);min-inline-size:0;overflow-wrap:anywhere}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=pane-header]>[data-part=count]{color:var(--_muted);flex:none;font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;line-height:var(--slotted-line-height-xs, 1.4);margin-inline-start:auto;white-space:nowrap}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=search]{padding-block-end:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-4, .5rem)}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=search]>[data-ui=text-field]{inline-size:100%}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=search] [data-part=search-icon]{display:inline-flex;flex:none}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]{block-size:calc(var(--_rows) * var(--_option-height) + 2 * var(--_list-inset));border-block-start:var(--slotted-border-width-thin, 1px) solid var(--_rule);box-sizing:content-box;min-block-size:0;position:relative}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]>[data-ui=listbox]{--slotted-listbox-measure: none;block-size:100%;max-block-size:100%}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]>[data-ui=listbox]:has(>[data-part=empty]){align-content:center}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]>[data-ui=listbox]>[data-part=empty]>[data-part=empty]{--slotted-icon-size: var(--_mark);display:grid;justify-items:center;row-gap:var(--slotted-space-3, .375rem)}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]>[data-ui=listbox] [data-part=option]:has(>[data-part=indicator][data-unresolved]){color:var(--_muted);font-family:var(--slotted-font-family-mono, ui-monospace, monospace)}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]>[data-part=drop-indicator]{block-size:0;inset-block-start:var(--_drop-offset, 0);inset-inline:calc(var(--_list-inset) + var(--slotted-space-2, .25rem));pointer-events:none;position:absolute}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]>[data-part=drop-indicator]:before{background-color:var(--slotted-tone-accent-solid);block-size:var(--slotted-border-width-thick, 2px);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inset-block-start:calc(var(--slotted-border-width-thick, 2px) / -2);inset-inline:0;position:absolute}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=list]>[data-ui=listbox] [data-part=option]:has(>[data-part=indicator][data-dragging]){opacity:.5}[data-ui=transfer]>[data-part=body]>[data-part=pane][data-drop-target]{border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-accent-border, Highlight)}[data-ui=transfer]>[data-part=body]>[data-part=pane]>[data-part=pane-footer]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--_rule);color:var(--_muted);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--slotted-line-height-xs, 1.4);padding-block:var(--slotted-space-4, .5rem);padding-inline:calc(var(--_list-inset) + var(--_option-inset))}[data-ui=transfer][data-invalid]>[data-part=body]>[data-part=pane]{--_edge: var(--slotted-tone-danger-border, Mark);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);--_shadow: inset 0 0 0 var(--_invalid-edge-width) var(--_edge)}[data-ui=transfer][data-disabled]{--_surface: var(--slotted-disabled-background, Canvas);--_edge: var(--slotted-disabled-border, GrayText);--_text: var(--slotted-disabled-foreground, GrayText);--_muted: var(--slotted-disabled-foreground, GrayText);--_shadow: none}[data-ui=transfer]>[data-part=body]>[data-part=actions]{display:grid;gap:var(--slotted-space-3, .375rem);grid-auto-rows:auto;min-inline-size:0}[data-ui=transfer]>[data-part=body]>[data-part=actions]>[data-part=move-to-source],[data-ui=transfer]>[data-part=body]>[data-part=actions]>[data-part=reorder]{margin-block-start:var(--slotted-space-4, .5rem)}[data-ui=transfer]>[data-part=body]>[data-part=actions]>[data-ui=button]{inline-size:100%}[data-ui=transfer]>[data-part=body]>[data-part=actions]>[data-part=reorder]{display:grid;gap:var(--slotted-space-3, .375rem)}[data-ui=transfer]>[data-part=body]>[data-part=actions]>[data-part=reorder]>[data-ui=button]{inline-size:100%}[data-ui=transfer]>[data-part=body]>[data-part=actions]>:is([data-part=move-to-source],[data-part=move-all-to-source])>[data-part=start]>[data-ui=icon],[data-ui=transfer]:dir(rtl)>[data-part=body]>[data-part=actions]>:is([data-part=move-to-target],[data-part=move-all-to-target])>[data-part=end]>[data-ui=icon]{scale:-1 1}[data-ui=transfer]:dir(rtl)>[data-part=body]>[data-part=actions]>:is([data-part=move-to-source],[data-part=move-all-to-source])>[data-part=start]>[data-ui=icon]{scale:1 1}[data-ui=transfer]>[data-part=body]>[data-part=actions]>[data-part=reorder]>[data-part=move-up]>[data-part=start]>[data-ui=icon]{scale:1 -1}[data-ui=transfer][data-layout=steps]>[data-part=switch]{display:block}[data-ui=transfer][data-layout=steps]>[data-part=body]{grid-template-columns:minmax(0,1fr);row-gap:var(--slotted-space-4, .5rem)}[data-ui=transfer][data-layout=steps]>[data-part=body]>[data-part=pane]:not([data-current]){display:none}[data-ui=transfer][data-layout=steps]>[data-part=body]>[data-part=actions]{grid-template-columns:repeat(2,minmax(0,1fr))}[data-ui=transfer][data-layout=steps]>[data-part=body]>[data-part=actions]>:is([data-part=move-to-source],[data-part=reorder]){margin-block-start:0}[data-ui=transfer][data-layout=steps][data-pane=source]>[data-part=body]>[data-part=actions]>:is([data-part=move-to-source],[data-part=move-all-to-source],[data-part=reorder]),[data-ui=transfer][data-layout=steps][data-pane=target]>[data-part=body]>[data-part=actions]>:is([data-part=move-to-target],[data-part=move-all-to-target]){display:none}[data-ui=transfer][data-layout=steps]>[data-part=body]>[data-part=actions]>[data-part=reorder]{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}@container transfer (inline-size < 36rem){[data-ui=transfer][data-layout=auto]>[data-part=switch]{display:block}[data-ui=transfer][data-layout=auto]>[data-part=body]{grid-template-columns:minmax(0,1fr);row-gap:var(--slotted-space-4, .5rem)}[data-ui=transfer][data-layout=auto]>[data-part=body]>[data-part=pane]:not([data-current]){display:none}[data-ui=transfer][data-layout=auto]>[data-part=body]>[data-part=actions]{grid-template-columns:repeat(2,minmax(0,1fr))}[data-ui=transfer][data-layout=auto]>[data-part=body]>[data-part=actions]>:is([data-part=move-to-source],[data-part=reorder]){margin-block-start:0}[data-ui=transfer][data-layout=auto][data-pane=source]>[data-part=body]>[data-part=actions]>:is([data-part=move-to-source],[data-part=move-all-to-source],[data-part=reorder]),[data-ui=transfer][data-layout=auto][data-pane=target]>[data-part=body]>[data-part=actions]>:is([data-part=move-to-target],[data-part=move-all-to-target]){display:none}[data-ui=transfer][data-layout=auto]>[data-part=body]>[data-part=actions]>[data-part=reorder]{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(forced-colors:active){[data-ui=transfer][data-invalid]>[data-part=body]>[data-part=pane]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-border-width-thin, 1px) + var(--_invalid-edge-width)))}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonEnd, selector: "[slButtonEnd]", exportAs: ["slButtonEnd"] }, { kind: "component", type: SlButtonStart, selector: "[slButtonStart]", exportAs: ["slButtonStart"] }, { kind: "component", type: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "tabIndex", "size", "labelPlacement", "variant", "disabled", "readOnly", "invalid"], outputs: ["checkedChange"], exportAs: ["slCheckbox"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlListbox, selector: "[slListbox]", inputs: ["value", "defaultValue", "activeKey", "defaultActiveKey", "selectionMode", "selectionBehavior", "size", "variant", "orientation", "focusMode", "indicator", "loop", "typeahead", "selectOnFocus", "navigateDisabled", "disallowEmptySelection", "disallowSelectAll", "rows", "columns", "pageSize", "typeaheadTimeout", "disabled", "readOnly", "required", "invalid", "loading", "items", "sections", "getKey", "getLabel", "isItemDisabled", "totalCount", "virtual", "itemSize", "sectionSize", "overscan", "hasMore", "loadMoreThreshold"], outputs: ["valueChange", "activeKeyChange", "loadMore"], exportAs: ["slListbox"] }, { kind: "directive", type: SlListboxDescription, selector: "[slListboxDescription]" }, { kind: "directive", type: SlListboxEmpty, selector: "[slListboxEmpty]" }, { kind: "component", type: SlListboxIndicator, selector: "[slListboxIndicator]" }, { kind: "directive", type: SlListboxLabel, selector: "[slListboxLabel]" }, { kind: "directive", type: SlListboxLoader, selector: "[slListboxLoader]" }, { kind: "directive", type: SlListboxOptionContent, selector: "[slListboxOptionContent]" }, { kind: "component", type: SlSegment, selector: "[slSegment]", inputs: ["value", "disabled"], exportAs: ["slSegment"] }, { kind: "component", type: SlSegmentedControl, selector: "[slSegmentedControl]", inputs: ["value", "defaultValue", "name", "size", "orientation", "condense", "fullWidth", "disabled", "readOnly", "invalid", "required"], outputs: ["valueChange"], exportAs: ["slSegmentedControl"] }, { kind: "component", type: SlTextField, selector: "[slTextField]", inputs: ["size", "variant", "mono", "clearable", "revealable", "copyable", "messages", "loading"], outputs: ["valueCopy"], exportAs: ["slTextField"] }, { kind: "directive", type: SlTextFieldInput, selector: "input[slTextFieldInput]", inputs: ["value", "defaultValue", "disabled", "readOnly", "invalid", "showCount", "countMax", "revealed", "defaultRevealed", "type"], outputs: ["valueChange", "revealedChange"], exportAs: ["slTextFieldInput"] }, { kind: "directive", type: SlTextFieldStart, selector: "[slTextFieldStart]", exportAs: ["slTextFieldStart"] }, { kind: "directive", type: SlTransferPart, selector: "[slTransferPart]", inputs: ["slTransferPart"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1107
1107
|
}
|
|
1108
1108
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTransfer, decorators: [{
|
|
1109
1109
|
type: Component,
|