@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
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createFilter, moveIndex } from '@slotted/core/collection';
|
|
1
|
+
import { createFilter, revealWithin, moveIndex } from '@slotted/core/collection';
|
|
2
2
|
import { pressOrigin, createDismissableLayer } from '@slotted/core/dismissable-layer';
|
|
3
3
|
import { comboboxMessages } from '@slotted/core/i18n';
|
|
4
4
|
import { createPortalRoot } from '@slotted/core/portal';
|
|
@@ -386,8 +386,8 @@ class SlCombobox {
|
|
|
386
386
|
}
|
|
387
387
|
scrollToKey(value) {
|
|
388
388
|
const option = this.options().find((candidate) => candidate.dataset['value'] === value);
|
|
389
|
-
if (
|
|
390
|
-
option.
|
|
389
|
+
if (option !== undefined && this.surfaceNode !== null)
|
|
390
|
+
revealWithin(option, this.surfaceNode);
|
|
391
391
|
}
|
|
392
392
|
setOpen(next, reason, source) {
|
|
393
393
|
if (next === this.isOpen())
|
|
@@ -794,7 +794,13 @@ class SlCombobox {
|
|
|
794
794
|
sideOffset: this.sideOffset() ?? this.defaults.sideOffset,
|
|
795
795
|
strategy: this.strategy() ?? this.defaults.strategy,
|
|
796
796
|
});
|
|
797
|
-
|
|
797
|
+
/* The height that bounds the list arrives with the position, after the
|
|
798
|
+
highlight has landed, so the highlighted row is revealed again. */
|
|
799
|
+
void this.positioner.update().then(() => {
|
|
800
|
+
const held = this.highlightedValue();
|
|
801
|
+
if (held !== null)
|
|
802
|
+
this.scrollToKey(held);
|
|
803
|
+
});
|
|
798
804
|
}
|
|
799
805
|
bind() {
|
|
800
806
|
if (this.layerNode === null)
|
|
@@ -1056,7 +1062,7 @@ class SlCombobox {
|
|
|
1056
1062
|
</div>
|
|
1057
1063
|
</div>
|
|
1058
1064
|
</ng-template>
|
|
1059
|
-
`, isInline: true, styles: ["@layer slotted.components{[data-ui=combobox][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-floor: var(--slotted-combobox-icon-size-min, 14px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px);--_action-size: var( --slotted-combobox-action-size, min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );align-items:center;background-color:var(--slotted-combobox-background, var(--slotted-control-surface, Field));border:var(--slotted-control-border-width, 1px) solid var(--slotted-combobox-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-combobox-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-combobox-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-combobox-color, var(--slotted-text, CanvasText));display:flex;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);gap:var(--slotted-space-1, .125rem);inline-size:100%;min-inline-size:0;min-block-size:var(--_height);padding-inline-start:var(--_padding-inline);padding-inline-end:max(0px,calc(var(--_padding-inline) - (var(--_action-size) - var(--_icon-size)) / 2));transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=combobox][data-part=root]:not([data-full-width]){inline-size:auto}[data-ui=combobox]>[data-part=input]{background-color:transparent;align-self:stretch;margin-block:calc(var(--slotted-control-border-width, 1px) * -1);border:0;color:inherit;flex:1 1 auto;font:inherit;outline:none;padding:0;min-inline-size:0;text-overflow:ellipsis}[data-ui=combobox]>[data-part=input]::placeholder{color:var(--slotted-combobox-placeholder-color, var(--slotted-text-muted, GrayText));text-overflow:ellipsis}[data-ui=combobox]>[data-part=input]::selection{background-color:var( --slotted-combobox-completion-background, var(--slotted-tone-accent-surface) );color:var(--slotted-combobox-completion-color, var(--slotted-tone-accent-text))}[data-ui=combobox]>[data-part=input]:autofill{box-shadow:inset 0 0 0 100px var(--slotted-combobox-autofill-background, var(--slotted-tone-accent-surface));-webkit-text-fill-color:var(--slotted-combobox-color, var(--slotted-text, CanvasText))}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-combobox-radius, var(--slotted-control-radius, 4px));color:var(--slotted-combobox-action-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;inline-size:var(--_action-size);justify-content:center;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=combobox]>[data-part=clear]:has(+[data-part=trigger]:not([hidden])):after{inset-inline-end:0}[data-ui=combobox]>[data-part=clear]:not([hidden])+[data-part=trigger]:after{inset-inline-start:0}}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]){--slotted-icon-size: var(--_icon-size)}[data-ui=combobox] [data-part=arrow]{align-items:center;block-size:var(--_icon-size);display:flex;inline-size:var(--_icon-size);justify-content:center}[data-ui=combobox] [data-part=arrow]>[data-ui=icon]{transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=combobox][data-open] [data-part=arrow]>[data-ui=icon]{rotate:180deg}[data-ui=combobox] [data-part=busy]{--slotted-spinner-size: var(--_icon-size);color:var(--slotted-combobox-arrow-color, var(--slotted-text-muted, GrayText));flex:none}[data-ui=combobox][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-sm, 14px));--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=combobox][data-part=root][data-size=md]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px)}[data-ui=combobox][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-lg, 18px));--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=combobox][data-part=root][data-variant=subtle]{background-color:var( --slotted-combobox-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-combobox-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui=combobox][data-part=root][data-variant=plain]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}@media(forced-colors:active){[data-ui=combobox][data-part=root][data-variant=plain]{border-color:ButtonBorder}}[data-ui=combobox][data-part=root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-combobox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=combobox][data-part=root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-combobox-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=combobox][data-part=root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-combobox-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui=combobox][data-part=root]:has(>[data-part=input]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=combobox][data-part=root][data-variant=plain]:has(>[data-part=input]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=combobox][data-part=root][data-open]:not([data-disabled]){border-color:var(--slotted-combobox-open-border-color, var(--slotted-tone-accent-border))}[data-ui=combobox][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-combobox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-combobox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-combobox-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-combobox-invalid-border-color, var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui=combobox][data-part=root][data-invalid]:has(>[data-part=input]:focus-visible){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=combobox][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=input]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=combobox][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui=combobox][data-part=root][data-invalid]:has(>[data-part=input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=combobox][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=combobox][data-part=root][data-readonly]{background-color:var( --slotted-combobox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=combobox][data-part=root][data-readonly] [data-part=arrow]{opacity:.5}[data-ui=combobox][data-part=root][data-disabled],[data-ui=combobox][data-part=root]:has(>[data-part=input]:disabled){background-color:var( --slotted-combobox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-combobox-disabled-border-color, var(--slotted-disabled-border));box-shadow:none;color:var(--slotted-combobox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-combobox-action-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):active:not(:disabled):not([data-disabled]){background-color:var( --slotted-combobox-action-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=combobox][data-part=positioner]{--_surface: var(--slotted-combobox-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-combobox-content-text, var(--slotted-text, #0f172a));--_muted: var(--slotted-combobox-content-text-muted, var(--slotted-text-muted, #5b6b7f));--_border-color: var( --slotted-combobox-content-border-color, var(--slotted-border-subtle, #e2e8f0) );--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-combobox-content-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-combobox-content-shadow, var(--slotted-shadow-md));--_highlight: var(--slotted-combobox-highlight, var(--slotted-tone-secondary-subtle-active));--_highlight-active: var( --slotted-combobox-highlight-active, var(--slotted-tone-accent-surface) );--_selected-color: var(--slotted-combobox-selected-color, var(--slotted-tone-accent-text));--_inset-block: var(--slotted-combobox-content-padding-block, var(--slotted-space-2, .25rem));--_inset-inline: var( --slotted-combobox-content-padding-inline, var(--slotted-space-2, .25rem) );--_item-inset: var(--slotted-control-padding-inline-md, .8125rem);--_item-height: var(--slotted-control-height-md, 34px);--_item-radius: var(--slotted-combobox-item-radius, var(--slotted-control-radius));--_content-font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-md, 16px);--_column-gap: var(--slotted-control-gap-md, .5rem);--_measure: var(--slotted-combobox-measure, 24rem);position:absolute;inset-block-start:0;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));isolation:isolate;box-sizing:border-box;pointer-events:none;opacity:0;--_enter-distance: var(--slotted-space-2, .25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=combobox][data-part=positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=combobox][data-part=positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui=combobox][data-part=positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=combobox][data-part=positioner][data-open][data-positioned]{animation:slotted-combobox-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-combobox-enter-up}[data-ui=combobox][data-part=positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-combobox-fade}@keyframes slotted-combobox-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-combobox-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-combobox-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=combobox][data-part=positioner],[data-ui=combobox][data-part=positioner][data-side=top],[data-ui=combobox][data-part=positioner][data-side=left],[data-ui=combobox][data-part=positioner][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=combobox][data-part=positioner][data-open][data-positioned],[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=top],[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=left],[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-combobox-fade}}[data-ui=combobox][data-part=positioner][data-detached]{visibility:hidden}[data-ui=combobox][data-part=positioner][data-width=anchor]{inline-size:var(--slotted-positioner-anchor-width, auto)}[data-ui=combobox][data-part=positioner][data-width=content]{inline-size:max-content;max-inline-size:min(var(--_measure),var(--slotted-positioner-available-width, 100vw));min-inline-size:var(--slotted-positioner-anchor-width, auto)}[data-ui=combobox][data-part=positioner][data-size=sm]{--_item-inset: var(--slotted-control-padding-inline-sm, .625rem);--_item-height: var(--slotted-control-height-sm, 30px);--_content-font-size: var(--slotted-control-font-size-sm, 12px);--_secondary-font-size: var(--slotted-font-size-xs, .75rem);--_content-icon-size: var(--slotted-control-icon-size-sm, 14px);--_column-gap: var(--slotted-control-gap-sm, .375rem)}[data-ui=combobox][data-part=positioner][data-size=lg]{--_item-inset: var(--slotted-control-padding-inline-lg, 1rem);--_item-height: var(--slotted-control-height-lg, 38px);--_content-font-size: var(--slotted-control-font-size-lg, 14px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-lg, 18px);--_column-gap: var(--slotted-control-gap-lg, .5rem)}[data-ui=combobox]>[data-part=content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);display:grid;font-family:var(--slotted-font-family-sans);font-size:var(--_content-font-size);grid-template-columns:auto minmax(0,1fr) auto;max-block-size:calc(var(--slotted-positioner-available-height, 100vh) - var(--slotted-space-5, .75rem));outline:none;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);pointer-events:auto}[data-ui=combobox]>[data-part=content]:focus-visible{outline:none}[data-ui=combobox] [data-part=group]{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=combobox] [data-part=group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;line-height:var(--slotted-line-height-sm, 1.45);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=combobox] [data-part=item]{align-content:center;border-radius:var(--_item-radius);box-sizing:border-box;cursor:pointer;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;line-height:var(--slotted-line-height-md, 1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset);row-gap:var(--slotted-space-1, .125rem);-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=combobox] [data-part=item][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-combobox-highlight-ring, var(--slotted-tone-accent-border))}[data-ui=combobox] [data-part=item]:not([data-disabled]):active{background-color:var(--_highlight-active)}[data-ui=combobox] [data-part=item][data-selected]{color:var(--_selected-color)}[data-ui=combobox] [data-part=item][data-selected]+[data-part=item][data-selected]{border-start-end-radius:0;border-start-start-radius:0}[data-ui=combobox] [data-part=item][data-selected]:has(+[data-part=item][data-selected]){border-end-end-radius:0;border-end-start-radius:0}[data-ui=combobox] [data-part=item][data-selected]>[data-part=label]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=combobox] [data-part=item][data-disabled]{color:var(--slotted-disabled-foreground, #64748b);cursor:not-allowed}[data-ui=combobox] [data-part=item][data-disabled][data-current]{box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-disabled-border, #cbd5e1);color:var(--slotted-disabled-foreground, #64748b)}[data-ui=combobox] :is([data-part=indicator],[data-part=icon]){block-size:1lh}[data-ui=combobox] [data-part=icon]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:1;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:center;margin-inline-end:var(--_column-gap)}[data-ui=combobox] [data-part=label]{grid-column:2;grid-row:1;min-inline-size:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}[data-ui=combobox] [data-part=description]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}[data-ui=combobox] [data-part=item][data-disabled]>[data-part=description]{color:inherit}[data-ui=combobox] [data-part=indicator]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:3;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:end;margin-inline-start:var(--_column-gap);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=combobox] [data-part=item][data-selected]>[data-part=indicator]{opacity:1}[data-ui=combobox] [data-part=separator]{background-color:var(--slotted-combobox-separator-color, var(--_border-color));block-size:var(--_border-width);border:0;grid-column:1 / -1;margin-block:var(--slotted-space-2, .25rem);margin-inline:0}[data-ui=combobox] :is([data-part=empty],[data-part=status]){color:var(--_muted);unicode-bidi:plaintext;grid-column:1 / -1;min-inline-size:min(12rem,100%);padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_item-inset);text-align:center}[data-ui=combobox] [data-part=status]:empty{display:none}[data-ui=combobox] [data-part=placeholder]{display:grid;grid-column:1 / -1;padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=combobox] [data-part=placeholder]>*{align-items:center;display:flex;min-block-size:var(--_item-height)}[data-ui=combobox] [data-part=placeholder]>[data-ui=skeleton]{align-self:center}[data-ui=combobox] [data-part=placeholder]>:nth-child(2) [data-ui=skeleton]{inline-size:78%}[data-ui=combobox] [data-part=placeholder]>:nth-child(3) [data-ui=skeleton]{inline-size:56%}[data-ui=combobox]>[data-part=content][data-loading]{cursor:progress}@media(forced-colors:active){[data-ui=combobox] [data-part=item][data-current]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=combobox] [data-part=item][data-disabled][data-current]{background-color:Highlight;color:GrayText}}}\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 });
|
|
1065
|
+
`, isInline: true, styles: ["@layer slotted.components{[data-ui=combobox][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-floor: var(--slotted-combobox-icon-size-min, 14px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px);--_action-size: var( --slotted-combobox-action-size, min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );align-items:center;background-color:var(--slotted-combobox-background, var(--slotted-control-surface, Field));border:var(--slotted-control-border-width, 1px) solid var(--slotted-combobox-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-combobox-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-combobox-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-combobox-color, var(--slotted-text, CanvasText));display:flex;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);gap:var(--slotted-space-1, .125rem);inline-size:100%;min-inline-size:0;min-block-size:var(--_height);padding-inline-start:var(--_padding-inline);padding-inline-end:max(0px,calc(var(--_padding-inline) - (var(--_action-size) - var(--_icon-size)) / 2));transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=combobox][data-part=root]:not([data-full-width]){inline-size:auto}[data-ui=combobox]>[data-part=input]{background-color:transparent;align-self:stretch;margin-block:calc(var(--slotted-control-border-width, 1px) * -1);border:0;color:inherit;flex:1 1 auto;font:inherit;outline:none;padding:0;min-inline-size:0;text-overflow:ellipsis}[data-ui=combobox]>[data-part=input]::placeholder{color:var(--slotted-combobox-placeholder-color, var(--slotted-text-muted, GrayText));text-overflow:ellipsis}[data-ui=combobox]>[data-part=input]::selection{background-color:var( --slotted-combobox-completion-background, var(--slotted-tone-accent-surface) );color:var(--slotted-combobox-completion-color, var(--slotted-tone-accent-text))}[data-ui=combobox]>[data-part=input]:autofill{box-shadow:inset 0 0 0 100px var(--slotted-combobox-autofill-background, var(--slotted-tone-accent-surface));-webkit-text-fill-color:var(--slotted-combobox-color, var(--slotted-text, CanvasText))}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-combobox-radius, var(--slotted-control-radius, 4px));color:var(--slotted-combobox-action-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;inline-size:var(--_action-size);justify-content:center;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=combobox]>[data-part=clear]:has(+[data-part=trigger]:not([hidden])):after{inset-inline-end:0}[data-ui=combobox]>[data-part=clear]:not([hidden])+[data-part=trigger]:after{inset-inline-start:0}}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]){--slotted-icon-size: var(--_icon-size)}[data-ui=combobox] [data-part=arrow]{align-items:center;block-size:var(--_icon-size);display:flex;inline-size:var(--_icon-size);justify-content:center}[data-ui=combobox] [data-part=arrow]>[data-ui=icon]{transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=combobox][data-open] [data-part=arrow]>[data-ui=icon]{rotate:180deg}[data-ui=combobox] [data-part=busy]{--slotted-spinner-size: var(--_icon-size);color:var(--slotted-combobox-arrow-color, var(--slotted-text-muted, GrayText));flex:none}[data-ui=combobox][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-sm, 14px));--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=combobox][data-part=root][data-size=md]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px)}[data-ui=combobox][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-lg, 18px));--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=combobox][data-part=root][data-variant=subtle]{background-color:var( --slotted-combobox-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-combobox-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui=combobox][data-part=root][data-variant=plain]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}@media(forced-colors:active){[data-ui=combobox][data-part=root][data-variant=plain]{border-color:ButtonBorder}}[data-ui=combobox][data-part=root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-combobox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=combobox][data-part=root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-combobox-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=combobox][data-part=root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-combobox-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui=combobox][data-part=root]:has(>[data-part=input]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=combobox][data-part=root][data-variant=plain]:has(>[data-part=input]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=combobox][data-part=root][data-open]:not([data-disabled]){border-color:var(--slotted-combobox-open-border-color, var(--slotted-tone-accent-border))}[data-ui=combobox][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-combobox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-combobox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-combobox-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-combobox-invalid-border-color, var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui=combobox][data-part=root][data-invalid]:has(>[data-part=input]:focus-visible){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=combobox][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=input]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=combobox][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui=combobox][data-part=root][data-invalid]:has(>[data-part=input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=combobox][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=combobox][data-part=root][data-readonly]{background-color:var( --slotted-combobox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=combobox][data-part=root][data-readonly] [data-part=arrow]{opacity:.5}[data-ui=combobox][data-part=root][data-disabled],[data-ui=combobox][data-part=root]:has(>[data-part=input]:disabled){background-color:var( --slotted-combobox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-combobox-disabled-border-color, var(--slotted-disabled-border));box-shadow:none;color:var(--slotted-combobox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-combobox-action-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):active:not(:disabled):not([data-disabled]){background-color:var( --slotted-combobox-action-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=combobox][data-part=positioner]{--_surface: var(--slotted-combobox-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-combobox-content-text, var(--slotted-text, #0f172a));--_muted: var(--slotted-combobox-content-text-muted, var(--slotted-text-muted, #5b6b7f));--_border-color: var( --slotted-combobox-content-border-color, var(--slotted-border-subtle, #e2e8f0) );--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-combobox-content-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-combobox-content-shadow, var(--slotted-shadow-md));--_highlight: var(--slotted-combobox-highlight, var(--slotted-tone-secondary-subtle-active));--_highlight-active: var( --slotted-combobox-highlight-active, var(--slotted-tone-accent-surface) );--_selected-color: var(--slotted-combobox-selected-color, var(--slotted-tone-accent-text));--_inset-block: var(--slotted-combobox-content-padding-block, var(--slotted-space-2, .25rem));--_inset-inline: var( --slotted-combobox-content-padding-inline, var(--slotted-space-2, .25rem) );--_item-inset: var(--slotted-control-padding-inline-md, .8125rem);--_item-height: var(--slotted-control-height-md, 34px);--_item-radius: var(--slotted-combobox-item-radius, var(--slotted-control-radius));--_content-font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-md, 16px);--_column-gap: var(--slotted-control-gap-md, .5rem);--_measure: var(--slotted-combobox-measure, 24rem);position:absolute;inset-block-start:0;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));isolation:isolate;box-sizing:border-box;pointer-events:none;opacity:0;--_enter-distance: var(--slotted-space-2, .25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=combobox][data-part=positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=combobox][data-part=positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui=combobox][data-part=positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=combobox][data-part=positioner][data-open][data-positioned]{animation:slotted-combobox-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-combobox-enter-up}[data-ui=combobox][data-part=positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-combobox-fade}@keyframes slotted-combobox-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-combobox-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-combobox-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=combobox][data-part=positioner],[data-ui=combobox][data-part=positioner][data-side=top],[data-ui=combobox][data-part=positioner][data-side=left],[data-ui=combobox][data-part=positioner][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=combobox][data-part=positioner][data-open][data-positioned],[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=top],[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=left],[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-combobox-fade}}[data-ui=combobox][data-part=positioner][data-detached]{visibility:hidden}[data-ui=combobox][data-part=positioner][data-width=anchor]{inline-size:var(--slotted-positioner-anchor-width, auto)}[data-ui=combobox][data-part=positioner][data-width=content]{inline-size:max-content;max-inline-size:min(var(--_measure),var(--slotted-positioner-available-width, 100vw));min-inline-size:var(--slotted-positioner-anchor-width, auto)}[data-ui=combobox][data-part=positioner][data-size=sm]{--_item-inset: var(--slotted-control-padding-inline-sm, .625rem);--_item-height: var(--slotted-control-height-sm, 30px);--_content-font-size: var(--slotted-control-font-size-sm, 12px);--_secondary-font-size: var(--slotted-font-size-xs, .75rem);--_content-icon-size: var(--slotted-control-icon-size-sm, 14px);--_column-gap: var(--slotted-control-gap-sm, .375rem)}[data-ui=combobox][data-part=positioner][data-size=lg]{--_item-inset: var(--slotted-control-padding-inline-lg, 1rem);--_item-height: var(--slotted-control-height-lg, 38px);--_content-font-size: var(--slotted-control-font-size-lg, 14px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-lg, 18px);--_column-gap: var(--slotted-control-gap-lg, .5rem)}[data-ui=combobox]>[data-part=content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);display:grid;font-family:var(--slotted-font-family-sans);font-size:var(--_content-font-size);grid-template-columns:auto minmax(0,1fr) auto;max-block-size:calc(var(--slotted-positioner-available-height, 100vh) - var(--slotted-space-5, .75rem));outline:none;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);pointer-events:auto}[data-ui=combobox]>[data-part=content]:focus-visible{outline:none}[data-ui=combobox] [data-part=group]{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=combobox] [data-part=group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;line-height:var(--slotted-line-height-sm, 1.45);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=combobox] [data-part=item][hidden],[data-ui=combobox] [data-part=group][hidden]{display:none}[data-ui=combobox] [data-part=item]{align-content:center;border-radius:var(--_item-radius);box-sizing:border-box;cursor:pointer;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;line-height:var(--slotted-line-height-md, 1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset);row-gap:var(--slotted-space-1, .125rem);-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=combobox] [data-part=item][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-combobox-highlight-ring, var(--slotted-tone-accent-border))}[data-ui=combobox] [data-part=item]:not([data-disabled]):active{background-color:var(--_highlight-active)}[data-ui=combobox] [data-part=item][data-selected]{color:var(--_selected-color)}[data-ui=combobox] [data-part=item][data-selected]+[data-part=item][data-selected]{border-start-end-radius:0;border-start-start-radius:0}[data-ui=combobox] [data-part=item][data-selected]:has(+[data-part=item][data-selected]){border-end-end-radius:0;border-end-start-radius:0}[data-ui=combobox] [data-part=item][data-selected]>[data-part=label]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=combobox] [data-part=item][data-disabled]{color:var(--slotted-disabled-foreground, #64748b);cursor:not-allowed}[data-ui=combobox] [data-part=item][data-disabled][data-current]{box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-disabled-border, #cbd5e1);color:var(--slotted-disabled-foreground, #64748b)}[data-ui=combobox] :is([data-part=indicator],[data-part=icon]){block-size:1lh}[data-ui=combobox] [data-part=icon]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:1;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:center;margin-inline-end:var(--_column-gap)}[data-ui=combobox] [data-part=label]{grid-column:2;grid-row:1;min-inline-size:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}[data-ui=combobox] [data-part=description]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}[data-ui=combobox] [data-part=item][data-disabled]>[data-part=description]{color:inherit}[data-ui=combobox] [data-part=indicator]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:3;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:end;margin-inline-start:var(--_column-gap);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=combobox] [data-part=item][data-selected]>[data-part=indicator]{opacity:1}[data-ui=combobox] [data-part=separator]{background-color:var(--slotted-combobox-separator-color, var(--_border-color));block-size:var(--_border-width);border:0;grid-column:1 / -1;margin-block:var(--slotted-space-2, .25rem);margin-inline:0}[data-ui=combobox] :is([data-part=empty],[data-part=status]){color:var(--_muted);unicode-bidi:plaintext;grid-column:1 / -1;min-inline-size:min(12rem,100%);padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_item-inset);text-align:center}[data-ui=combobox] [data-part=status]:empty{display:none}[data-ui=combobox] [data-part=placeholder]{display:grid;grid-column:1 / -1;padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=combobox] [data-part=placeholder]>*{align-items:center;display:flex;min-block-size:var(--_item-height)}[data-ui=combobox] [data-part=placeholder]>[data-ui=skeleton]{align-self:center}[data-ui=combobox] [data-part=placeholder]>:nth-child(2) [data-ui=skeleton]{inline-size:78%}[data-ui=combobox] [data-part=placeholder]>:nth-child(3) [data-ui=skeleton]{inline-size:56%}[data-ui=combobox]>[data-part=content][data-loading]{cursor:progress}@media(forced-colors:active){[data-ui=combobox] [data-part=item][data-current]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=combobox] [data-part=item][data-disabled][data-current]{background-color:Highlight;color:GrayText}}}\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 });
|
|
1060
1066
|
}
|
|
1061
1067
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCombobox, decorators: [{
|
|
1062
1068
|
type: Component,
|
|
@@ -1222,7 +1228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1222
1228
|
</div>
|
|
1223
1229
|
</div>
|
|
1224
1230
|
</ng-template>
|
|
1225
|
-
`, styles: ["@layer slotted.components{[data-ui=combobox][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-floor: var(--slotted-combobox-icon-size-min, 14px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px);--_action-size: var( --slotted-combobox-action-size, min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );align-items:center;background-color:var(--slotted-combobox-background, var(--slotted-control-surface, Field));border:var(--slotted-control-border-width, 1px) solid var(--slotted-combobox-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-combobox-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-combobox-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-combobox-color, var(--slotted-text, CanvasText));display:flex;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);gap:var(--slotted-space-1, .125rem);inline-size:100%;min-inline-size:0;min-block-size:var(--_height);padding-inline-start:var(--_padding-inline);padding-inline-end:max(0px,calc(var(--_padding-inline) - (var(--_action-size) - var(--_icon-size)) / 2));transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=combobox][data-part=root]:not([data-full-width]){inline-size:auto}[data-ui=combobox]>[data-part=input]{background-color:transparent;align-self:stretch;margin-block:calc(var(--slotted-control-border-width, 1px) * -1);border:0;color:inherit;flex:1 1 auto;font:inherit;outline:none;padding:0;min-inline-size:0;text-overflow:ellipsis}[data-ui=combobox]>[data-part=input]::placeholder{color:var(--slotted-combobox-placeholder-color, var(--slotted-text-muted, GrayText));text-overflow:ellipsis}[data-ui=combobox]>[data-part=input]::selection{background-color:var( --slotted-combobox-completion-background, var(--slotted-tone-accent-surface) );color:var(--slotted-combobox-completion-color, var(--slotted-tone-accent-text))}[data-ui=combobox]>[data-part=input]:autofill{box-shadow:inset 0 0 0 100px var(--slotted-combobox-autofill-background, var(--slotted-tone-accent-surface));-webkit-text-fill-color:var(--slotted-combobox-color, var(--slotted-text, CanvasText))}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-combobox-radius, var(--slotted-control-radius, 4px));color:var(--slotted-combobox-action-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;inline-size:var(--_action-size);justify-content:center;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=combobox]>[data-part=clear]:has(+[data-part=trigger]:not([hidden])):after{inset-inline-end:0}[data-ui=combobox]>[data-part=clear]:not([hidden])+[data-part=trigger]:after{inset-inline-start:0}}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]){--slotted-icon-size: var(--_icon-size)}[data-ui=combobox] [data-part=arrow]{align-items:center;block-size:var(--_icon-size);display:flex;inline-size:var(--_icon-size);justify-content:center}[data-ui=combobox] [data-part=arrow]>[data-ui=icon]{transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=combobox][data-open] [data-part=arrow]>[data-ui=icon]{rotate:180deg}[data-ui=combobox] [data-part=busy]{--slotted-spinner-size: var(--_icon-size);color:var(--slotted-combobox-arrow-color, var(--slotted-text-muted, GrayText));flex:none}[data-ui=combobox][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-sm, 14px));--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=combobox][data-part=root][data-size=md]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px)}[data-ui=combobox][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-lg, 18px));--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=combobox][data-part=root][data-variant=subtle]{background-color:var( --slotted-combobox-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-combobox-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui=combobox][data-part=root][data-variant=plain]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}@media(forced-colors:active){[data-ui=combobox][data-part=root][data-variant=plain]{border-color:ButtonBorder}}[data-ui=combobox][data-part=root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-combobox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=combobox][data-part=root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-combobox-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=combobox][data-part=root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-combobox-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui=combobox][data-part=root]:has(>[data-part=input]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=combobox][data-part=root][data-variant=plain]:has(>[data-part=input]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=combobox][data-part=root][data-open]:not([data-disabled]){border-color:var(--slotted-combobox-open-border-color, var(--slotted-tone-accent-border))}[data-ui=combobox][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-combobox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-combobox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-combobox-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-combobox-invalid-border-color, var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui=combobox][data-part=root][data-invalid]:has(>[data-part=input]:focus-visible){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=combobox][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=input]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=combobox][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui=combobox][data-part=root][data-invalid]:has(>[data-part=input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=combobox][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=combobox][data-part=root][data-readonly]{background-color:var( --slotted-combobox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=combobox][data-part=root][data-readonly] [data-part=arrow]{opacity:.5}[data-ui=combobox][data-part=root][data-disabled],[data-ui=combobox][data-part=root]:has(>[data-part=input]:disabled){background-color:var( --slotted-combobox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-combobox-disabled-border-color, var(--slotted-disabled-border));box-shadow:none;color:var(--slotted-combobox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-combobox-action-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):active:not(:disabled):not([data-disabled]){background-color:var( --slotted-combobox-action-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=combobox][data-part=positioner]{--_surface: var(--slotted-combobox-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-combobox-content-text, var(--slotted-text, #0f172a));--_muted: var(--slotted-combobox-content-text-muted, var(--slotted-text-muted, #5b6b7f));--_border-color: var( --slotted-combobox-content-border-color, var(--slotted-border-subtle, #e2e8f0) );--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-combobox-content-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-combobox-content-shadow, var(--slotted-shadow-md));--_highlight: var(--slotted-combobox-highlight, var(--slotted-tone-secondary-subtle-active));--_highlight-active: var( --slotted-combobox-highlight-active, var(--slotted-tone-accent-surface) );--_selected-color: var(--slotted-combobox-selected-color, var(--slotted-tone-accent-text));--_inset-block: var(--slotted-combobox-content-padding-block, var(--slotted-space-2, .25rem));--_inset-inline: var( --slotted-combobox-content-padding-inline, var(--slotted-space-2, .25rem) );--_item-inset: var(--slotted-control-padding-inline-md, .8125rem);--_item-height: var(--slotted-control-height-md, 34px);--_item-radius: var(--slotted-combobox-item-radius, var(--slotted-control-radius));--_content-font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-md, 16px);--_column-gap: var(--slotted-control-gap-md, .5rem);--_measure: var(--slotted-combobox-measure, 24rem);position:absolute;inset-block-start:0;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));isolation:isolate;box-sizing:border-box;pointer-events:none;opacity:0;--_enter-distance: var(--slotted-space-2, .25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=combobox][data-part=positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=combobox][data-part=positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui=combobox][data-part=positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=combobox][data-part=positioner][data-open][data-positioned]{animation:slotted-combobox-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-combobox-enter-up}[data-ui=combobox][data-part=positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-combobox-fade}@keyframes slotted-combobox-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-combobox-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-combobox-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=combobox][data-part=positioner],[data-ui=combobox][data-part=positioner][data-side=top],[data-ui=combobox][data-part=positioner][data-side=left],[data-ui=combobox][data-part=positioner][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=combobox][data-part=positioner][data-open][data-positioned],[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=top],[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=left],[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-combobox-fade}}[data-ui=combobox][data-part=positioner][data-detached]{visibility:hidden}[data-ui=combobox][data-part=positioner][data-width=anchor]{inline-size:var(--slotted-positioner-anchor-width, auto)}[data-ui=combobox][data-part=positioner][data-width=content]{inline-size:max-content;max-inline-size:min(var(--_measure),var(--slotted-positioner-available-width, 100vw));min-inline-size:var(--slotted-positioner-anchor-width, auto)}[data-ui=combobox][data-part=positioner][data-size=sm]{--_item-inset: var(--slotted-control-padding-inline-sm, .625rem);--_item-height: var(--slotted-control-height-sm, 30px);--_content-font-size: var(--slotted-control-font-size-sm, 12px);--_secondary-font-size: var(--slotted-font-size-xs, .75rem);--_content-icon-size: var(--slotted-control-icon-size-sm, 14px);--_column-gap: var(--slotted-control-gap-sm, .375rem)}[data-ui=combobox][data-part=positioner][data-size=lg]{--_item-inset: var(--slotted-control-padding-inline-lg, 1rem);--_item-height: var(--slotted-control-height-lg, 38px);--_content-font-size: var(--slotted-control-font-size-lg, 14px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-lg, 18px);--_column-gap: var(--slotted-control-gap-lg, .5rem)}[data-ui=combobox]>[data-part=content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);display:grid;font-family:var(--slotted-font-family-sans);font-size:var(--_content-font-size);grid-template-columns:auto minmax(0,1fr) auto;max-block-size:calc(var(--slotted-positioner-available-height, 100vh) - var(--slotted-space-5, .75rem));outline:none;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);pointer-events:auto}[data-ui=combobox]>[data-part=content]:focus-visible{outline:none}[data-ui=combobox] [data-part=group]{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=combobox] [data-part=group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;line-height:var(--slotted-line-height-sm, 1.45);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=combobox] [data-part=item]{align-content:center;border-radius:var(--_item-radius);box-sizing:border-box;cursor:pointer;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;line-height:var(--slotted-line-height-md, 1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset);row-gap:var(--slotted-space-1, .125rem);-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=combobox] [data-part=item][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-combobox-highlight-ring, var(--slotted-tone-accent-border))}[data-ui=combobox] [data-part=item]:not([data-disabled]):active{background-color:var(--_highlight-active)}[data-ui=combobox] [data-part=item][data-selected]{color:var(--_selected-color)}[data-ui=combobox] [data-part=item][data-selected]+[data-part=item][data-selected]{border-start-end-radius:0;border-start-start-radius:0}[data-ui=combobox] [data-part=item][data-selected]:has(+[data-part=item][data-selected]){border-end-end-radius:0;border-end-start-radius:0}[data-ui=combobox] [data-part=item][data-selected]>[data-part=label]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=combobox] [data-part=item][data-disabled]{color:var(--slotted-disabled-foreground, #64748b);cursor:not-allowed}[data-ui=combobox] [data-part=item][data-disabled][data-current]{box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-disabled-border, #cbd5e1);color:var(--slotted-disabled-foreground, #64748b)}[data-ui=combobox] :is([data-part=indicator],[data-part=icon]){block-size:1lh}[data-ui=combobox] [data-part=icon]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:1;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:center;margin-inline-end:var(--_column-gap)}[data-ui=combobox] [data-part=label]{grid-column:2;grid-row:1;min-inline-size:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}[data-ui=combobox] [data-part=description]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}[data-ui=combobox] [data-part=item][data-disabled]>[data-part=description]{color:inherit}[data-ui=combobox] [data-part=indicator]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:3;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:end;margin-inline-start:var(--_column-gap);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=combobox] [data-part=item][data-selected]>[data-part=indicator]{opacity:1}[data-ui=combobox] [data-part=separator]{background-color:var(--slotted-combobox-separator-color, var(--_border-color));block-size:var(--_border-width);border:0;grid-column:1 / -1;margin-block:var(--slotted-space-2, .25rem);margin-inline:0}[data-ui=combobox] :is([data-part=empty],[data-part=status]){color:var(--_muted);unicode-bidi:plaintext;grid-column:1 / -1;min-inline-size:min(12rem,100%);padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_item-inset);text-align:center}[data-ui=combobox] [data-part=status]:empty{display:none}[data-ui=combobox] [data-part=placeholder]{display:grid;grid-column:1 / -1;padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=combobox] [data-part=placeholder]>*{align-items:center;display:flex;min-block-size:var(--_item-height)}[data-ui=combobox] [data-part=placeholder]>[data-ui=skeleton]{align-self:center}[data-ui=combobox] [data-part=placeholder]>:nth-child(2) [data-ui=skeleton]{inline-size:78%}[data-ui=combobox] [data-part=placeholder]>:nth-child(3) [data-ui=skeleton]{inline-size:56%}[data-ui=combobox]>[data-part=content][data-loading]{cursor:progress}@media(forced-colors:active){[data-ui=combobox] [data-part=item][data-current]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=combobox] [data-part=item][data-disabled][data-current]{background-color:Highlight;color:GrayText}}}\n"] }]
|
|
1231
|
+
`, styles: ["@layer slotted.components{[data-ui=combobox][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-floor: var(--slotted-combobox-icon-size-min, 14px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px);--_action-size: var( --slotted-combobox-action-size, min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );align-items:center;background-color:var(--slotted-combobox-background, var(--slotted-control-surface, Field));border:var(--slotted-control-border-width, 1px) solid var(--slotted-combobox-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-combobox-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-combobox-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-combobox-color, var(--slotted-text, CanvasText));display:flex;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);gap:var(--slotted-space-1, .125rem);inline-size:100%;min-inline-size:0;min-block-size:var(--_height);padding-inline-start:var(--_padding-inline);padding-inline-end:max(0px,calc(var(--_padding-inline) - (var(--_action-size) - var(--_icon-size)) / 2));transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=combobox][data-part=root]:not([data-full-width]){inline-size:auto}[data-ui=combobox]>[data-part=input]{background-color:transparent;align-self:stretch;margin-block:calc(var(--slotted-control-border-width, 1px) * -1);border:0;color:inherit;flex:1 1 auto;font:inherit;outline:none;padding:0;min-inline-size:0;text-overflow:ellipsis}[data-ui=combobox]>[data-part=input]::placeholder{color:var(--slotted-combobox-placeholder-color, var(--slotted-text-muted, GrayText));text-overflow:ellipsis}[data-ui=combobox]>[data-part=input]::selection{background-color:var( --slotted-combobox-completion-background, var(--slotted-tone-accent-surface) );color:var(--slotted-combobox-completion-color, var(--slotted-tone-accent-text))}[data-ui=combobox]>[data-part=input]:autofill{box-shadow:inset 0 0 0 100px var(--slotted-combobox-autofill-background, var(--slotted-tone-accent-surface));-webkit-text-fill-color:var(--slotted-combobox-color, var(--slotted-text, CanvasText))}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-combobox-radius, var(--slotted-control-radius, 4px));color:var(--slotted-combobox-action-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;inline-size:var(--_action-size);justify-content:center;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=combobox]>[data-part=clear]:has(+[data-part=trigger]:not([hidden])):after{inset-inline-end:0}[data-ui=combobox]>[data-part=clear]:not([hidden])+[data-part=trigger]:after{inset-inline-start:0}}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]){--slotted-icon-size: var(--_icon-size)}[data-ui=combobox] [data-part=arrow]{align-items:center;block-size:var(--_icon-size);display:flex;inline-size:var(--_icon-size);justify-content:center}[data-ui=combobox] [data-part=arrow]>[data-ui=icon]{transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=combobox][data-open] [data-part=arrow]>[data-ui=icon]{rotate:180deg}[data-ui=combobox] [data-part=busy]{--slotted-spinner-size: var(--_icon-size);color:var(--slotted-combobox-arrow-color, var(--slotted-text-muted, GrayText));flex:none}[data-ui=combobox][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-sm, 14px));--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=combobox][data-part=root][data-size=md]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px)}[data-ui=combobox][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-lg, 18px));--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=combobox][data-part=root][data-variant=subtle]{background-color:var( --slotted-combobox-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-combobox-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui=combobox][data-part=root][data-variant=plain]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}@media(forced-colors:active){[data-ui=combobox][data-part=root][data-variant=plain]{border-color:ButtonBorder}}[data-ui=combobox][data-part=root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-combobox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=combobox][data-part=root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-combobox-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=combobox][data-part=root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-combobox-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui=combobox][data-part=root]:has(>[data-part=input]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=combobox][data-part=root][data-variant=plain]:has(>[data-part=input]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=combobox][data-part=root][data-open]:not([data-disabled]){border-color:var(--slotted-combobox-open-border-color, var(--slotted-tone-accent-border))}[data-ui=combobox][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-combobox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-combobox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-combobox-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-combobox-invalid-border-color, var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui=combobox][data-part=root][data-invalid]:has(>[data-part=input]:focus-visible){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=combobox][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=input]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=combobox][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui=combobox][data-part=root][data-invalid]:has(>[data-part=input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=combobox][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=combobox][data-part=root][data-readonly]{background-color:var( --slotted-combobox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=combobox][data-part=root][data-readonly] [data-part=arrow]{opacity:.5}[data-ui=combobox][data-part=root][data-disabled],[data-ui=combobox][data-part=root]:has(>[data-part=input]:disabled){background-color:var( --slotted-combobox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-combobox-disabled-border-color, var(--slotted-disabled-border));box-shadow:none;color:var(--slotted-combobox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-combobox-action-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):active:not(:disabled):not([data-disabled]){background-color:var( --slotted-combobox-action-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=combobox]>:is([data-part=clear],[data-part=trigger]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=combobox][data-part=positioner]{--_surface: var(--slotted-combobox-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-combobox-content-text, var(--slotted-text, #0f172a));--_muted: var(--slotted-combobox-content-text-muted, var(--slotted-text-muted, #5b6b7f));--_border-color: var( --slotted-combobox-content-border-color, var(--slotted-border-subtle, #e2e8f0) );--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-combobox-content-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-combobox-content-shadow, var(--slotted-shadow-md));--_highlight: var(--slotted-combobox-highlight, var(--slotted-tone-secondary-subtle-active));--_highlight-active: var( --slotted-combobox-highlight-active, var(--slotted-tone-accent-surface) );--_selected-color: var(--slotted-combobox-selected-color, var(--slotted-tone-accent-text));--_inset-block: var(--slotted-combobox-content-padding-block, var(--slotted-space-2, .25rem));--_inset-inline: var( --slotted-combobox-content-padding-inline, var(--slotted-space-2, .25rem) );--_item-inset: var(--slotted-control-padding-inline-md, .8125rem);--_item-height: var(--slotted-control-height-md, 34px);--_item-radius: var(--slotted-combobox-item-radius, var(--slotted-control-radius));--_content-font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-md, 16px);--_column-gap: var(--slotted-control-gap-md, .5rem);--_measure: var(--slotted-combobox-measure, 24rem);position:absolute;inset-block-start:0;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));isolation:isolate;box-sizing:border-box;pointer-events:none;opacity:0;--_enter-distance: var(--slotted-space-2, .25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=combobox][data-part=positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=combobox][data-part=positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui=combobox][data-part=positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=combobox][data-part=positioner][data-open][data-positioned]{animation:slotted-combobox-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-combobox-enter-up}[data-ui=combobox][data-part=positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-combobox-fade}@keyframes slotted-combobox-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-combobox-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-combobox-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=combobox][data-part=positioner],[data-ui=combobox][data-part=positioner][data-side=top],[data-ui=combobox][data-part=positioner][data-side=left],[data-ui=combobox][data-part=positioner][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=combobox][data-part=positioner][data-open][data-positioned],[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=top],[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=left],[data-ui=combobox][data-part=positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-combobox-fade}}[data-ui=combobox][data-part=positioner][data-detached]{visibility:hidden}[data-ui=combobox][data-part=positioner][data-width=anchor]{inline-size:var(--slotted-positioner-anchor-width, auto)}[data-ui=combobox][data-part=positioner][data-width=content]{inline-size:max-content;max-inline-size:min(var(--_measure),var(--slotted-positioner-available-width, 100vw));min-inline-size:var(--slotted-positioner-anchor-width, auto)}[data-ui=combobox][data-part=positioner][data-size=sm]{--_item-inset: var(--slotted-control-padding-inline-sm, .625rem);--_item-height: var(--slotted-control-height-sm, 30px);--_content-font-size: var(--slotted-control-font-size-sm, 12px);--_secondary-font-size: var(--slotted-font-size-xs, .75rem);--_content-icon-size: var(--slotted-control-icon-size-sm, 14px);--_column-gap: var(--slotted-control-gap-sm, .375rem)}[data-ui=combobox][data-part=positioner][data-size=lg]{--_item-inset: var(--slotted-control-padding-inline-lg, 1rem);--_item-height: var(--slotted-control-height-lg, 38px);--_content-font-size: var(--slotted-control-font-size-lg, 14px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-lg, 18px);--_column-gap: var(--slotted-control-gap-lg, .5rem)}[data-ui=combobox]>[data-part=content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);display:grid;font-family:var(--slotted-font-family-sans);font-size:var(--_content-font-size);grid-template-columns:auto minmax(0,1fr) auto;max-block-size:calc(var(--slotted-positioner-available-height, 100vh) - var(--slotted-space-5, .75rem));outline:none;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);pointer-events:auto}[data-ui=combobox]>[data-part=content]:focus-visible{outline:none}[data-ui=combobox] [data-part=group]{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=combobox] [data-part=group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;line-height:var(--slotted-line-height-sm, 1.45);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=combobox] [data-part=item][hidden],[data-ui=combobox] [data-part=group][hidden]{display:none}[data-ui=combobox] [data-part=item]{align-content:center;border-radius:var(--_item-radius);box-sizing:border-box;cursor:pointer;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;line-height:var(--slotted-line-height-md, 1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset);row-gap:var(--slotted-space-1, .125rem);-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=combobox] [data-part=item][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-combobox-highlight-ring, var(--slotted-tone-accent-border))}[data-ui=combobox] [data-part=item]:not([data-disabled]):active{background-color:var(--_highlight-active)}[data-ui=combobox] [data-part=item][data-selected]{color:var(--_selected-color)}[data-ui=combobox] [data-part=item][data-selected]+[data-part=item][data-selected]{border-start-end-radius:0;border-start-start-radius:0}[data-ui=combobox] [data-part=item][data-selected]:has(+[data-part=item][data-selected]){border-end-end-radius:0;border-end-start-radius:0}[data-ui=combobox] [data-part=item][data-selected]>[data-part=label]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=combobox] [data-part=item][data-disabled]{color:var(--slotted-disabled-foreground, #64748b);cursor:not-allowed}[data-ui=combobox] [data-part=item][data-disabled][data-current]{box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-disabled-border, #cbd5e1);color:var(--slotted-disabled-foreground, #64748b)}[data-ui=combobox] :is([data-part=indicator],[data-part=icon]){block-size:1lh}[data-ui=combobox] [data-part=icon]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:1;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:center;margin-inline-end:var(--_column-gap)}[data-ui=combobox] [data-part=label]{grid-column:2;grid-row:1;min-inline-size:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}[data-ui=combobox] [data-part=description]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}[data-ui=combobox] [data-part=item][data-disabled]>[data-part=description]{color:inherit}[data-ui=combobox] [data-part=indicator]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:3;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:end;margin-inline-start:var(--_column-gap);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=combobox] [data-part=item][data-selected]>[data-part=indicator]{opacity:1}[data-ui=combobox] [data-part=separator]{background-color:var(--slotted-combobox-separator-color, var(--_border-color));block-size:var(--_border-width);border:0;grid-column:1 / -1;margin-block:var(--slotted-space-2, .25rem);margin-inline:0}[data-ui=combobox] :is([data-part=empty],[data-part=status]){color:var(--_muted);unicode-bidi:plaintext;grid-column:1 / -1;min-inline-size:min(12rem,100%);padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_item-inset);text-align:center}[data-ui=combobox] [data-part=status]:empty{display:none}[data-ui=combobox] [data-part=placeholder]{display:grid;grid-column:1 / -1;padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=combobox] [data-part=placeholder]>*{align-items:center;display:flex;min-block-size:var(--_item-height)}[data-ui=combobox] [data-part=placeholder]>[data-ui=skeleton]{align-self:center}[data-ui=combobox] [data-part=placeholder]>:nth-child(2) [data-ui=skeleton]{inline-size:78%}[data-ui=combobox] [data-part=placeholder]>:nth-child(3) [data-ui=skeleton]{inline-size:56%}[data-ui=combobox]>[data-part=content][data-loading]{cursor:progress}@media(forced-colors:active){[data-ui=combobox] [data-part=item][data-current]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=combobox] [data-part=item][data-disabled][data-current]{background-color:Highlight;color:GrayText}}}\n"] }]
|
|
1226
1232
|
}], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], inputValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputValue", required: false }] }, { type: i0.Output, args: ["inputValueChange"] }], inputValueChangeRequest: [{ type: i0.Output, args: ["inputValueChangeRequest"] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], openChangeRequest: [{ type: i0.Output, args: ["openChangeRequest"] }], highlightedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightedValue", required: false }] }, { type: i0.Output, args: ["highlightedValueChange"] }], highlightedValueChangeRequest: [{ type: i0.Output, args: ["highlightedValueChangeRequest"] }], loadMore: [{ type: i0.Output, args: ["loadMore"] }], inputReset: [{ type: i0.Output, args: ["inputReset"] }], create: [{ type: i0.Output, args: ["create"] }], creatable: [{ type: i0.Input, args: [{ isSignal: true, alias: "creatable", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], mount: [{ type: i0.Input, args: [{ isSignal: true, alias: "mount", required: false }] }], strategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "strategy", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], openOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOn", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], sideOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideOffset", required: false }] }], alignOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignOffset", required: false }] }], collisionPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "collisionPadding", required: false }] }], allowsCustomValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowsCustomValue", required: false }] }], autoHighlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoHighlight", required: false }] }], highlightMatch: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightMatch", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], closeOnOutsidePress: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnOutsidePress", required: false }] }], flip: [{ type: i0.Input, args: [{ isSignal: true, alias: "flip", required: false }] }], shift: [{ type: i0.Input, args: [{ isSignal: true, alias: "shift", required: false }] }], hideWhenDetached: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideWhenDetached", required: false }] }], portal: [{ type: i0.Input, args: [{ isSignal: true, alias: "portal", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], template: [{ type: i0.ViewChild, args: ['layer', { isSignal: true }] }], controlRef: [{ type: i0.ViewChild, args: ['control', { isSignal: true }] }] } });
|
|
1227
1233
|
|
|
1228
1234
|
/**
|