@slotted/angular 0.1.0-beta.5 → 0.1.0-beta.6
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/docs/segmented-control.json +7 -11
- package/docs/segmented-control.md +1 -1
- package/docs/tabs.json +4 -1
- package/docs/tabs.md +1 -1
- package/fesm2022/slotted-angular-segmented-control.mjs +2 -2
- package/fesm2022/slotted-angular-segmented-control.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-tabs.mjs +2 -2
- package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -122,7 +122,7 @@ class SlStatCard {
|
|
|
122
122
|
labelledBy = computed(() => this.ownLabel !== null ? null : (this.ownLabelledBy ?? this.labelId), /* @ts-ignore */
|
|
123
123
|
...(ngDevMode ? [{ debugName: "labelledBy" }] : /* istanbul ignore next */ []));
|
|
124
124
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStatCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
125
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlStatCard, isStandalone: true, selector: "[slStatCard]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, goodWhen: { classPropertyName: "goodWhen", publicName: "goodWhen", isSignal: true, isRequired: false, transformFunction: null }, delta: { classPropertyName: "delta", publicName: "delta", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, formatOptions: { classPropertyName: "formatOptions", publicName: "formatOptions", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "stat-card", "data-part": "root", "role": "group" }, properties: { "attr.aria-labelledby": "labelledBy()", "attr.aria-busy": "loading() ? \"true\" : null", "attr.data-size": "resolvedSize()", "attr.data-fill": "resolvedFill()", "attr.data-layout": "resolvedLayout()", "attr.data-status": "status()", "attr.data-good-when": "resolvedGoodWhen()", "attr.data-tone": "resolvedTone() ?? null", "attr.data-loading": "loading() ? \"\" : null" } }, exportAs: ["slStatCard"], ngImport: i0, template: '<div data-part="body"><ng-content /></div>', isInline: true, styles: ["@layer slotted.components{[data-ui=stat-card]{--_edge-width: var(--slotted-stat-card-border-width, var(--slotted-border-width-thin, 1px));--_radius: var(--slotted-stat-card-radius, var(--slotted-radius-lg, 8px));--_inset-block: var(--slotted-stat-card-padding-block, var(--slotted-space-6, 1rem));--_inset-inline: var(--slotted-stat-card-padding-inline, var(--slotted-space-6, 1rem));--_region-gap: var(--slotted-stat-card-region-gap, var(--slotted-space-3, .375rem));--_trend-gap: var(--slotted-stat-card-trend-gap, var(--slotted-space-6, 1rem));--_trend-size: var( --slotted-stat-card-trend-inline-size, calc(var(--slotted-space-12, 4rem) * 1.5) );--_surface: var(--slotted-stat-card-background, var(--slotted-surface-raised, Canvas));--_edge: var(--slotted-stat-card-border-color, var(--slotted-border-subtle, ButtonBorder));--_shadow: var(--slotted-stat-card-shadow, none);--_ink: var(--slotted-stat-card-color, var(--slotted-text, CanvasText));--_ink-muted: var(--slotted-stat-card-color-muted, var(--slotted-text-muted, GrayText));--_value-size: var(--slotted-stat-card-value-font-size, var(--slotted-font-size-3xl, 1.5rem));--_value-line: var(--slotted-stat-card-value-line-height, var(--slotted-line-height-3xl, 1.3));--_label-size: var(--slotted-stat-card-label-font-size, var(--slotted-font-size-sm, .8125rem));--_label-line: var(--slotted-stat-card-label-line-height, var(--slotted-line-height-sm, 1.45));--_delta-size: var(--slotted-stat-card-delta-font-size, var(--slotted-font-size-sm, .8125rem));--_prose-size: var(--slotted-stat-card-prose-font-size, var(--slotted-font-size-xs, .75rem));--_prose-line: var(--slotted-stat-card-prose-line-height, var(--slotted-line-height-xs, 1.4));--_indicator-size: var( --slotted-stat-card-indicator-size, var(--slotted-control-icon-size-sm, 14px) );--_value-size-narrow: var(--slotted-font-size-2xl, 1.25rem);--_value-line-narrow: var(--slotted-line-height-2xl, 1.4);--_tone-text: var(--_ink-muted);background-color:var(--_surface);border:none;border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_ink);container-name:stat-card;container-type:inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);min-inline-size:var( --slotted-stat-card-min-inline-size, calc(var(--slotted-space-12, 4rem) * 2.5) );padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);position:relative}[data-ui=stat-card]:before{border:var(--_edge-width) solid var(--_edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute}[data-ui=stat-card][data-size=sm]{--_inset-block: var(--slotted-stat-card-padding-block-sm, var(--slotted-space-5, .75rem));--_inset-inline: var(--slotted-stat-card-padding-inline-sm, var(--slotted-space-5, .75rem));--_region-gap: var(--slotted-stat-card-region-gap-sm, var(--slotted-space-2, .25rem));--_trend-gap: var(--slotted-stat-card-trend-gap-sm, var(--slotted-space-5, .75rem));--_trend-size: var(--slotted-stat-card-trend-inline-size-sm, var(--slotted-space-12, 4rem));--_value-size: var( --slotted-stat-card-value-font-size-sm, var(--slotted-font-size-2xl, 1.25rem) );--_value-line: var( --slotted-stat-card-value-line-height-sm, var(--slotted-line-height-2xl, 1.4) );--_label-size: var( --slotted-stat-card-label-font-size-sm, var(--slotted-font-size-xs, .75rem) );--_label-line: var( --slotted-stat-card-label-line-height-sm, var(--slotted-line-height-xs, 1.4) );--_delta-size: var( --slotted-stat-card-delta-font-size-sm, var(--slotted-font-size-xs, .75rem) );--_value-size-narrow: var(--slotted-font-size-xl, 1.125rem);--_value-line-narrow: var(--slotted-line-height-xl, 1.45)}[data-ui=stat-card][data-size=lg]{--_inset-block: var(--slotted-stat-card-padding-block-lg, var(--slotted-space-8, 1.5rem));--_inset-inline: var(--slotted-stat-card-padding-inline-lg, var(--slotted-space-8, 1.5rem));--_region-gap: var(--slotted-stat-card-region-gap-lg, var(--slotted-space-4, .5rem));--_trend-gap: var(--slotted-stat-card-trend-gap-lg, var(--slotted-space-8, 1.5rem));--_trend-size: var( --slotted-stat-card-trend-inline-size-lg, calc(var(--slotted-space-12, 4rem) * 2) );--_value-size: var(--slotted-stat-card-value-font-size-lg, var(--slotted-font-size-4xl, 2rem));--_value-line: var( --slotted-stat-card-value-line-height-lg, var(--slotted-line-height-4xl, 1.2) );--_label-size: var( --slotted-stat-card-label-font-size-lg, var(--slotted-font-size-md, .875rem) );--_label-line: var( --slotted-stat-card-label-line-height-lg, var(--slotted-line-height-md, 1.5) );--_delta-size: var( --slotted-stat-card-delta-font-size-lg, var(--slotted-font-size-md, .875rem) );--_prose-size: var( --slotted-stat-card-prose-font-size-lg, var(--slotted-font-size-sm, .8125rem) );--_prose-line: var( --slotted-stat-card-prose-line-height-lg, var(--slotted-line-height-sm, 1.45) );--_indicator-size: var( --slotted-stat-card-indicator-size-lg, var(--slotted-control-icon-size-md, 16px) );--_value-size-narrow: var(--slotted-font-size-3xl, 1.5rem);--_value-line-narrow: var(--slotted-line-height-3xl, 1.3)}[data-ui=stat-card][data-fill=elevated]{--_shadow: var(--slotted-stat-card-shadow-elevated, var(--slotted-shadow-md))}[data-ui=stat-card][data-fill=subtle]{--_surface: var(--slotted-stat-card-background-subtle, var(--slotted-surface-sunken, Canvas))}[data-ui=stat-card][data-fill=plain]{--_surface: transparent;--_edge: transparent;--_shadow: none;--_inset-block: 0;--_inset-inline: 0;--_radius: var(--slotted-radius-none, 0px)}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=body]{column-gap:var(--_trend-gap);display:grid;flex:1 1 auto;grid-template-areas:\"header header\" \"figure trend\" \"message message\";grid-template-columns:minmax(min-content,1fr) minmax(0,var(--_trend-size));grid-template-rows:auto minmax(0,1fr) auto;min-inline-size:0;row-gap:var(--_region-gap)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-layout=stacked] [data-part=body]{grid-template-areas:\"header\" \"figure\" \"trend\" \"message\";grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=header]{contain:inline-size;grid-area:header}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=figure]{align-self:start;grid-area:figure;min-inline-size:0}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=trend]{--slotted-sparkline-ring-color: var(--_surface);align-self:center;container-name:stat-card-trend;container-type:inline-size;grid-area:trend;inline-size:100%;min-inline-size:0}}@container stat-card-trend (max-width: 39px){@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=trend]>*{visibility:hidden}}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-layout=stacked] [data-part=trend]{align-self:end;margin-block-start:var(--slotted-space-2, .25rem)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=message]{contain:inline-size;grid-area:message}}@container stat-card (max-width: 219px){@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=body]{grid-template-areas:\"header\" \"figure\" \"trend\" \"message\";grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=trend]{align-self:end;margin-block-start:var(--slotted-space-2, .25rem)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=value]{font-size:var(--_value-size-narrow);line-height:var(--_value-line-narrow)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-loading] [data-part=value]{min-block-size:calc(var(--_value-size-narrow) * var(--_value-line-narrow))}}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=header]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;min-inline-size:0;row-gap:var(--slotted-space-2, .25rem)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=label]{color:var(--_ink-muted);flex:1 1 0%;font-size:var(--_label-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_label-line);margin:0;min-inline-size:min(100%,10rem);overflow-wrap:break-word}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=status]{display:inline-flex;flex:none}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=action]{flex:none;font-size:var(--_label-size);line-height:var(--_label-line);margin-inline-start:auto}}@media(pointer:coarse){@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope :is([data-part=action]:is(a,button),[data-part=action]>:is(a,button)){position:relative}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope :is([data-part=action]:is(a,button),[data-part=action]>:is(a,button)):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=figure]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:0}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=comparison]{contain:inline-size;flex:1 1 100%}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=value]{align-items:baseline;color:var(--_ink);display:inline-flex;flex-wrap:wrap;gap:.15em;font-size:var(--_value-size);font-variant-numeric:proportional-nums;font-weight:var(--slotted-font-weight-semibold, 600);letter-spacing:var(--slotted-letter-spacing-tighter, -.03em);unicode-bidi:plaintext;line-height:var(--_value-line);margin:0;min-inline-size:0;overflow-wrap:break-word}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=unit]{color:var(--_ink-muted);font-size:var(--_delta-size);font-weight:var(--slotted-font-weight-medium, 500);letter-spacing:0}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta]{align-items:center;color:var(--_tone-text);column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-size:var(--_delta-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);line-height:1;unicode-bidi:plaintext;white-space:nowrap}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta][data-tone=neutral]{--_tone-text: var(--_ink-muted)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta][data-tone=accent]{--_tone-text: var(--slotted-tone-accent-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta][data-tone=secondary]{--_tone-text: var(--slotted-tone-secondary-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta][data-tone=success]{--_tone-text: var(--slotted-tone-success-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta][data-tone=warning]{--_tone-text: var(--slotted-tone-warning-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta][data-tone=danger]{--_tone-text: var(--slotted-tone-danger-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=indicator]{--slotted-icon-size: var(--_indicator-size);display:inline-flex;flex:none}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta][data-trend=down] [data-part=indicator]>[data-ui=icon]{rotate:x 180deg}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=comparison]{color:var(--_ink-muted);font-size:var(--_prose-size);line-height:var(--_prose-line);margin-block-start:var(--_region-gap);margin:0;min-inline-size:0;overflow-wrap:anywhere}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=period]{color:var(--_ink-muted)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=trend]{align-self:center;display:flex}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-tone=success] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-success-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-tone=danger] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-danger-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-tone=warning] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-warning-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-tone=accent] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-accent-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-tone=secondary] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-secondary-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-fill=plain] [data-part=trend]{--slotted-sparkline-ring-color: var(--slotted-surface-raised, Canvas)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=message]{color:var(--_ink-muted);font-size:var(--_prose-size);line-height:var(--_prose-line);margin:0;min-inline-size:0;overflow-wrap:anywhere}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-status=error] [data-part=message]{color:var(--slotted-tone-danger-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-status=empty] [data-part=value],:scope[data-status=error] [data-part=value]{color:var(--_ink-muted)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-loading] [data-part=value]{min-block-size:calc(var(--_value-size) * var(--_value-line))}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-loading] [data-part=trend]{--slotted-skeleton-block-size: var( --slotted-sparkline-block-size, var(--slotted-space-9, 2rem) )}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-loading][data-size=sm] [data-part=trend]{--slotted-skeleton-block-size: var( --slotted-sparkline-block-size-sm, var(--slotted-space-7, 1.25rem) )}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-loading][data-size=lg] [data-part=trend]{--slotted-skeleton-block-size: var( --slotted-sparkline-block-size-lg, var(--slotted-space-11, 3rem) )}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
125
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlStatCard, isStandalone: true, selector: "[slStatCard]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, goodWhen: { classPropertyName: "goodWhen", publicName: "goodWhen", isSignal: true, isRequired: false, transformFunction: null }, delta: { classPropertyName: "delta", publicName: "delta", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, formatOptions: { classPropertyName: "formatOptions", publicName: "formatOptions", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "stat-card", "data-part": "root", "role": "group" }, properties: { "attr.aria-labelledby": "labelledBy()", "attr.aria-busy": "loading() ? \"true\" : null", "attr.data-size": "resolvedSize()", "attr.data-fill": "resolvedFill()", "attr.data-layout": "resolvedLayout()", "attr.data-status": "status()", "attr.data-good-when": "resolvedGoodWhen()", "attr.data-tone": "resolvedTone() ?? null", "attr.data-loading": "loading() ? \"\" : null" } }, exportAs: ["slStatCard"], ngImport: i0, template: '<div data-part="body"><ng-content /></div>', isInline: true, styles: ["@layer slotted.components{[data-ui=stat-card]{--_edge-width: var(--slotted-stat-card-border-width, var(--slotted-border-width-thin, 1px));--_radius: var(--slotted-stat-card-radius, var(--slotted-radius-lg, 8px));--_inset-block: var(--slotted-stat-card-padding-block, var(--slotted-space-6, 1rem));--_inset-inline: var(--slotted-stat-card-padding-inline, var(--slotted-space-6, 1rem));--_region-gap: var(--slotted-stat-card-region-gap, var(--slotted-space-3, .375rem));--_trend-gap: var(--slotted-stat-card-trend-gap, var(--slotted-space-6, 1rem));--_trend-size: var( --slotted-stat-card-trend-inline-size, calc(var(--slotted-space-12, 4rem) * 1.5) );--_surface: var(--slotted-stat-card-background, var(--slotted-surface-raised, Canvas));--_edge: var(--slotted-stat-card-border-color, var(--slotted-border-subtle, ButtonBorder));--_shadow: var(--slotted-stat-card-shadow, none);--_ink: var(--slotted-stat-card-color, var(--slotted-text, CanvasText));--_ink-muted: var(--slotted-stat-card-color-muted, var(--slotted-text-muted, GrayText));--_value-size: var(--slotted-stat-card-value-font-size, var(--slotted-font-size-3xl, 1.5rem));--_value-line: var(--slotted-stat-card-value-line-height, var(--slotted-line-height-3xl, 1.3));--_label-size: var(--slotted-stat-card-label-font-size, var(--slotted-font-size-sm, .8125rem));--_label-line: var(--slotted-stat-card-label-line-height, var(--slotted-line-height-sm, 1.45));--_delta-size: var(--slotted-stat-card-delta-font-size, var(--slotted-font-size-sm, .8125rem));--_prose-size: var(--slotted-stat-card-prose-font-size, var(--slotted-font-size-xs, .75rem));--_prose-line: var(--slotted-stat-card-prose-line-height, var(--slotted-line-height-xs, 1.4));--_indicator-size: var( --slotted-stat-card-indicator-size, var(--slotted-control-icon-size-sm, 14px) );--_value-size-narrow: var(--slotted-font-size-2xl, 1.25rem);--_value-line-narrow: var(--slotted-line-height-2xl, 1.4);--_tone-text: var(--_ink-muted);background-color:var(--_surface);border:none;border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_ink);container-name:stat-card;container-type:inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);min-inline-size:var( --slotted-stat-card-min-inline-size, calc(var(--slotted-space-12, 4rem) * 2.5) );padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);position:relative}[data-ui=stat-card]:before{border:var(--_edge-width) solid var(--_edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute}[data-ui=stat-card][data-size=sm]{--_inset-block: var(--slotted-stat-card-padding-block-sm, var(--slotted-space-5, .75rem));--_inset-inline: var(--slotted-stat-card-padding-inline-sm, var(--slotted-space-5, .75rem));--_region-gap: var(--slotted-stat-card-region-gap-sm, var(--slotted-space-2, .25rem));--_trend-gap: var(--slotted-stat-card-trend-gap-sm, var(--slotted-space-5, .75rem));--_trend-size: var(--slotted-stat-card-trend-inline-size-sm, var(--slotted-space-12, 4rem));--_value-size: var( --slotted-stat-card-value-font-size-sm, var(--slotted-font-size-2xl, 1.25rem) );--_value-line: var( --slotted-stat-card-value-line-height-sm, var(--slotted-line-height-2xl, 1.4) );--_label-size: var( --slotted-stat-card-label-font-size-sm, var(--slotted-font-size-xs, .75rem) );--_label-line: var( --slotted-stat-card-label-line-height-sm, var(--slotted-line-height-xs, 1.4) );--_delta-size: var( --slotted-stat-card-delta-font-size-sm, var(--slotted-font-size-xs, .75rem) );--_value-size-narrow: var(--slotted-font-size-xl, 1.125rem);--_value-line-narrow: var(--slotted-line-height-xl, 1.45)}[data-ui=stat-card][data-size=lg]{--_inset-block: var(--slotted-stat-card-padding-block-lg, var(--slotted-space-8, 1.5rem));--_inset-inline: var(--slotted-stat-card-padding-inline-lg, var(--slotted-space-8, 1.5rem));--_region-gap: var(--slotted-stat-card-region-gap-lg, var(--slotted-space-4, .5rem));--_trend-gap: var(--slotted-stat-card-trend-gap-lg, var(--slotted-space-8, 1.5rem));--_trend-size: var( --slotted-stat-card-trend-inline-size-lg, calc(var(--slotted-space-12, 4rem) * 2) );--_value-size: var(--slotted-stat-card-value-font-size-lg, var(--slotted-font-size-4xl, 2rem));--_value-line: var( --slotted-stat-card-value-line-height-lg, var(--slotted-line-height-4xl, 1.2) );--_label-size: var( --slotted-stat-card-label-font-size-lg, var(--slotted-font-size-md, .875rem) );--_label-line: var( --slotted-stat-card-label-line-height-lg, var(--slotted-line-height-md, 1.5) );--_delta-size: var( --slotted-stat-card-delta-font-size-lg, var(--slotted-font-size-md, .875rem) );--_prose-size: var( --slotted-stat-card-prose-font-size-lg, var(--slotted-font-size-sm, .8125rem) );--_prose-line: var( --slotted-stat-card-prose-line-height-lg, var(--slotted-line-height-sm, 1.45) );--_indicator-size: var( --slotted-stat-card-indicator-size-lg, var(--slotted-control-icon-size-md, 16px) );--_value-size-narrow: var(--slotted-font-size-3xl, 1.5rem);--_value-line-narrow: var(--slotted-line-height-3xl, 1.3)}[data-ui=stat-card][data-fill=elevated]{--_shadow: var(--slotted-stat-card-shadow-elevated, var(--slotted-shadow-md))}[data-ui=stat-card][data-fill=subtle]{--_surface: var(--slotted-stat-card-background-subtle, var(--slotted-surface-sunken, Canvas))}[data-ui=stat-card][data-fill=plain]{--_surface: transparent;--_edge: transparent;--_shadow: none;--_inset-block: 0;--_inset-inline: 0;--_radius: var(--slotted-radius-none, 0px)}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=body]{column-gap:var(--_trend-gap);display:grid;flex:1 1 auto;grid-template-areas:\"header header\" \"figure trend\" \"message message\";grid-template-columns:minmax(min-content,1fr) minmax(0,var(--_trend-size));grid-template-rows:auto minmax(0,1fr) auto;min-inline-size:0;row-gap:var(--_region-gap)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-layout=stacked] [data-part=body]{grid-template-areas:\"header\" \"figure\" \"trend\" \"message\";grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=header]{contain:inline-size;grid-area:header}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=figure]{align-self:start;grid-area:figure;min-inline-size:0}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=trend]{--slotted-sparkline-ring-color: var(--_surface);align-self:center;container-name:stat-card-trend;container-type:inline-size;grid-area:trend;inline-size:100%;min-inline-size:0}}@container stat-card-trend (max-width: 39px){@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=trend]>*{visibility:hidden}}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-layout=stacked] [data-part=trend]{align-self:end;margin-block-start:var(--slotted-space-2, .25rem)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=message]{contain:inline-size;grid-area:message}}@container stat-card (max-width: 219px){@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=body]{grid-template-areas:\"header\" \"figure\" \"trend\" \"message\";grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=trend]{align-self:end;margin-block-start:var(--slotted-space-2, .25rem)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=value]{font-size:var(--_value-size-narrow);line-height:var(--_value-line-narrow)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-loading] [data-part=value]{min-block-size:calc(var(--_value-size-narrow) * var(--_value-line-narrow))}}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=header]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;min-inline-size:0;row-gap:var(--slotted-space-2, .25rem)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=label]{color:var(--_ink-muted);flex:1 1 0%;font-size:var(--_label-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_label-line);margin:0;min-inline-size:min(100%,10rem);overflow-wrap:break-word}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=status]{display:inline-flex;flex:none}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=action]{flex:none;font-size:var(--_label-size);line-height:var(--_label-line);margin-inline-start:auto}}@media(pointer:coarse){@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope :is([data-part=action]:is(a,button),[data-part=action]>:is(a,button)){position:relative}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope :is([data-part=action]:is(a,button),[data-part=action]>:is(a,button)):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=figure]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:0}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=comparison]{contain:inline-size;flex:1 1 100%}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=value]{align-items:baseline;color:var(--_ink);display:inline-flex;flex-wrap:wrap;gap:.15em;font-size:var(--_value-size);font-variant-numeric:proportional-nums;font-weight:var(--slotted-font-weight-semibold, 600);letter-spacing:var(--slotted-letter-spacing-tighter, -.03em);unicode-bidi:plaintext;line-height:var(--_value-line);margin:0;min-inline-size:0;overflow-wrap:break-word}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=unit]{color:var(--_ink-muted);font-size:var(--_delta-size);font-weight:var(--slotted-font-weight-medium, 500);letter-spacing:0}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta]{align-items:center;color:var(--_tone-text);column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-size:var(--_delta-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);line-height:1;unicode-bidi:plaintext;white-space:nowrap}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta][data-tone=neutral]{--_tone-text: var(--_ink-muted)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta][data-tone=accent]{--_tone-text: var(--slotted-tone-accent-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta][data-tone=secondary]{--_tone-text: var(--slotted-tone-secondary-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta][data-tone=success]{--_tone-text: var(--slotted-tone-success-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta][data-tone=warning]{--_tone-text: var(--slotted-tone-warning-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta][data-tone=danger]{--_tone-text: var(--slotted-tone-danger-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=indicator]{--slotted-icon-size: var(--_indicator-size);display:inline-flex;flex:none}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta][data-trend=down] [data-part=indicator]>[data-ui=icon]{rotate:x 180deg}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=comparison]{color:var(--_ink-muted);font-size:var(--_prose-size);line-height:var(--_prose-line);margin-block-start:var(--_region-gap);margin:0;min-inline-size:0;overflow-wrap:anywhere}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=period]{color:var(--_ink-muted)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=trend]{align-self:center;display:flex}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-tone=success] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-success-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-tone=danger] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-danger-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-tone=warning] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-warning-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-tone=accent] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-accent-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-tone=secondary] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-secondary-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-fill=plain] [data-part=trend]{--slotted-sparkline-ring-color: var(--slotted-surface-raised, Canvas)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=message]{color:var(--_ink-muted);font-size:var(--_prose-size);line-height:var(--_prose-line);margin:0;min-inline-size:0;overflow-wrap:anywhere}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-status=error] [data-part=message]{color:var(--slotted-tone-danger-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-status=empty] [data-part=value],:scope[data-status=error] [data-part=value]{color:var(--_ink-muted)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-loading] [data-part=value]{min-block-size:calc(var(--_value-size) * var(--_value-line))}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-loading] [data-part=trend]{--slotted-skeleton-block-size: var( --slotted-sparkline-block-size, var(--slotted-space-9, 2rem) )}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-loading][data-size=sm] [data-part=trend]{--slotted-skeleton-block-size: var( --slotted-sparkline-block-size-sm, var(--slotted-space-7, 1.25rem) )}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-loading][data-size=lg] [data-part=trend]{--slotted-skeleton-block-size: var( --slotted-sparkline-block-size-lg, var(--slotted-space-11, 3rem) )}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
126
126
|
}
|
|
127
127
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStatCard, decorators: [{
|
|
128
128
|
type: Component,
|
|
@@ -139,7 +139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
139
139
|
'[attr.data-good-when]': 'resolvedGoodWhen()',
|
|
140
140
|
'[attr.data-tone]': 'resolvedTone() ?? null',
|
|
141
141
|
'[attr.data-loading]': 'loading() ? "" : null',
|
|
142
|
-
}, styles: ["@layer slotted.components{[data-ui=stat-card]{--_edge-width: var(--slotted-stat-card-border-width, var(--slotted-border-width-thin, 1px));--_radius: var(--slotted-stat-card-radius, var(--slotted-radius-lg, 8px));--_inset-block: var(--slotted-stat-card-padding-block, var(--slotted-space-6, 1rem));--_inset-inline: var(--slotted-stat-card-padding-inline, var(--slotted-space-6, 1rem));--_region-gap: var(--slotted-stat-card-region-gap, var(--slotted-space-3, .375rem));--_trend-gap: var(--slotted-stat-card-trend-gap, var(--slotted-space-6, 1rem));--_trend-size: var( --slotted-stat-card-trend-inline-size, calc(var(--slotted-space-12, 4rem) * 1.5) );--_surface: var(--slotted-stat-card-background, var(--slotted-surface-raised, Canvas));--_edge: var(--slotted-stat-card-border-color, var(--slotted-border-subtle, ButtonBorder));--_shadow: var(--slotted-stat-card-shadow, none);--_ink: var(--slotted-stat-card-color, var(--slotted-text, CanvasText));--_ink-muted: var(--slotted-stat-card-color-muted, var(--slotted-text-muted, GrayText));--_value-size: var(--slotted-stat-card-value-font-size, var(--slotted-font-size-3xl, 1.5rem));--_value-line: var(--slotted-stat-card-value-line-height, var(--slotted-line-height-3xl, 1.3));--_label-size: var(--slotted-stat-card-label-font-size, var(--slotted-font-size-sm, .8125rem));--_label-line: var(--slotted-stat-card-label-line-height, var(--slotted-line-height-sm, 1.45));--_delta-size: var(--slotted-stat-card-delta-font-size, var(--slotted-font-size-sm, .8125rem));--_prose-size: var(--slotted-stat-card-prose-font-size, var(--slotted-font-size-xs, .75rem));--_prose-line: var(--slotted-stat-card-prose-line-height, var(--slotted-line-height-xs, 1.4));--_indicator-size: var( --slotted-stat-card-indicator-size, var(--slotted-control-icon-size-sm, 14px) );--_value-size-narrow: var(--slotted-font-size-2xl, 1.25rem);--_value-line-narrow: var(--slotted-line-height-2xl, 1.4);--_tone-text: var(--_ink-muted);background-color:var(--_surface);border:none;border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_ink);container-name:stat-card;container-type:inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);min-inline-size:var( --slotted-stat-card-min-inline-size, calc(var(--slotted-space-12, 4rem) * 2.5) );padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);position:relative}[data-ui=stat-card]:before{border:var(--_edge-width) solid var(--_edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute}[data-ui=stat-card][data-size=sm]{--_inset-block: var(--slotted-stat-card-padding-block-sm, var(--slotted-space-5, .75rem));--_inset-inline: var(--slotted-stat-card-padding-inline-sm, var(--slotted-space-5, .75rem));--_region-gap: var(--slotted-stat-card-region-gap-sm, var(--slotted-space-2, .25rem));--_trend-gap: var(--slotted-stat-card-trend-gap-sm, var(--slotted-space-5, .75rem));--_trend-size: var(--slotted-stat-card-trend-inline-size-sm, var(--slotted-space-12, 4rem));--_value-size: var( --slotted-stat-card-value-font-size-sm, var(--slotted-font-size-2xl, 1.25rem) );--_value-line: var( --slotted-stat-card-value-line-height-sm, var(--slotted-line-height-2xl, 1.4) );--_label-size: var( --slotted-stat-card-label-font-size-sm, var(--slotted-font-size-xs, .75rem) );--_label-line: var( --slotted-stat-card-label-line-height-sm, var(--slotted-line-height-xs, 1.4) );--_delta-size: var( --slotted-stat-card-delta-font-size-sm, var(--slotted-font-size-xs, .75rem) );--_value-size-narrow: var(--slotted-font-size-xl, 1.125rem);--_value-line-narrow: var(--slotted-line-height-xl, 1.45)}[data-ui=stat-card][data-size=lg]{--_inset-block: var(--slotted-stat-card-padding-block-lg, var(--slotted-space-8, 1.5rem));--_inset-inline: var(--slotted-stat-card-padding-inline-lg, var(--slotted-space-8, 1.5rem));--_region-gap: var(--slotted-stat-card-region-gap-lg, var(--slotted-space-4, .5rem));--_trend-gap: var(--slotted-stat-card-trend-gap-lg, var(--slotted-space-8, 1.5rem));--_trend-size: var( --slotted-stat-card-trend-inline-size-lg, calc(var(--slotted-space-12, 4rem) * 2) );--_value-size: var(--slotted-stat-card-value-font-size-lg, var(--slotted-font-size-4xl, 2rem));--_value-line: var( --slotted-stat-card-value-line-height-lg, var(--slotted-line-height-4xl, 1.2) );--_label-size: var( --slotted-stat-card-label-font-size-lg, var(--slotted-font-size-md, .875rem) );--_label-line: var( --slotted-stat-card-label-line-height-lg, var(--slotted-line-height-md, 1.5) );--_delta-size: var( --slotted-stat-card-delta-font-size-lg, var(--slotted-font-size-md, .875rem) );--_prose-size: var( --slotted-stat-card-prose-font-size-lg, var(--slotted-font-size-sm, .8125rem) );--_prose-line: var( --slotted-stat-card-prose-line-height-lg, var(--slotted-line-height-sm, 1.45) );--_indicator-size: var( --slotted-stat-card-indicator-size-lg, var(--slotted-control-icon-size-md, 16px) );--_value-size-narrow: var(--slotted-font-size-3xl, 1.5rem);--_value-line-narrow: var(--slotted-line-height-3xl, 1.3)}[data-ui=stat-card][data-fill=elevated]{--_shadow: var(--slotted-stat-card-shadow-elevated, var(--slotted-shadow-md))}[data-ui=stat-card][data-fill=subtle]{--_surface: var(--slotted-stat-card-background-subtle, var(--slotted-surface-sunken, Canvas))}[data-ui=stat-card][data-fill=plain]{--_surface: transparent;--_edge: transparent;--_shadow: none;--_inset-block: 0;--_inset-inline: 0;--_radius: var(--slotted-radius-none, 0px)}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=body]{column-gap:var(--_trend-gap);display:grid;flex:1 1 auto;grid-template-areas:\"header header\" \"figure trend\" \"message message\";grid-template-columns:minmax(min-content,1fr) minmax(0,var(--_trend-size));grid-template-rows:auto minmax(0,1fr) auto;min-inline-size:0;row-gap:var(--_region-gap)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-layout=stacked] [data-part=body]{grid-template-areas:\"header\" \"figure\" \"trend\" \"message\";grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=header]{contain:inline-size;grid-area:header}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=figure]{align-self:start;grid-area:figure;min-inline-size:0}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=trend]{--slotted-sparkline-ring-color: var(--_surface);align-self:center;container-name:stat-card-trend;container-type:inline-size;grid-area:trend;inline-size:100%;min-inline-size:0}}@container stat-card-trend (max-width: 39px){@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=trend]>*{visibility:hidden}}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-layout=stacked] [data-part=trend]{align-self:end;margin-block-start:var(--slotted-space-2, .25rem)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=message]{contain:inline-size;grid-area:message}}@container stat-card (max-width: 219px){@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=body]{grid-template-areas:\"header\" \"figure\" \"trend\" \"message\";grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=trend]{align-self:end;margin-block-start:var(--slotted-space-2, .25rem)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=value]{font-size:var(--_value-size-narrow);line-height:var(--_value-line-narrow)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-loading] [data-part=value]{min-block-size:calc(var(--_value-size-narrow) * var(--_value-line-narrow))}}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=header]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;min-inline-size:0;row-gap:var(--slotted-space-2, .25rem)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=label]{color:var(--_ink-muted);flex:1 1 0%;font-size:var(--_label-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_label-line);margin:0;min-inline-size:min(100%,10rem);overflow-wrap:break-word}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=status]{display:inline-flex;flex:none}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=action]{flex:none;font-size:var(--_label-size);line-height:var(--_label-line);margin-inline-start:auto}}@media(pointer:coarse){@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope :is([data-part=action]:is(a,button),[data-part=action]>:is(a,button)){position:relative}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope :is([data-part=action]:is(a,button),[data-part=action]>:is(a,button)):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=figure]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:0}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=comparison]{contain:inline-size;flex:1 1 100%}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=value]{align-items:baseline;color:var(--_ink);display:inline-flex;flex-wrap:wrap;gap:.15em;font-size:var(--_value-size);font-variant-numeric:proportional-nums;font-weight:var(--slotted-font-weight-semibold, 600);letter-spacing:var(--slotted-letter-spacing-tighter, -.03em);unicode-bidi:plaintext;line-height:var(--_value-line);margin:0;min-inline-size:0;overflow-wrap:break-word}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=unit]{color:var(--_ink-muted);font-size:var(--_delta-size);font-weight:var(--slotted-font-weight-medium, 500);letter-spacing:0}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta]{align-items:center;color:var(--_tone-text);column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-size:var(--_delta-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);line-height:1;unicode-bidi:plaintext;white-space:nowrap}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta][data-tone=neutral]{--_tone-text: var(--_ink-muted)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta][data-tone=accent]{--_tone-text: var(--slotted-tone-accent-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta][data-tone=secondary]{--_tone-text: var(--slotted-tone-secondary-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta][data-tone=success]{--_tone-text: var(--slotted-tone-success-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta][data-tone=warning]{--_tone-text: var(--slotted-tone-warning-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta][data-tone=danger]{--_tone-text: var(--slotted-tone-danger-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=indicator]{--slotted-icon-size: var(--_indicator-size);display:inline-flex;flex:none}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=delta][data-trend=down] [data-part=indicator]>[data-ui=icon]{rotate:x 180deg}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=comparison]{color:var(--_ink-muted);font-size:var(--_prose-size);line-height:var(--_prose-line);margin-block-start:var(--_region-gap);margin:0;min-inline-size:0;overflow-wrap:anywhere}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=period]{color:var(--_ink-muted)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=trend]{align-self:center;display:flex}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-tone=success] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-success-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-tone=danger] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-danger-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-tone=warning] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-warning-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-tone=accent] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-accent-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-tone=secondary] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-secondary-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-fill=plain] [data-part=trend]{--slotted-sparkline-ring-color: var(--slotted-surface-raised, Canvas)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope [data-part=message]{color:var(--_ink-muted);font-size:var(--_prose-size);line-height:var(--_prose-line);margin:0;min-inline-size:0;overflow-wrap:anywhere}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-status=error] [data-part=message]{color:var(--slotted-tone-danger-text)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-status=empty] [data-part=value],:scope[data-status=error] [data-part=value]{color:var(--_ink-muted)}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-loading] [data-part=value]{min-block-size:calc(var(--_value-size) * var(--_value-line))}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-loading] [data-part=trend]{--slotted-skeleton-block-size: var( --slotted-sparkline-block-size, var(--slotted-space-9, 2rem) )}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-loading][data-size=sm] [data-part=trend]{--slotted-skeleton-block-size: var( --slotted-sparkline-block-size-sm, var(--slotted-space-7, 1.25rem) )}}@scope([data-ui=stat-card])to ([data-ui]:not(:scope)>*){:scope[data-loading][data-size=lg] [data-part=trend]{--slotted-skeleton-block-size: var( --slotted-sparkline-block-size-lg, var(--slotted-space-11, 3rem) )}}}\n"] }]
|
|
142
|
+
}, styles: ["@layer slotted.components{[data-ui=stat-card]{--_edge-width: var(--slotted-stat-card-border-width, var(--slotted-border-width-thin, 1px));--_radius: var(--slotted-stat-card-radius, var(--slotted-radius-lg, 8px));--_inset-block: var(--slotted-stat-card-padding-block, var(--slotted-space-6, 1rem));--_inset-inline: var(--slotted-stat-card-padding-inline, var(--slotted-space-6, 1rem));--_region-gap: var(--slotted-stat-card-region-gap, var(--slotted-space-3, .375rem));--_trend-gap: var(--slotted-stat-card-trend-gap, var(--slotted-space-6, 1rem));--_trend-size: var( --slotted-stat-card-trend-inline-size, calc(var(--slotted-space-12, 4rem) * 1.5) );--_surface: var(--slotted-stat-card-background, var(--slotted-surface-raised, Canvas));--_edge: var(--slotted-stat-card-border-color, var(--slotted-border-subtle, ButtonBorder));--_shadow: var(--slotted-stat-card-shadow, none);--_ink: var(--slotted-stat-card-color, var(--slotted-text, CanvasText));--_ink-muted: var(--slotted-stat-card-color-muted, var(--slotted-text-muted, GrayText));--_value-size: var(--slotted-stat-card-value-font-size, var(--slotted-font-size-3xl, 1.5rem));--_value-line: var(--slotted-stat-card-value-line-height, var(--slotted-line-height-3xl, 1.3));--_label-size: var(--slotted-stat-card-label-font-size, var(--slotted-font-size-sm, .8125rem));--_label-line: var(--slotted-stat-card-label-line-height, var(--slotted-line-height-sm, 1.45));--_delta-size: var(--slotted-stat-card-delta-font-size, var(--slotted-font-size-sm, .8125rem));--_prose-size: var(--slotted-stat-card-prose-font-size, var(--slotted-font-size-xs, .75rem));--_prose-line: var(--slotted-stat-card-prose-line-height, var(--slotted-line-height-xs, 1.4));--_indicator-size: var( --slotted-stat-card-indicator-size, var(--slotted-control-icon-size-sm, 14px) );--_value-size-narrow: var(--slotted-font-size-2xl, 1.25rem);--_value-line-narrow: var(--slotted-line-height-2xl, 1.4);--_tone-text: var(--_ink-muted);background-color:var(--_surface);border:none;border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_ink);container-name:stat-card;container-type:inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);min-inline-size:var( --slotted-stat-card-min-inline-size, calc(var(--slotted-space-12, 4rem) * 2.5) );padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);position:relative}[data-ui=stat-card]:before{border:var(--_edge-width) solid var(--_edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute}[data-ui=stat-card][data-size=sm]{--_inset-block: var(--slotted-stat-card-padding-block-sm, var(--slotted-space-5, .75rem));--_inset-inline: var(--slotted-stat-card-padding-inline-sm, var(--slotted-space-5, .75rem));--_region-gap: var(--slotted-stat-card-region-gap-sm, var(--slotted-space-2, .25rem));--_trend-gap: var(--slotted-stat-card-trend-gap-sm, var(--slotted-space-5, .75rem));--_trend-size: var(--slotted-stat-card-trend-inline-size-sm, var(--slotted-space-12, 4rem));--_value-size: var( --slotted-stat-card-value-font-size-sm, var(--slotted-font-size-2xl, 1.25rem) );--_value-line: var( --slotted-stat-card-value-line-height-sm, var(--slotted-line-height-2xl, 1.4) );--_label-size: var( --slotted-stat-card-label-font-size-sm, var(--slotted-font-size-xs, .75rem) );--_label-line: var( --slotted-stat-card-label-line-height-sm, var(--slotted-line-height-xs, 1.4) );--_delta-size: var( --slotted-stat-card-delta-font-size-sm, var(--slotted-font-size-xs, .75rem) );--_value-size-narrow: var(--slotted-font-size-xl, 1.125rem);--_value-line-narrow: var(--slotted-line-height-xl, 1.45)}[data-ui=stat-card][data-size=lg]{--_inset-block: var(--slotted-stat-card-padding-block-lg, var(--slotted-space-8, 1.5rem));--_inset-inline: var(--slotted-stat-card-padding-inline-lg, var(--slotted-space-8, 1.5rem));--_region-gap: var(--slotted-stat-card-region-gap-lg, var(--slotted-space-4, .5rem));--_trend-gap: var(--slotted-stat-card-trend-gap-lg, var(--slotted-space-8, 1.5rem));--_trend-size: var( --slotted-stat-card-trend-inline-size-lg, calc(var(--slotted-space-12, 4rem) * 2) );--_value-size: var(--slotted-stat-card-value-font-size-lg, var(--slotted-font-size-4xl, 2rem));--_value-line: var( --slotted-stat-card-value-line-height-lg, var(--slotted-line-height-4xl, 1.2) );--_label-size: var( --slotted-stat-card-label-font-size-lg, var(--slotted-font-size-md, .875rem) );--_label-line: var( --slotted-stat-card-label-line-height-lg, var(--slotted-line-height-md, 1.5) );--_delta-size: var( --slotted-stat-card-delta-font-size-lg, var(--slotted-font-size-md, .875rem) );--_prose-size: var( --slotted-stat-card-prose-font-size-lg, var(--slotted-font-size-sm, .8125rem) );--_prose-line: var( --slotted-stat-card-prose-line-height-lg, var(--slotted-line-height-sm, 1.45) );--_indicator-size: var( --slotted-stat-card-indicator-size-lg, var(--slotted-control-icon-size-md, 16px) );--_value-size-narrow: var(--slotted-font-size-3xl, 1.5rem);--_value-line-narrow: var(--slotted-line-height-3xl, 1.3)}[data-ui=stat-card][data-fill=elevated]{--_shadow: var(--slotted-stat-card-shadow-elevated, var(--slotted-shadow-md))}[data-ui=stat-card][data-fill=subtle]{--_surface: var(--slotted-stat-card-background-subtle, var(--slotted-surface-sunken, Canvas))}[data-ui=stat-card][data-fill=plain]{--_surface: transparent;--_edge: transparent;--_shadow: none;--_inset-block: 0;--_inset-inline: 0;--_radius: var(--slotted-radius-none, 0px)}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=body]{column-gap:var(--_trend-gap);display:grid;flex:1 1 auto;grid-template-areas:\"header header\" \"figure trend\" \"message message\";grid-template-columns:minmax(min-content,1fr) minmax(0,var(--_trend-size));grid-template-rows:auto minmax(0,1fr) auto;min-inline-size:0;row-gap:var(--_region-gap)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-layout=stacked] [data-part=body]{grid-template-areas:\"header\" \"figure\" \"trend\" \"message\";grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=header]{contain:inline-size;grid-area:header}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=figure]{align-self:start;grid-area:figure;min-inline-size:0}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=trend]{--slotted-sparkline-ring-color: var(--_surface);align-self:center;container-name:stat-card-trend;container-type:inline-size;grid-area:trend;inline-size:100%;min-inline-size:0}}@container stat-card-trend (max-width: 39px){@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=trend]>*{visibility:hidden}}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-layout=stacked] [data-part=trend]{align-self:end;margin-block-start:var(--slotted-space-2, .25rem)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=message]{contain:inline-size;grid-area:message}}@container stat-card (max-width: 219px){@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=body]{grid-template-areas:\"header\" \"figure\" \"trend\" \"message\";grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=trend]{align-self:end;margin-block-start:var(--slotted-space-2, .25rem)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=value]{font-size:var(--_value-size-narrow);line-height:var(--_value-line-narrow)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-loading] [data-part=value]{min-block-size:calc(var(--_value-size-narrow) * var(--_value-line-narrow))}}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=header]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;min-inline-size:0;row-gap:var(--slotted-space-2, .25rem)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=label]{color:var(--_ink-muted);flex:1 1 0%;font-size:var(--_label-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_label-line);margin:0;min-inline-size:min(100%,10rem);overflow-wrap:break-word}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=status]{display:inline-flex;flex:none}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=action]{flex:none;font-size:var(--_label-size);line-height:var(--_label-line);margin-inline-start:auto}}@media(pointer:coarse){@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope :is([data-part=action]:is(a,button),[data-part=action]>:is(a,button)){position:relative}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope :is([data-part=action]:is(a,button),[data-part=action]>:is(a,button)):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=figure]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:0}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=comparison]{contain:inline-size;flex:1 1 100%}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=value]{align-items:baseline;color:var(--_ink);display:inline-flex;flex-wrap:wrap;gap:.15em;font-size:var(--_value-size);font-variant-numeric:proportional-nums;font-weight:var(--slotted-font-weight-semibold, 600);letter-spacing:var(--slotted-letter-spacing-tighter, -.03em);unicode-bidi:plaintext;line-height:var(--_value-line);margin:0;min-inline-size:0;overflow-wrap:break-word}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=unit]{color:var(--_ink-muted);font-size:var(--_delta-size);font-weight:var(--slotted-font-weight-medium, 500);letter-spacing:0}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta]{align-items:center;color:var(--_tone-text);column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-size:var(--_delta-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);line-height:1;unicode-bidi:plaintext;white-space:nowrap}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta][data-tone=neutral]{--_tone-text: var(--_ink-muted)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta][data-tone=accent]{--_tone-text: var(--slotted-tone-accent-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta][data-tone=secondary]{--_tone-text: var(--slotted-tone-secondary-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta][data-tone=success]{--_tone-text: var(--slotted-tone-success-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta][data-tone=warning]{--_tone-text: var(--slotted-tone-warning-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta][data-tone=danger]{--_tone-text: var(--slotted-tone-danger-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=indicator]{--slotted-icon-size: var(--_indicator-size);display:inline-flex;flex:none}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=delta][data-trend=down] [data-part=indicator]>[data-ui=icon]{rotate:x 180deg}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=comparison]{color:var(--_ink-muted);font-size:var(--_prose-size);line-height:var(--_prose-line);margin-block-start:var(--_region-gap);margin:0;min-inline-size:0;overflow-wrap:anywhere}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=period]{color:var(--_ink-muted)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=trend]{align-self:center;display:flex}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-tone=success] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-success-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-tone=danger] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-danger-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-tone=warning] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-warning-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-tone=accent] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-accent-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-tone=secondary] [data-part=trend]{--slotted-sparkline-color: var(--slotted-tone-secondary-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-fill=plain] [data-part=trend]{--slotted-sparkline-ring-color: var(--slotted-surface-raised, Canvas)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope [data-part=message]{color:var(--_ink-muted);font-size:var(--_prose-size);line-height:var(--_prose-line);margin:0;min-inline-size:0;overflow-wrap:anywhere}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-status=error] [data-part=message]{color:var(--slotted-tone-danger-text)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-status=empty] [data-part=value],:scope[data-status=error] [data-part=value]{color:var(--_ink-muted)}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-loading] [data-part=value]{min-block-size:calc(var(--_value-size) * var(--_value-line))}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-loading] [data-part=trend]{--slotted-skeleton-block-size: var( --slotted-sparkline-block-size, var(--slotted-space-9, 2rem) )}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-loading][data-size=sm] [data-part=trend]{--slotted-skeleton-block-size: var( --slotted-sparkline-block-size-sm, var(--slotted-space-7, 1.25rem) )}}@scope([data-ui=stat-card])to (:scope [data-ui]>*){:scope[data-loading][data-size=lg] [data-part=trend]{--slotted-skeleton-block-size: var( --slotted-sparkline-block-size-lg, var(--slotted-space-11, 3rem) )}}}\n"] }]
|
|
143
143
|
}], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], goodWhen: [{ type: i0.Input, args: [{ isSignal: true, alias: "goodWhen", required: false }] }], delta: [{ type: i0.Input, args: [{ isSignal: true, alias: "delta", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], formatOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatOptions", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }] } });
|
|
144
144
|
function optionalNumber(value) {
|
|
145
145
|
if (value === undefined || value === null || value === '')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slotted-angular-stat-card.mjs","sources":["../../stat-card/src/stat-card-defaults.ts","../../stat-card/src/stat-card.constants.ts","../../stat-card/src/stat-card.ts","../../stat-card/src/stat-card-delta.ts","../../stat-card/src/stat-card-parts.ts","../../stat-card/src/stat-card-value.ts","../../stat-card/src/slotted-angular-stat-card.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nimport type {\n StatCardFill,\n StatCardGoodWhen,\n StatCardLayout,\n StatCardSize,\n} from './stat-card.constants';\n\n/**\n * What every card in an application does before any of them states anything\n * of its own. `goodWhen` is here because a product usually has one answer —\n * a sales dashboard wants everything up, an operations one wants everything\n * down — and a card that disagrees says so.\n */\nexport interface StatCardDefaults {\n fill?: StatCardFill;\n formatOptions?: Intl.NumberFormatOptions;\n goodWhen?: StatCardGoodWhen;\n layout?: StatCardLayout;\n size?: StatCardSize;\n}\n\nexport const STAT_CARD_DEFAULTS_TOKEN = new InjectionToken<StatCardDefaults>(\n 'slotted stat-card defaults',\n { providedIn: 'root', factory: (): StatCardDefaults => ({}) },\n);\n\n/**\n * An explicit input is never overridden by the token. The words and the locale\n * come from the language in force (`provideSlotted`).\n */\nexport function provideStatCardDefaults(defaults: StatCardDefaults) {\n return { provide: STAT_CARD_DEFAULTS_TOKEN, useValue: defaults };\n}\n\nexport function injectStatCardDefaults(): StatCardDefaults {\n return inject(STAT_CARD_DEFAULTS_TOKEN);\n}\n","export type StatCardSize = 'sm' | 'md' | 'lg';\nexport type StatCardFill = 'outline' | 'elevated' | 'subtle' | 'plain';\nexport type StatCardLayout = 'inline' | 'stacked';\nexport type StatCardValueStatus = 'ready' | 'empty' | 'error';\nexport type StatCardGoodWhen = 'up' | 'down' | 'none';\nexport type StatCardTone = 'neutral' | 'accent' | 'secondary' | 'success' | 'warning' | 'danger';\nexport type StatCardDirection = 'up' | 'down' | 'flat';\nexport type StatCardDeltaFormat = 'percent' | 'decimal';\n\n/** The direction of a change, from its sign. */\nexport function trendOf(value: number | undefined): StatCardDirection {\n if (value === undefined || Number.isNaN(value) || value === 0) return 'flat';\n return value > 0 ? 'up' : 'down';\n}\n\n/**\n * The tone of a change, from what the metric means and never from the sign:\n * a rise is good when up is good and bad when down is; a fall is the reverse;\n * a flat change, or a metric with no valence, is neutral.\n */\nexport function toneOf(trend: StatCardDirection, goodWhen: StatCardGoodWhen): StatCardTone {\n if (trend === 'flat' || goodWhen === 'none') return 'neutral';\n return (trend === 'up') === (goodWhen === 'up') ? 'success' : 'danger';\n}\n","import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n HostAttributeToken,\n inject,\n input,\n numberAttribute,\n ViewEncapsulation,\n} from '@angular/core';\nimport { injectLocale, injectMessages } from '@slotted/angular/i18n';\nimport { type PartialMessages, statCardMessages, type StatCardMessages } from '@slotted/core/i18n';\n\nimport { injectStatCardDefaults } from './stat-card-defaults';\nimport {\n toneOf,\n trendOf,\n type StatCardFill,\n type StatCardGoodWhen,\n type StatCardLayout,\n type StatCardSize,\n type StatCardTone,\n type StatCardValueStatus,\n} from './stat-card.constants';\n\nlet nextId = 0;\n\n/**\n * A metric with its name, its change and its trend, in a frame.\n *\n * The root holds the facts the parts read — which way is good, the change,\n * the status, whether it is loading — and derives the one thing two parts\n * have to agree on: the tone of the change, which the delta wears and the\n * trend hands to its sparkline. It is derived here, from `delta` and\n * `goodWhen`, so the first render already carries it.\n *\n * The root is a group named by its label, so a reader who lands on the\n * action inside it hears which metric it belongs to; an `aria-label` or\n * `aria-labelledby` the consumer wrote on the element wins. It carries\n * `aria-busy` while loading; the placeholders are `skeleton`s, and a\n * consumer who wants one announcement for a whole dashboard wraps it in a\n * `slSkeletonRegion`.\n */\n@Component({\n selector: '[slStatCard]',\n standalone: true,\n template: '<div data-part=\"body\"><ng-content /></div>',\n styleUrl: '../../../styles/src/stat-card/stat-card.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStatCard',\n host: {\n 'data-ui': 'stat-card',\n 'data-part': 'root',\n role: 'group',\n '[attr.aria-labelledby]': 'labelledBy()',\n '[attr.aria-busy]': 'loading() ? \"true\" : null',\n '[attr.data-size]': 'resolvedSize()',\n '[attr.data-fill]': 'resolvedFill()',\n '[attr.data-layout]': 'resolvedLayout()',\n '[attr.data-status]': 'status()',\n '[attr.data-good-when]': 'resolvedGoodWhen()',\n '[attr.data-tone]': 'resolvedTone() ?? null',\n '[attr.data-loading]': 'loading() ? \"\" : null',\n },\n})\nexport class SlStatCard {\n readonly size = input<StatCardSize | undefined>(undefined);\n readonly fill = input<StatCardFill | undefined>(undefined);\n readonly layout = input<StatCardLayout | undefined>(undefined);\n /** Whether there is a value to show, and if not, why. */\n readonly status = input<StatCardValueStatus>('ready');\n /** The value is still on its way: every part stands in with a placeholder. */\n readonly loading = input<boolean, unknown>(false, { transform: booleanAttribute });\n /** Which way is good for this metric. The delta's tone is derived from it, never from the sign. */\n readonly goodWhen = input<StatCardGoodWhen | undefined>(undefined);\n /**\n * The change since the comparison period, as the first delta inside reads\n * it: a fraction for a percentage (`0.124` is +12.4%), or a number.\n */\n readonly delta = input<number | undefined, unknown>(undefined, { transform: optionalNumber });\n /** The tone the card hands to its trend. Unset, it is the delta's. */\n readonly tone = input<StatCardTone | undefined>(undefined);\n /** The locale numbers are written in; the language in force when absent. */\n readonly locale = input<string | undefined>(undefined);\n /** How the value, the delta and the comparison read numbers. */\n readonly formatOptions = input<Intl.NumberFormatOptions | undefined>(undefined);\n /**\n * Words laid over the catalog of the language in force, key by key: what a\n * screen reader hears beside a change (`up`, `down`, `flat`, read before the\n * number because a sign is a glyph some readers skip) and what stands in for\n * a value that is not there (`empty`).\n */\n readonly messages = input<PartialMessages<StatCardMessages> | undefined>(undefined);\n\n private readonly defaults = injectStatCardDefaults();\n private readonly appLocale = injectLocale();\n private readonly ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true });\n private readonly ownLabelledBy = inject(new HostAttributeToken('aria-labelledby'), {\n optional: true,\n });\n\n /** The id the label takes, and the root is named by. */\n readonly labelId = `slotted-stat-card-label-${nextId++}`;\n\n readonly resolvedSize = computed(() => this.size() ?? this.defaults.size ?? 'md');\n readonly resolvedFill = computed(() => this.fill() ?? this.defaults.fill ?? 'outline');\n readonly resolvedLayout = computed(() => this.layout() ?? this.defaults.layout ?? 'inline');\n readonly resolvedGoodWhen = computed(() => this.goodWhen() ?? this.defaults.goodWhen ?? 'up');\n readonly resolvedLocale = computed(() => this.locale() ?? this.appLocale());\n readonly resolvedFormatOptions = computed(\n () => this.formatOptions() ?? this.defaults.formatOptions,\n );\n /** The family's words in the language in force, with this card's `messages` laid over them. */\n readonly t = injectMessages(statCardMessages, this.messages);\n readonly resolvedTone = computed<StatCardTone | undefined>(() => {\n const explicit = this.tone();\n if (explicit !== undefined) return explicit;\n const delta = this.delta();\n return delta === undefined ? undefined : toneOf(trendOf(delta), this.resolvedGoodWhen());\n });\n\n readonly labelledBy = computed(() =>\n this.ownLabel !== null ? null : (this.ownLabelledBy ?? this.labelId),\n );\n}\n\nexport function optionalNumber(value: unknown): number | undefined {\n if (value === undefined || value === null || value === '') return undefined;\n return numberAttribute(value);\n}\n\nexport function optionalBoolean(value: unknown): boolean | undefined {\n return value === undefined ? undefined : booleanAttribute(value);\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\nimport { SlSkeleton } from '@slotted/angular/skeleton';\nimport { SlVisuallyHidden } from '@slotted/angular/visually-hidden';\n\nimport { SlStatCard, optionalNumber } from './stat-card';\nimport {\n toneOf,\n trendOf,\n type StatCardDeltaFormat,\n type StatCardGoodWhen,\n type StatCardTone,\n} from './stat-card.constants';\n\n/**\n * The change, with the mark that says which way and the word a screen reader\n * hears before the number. `value` is the root's `delta` unless the part\n * states its own, so a second delta on one card — month over month beside\n * year over year — is one more part with one more value.\n *\n * `percent` reads the value as a fraction, which is what a division gives;\n * the sign is always shown except on nought. The tone is derived from the\n * direction and from `goodWhen`, never from the sign, and an explicit `tone`\n * wins.\n */\n@Component({\n selector: '[slStatCardDelta]',\n standalone: true,\n imports: [SlGlyph, SlIcon, SlSkeleton, SlVisuallyHidden],\n /* One glyph for a rise and a fall, turned over by the sheet for a fall. */\n template: `@if (card.loading()) {\n <span slSkeleton inlineSize=\"3.5em\"></span>\n } @else {\n <span data-part=\"indicator\" aria-hidden=\"true\"\n ><span slIcon [directional]=\"trend() !== 'flat'\"\n ><svg slGlyph [name]=\"trend() === 'flat' ? 'minus' : 'trending-up'\"></svg></span></span\n ><span slVisuallyHidden>{{ card.t(trend()) }} </span>{{ formatted() }}<ng-content />\n }`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStatCardDelta',\n host: {\n 'data-part': 'delta',\n '[attr.data-trend]': 'card.loading() ? \"flat\" : trend()',\n '[attr.data-tone]': 'card.loading() ? \"neutral\" : resolvedTone()',\n '[attr.hidden]': 'shown() ? null : \"\"',\n },\n})\nexport class SlStatCardDelta {\n /** The change. Unset, the root's `delta`. */\n readonly value = input<number | undefined, unknown>(undefined, { transform: optionalNumber });\n /** `percent` reads the value as a fraction; `decimal` reads it as it is. */\n readonly format = input<StatCardDeltaFormat>('percent');\n readonly formatOptions = input<Intl.NumberFormatOptions | undefined>(undefined);\n /** Unset, the root's. */\n readonly goodWhen = input<StatCardGoodWhen | undefined>(undefined);\n /** An explicit tone, which wins over the one derived from `goodWhen`. */\n readonly tone = input<StatCardTone | undefined>(undefined);\n\n protected readonly card = inject(SlStatCard);\n\n readonly change = computed(() => this.value() ?? this.card.delta());\n readonly trend = computed(() => trendOf(this.change()));\n readonly resolvedTone = computed(\n () => this.tone() ?? toneOf(this.trend(), this.goodWhen() ?? this.card.resolvedGoodWhen()),\n );\n readonly shown = computed(() => this.card.loading() || this.card.status() === 'ready');\n\n readonly formatted = computed(() => {\n const change = this.change();\n if (typeof change !== 'number') return '';\n return new Intl.NumberFormat(this.card.resolvedLocale(), {\n signDisplay: 'exceptZero',\n ...(this.format() === 'percent' ? { style: 'percent', maximumFractionDigits: 1 } : {}),\n ...this.card.resolvedFormatOptions(),\n ...this.formatOptions(),\n }).format(change);\n });\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n Directive,\n HostAttributeToken,\n inject,\n ViewEncapsulation,\n} from '@angular/core';\nimport { SlSkeleton } from '@slotted/angular/skeleton';\n\nimport { SlStatCard } from './stat-card';\n\n/** The row with the name, a status beside it and an action at the end. */\n@Directive({\n selector: '[slStatCardHeader]',\n standalone: true,\n exportAs: 'slStatCardHeader',\n host: { 'data-part': 'header' },\n})\nexport class SlStatCardHeader {}\n\n/**\n * The name of the metric. It is the element the root is named by, so it\n * carries the id the root points at; an `id` the consumer wrote wins, and\n * the root then names nothing, which is the consumer's decision to make.\n */\n@Directive({\n selector: '[slStatCardLabel]',\n standalone: true,\n exportAs: 'slStatCardLabel',\n host: { 'data-part': 'label', '[attr.id]': 'id' },\n})\nexport class SlStatCardLabel {\n private readonly card = inject(SlStatCard);\n private readonly ownId = inject(new HostAttributeToken('id'), { optional: true });\n readonly id = this.ownId ?? this.card.labelId;\n}\n\n/** A slot beside the name for a badge or a status indicator. */\n@Directive({\n selector: '[slStatCardStatus]',\n standalone: true,\n exportAs: 'slStatCardStatus',\n host: { 'data-part': 'status' },\n})\nexport class SlStatCardStatus {}\n\n/** The place at the end of the header for the consumer's link or button. */\n@Directive({\n selector: '[slStatCardAction]',\n standalone: true,\n exportAs: 'slStatCardAction',\n host: { 'data-part': 'action' },\n})\nexport class SlStatCardAction {}\n\n/** The value with its unit and its delta on one line, and the comparison under them. */\n@Directive({\n selector: '[slStatCardFigure]',\n standalone: true,\n exportAs: 'slStatCardFigure',\n host: { 'data-part': 'figure' },\n})\nexport class SlStatCardFigure {}\n\n/** The unit, wherever the consumer puts it inside the value: `$` before, `%` after. */\n@Directive({\n selector: '[slStatCardUnit]',\n standalone: true,\n exportAs: 'slStatCardUnit',\n host: { 'data-part': 'unit' },\n})\nexport class SlStatCardUnit {}\n\n@Directive({\n selector: '[slStatCardPeriod]',\n standalone: true,\n exportAs: 'slStatCardPeriod',\n host: { 'data-part': 'period' },\n})\nexport class SlStatCardPeriod {}\n\n/**\n * The prose under the figure: what the value was, and the period. Shown\n * only while there is a value to compare; a placeholder while loading.\n */\n@Component({\n selector: '[slStatCardComparison]',\n standalone: true,\n imports: [SlSkeleton],\n template: `@if (card.loading()) {\n <span slSkeleton inlineSize=\"10em\"></span>\n } @else {\n <ng-content />\n }`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStatCardComparison',\n host: { 'data-part': 'comparison', '[attr.hidden]': 'shown() ? null : \"\"' },\n})\nexport class SlStatCardComparison {\n protected readonly card = inject(SlStatCard);\n readonly shown = computed(() => this.card.loading() || this.card.status() === 'ready');\n}\n\n/**\n * Where a sparkline goes. The stylesheet hands it the card's tone and the\n * card's ground; while loading it holds a block the sparkline's height, so\n * the card does not change size when the line arrives.\n */\n@Component({\n selector: '[slStatCardTrend]',\n standalone: true,\n imports: [SlSkeleton],\n template: `@if (card.loading()) {\n <span slSkeleton shape=\"block\"></span>\n } @else {\n <ng-content />\n }`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStatCardTrend',\n host: { 'data-part': 'trend', '[attr.hidden]': 'shown() ? null : \"\"' },\n})\nexport class SlStatCardTrend {\n protected readonly card = inject(SlStatCard);\n readonly shown = computed(() => this.card.loading() || this.card.status() === 'ready');\n}\n\n/** What is said in place of a value that is missing or failed. Shown only then. */\n@Directive({\n selector: '[slStatCardMessage]',\n standalone: true,\n exportAs: 'slStatCardMessage',\n host: { 'data-part': 'message', '[attr.hidden]': 'shown() ? null : \"\"' },\n})\nexport class SlStatCardMessage {\n private readonly card = inject(SlStatCard);\n readonly shown = computed(() => !this.card.loading() && this.card.status() !== 'ready');\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { inject } from '@angular/core';\nimport { SlSkeleton } from '@slotted/angular/skeleton';\n\nimport { SlStatCard } from './stat-card';\n\n/**\n * The number. A numeric `value` is formatted with the card's locale and\n * `formatOptions` — `notation: 'compact'` is how 12,900 becomes 12.9K — and\n * projected content is the consumer's own rendering, unit and all, after\n * it. A missing or failed value is the `empty` message, a dash; a loading\n * one is a placeholder five figures wide, on the value's own line.\n */\n@Component({\n selector: '[slStatCardValue]',\n standalone: true,\n imports: [SlSkeleton],\n template: `@if (card.loading()) {\n <span slSkeleton inlineSize=\"5ch\"></span>\n } @else if (card.status() !== 'ready') {\n {{ card.t('empty') }}\n } @else {\n {{ formatted() }}<ng-content />\n }`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStatCardValue',\n host: { 'data-part': 'value' },\n})\nexport class SlStatCardValue {\n /** A number, formatted with the card's locale and `formatOptions`; the text otherwise. */\n readonly value = input<number | string | undefined>(undefined);\n readonly formatOptions = input<Intl.NumberFormatOptions | undefined>(undefined);\n\n protected readonly card = inject(SlStatCard);\n\n readonly formatted = computed(() => {\n const value = this.value();\n if (typeof value !== 'number') return value ?? '';\n return new Intl.NumberFormat(\n this.card.resolvedLocale(),\n this.formatOptions() ?? this.card.resolvedFormatOptions(),\n ).format(value);\n });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"slotted-angular-stat-card.mjs","sources":["../../stat-card/src/stat-card-defaults.ts","../../stat-card/src/stat-card.constants.ts","../../stat-card/src/stat-card.ts","../../stat-card/src/stat-card-delta.ts","../../stat-card/src/stat-card-parts.ts","../../stat-card/src/stat-card-value.ts","../../stat-card/src/slotted-angular-stat-card.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nimport type {\n StatCardFill,\n StatCardGoodWhen,\n StatCardLayout,\n StatCardSize,\n} from './stat-card.constants';\n\n/**\n * What every card in an application does before any of them states anything\n * of its own. `goodWhen` is here because a product usually has one answer —\n * a sales dashboard wants everything up, an operations one wants everything\n * down — and a card that disagrees says so.\n */\nexport interface StatCardDefaults {\n fill?: StatCardFill;\n formatOptions?: Intl.NumberFormatOptions;\n goodWhen?: StatCardGoodWhen;\n layout?: StatCardLayout;\n size?: StatCardSize;\n}\n\nexport const STAT_CARD_DEFAULTS_TOKEN = new InjectionToken<StatCardDefaults>(\n 'slotted stat-card defaults',\n { providedIn: 'root', factory: (): StatCardDefaults => ({}) },\n);\n\n/**\n * An explicit input is never overridden by the token. The words and the locale\n * come from the language in force (`provideSlotted`).\n */\nexport function provideStatCardDefaults(defaults: StatCardDefaults) {\n return { provide: STAT_CARD_DEFAULTS_TOKEN, useValue: defaults };\n}\n\nexport function injectStatCardDefaults(): StatCardDefaults {\n return inject(STAT_CARD_DEFAULTS_TOKEN);\n}\n","export type StatCardSize = 'sm' | 'md' | 'lg';\nexport type StatCardFill = 'outline' | 'elevated' | 'subtle' | 'plain';\nexport type StatCardLayout = 'inline' | 'stacked';\nexport type StatCardValueStatus = 'ready' | 'empty' | 'error';\nexport type StatCardGoodWhen = 'up' | 'down' | 'none';\nexport type StatCardTone = 'neutral' | 'accent' | 'secondary' | 'success' | 'warning' | 'danger';\nexport type StatCardDirection = 'up' | 'down' | 'flat';\nexport type StatCardDeltaFormat = 'percent' | 'decimal';\n\n/** The direction of a change, from its sign. */\nexport function trendOf(value: number | undefined): StatCardDirection {\n if (value === undefined || Number.isNaN(value) || value === 0) return 'flat';\n return value > 0 ? 'up' : 'down';\n}\n\n/**\n * The tone of a change, from what the metric means and never from the sign:\n * a rise is good when up is good and bad when down is; a fall is the reverse;\n * a flat change, or a metric with no valence, is neutral.\n */\nexport function toneOf(trend: StatCardDirection, goodWhen: StatCardGoodWhen): StatCardTone {\n if (trend === 'flat' || goodWhen === 'none') return 'neutral';\n return (trend === 'up') === (goodWhen === 'up') ? 'success' : 'danger';\n}\n","import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n HostAttributeToken,\n inject,\n input,\n numberAttribute,\n ViewEncapsulation,\n} from '@angular/core';\nimport { injectLocale, injectMessages } from '@slotted/angular/i18n';\nimport { type PartialMessages, statCardMessages, type StatCardMessages } from '@slotted/core/i18n';\n\nimport { injectStatCardDefaults } from './stat-card-defaults';\nimport {\n toneOf,\n trendOf,\n type StatCardFill,\n type StatCardGoodWhen,\n type StatCardLayout,\n type StatCardSize,\n type StatCardTone,\n type StatCardValueStatus,\n} from './stat-card.constants';\n\nlet nextId = 0;\n\n/**\n * A metric with its name, its change and its trend, in a frame.\n *\n * The root holds the facts the parts read — which way is good, the change,\n * the status, whether it is loading — and derives the one thing two parts\n * have to agree on: the tone of the change, which the delta wears and the\n * trend hands to its sparkline. It is derived here, from `delta` and\n * `goodWhen`, so the first render already carries it.\n *\n * The root is a group named by its label, so a reader who lands on the\n * action inside it hears which metric it belongs to; an `aria-label` or\n * `aria-labelledby` the consumer wrote on the element wins. It carries\n * `aria-busy` while loading; the placeholders are `skeleton`s, and a\n * consumer who wants one announcement for a whole dashboard wraps it in a\n * `slSkeletonRegion`.\n */\n@Component({\n selector: '[slStatCard]',\n standalone: true,\n template: '<div data-part=\"body\"><ng-content /></div>',\n styleUrl: '../../../styles/src/stat-card/stat-card.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStatCard',\n host: {\n 'data-ui': 'stat-card',\n 'data-part': 'root',\n role: 'group',\n '[attr.aria-labelledby]': 'labelledBy()',\n '[attr.aria-busy]': 'loading() ? \"true\" : null',\n '[attr.data-size]': 'resolvedSize()',\n '[attr.data-fill]': 'resolvedFill()',\n '[attr.data-layout]': 'resolvedLayout()',\n '[attr.data-status]': 'status()',\n '[attr.data-good-when]': 'resolvedGoodWhen()',\n '[attr.data-tone]': 'resolvedTone() ?? null',\n '[attr.data-loading]': 'loading() ? \"\" : null',\n },\n})\nexport class SlStatCard {\n readonly size = input<StatCardSize | undefined>(undefined);\n readonly fill = input<StatCardFill | undefined>(undefined);\n readonly layout = input<StatCardLayout | undefined>(undefined);\n /** Whether there is a value to show, and if not, why. */\n readonly status = input<StatCardValueStatus>('ready');\n /** The value is still on its way: every part stands in with a placeholder. */\n readonly loading = input<boolean, unknown>(false, { transform: booleanAttribute });\n /** Which way is good for this metric. The delta's tone is derived from it, never from the sign. */\n readonly goodWhen = input<StatCardGoodWhen | undefined>(undefined);\n /**\n * The change since the comparison period, as the first delta inside reads\n * it: a fraction for a percentage (`0.124` is +12.4%), or a number.\n */\n readonly delta = input<number | undefined, unknown>(undefined, { transform: optionalNumber });\n /** The tone the card hands to its trend. Unset, it is the delta's. */\n readonly tone = input<StatCardTone | undefined>(undefined);\n /** The locale numbers are written in; the language in force when absent. */\n readonly locale = input<string | undefined>(undefined);\n /** How the value, the delta and the comparison read numbers. */\n readonly formatOptions = input<Intl.NumberFormatOptions | undefined>(undefined);\n /**\n * Words laid over the catalog of the language in force, key by key: what a\n * screen reader hears beside a change (`up`, `down`, `flat`, read before the\n * number because a sign is a glyph some readers skip) and what stands in for\n * a value that is not there (`empty`).\n */\n readonly messages = input<PartialMessages<StatCardMessages> | undefined>(undefined);\n\n private readonly defaults = injectStatCardDefaults();\n private readonly appLocale = injectLocale();\n private readonly ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true });\n private readonly ownLabelledBy = inject(new HostAttributeToken('aria-labelledby'), {\n optional: true,\n });\n\n /** The id the label takes, and the root is named by. */\n readonly labelId = `slotted-stat-card-label-${nextId++}`;\n\n readonly resolvedSize = computed(() => this.size() ?? this.defaults.size ?? 'md');\n readonly resolvedFill = computed(() => this.fill() ?? this.defaults.fill ?? 'outline');\n readonly resolvedLayout = computed(() => this.layout() ?? this.defaults.layout ?? 'inline');\n readonly resolvedGoodWhen = computed(() => this.goodWhen() ?? this.defaults.goodWhen ?? 'up');\n readonly resolvedLocale = computed(() => this.locale() ?? this.appLocale());\n readonly resolvedFormatOptions = computed(\n () => this.formatOptions() ?? this.defaults.formatOptions,\n );\n /** The family's words in the language in force, with this card's `messages` laid over them. */\n readonly t = injectMessages(statCardMessages, this.messages);\n readonly resolvedTone = computed<StatCardTone | undefined>(() => {\n const explicit = this.tone();\n if (explicit !== undefined) return explicit;\n const delta = this.delta();\n return delta === undefined ? undefined : toneOf(trendOf(delta), this.resolvedGoodWhen());\n });\n\n readonly labelledBy = computed(() =>\n this.ownLabel !== null ? null : (this.ownLabelledBy ?? this.labelId),\n );\n}\n\nexport function optionalNumber(value: unknown): number | undefined {\n if (value === undefined || value === null || value === '') return undefined;\n return numberAttribute(value);\n}\n\nexport function optionalBoolean(value: unknown): boolean | undefined {\n return value === undefined ? undefined : booleanAttribute(value);\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\nimport { SlSkeleton } from '@slotted/angular/skeleton';\nimport { SlVisuallyHidden } from '@slotted/angular/visually-hidden';\n\nimport { SlStatCard, optionalNumber } from './stat-card';\nimport {\n toneOf,\n trendOf,\n type StatCardDeltaFormat,\n type StatCardGoodWhen,\n type StatCardTone,\n} from './stat-card.constants';\n\n/**\n * The change, with the mark that says which way and the word a screen reader\n * hears before the number. `value` is the root's `delta` unless the part\n * states its own, so a second delta on one card — month over month beside\n * year over year — is one more part with one more value.\n *\n * `percent` reads the value as a fraction, which is what a division gives;\n * the sign is always shown except on nought. The tone is derived from the\n * direction and from `goodWhen`, never from the sign, and an explicit `tone`\n * wins.\n */\n@Component({\n selector: '[slStatCardDelta]',\n standalone: true,\n imports: [SlGlyph, SlIcon, SlSkeleton, SlVisuallyHidden],\n /* One glyph for a rise and a fall, turned over by the sheet for a fall. */\n template: `@if (card.loading()) {\n <span slSkeleton inlineSize=\"3.5em\"></span>\n } @else {\n <span data-part=\"indicator\" aria-hidden=\"true\"\n ><span slIcon [directional]=\"trend() !== 'flat'\"\n ><svg slGlyph [name]=\"trend() === 'flat' ? 'minus' : 'trending-up'\"></svg></span></span\n ><span slVisuallyHidden>{{ card.t(trend()) }} </span>{{ formatted() }}<ng-content />\n }`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStatCardDelta',\n host: {\n 'data-part': 'delta',\n '[attr.data-trend]': 'card.loading() ? \"flat\" : trend()',\n '[attr.data-tone]': 'card.loading() ? \"neutral\" : resolvedTone()',\n '[attr.hidden]': 'shown() ? null : \"\"',\n },\n})\nexport class SlStatCardDelta {\n /** The change. Unset, the root's `delta`. */\n readonly value = input<number | undefined, unknown>(undefined, { transform: optionalNumber });\n /** `percent` reads the value as a fraction; `decimal` reads it as it is. */\n readonly format = input<StatCardDeltaFormat>('percent');\n readonly formatOptions = input<Intl.NumberFormatOptions | undefined>(undefined);\n /** Unset, the root's. */\n readonly goodWhen = input<StatCardGoodWhen | undefined>(undefined);\n /** An explicit tone, which wins over the one derived from `goodWhen`. */\n readonly tone = input<StatCardTone | undefined>(undefined);\n\n protected readonly card = inject(SlStatCard);\n\n readonly change = computed(() => this.value() ?? this.card.delta());\n readonly trend = computed(() => trendOf(this.change()));\n readonly resolvedTone = computed(\n () => this.tone() ?? toneOf(this.trend(), this.goodWhen() ?? this.card.resolvedGoodWhen()),\n );\n readonly shown = computed(() => this.card.loading() || this.card.status() === 'ready');\n\n readonly formatted = computed(() => {\n const change = this.change();\n if (typeof change !== 'number') return '';\n return new Intl.NumberFormat(this.card.resolvedLocale(), {\n signDisplay: 'exceptZero',\n ...(this.format() === 'percent' ? { style: 'percent', maximumFractionDigits: 1 } : {}),\n ...this.card.resolvedFormatOptions(),\n ...this.formatOptions(),\n }).format(change);\n });\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n Directive,\n HostAttributeToken,\n inject,\n ViewEncapsulation,\n} from '@angular/core';\nimport { SlSkeleton } from '@slotted/angular/skeleton';\n\nimport { SlStatCard } from './stat-card';\n\n/** The row with the name, a status beside it and an action at the end. */\n@Directive({\n selector: '[slStatCardHeader]',\n standalone: true,\n exportAs: 'slStatCardHeader',\n host: { 'data-part': 'header' },\n})\nexport class SlStatCardHeader {}\n\n/**\n * The name of the metric. It is the element the root is named by, so it\n * carries the id the root points at; an `id` the consumer wrote wins, and\n * the root then names nothing, which is the consumer's decision to make.\n */\n@Directive({\n selector: '[slStatCardLabel]',\n standalone: true,\n exportAs: 'slStatCardLabel',\n host: { 'data-part': 'label', '[attr.id]': 'id' },\n})\nexport class SlStatCardLabel {\n private readonly card = inject(SlStatCard);\n private readonly ownId = inject(new HostAttributeToken('id'), { optional: true });\n readonly id = this.ownId ?? this.card.labelId;\n}\n\n/** A slot beside the name for a badge or a status indicator. */\n@Directive({\n selector: '[slStatCardStatus]',\n standalone: true,\n exportAs: 'slStatCardStatus',\n host: { 'data-part': 'status' },\n})\nexport class SlStatCardStatus {}\n\n/** The place at the end of the header for the consumer's link or button. */\n@Directive({\n selector: '[slStatCardAction]',\n standalone: true,\n exportAs: 'slStatCardAction',\n host: { 'data-part': 'action' },\n})\nexport class SlStatCardAction {}\n\n/** The value with its unit and its delta on one line, and the comparison under them. */\n@Directive({\n selector: '[slStatCardFigure]',\n standalone: true,\n exportAs: 'slStatCardFigure',\n host: { 'data-part': 'figure' },\n})\nexport class SlStatCardFigure {}\n\n/** The unit, wherever the consumer puts it inside the value: `$` before, `%` after. */\n@Directive({\n selector: '[slStatCardUnit]',\n standalone: true,\n exportAs: 'slStatCardUnit',\n host: { 'data-part': 'unit' },\n})\nexport class SlStatCardUnit {}\n\n@Directive({\n selector: '[slStatCardPeriod]',\n standalone: true,\n exportAs: 'slStatCardPeriod',\n host: { 'data-part': 'period' },\n})\nexport class SlStatCardPeriod {}\n\n/**\n * The prose under the figure: what the value was, and the period. Shown\n * only while there is a value to compare; a placeholder while loading.\n */\n@Component({\n selector: '[slStatCardComparison]',\n standalone: true,\n imports: [SlSkeleton],\n template: `@if (card.loading()) {\n <span slSkeleton inlineSize=\"10em\"></span>\n } @else {\n <ng-content />\n }`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStatCardComparison',\n host: { 'data-part': 'comparison', '[attr.hidden]': 'shown() ? null : \"\"' },\n})\nexport class SlStatCardComparison {\n protected readonly card = inject(SlStatCard);\n readonly shown = computed(() => this.card.loading() || this.card.status() === 'ready');\n}\n\n/**\n * Where a sparkline goes. The stylesheet hands it the card's tone and the\n * card's ground; while loading it holds a block the sparkline's height, so\n * the card does not change size when the line arrives.\n */\n@Component({\n selector: '[slStatCardTrend]',\n standalone: true,\n imports: [SlSkeleton],\n template: `@if (card.loading()) {\n <span slSkeleton shape=\"block\"></span>\n } @else {\n <ng-content />\n }`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStatCardTrend',\n host: { 'data-part': 'trend', '[attr.hidden]': 'shown() ? null : \"\"' },\n})\nexport class SlStatCardTrend {\n protected readonly card = inject(SlStatCard);\n readonly shown = computed(() => this.card.loading() || this.card.status() === 'ready');\n}\n\n/** What is said in place of a value that is missing or failed. Shown only then. */\n@Directive({\n selector: '[slStatCardMessage]',\n standalone: true,\n exportAs: 'slStatCardMessage',\n host: { 'data-part': 'message', '[attr.hidden]': 'shown() ? null : \"\"' },\n})\nexport class SlStatCardMessage {\n private readonly card = inject(SlStatCard);\n readonly shown = computed(() => !this.card.loading() && this.card.status() !== 'ready');\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { inject } from '@angular/core';\nimport { SlSkeleton } from '@slotted/angular/skeleton';\n\nimport { SlStatCard } from './stat-card';\n\n/**\n * The number. A numeric `value` is formatted with the card's locale and\n * `formatOptions` — `notation: 'compact'` is how 12,900 becomes 12.9K — and\n * projected content is the consumer's own rendering, unit and all, after\n * it. A missing or failed value is the `empty` message, a dash; a loading\n * one is a placeholder five figures wide, on the value's own line.\n */\n@Component({\n selector: '[slStatCardValue]',\n standalone: true,\n imports: [SlSkeleton],\n template: `@if (card.loading()) {\n <span slSkeleton inlineSize=\"5ch\"></span>\n } @else if (card.status() !== 'ready') {\n {{ card.t('empty') }}\n } @else {\n {{ formatted() }}<ng-content />\n }`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStatCardValue',\n host: { 'data-part': 'value' },\n})\nexport class SlStatCardValue {\n /** A number, formatted with the card's locale and `formatOptions`; the text otherwise. */\n readonly value = input<number | string | undefined>(undefined);\n readonly formatOptions = input<Intl.NumberFormatOptions | undefined>(undefined);\n\n protected readonly card = inject(SlStatCard);\n\n readonly formatted = computed(() => {\n const value = this.value();\n if (typeof value !== 'number') return value ?? '';\n return new Intl.NumberFormat(\n this.card.resolvedLocale(),\n this.formatOptions() ?? this.card.resolvedFormatOptions(),\n ).format(value);\n });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -388,7 +388,7 @@ class SlTabs {
|
|
|
388
388
|
>
|
|
389
389
|
<span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
|
|
390
390
|
</button>
|
|
391
|
-
}`, isInline: true, styles: ["@layer slotted.components{[data-ui=tabs]{--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, .875rem);--_padding-inline: var(--slotted-control-padding-inline-md, .75rem);--_inner-gap: var(--slotted-control-gap-md, .375rem);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_list-gap: var(--slotted-space-1, .125rem);--_track-size: var(--slotted-border-width-thin, 1px);--_dismiss-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_dismiss-overhang: calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size: max( var(--slotted-tabs-marker-size, 3px), var(--slotted-border-width-thick, 2px) );--_marker-radius: var(--slotted-tabs-marker-radius, var(--slotted-radius-full, 9999px));--_marker-inset: var(--slotted-tabs-marker-inset, var(--_padding-inline));--_track-color: var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder));--_fade: var(--slotted-tabs-fade-size, var(--slotted-space-6, 1rem));display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem))}[data-ui=tabs][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, .8125rem);--_padding-inline: var(--slotted-control-padding-inline-sm, .625rem);--_inner-gap: var(--slotted-control-gap-sm, .25rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=tabs][data-size=lg]{--_height: var(--slotted-control-height-lg, 40px);--_font-size: var(--slotted-control-font-size-lg, 1rem);--_padding-inline: var(--slotted-control-padding-inline-lg, 1rem);--_inner-gap: var(--slotted-control-gap-lg, .5rem);--_icon-size: var(--slotted-control-icon-size-lg, 20px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=tabs][data-orientation=vertical]{--_marker-inset: var(--slotted-tabs-marker-inset, 0px);column-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem));grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}[data-ui=tabs]>[data-part=list]{align-items:stretch;display:flex;gap:var(--slotted-tabs-list-gap, var(--_list-gap));grid-column:2;grid-row:1;min-inline-size:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;position:relative;scrollbar-width:thin}[data-ui=tabs][data-overflowing]>[data-part=list]{scrollbar-width:none}[data-ui=tabs][data-variant=line][data-track=line]>[data-part=list]{--_track-reach: var(--_track-size);box-shadow:inset 0 calc(-1 * var(--_track-size)) 0 var(--_track-color);padding-block-end:var(--_track-size)}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{justify-content:start;text-align:start}[data-ui=tabs][data-orientation=vertical]>[data-part=list]{flex-direction:column;grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part=list]{box-shadow:inset calc(-1 * var(--_track-size)) 0 0 var(--_track-color);padding-block-end:0;padding-inline-end:var(--_track-size)}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]:dir(rtl)>[data-part=list]{box-shadow:inset var(--_track-size) 0 0 var(--_track-color)}[data-ui=tabs][data-fit=equal]>[data-part=list]{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;overflow:visible}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>[data-part=item]{min-inline-size:0}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=tabs]>:where([data-part=list])>[data-part=item]{align-items:stretch;display:grid;grid-auto-flow:column;flex:none;position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_inner-gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:has(>[data-part=dismiss])>[data-part=tab]{padding-inline-end:0}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{min-inline-size:0;unicode-bidi:plaintext}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>:is([data-part=start],[data-part=end]){--slotted-icon-size: var(--_icon-size);align-items:center;display:inline-flex;flex:none}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset, 2px) + var(--_marker-size)))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]>[data-part=tab]{color:var(--slotted-tabs-selected-color, var(--slotted-tone-accent-text))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>:where([data-part=list])>[data-part=marker]{--_start-inset: var(--_marker-inset);--_end-inset: var(--_marker-inset);--_left-inset: var(--_start-inset);--_span: calc(var(--_indicator-length, 0px) - var(--_start-inset) - var(--_end-inset));--_length: max(var(--slotted-space-6, 1rem), var(--_span));background-color:var(--slotted-tabs-marker-color, var(--slotted-tone-accent-solid));block-size:var(--_marker-size);border-radius:var(--_marker-radius);inline-size:var(--_length);inset-block-end:var(--_marker-lift, 0px);left:0;pointer-events:none;position:absolute;translate:calc(var(--_indicator-start, 0px) + var(--_left-inset) + (var(--_span) - var(--_length)) / 2) 0}[data-ui=tabs]:dir(rtl)>:where([data-part=list])>[data-part=marker]{--_left-inset: var(--_end-inset)}[data-ui=tabs]:not([data-orientation=vertical])>[data-part=list]:has(>[data-part=item][data-selected]>[data-part=dismiss])>[data-part=marker]{--_end-inset: 0px}[data-ui=tabs]>:where([data-part=list])>[data-part=marker][hidden]{display:none}[data-ui=tabs]>:where([data-part=list])>[data-part=marker][data-positioned]{transition:translate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),inline-size var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@media(prefers-reduced-motion:reduce){[data-ui=tabs]>:where([data-part=list])>[data-part=marker][data-positioned]{transition:none}}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before{background-color:var(--slotted-tabs-hover-marker-color, var(--slotted-border-strong));block-size:var(--_marker-size);border-radius:var(--_marker-radius);content:\"\";inset-block-end:calc(-1 * var(--_track-reach, 0px));inset-inline:var(--_marker-inset);min-inline-size:var(--slotted-space-6, 1rem);opacity:0;pointer-events:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]:not([data-orientation=vertical])>:where([data-part=list])>[data-part=item]:has(>[data-part=dismiss]):before{inset-inline-end:calc(2 * var(--_padding-inline) + var(--_icon-size))}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):hover):before{opacity:var(--slotted-tabs-hover-marker-opacity, .5)}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color, var(--slotted-text))}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=marker]{block-size:var(--_length);inline-size:var(--_marker-size);inset-block:0 auto;inset-inline:auto var(--_marker-lift, 0px);translate:0 calc(var(--_indicator-start, 0px) + var(--_start-inset) + (var(--_span) - var(--_length)) / 2)}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before{block-size:auto;inline-size:var(--_marker-size);inset-block:var(--_marker-inset);inset-inline:auto calc(-1 * var(--_track-reach, 0px));min-block-size:var(--slotted-space-6, 1rem);min-inline-size:0}[data-ui=tabs][data-variant=contained]>[data-part=list]{--_marker-lift: calc(2 * var(--slotted-space-1, .125rem));background-color:var(--slotted-tabs-contained-background, var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md, 6px);justify-self:start;max-inline-size:100%;padding:var(--slotted-space-1, .125rem)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]{border-radius:var(--slotted-radius-sm, 4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background, var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;block-size:var(--_dismiss-size);border:0;border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-tabs-dismiss-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_dismiss-size);justify-content:center;margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-start:calc(var(--_padding-inline) - var(--_dismiss-overhang));padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@media(pointer:coarse){[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):hover{background-color:var( --slotted-tabs-dismiss-hover-background, var(--slotted-tone-secondary-subtle-hover) );color:var(--slotted-tabs-dismiss-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):active{background-color:var( --slotted-tabs-dismiss-active-background, var(--slotted-tone-secondary-subtle-active) );color:var(--slotted-tabs-dismiss-active-color, var(--slotted-text, CanvasText))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>[data-part=scroll]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-scroll-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)));justify-content:center;min-block-size:var(--_height);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled)):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent)}@media(pointer:coarse){[data-ui=tabs]>[data-part=scroll]{min-block-size:max(var(--slotted-target-comfortable, 44px),var(--_height));min-inline-size:max(var(--slotted-target-comfortable, 44px),var(--_height))}}[data-ui=tabs]>[data-part=scroll][data-direction=start]{grid-column:1;grid-row:1;margin-inline-end:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem))}[data-ui=tabs]>[data-part=scroll][data-direction=end]{grid-column:3;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1}[data-ui=tabs]>[data-part=scroll][data-direction=start]>[data-ui=icon]{rotate:.5turn}[data-ui=tabs]>[data-part=scroll]:not(:disabled):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs]>[data-part=scroll]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>[data-part=scroll]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=tabs]>[data-part=scroll]:disabled{cursor:default;visibility:hidden}[data-ui=tabs][data-orientation=vertical]>[data-part=scroll]{display:none}[data-ui=tabs]>[data-part=actions]{align-items:center;align-self:center;display:flex;grid-column:4;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1;min-inline-size:0}[data-ui=tabs][data-orientation=vertical]>[data-part=actions]{grid-column:1;grid-row:2}[data-ui=tabs]>[data-part=panel]{grid-column:1 / -1;grid-row:2;min-inline-size:0;overflow-wrap:anywhere}[data-ui=tabs][data-orientation=vertical]>[data-part=panel]{grid-column:2;grid-row:1 / -1}[data-ui=tabs]>[data-part=panel][hidden]{display:none}[data-ui=tabs]>[data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>[data-part=panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui=tabs][data-disabled]{--_track-color: var(--slotted-disabled-border, GrayText)}[data-ui=tabs][data-disabled][data-variant=contained]>[data-part=list]{background-color:var(--slotted-disabled-background, Canvas)}[data-ui=tabs][data-disabled]>:where([data-part=list])>[data-part=marker]{background-color:var(--slotted-disabled-border)}@media(forced-colors:active){[data-ui=tabs][data-variant=line][data-track=line]>[data-part=list]{border-block-end:var(--_track-size) solid CanvasText;padding-block-end:0}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part=list]{border-block-end:0;border-inline-end:var(--_track-size) solid CanvasText;padding-inline-end:0}[data-ui=tabs]>:where([data-part=list])>[data-part=marker]{background-color:Highlight;forced-color-adjust:none}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{border:var(--slotted-border-width-thin, 1px) solid Highlight}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
391
|
+
}`, isInline: true, styles: ["@layer slotted.components{[data-ui=tabs]{--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, .875rem);--_padding-inline: var(--slotted-control-padding-inline-md, .75rem);--_inner-gap: var(--slotted-control-gap-md, .375rem);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_list-gap: var(--slotted-space-1, .125rem);--_track-size: var(--slotted-border-width-thin, 1px);--_dismiss-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_dismiss-overhang: calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size: max( var(--slotted-tabs-marker-size, 3px), var(--slotted-border-width-thick, 2px) );--_marker-radius: var(--slotted-tabs-marker-radius, var(--slotted-radius-full, 9999px));--_marker-inset: var(--slotted-tabs-marker-inset, var(--_padding-inline));--_marker-offset: var(--slotted-tabs-marker-offset, 1px);--_track-color: var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder));--_fade: var(--slotted-tabs-fade-size, var(--slotted-space-6, 1rem));display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem))}[data-ui=tabs][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, .8125rem);--_padding-inline: var(--slotted-control-padding-inline-sm, .625rem);--_inner-gap: var(--slotted-control-gap-sm, .25rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=tabs][data-size=lg]{--_height: var(--slotted-control-height-lg, 40px);--_font-size: var(--slotted-control-font-size-lg, 1rem);--_padding-inline: var(--slotted-control-padding-inline-lg, 1rem);--_inner-gap: var(--slotted-control-gap-lg, .5rem);--_icon-size: var(--slotted-control-icon-size-lg, 20px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=tabs][data-orientation=vertical]{--_marker-inset: var(--slotted-tabs-marker-inset, 0px);column-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem));grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}[data-ui=tabs]>[data-part=list]{align-items:stretch;display:flex;gap:var(--slotted-tabs-list-gap, var(--_list-gap));grid-column:2;grid-row:1;min-inline-size:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;position:relative;scrollbar-width:thin}[data-ui=tabs][data-overflowing]>[data-part=list]{scrollbar-width:none}[data-ui=tabs][data-variant=line][data-track=line]>[data-part=list]{--_track-reach: var(--_track-size);box-shadow:inset 0 calc(-1 * var(--_track-size)) 0 var(--_track-color);padding-block-end:var(--_track-size)}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{justify-content:start;text-align:start}[data-ui=tabs][data-orientation=vertical]>[data-part=list]{flex-direction:column;grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part=list]{box-shadow:inset calc(-1 * var(--_track-size)) 0 0 var(--_track-color);padding-block-end:0;padding-inline-end:var(--_track-size)}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]:dir(rtl)>[data-part=list]{box-shadow:inset var(--_track-size) 0 0 var(--_track-color)}[data-ui=tabs][data-fit=equal]>[data-part=list]{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;overflow:visible}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>[data-part=item]{min-inline-size:0}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=tabs]>:where([data-part=list])>[data-part=item]{align-items:stretch;display:grid;grid-auto-flow:column;flex:none;position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_inner-gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:has(>[data-part=dismiss])>[data-part=tab]{padding-inline-end:0}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{min-inline-size:0;unicode-bidi:plaintext}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>:is([data-part=start],[data-part=end]){--slotted-icon-size: var(--_icon-size);align-items:center;display:inline-flex;flex:none}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset, 2px) + var(--_marker-size)))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]>[data-part=tab]{color:var(--slotted-tabs-selected-color, var(--slotted-tone-accent-text))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>:where([data-part=list])>[data-part=marker]{--_start-inset: var(--_marker-inset);--_end-inset: var(--_marker-inset);--_left-inset: var(--_start-inset);--_span: calc(var(--_indicator-length, 0px) - var(--_start-inset) - var(--_end-inset));--_length: max(var(--slotted-space-6, 1rem), var(--_span));background-color:var(--slotted-tabs-marker-color, var(--slotted-tone-accent-solid));block-size:var(--_marker-size);border-radius:var(--_marker-radius);inline-size:var(--_length);inset-block-end:calc(var(--_marker-lift, 0px) + var(--_marker-offset));left:0;pointer-events:none;position:absolute;translate:calc(var(--_indicator-start, 0px) + var(--_left-inset) + (var(--_span) - var(--_length)) / 2) 0}[data-ui=tabs]:dir(rtl)>:where([data-part=list])>[data-part=marker]{--_left-inset: var(--_end-inset)}[data-ui=tabs]:not([data-orientation=vertical])>[data-part=list]:has(>[data-part=item][data-selected]>[data-part=dismiss])>[data-part=marker]{--_end-inset: 0px}[data-ui=tabs]>:where([data-part=list])>[data-part=marker][hidden]{display:none}[data-ui=tabs]>:where([data-part=list])>[data-part=marker][data-moving]{--_marker-easing: var(--slotted-tabs-marker-easing, cubic-bezier(.4, 0, .2, 1));transition:translate var(--slotted-duration-medium) var(--_marker-easing),inline-size var(--slotted-duration-medium) var(--_marker-easing),block-size var(--slotted-duration-medium) var(--_marker-easing)}@media(prefers-reduced-motion:reduce){[data-ui=tabs]>:where([data-part=list])>[data-part=marker][data-moving]{transition:none}}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before{background-color:var(--slotted-tabs-hover-marker-color, var(--slotted-border-strong));block-size:var(--_marker-size);border-radius:var(--_marker-radius);content:\"\";inset-block-end:calc(var(--_marker-offset) - var(--_track-reach, 0px));inset-inline:var(--_marker-inset);min-inline-size:var(--slotted-space-6, 1rem);opacity:0;pointer-events:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]:not([data-orientation=vertical])>:where([data-part=list])>[data-part=item]:has(>[data-part=dismiss]):before{inset-inline-end:calc(2 * var(--_padding-inline) + var(--_icon-size))}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):hover):before{opacity:var(--slotted-tabs-hover-marker-opacity, .5)}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color, var(--slotted-text))}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=marker]{block-size:var(--_length);inline-size:var(--_marker-size);inset-block:0 auto;inset-inline:auto calc(var(--_marker-lift, 0px) + var(--_marker-offset));translate:0 calc(var(--_indicator-start, 0px) + var(--_start-inset) + (var(--_span) - var(--_length)) / 2)}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before{block-size:auto;inline-size:var(--_marker-size);inset-block:var(--_marker-inset);inset-inline:auto calc(var(--_marker-offset) - var(--_track-reach, 0px));min-block-size:var(--slotted-space-6, 1rem);min-inline-size:0}[data-ui=tabs][data-variant=contained]>[data-part=list]{--_marker-lift: calc(2 * var(--slotted-space-1, .125rem));background-color:var(--slotted-tabs-contained-background, var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md, 6px);justify-self:start;max-inline-size:100%;padding:var(--slotted-space-1, .125rem)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]{border-radius:var(--slotted-radius-sm, 4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background, var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;block-size:var(--_dismiss-size);border:0;border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-tabs-dismiss-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_dismiss-size);justify-content:center;margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-start:calc(var(--_padding-inline) - var(--_dismiss-overhang));padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@media(pointer:coarse){[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):hover{background-color:var( --slotted-tabs-dismiss-hover-background, var(--slotted-tone-secondary-subtle-hover) );color:var(--slotted-tabs-dismiss-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):active{background-color:var( --slotted-tabs-dismiss-active-background, var(--slotted-tone-secondary-subtle-active) );color:var(--slotted-tabs-dismiss-active-color, var(--slotted-text, CanvasText))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>[data-part=scroll]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-scroll-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)));justify-content:center;min-block-size:var(--_height);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled)):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent)}@media(pointer:coarse){[data-ui=tabs]>[data-part=scroll]{min-block-size:max(var(--slotted-target-comfortable, 44px),var(--_height));min-inline-size:max(var(--slotted-target-comfortable, 44px),var(--_height))}}[data-ui=tabs]>[data-part=scroll][data-direction=start]{grid-column:1;grid-row:1;margin-inline-end:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem))}[data-ui=tabs]>[data-part=scroll][data-direction=end]{grid-column:3;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1}[data-ui=tabs]>[data-part=scroll][data-direction=start]>[data-ui=icon]{rotate:.5turn}[data-ui=tabs]>[data-part=scroll]:not(:disabled):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs]>[data-part=scroll]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>[data-part=scroll]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=tabs]>[data-part=scroll]:disabled{cursor:default;visibility:hidden}[data-ui=tabs][data-orientation=vertical]>[data-part=scroll]{display:none}[data-ui=tabs]>[data-part=actions]{align-items:center;align-self:center;display:flex;grid-column:4;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1;min-inline-size:0}[data-ui=tabs][data-orientation=vertical]>[data-part=actions]{grid-column:1;grid-row:2}[data-ui=tabs]>[data-part=panel]{grid-column:1 / -1;grid-row:2;min-inline-size:0;overflow-wrap:anywhere}[data-ui=tabs][data-orientation=vertical]>[data-part=panel]{grid-column:2;grid-row:1 / -1}[data-ui=tabs]>[data-part=panel][hidden]{display:none}[data-ui=tabs]>[data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>[data-part=panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui=tabs][data-disabled]{--_track-color: var(--slotted-disabled-border, GrayText)}[data-ui=tabs][data-disabled][data-variant=contained]>[data-part=list]{background-color:var(--slotted-disabled-background, Canvas)}[data-ui=tabs][data-disabled]>:where([data-part=list])>[data-part=marker]{background-color:var(--slotted-disabled-border)}@media(forced-colors:active){[data-ui=tabs][data-variant=line][data-track=line]>[data-part=list]{border-block-end:var(--_track-size) solid CanvasText;padding-block-end:0}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part=list]{border-block-end:0;border-inline-end:var(--_track-size) solid CanvasText;padding-inline-end:0}[data-ui=tabs]>:where([data-part=list])>[data-part=marker]{background-color:Highlight;forced-color-adjust:none}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{border:var(--slotted-border-width-thin, 1px) solid Highlight}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
392
392
|
}
|
|
393
393
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTabs, decorators: [{
|
|
394
394
|
type: Component,
|
|
@@ -427,7 +427,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
427
427
|
'[attr.data-activation-direction]': 'direction()',
|
|
428
428
|
'[attr.data-disabled]': "disabled() ? '' : null",
|
|
429
429
|
'[attr.data-overflowing]': "overflow().overflowing ? '' : null",
|
|
430
|
-
}, styles: ["@layer slotted.components{[data-ui=tabs]{--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, .875rem);--_padding-inline: var(--slotted-control-padding-inline-md, .75rem);--_inner-gap: var(--slotted-control-gap-md, .375rem);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_list-gap: var(--slotted-space-1, .125rem);--_track-size: var(--slotted-border-width-thin, 1px);--_dismiss-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_dismiss-overhang: calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size: max( var(--slotted-tabs-marker-size, 3px), var(--slotted-border-width-thick, 2px) );--_marker-radius: var(--slotted-tabs-marker-radius, var(--slotted-radius-full, 9999px));--_marker-inset: var(--slotted-tabs-marker-inset, var(--_padding-inline));--_track-color: var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder));--_fade: var(--slotted-tabs-fade-size, var(--slotted-space-6, 1rem));display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem))}[data-ui=tabs][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, .8125rem);--_padding-inline: var(--slotted-control-padding-inline-sm, .625rem);--_inner-gap: var(--slotted-control-gap-sm, .25rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=tabs][data-size=lg]{--_height: var(--slotted-control-height-lg, 40px);--_font-size: var(--slotted-control-font-size-lg, 1rem);--_padding-inline: var(--slotted-control-padding-inline-lg, 1rem);--_inner-gap: var(--slotted-control-gap-lg, .5rem);--_icon-size: var(--slotted-control-icon-size-lg, 20px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=tabs][data-orientation=vertical]{--_marker-inset: var(--slotted-tabs-marker-inset, 0px);column-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem));grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}[data-ui=tabs]>[data-part=list]{align-items:stretch;display:flex;gap:var(--slotted-tabs-list-gap, var(--_list-gap));grid-column:2;grid-row:1;min-inline-size:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;position:relative;scrollbar-width:thin}[data-ui=tabs][data-overflowing]>[data-part=list]{scrollbar-width:none}[data-ui=tabs][data-variant=line][data-track=line]>[data-part=list]{--_track-reach: var(--_track-size);box-shadow:inset 0 calc(-1 * var(--_track-size)) 0 var(--_track-color);padding-block-end:var(--_track-size)}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{justify-content:start;text-align:start}[data-ui=tabs][data-orientation=vertical]>[data-part=list]{flex-direction:column;grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part=list]{box-shadow:inset calc(-1 * var(--_track-size)) 0 0 var(--_track-color);padding-block-end:0;padding-inline-end:var(--_track-size)}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]:dir(rtl)>[data-part=list]{box-shadow:inset var(--_track-size) 0 0 var(--_track-color)}[data-ui=tabs][data-fit=equal]>[data-part=list]{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;overflow:visible}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>[data-part=item]{min-inline-size:0}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=tabs]>:where([data-part=list])>[data-part=item]{align-items:stretch;display:grid;grid-auto-flow:column;flex:none;position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_inner-gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:has(>[data-part=dismiss])>[data-part=tab]{padding-inline-end:0}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{min-inline-size:0;unicode-bidi:plaintext}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>:is([data-part=start],[data-part=end]){--slotted-icon-size: var(--_icon-size);align-items:center;display:inline-flex;flex:none}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset, 2px) + var(--_marker-size)))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]>[data-part=tab]{color:var(--slotted-tabs-selected-color, var(--slotted-tone-accent-text))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>:where([data-part=list])>[data-part=marker]{--_start-inset: var(--_marker-inset);--_end-inset: var(--_marker-inset);--_left-inset: var(--_start-inset);--_span: calc(var(--_indicator-length, 0px) - var(--_start-inset) - var(--_end-inset));--_length: max(var(--slotted-space-6, 1rem), var(--_span));background-color:var(--slotted-tabs-marker-color, var(--slotted-tone-accent-solid));block-size:var(--_marker-size);border-radius:var(--_marker-radius);inline-size:var(--_length);inset-block-end:var(--_marker-lift, 0px);left:0;pointer-events:none;position:absolute;translate:calc(var(--_indicator-start, 0px) + var(--_left-inset) + (var(--_span) - var(--_length)) / 2) 0}[data-ui=tabs]:dir(rtl)>:where([data-part=list])>[data-part=marker]{--_left-inset: var(--_end-inset)}[data-ui=tabs]:not([data-orientation=vertical])>[data-part=list]:has(>[data-part=item][data-selected]>[data-part=dismiss])>[data-part=marker]{--_end-inset: 0px}[data-ui=tabs]>:where([data-part=list])>[data-part=marker][hidden]{display:none}[data-ui=tabs]>:where([data-part=list])>[data-part=marker][data-positioned]{transition:translate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),inline-size var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@media(prefers-reduced-motion:reduce){[data-ui=tabs]>:where([data-part=list])>[data-part=marker][data-positioned]{transition:none}}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before{background-color:var(--slotted-tabs-hover-marker-color, var(--slotted-border-strong));block-size:var(--_marker-size);border-radius:var(--_marker-radius);content:\"\";inset-block-end:calc(-1 * var(--_track-reach, 0px));inset-inline:var(--_marker-inset);min-inline-size:var(--slotted-space-6, 1rem);opacity:0;pointer-events:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]:not([data-orientation=vertical])>:where([data-part=list])>[data-part=item]:has(>[data-part=dismiss]):before{inset-inline-end:calc(2 * var(--_padding-inline) + var(--_icon-size))}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):hover):before{opacity:var(--slotted-tabs-hover-marker-opacity, .5)}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color, var(--slotted-text))}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=marker]{block-size:var(--_length);inline-size:var(--_marker-size);inset-block:0 auto;inset-inline:auto var(--_marker-lift, 0px);translate:0 calc(var(--_indicator-start, 0px) + var(--_start-inset) + (var(--_span) - var(--_length)) / 2)}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before{block-size:auto;inline-size:var(--_marker-size);inset-block:var(--_marker-inset);inset-inline:auto calc(-1 * var(--_track-reach, 0px));min-block-size:var(--slotted-space-6, 1rem);min-inline-size:0}[data-ui=tabs][data-variant=contained]>[data-part=list]{--_marker-lift: calc(2 * var(--slotted-space-1, .125rem));background-color:var(--slotted-tabs-contained-background, var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md, 6px);justify-self:start;max-inline-size:100%;padding:var(--slotted-space-1, .125rem)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]{border-radius:var(--slotted-radius-sm, 4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background, var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;block-size:var(--_dismiss-size);border:0;border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-tabs-dismiss-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_dismiss-size);justify-content:center;margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-start:calc(var(--_padding-inline) - var(--_dismiss-overhang));padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@media(pointer:coarse){[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):hover{background-color:var( --slotted-tabs-dismiss-hover-background, var(--slotted-tone-secondary-subtle-hover) );color:var(--slotted-tabs-dismiss-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):active{background-color:var( --slotted-tabs-dismiss-active-background, var(--slotted-tone-secondary-subtle-active) );color:var(--slotted-tabs-dismiss-active-color, var(--slotted-text, CanvasText))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>[data-part=scroll]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-scroll-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)));justify-content:center;min-block-size:var(--_height);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled)):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent)}@media(pointer:coarse){[data-ui=tabs]>[data-part=scroll]{min-block-size:max(var(--slotted-target-comfortable, 44px),var(--_height));min-inline-size:max(var(--slotted-target-comfortable, 44px),var(--_height))}}[data-ui=tabs]>[data-part=scroll][data-direction=start]{grid-column:1;grid-row:1;margin-inline-end:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem))}[data-ui=tabs]>[data-part=scroll][data-direction=end]{grid-column:3;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1}[data-ui=tabs]>[data-part=scroll][data-direction=start]>[data-ui=icon]{rotate:.5turn}[data-ui=tabs]>[data-part=scroll]:not(:disabled):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs]>[data-part=scroll]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>[data-part=scroll]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=tabs]>[data-part=scroll]:disabled{cursor:default;visibility:hidden}[data-ui=tabs][data-orientation=vertical]>[data-part=scroll]{display:none}[data-ui=tabs]>[data-part=actions]{align-items:center;align-self:center;display:flex;grid-column:4;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1;min-inline-size:0}[data-ui=tabs][data-orientation=vertical]>[data-part=actions]{grid-column:1;grid-row:2}[data-ui=tabs]>[data-part=panel]{grid-column:1 / -1;grid-row:2;min-inline-size:0;overflow-wrap:anywhere}[data-ui=tabs][data-orientation=vertical]>[data-part=panel]{grid-column:2;grid-row:1 / -1}[data-ui=tabs]>[data-part=panel][hidden]{display:none}[data-ui=tabs]>[data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>[data-part=panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui=tabs][data-disabled]{--_track-color: var(--slotted-disabled-border, GrayText)}[data-ui=tabs][data-disabled][data-variant=contained]>[data-part=list]{background-color:var(--slotted-disabled-background, Canvas)}[data-ui=tabs][data-disabled]>:where([data-part=list])>[data-part=marker]{background-color:var(--slotted-disabled-border)}@media(forced-colors:active){[data-ui=tabs][data-variant=line][data-track=line]>[data-part=list]{border-block-end:var(--_track-size) solid CanvasText;padding-block-end:0}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part=list]{border-block-end:0;border-inline-end:var(--_track-size) solid CanvasText;padding-inline-end:0}[data-ui=tabs]>:where([data-part=list])>[data-part=marker]{background-color:Highlight;forced-color-adjust:none}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{border:var(--slotted-border-width-thin, 1px) solid Highlight}}}\n"] }]
|
|
430
|
+
}, styles: ["@layer slotted.components{[data-ui=tabs]{--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, .875rem);--_padding-inline: var(--slotted-control-padding-inline-md, .75rem);--_inner-gap: var(--slotted-control-gap-md, .375rem);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_list-gap: var(--slotted-space-1, .125rem);--_track-size: var(--slotted-border-width-thin, 1px);--_dismiss-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_dismiss-overhang: calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size: max( var(--slotted-tabs-marker-size, 3px), var(--slotted-border-width-thick, 2px) );--_marker-radius: var(--slotted-tabs-marker-radius, var(--slotted-radius-full, 9999px));--_marker-inset: var(--slotted-tabs-marker-inset, var(--_padding-inline));--_marker-offset: var(--slotted-tabs-marker-offset, 1px);--_track-color: var(--slotted-tabs-track-color, var(--slotted-border-subtle, ButtonBorder));--_fade: var(--slotted-tabs-fade-size, var(--slotted-space-6, 1rem));display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto;min-inline-size:0;row-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem))}[data-ui=tabs][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, .8125rem);--_padding-inline: var(--slotted-control-padding-inline-sm, .625rem);--_inner-gap: var(--slotted-control-gap-sm, .25rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=tabs][data-size=lg]{--_height: var(--slotted-control-height-lg, 40px);--_font-size: var(--slotted-control-font-size-lg, 1rem);--_padding-inline: var(--slotted-control-padding-inline-lg, 1rem);--_inner-gap: var(--slotted-control-gap-lg, .5rem);--_icon-size: var(--slotted-control-icon-size-lg, 20px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=tabs][data-orientation=vertical]{--_marker-inset: var(--slotted-tabs-marker-inset, 0px);column-gap:var(--slotted-tabs-gap, var(--slotted-space-6, 1rem));grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}[data-ui=tabs]>[data-part=list]{align-items:stretch;display:flex;gap:var(--slotted-tabs-list-gap, var(--_list-gap));grid-column:2;grid-row:1;min-inline-size:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;position:relative;scrollbar-width:thin}[data-ui=tabs][data-overflowing]>[data-part=list]{scrollbar-width:none}[data-ui=tabs][data-variant=line][data-track=line]>[data-part=list]{--_track-reach: var(--_track-size);box-shadow:inset 0 calc(-1 * var(--_track-size)) 0 var(--_track-color);padding-block-end:var(--_track-size)}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{justify-content:start;text-align:start}[data-ui=tabs][data-orientation=vertical]>[data-part=list]{flex-direction:column;grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part=list]{box-shadow:inset calc(-1 * var(--_track-size)) 0 0 var(--_track-color);padding-block-end:0;padding-inline-end:var(--_track-size)}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]:dir(rtl)>[data-part=list]{box-shadow:inset var(--_track-size) 0 0 var(--_track-color)}[data-ui=tabs][data-fit=equal]>[data-part=list]{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;overflow:visible}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>[data-part=item]{min-inline-size:0}[data-ui=tabs][data-fit=equal]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=tabs]>:where([data-part=list])>[data-part=item]{align-items:stretch;display:grid;grid-auto-flow:column;flex:none;position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_inner-gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:has(>[data-part=dismiss])>[data-part=tab]{padding-inline-end:0}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>[data-part=label]{min-inline-size:0;unicode-bidi:plaintext}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>:where([data-part=tab])>:is([data-part=start],[data-part=end]){--slotted-icon-size: var(--_icon-size);align-items:center;display:inline-flex;flex:none}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset, 2px) + var(--_marker-size)))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>:where([data-part=list])>[data-part=item][data-selected]>[data-part=tab]{color:var(--slotted-tabs-selected-color, var(--slotted-tone-accent-text))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=tab]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>:where([data-part=list])>[data-part=marker]{--_start-inset: var(--_marker-inset);--_end-inset: var(--_marker-inset);--_left-inset: var(--_start-inset);--_span: calc(var(--_indicator-length, 0px) - var(--_start-inset) - var(--_end-inset));--_length: max(var(--slotted-space-6, 1rem), var(--_span));background-color:var(--slotted-tabs-marker-color, var(--slotted-tone-accent-solid));block-size:var(--_marker-size);border-radius:var(--_marker-radius);inline-size:var(--_length);inset-block-end:calc(var(--_marker-lift, 0px) + var(--_marker-offset));left:0;pointer-events:none;position:absolute;translate:calc(var(--_indicator-start, 0px) + var(--_left-inset) + (var(--_span) - var(--_length)) / 2) 0}[data-ui=tabs]:dir(rtl)>:where([data-part=list])>[data-part=marker]{--_left-inset: var(--_end-inset)}[data-ui=tabs]:not([data-orientation=vertical])>[data-part=list]:has(>[data-part=item][data-selected]>[data-part=dismiss])>[data-part=marker]{--_end-inset: 0px}[data-ui=tabs]>:where([data-part=list])>[data-part=marker][hidden]{display:none}[data-ui=tabs]>:where([data-part=list])>[data-part=marker][data-moving]{--_marker-easing: var(--slotted-tabs-marker-easing, cubic-bezier(.4, 0, .2, 1));transition:translate var(--slotted-duration-medium) var(--_marker-easing),inline-size var(--slotted-duration-medium) var(--_marker-easing),block-size var(--slotted-duration-medium) var(--_marker-easing)}@media(prefers-reduced-motion:reduce){[data-ui=tabs]>:where([data-part=list])>[data-part=marker][data-moving]{transition:none}}[data-ui=tabs]>:where([data-part=list])>[data-part=item]:before{background-color:var(--slotted-tabs-hover-marker-color, var(--slotted-border-strong));block-size:var(--_marker-size);border-radius:var(--_marker-radius);content:\"\";inset-block-end:calc(var(--_marker-offset) - var(--_track-reach, 0px));inset-inline:var(--_marker-inset);min-inline-size:var(--slotted-space-6, 1rem);opacity:0;pointer-events:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]:not([data-orientation=vertical])>:where([data-part=list])>[data-part=item]:has(>[data-part=dismiss]):before{inset-inline-end:calc(2 * var(--_padding-inline) + var(--_icon-size))}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):hover):before{opacity:var(--slotted-tabs-hover-marker-opacity, .5)}[data-ui=tabs][data-variant=line]>:where([data-part=list])>[data-part=item]:not([data-selected]):has(>[data-part=tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color, var(--slotted-text))}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=marker]{block-size:var(--_length);inline-size:var(--_marker-size);inset-block:0 auto;inset-inline:auto calc(var(--_marker-lift, 0px) + var(--_marker-offset));translate:0 calc(var(--_indicator-start, 0px) + var(--_start-inset) + (var(--_span) - var(--_length)) / 2)}[data-ui=tabs][data-orientation=vertical]>:where([data-part=list])>[data-part=item]:before{block-size:auto;inline-size:var(--_marker-size);inset-block:var(--_marker-inset);inset-inline:auto calc(var(--_marker-offset) - var(--_track-reach, 0px));min-block-size:var(--slotted-space-6, 1rem);min-inline-size:0}[data-ui=tabs][data-variant=contained]>[data-part=list]{--_marker-lift: calc(2 * var(--slotted-space-1, .125rem));background-color:var(--slotted-tabs-contained-background, var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md, 6px);justify-self:start;max-inline-size:100%;padding:var(--slotted-space-1, .125rem)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item]{border-radius:var(--slotted-radius-sm, 4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background, var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;block-size:var(--_dismiss-size);border:0;border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-tabs-dismiss-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_dismiss-size);justify-content:center;margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-start:calc(var(--_padding-inline) - var(--_dismiss-overhang));padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@media(pointer:coarse){[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]{position:relative}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):hover{background-color:var( --slotted-tabs-dismiss-hover-background, var(--slotted-tone-secondary-subtle-hover) );color:var(--slotted-tabs-dismiss-hover-color, var(--slotted-text, CanvasText))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:not(:disabled):active{background-color:var( --slotted-tabs-dismiss-active-background, var(--slotted-tone-secondary-subtle-active) );color:var(--slotted-tabs-dismiss-active-color, var(--slotted-text, CanvasText))}[data-ui=tabs]>:where([data-part=list])>:where([data-part=item])>[data-part=dismiss]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tabs]>[data-part=scroll]{--slotted-icon-size: var(--_icon-size);align-items:center;align-self:center;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tabs-scroll-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)));justify-content:center;min-block-size:var(--_height);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=start]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to left,transparent,black var(--_fade));mask-image:linear-gradient(to left,transparent,black var(--_fade))}[data-ui=tabs]:dir(rtl):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade));mask-image:linear-gradient(to right,transparent,black var(--_fade))}[data-ui=tabs]:has(>[data-part=scroll][data-direction=start]:not(:disabled)):has(>[data-part=scroll][data-direction=end]:not(:disabled))>[data-part=list]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--_fade),black calc(100% - var(--_fade)),transparent)}@media(pointer:coarse){[data-ui=tabs]>[data-part=scroll]{min-block-size:max(var(--slotted-target-comfortable, 44px),var(--_height));min-inline-size:max(var(--slotted-target-comfortable, 44px),var(--_height))}}[data-ui=tabs]>[data-part=scroll][data-direction=start]{grid-column:1;grid-row:1;margin-inline-end:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem))}[data-ui=tabs]>[data-part=scroll][data-direction=end]{grid-column:3;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1}[data-ui=tabs]>[data-part=scroll][data-direction=start]>[data-ui=icon]{rotate:.5turn}[data-ui=tabs]>[data-part=scroll]:not(:disabled):hover{background-color:var( --slotted-tabs-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=tabs]>[data-part=scroll]:not(:disabled):active{background-color:var( --slotted-tabs-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=tabs]>[data-part=scroll]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=tabs]>[data-part=scroll]:disabled{cursor:default;visibility:hidden}[data-ui=tabs][data-orientation=vertical]>[data-part=scroll]{display:none}[data-ui=tabs]>[data-part=actions]{align-items:center;align-self:center;display:flex;grid-column:4;margin-inline-start:var(--slotted-tabs-actions-gap, var(--slotted-space-4, .5rem));grid-row:1;min-inline-size:0}[data-ui=tabs][data-orientation=vertical]>[data-part=actions]{grid-column:1;grid-row:2}[data-ui=tabs]>[data-part=panel]{grid-column:1 / -1;grid-row:2;min-inline-size:0;overflow-wrap:anywhere}[data-ui=tabs][data-orientation=vertical]>[data-part=panel]{grid-column:2;grid-row:1 / -1}[data-ui=tabs]>[data-part=panel][hidden]{display:none}[data-ui=tabs]>[data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tabs]>[data-part=panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui=tabs][data-disabled]{--_track-color: var(--slotted-disabled-border, GrayText)}[data-ui=tabs][data-disabled][data-variant=contained]>[data-part=list]{background-color:var(--slotted-disabled-background, Canvas)}[data-ui=tabs][data-disabled]>:where([data-part=list])>[data-part=marker]{background-color:var(--slotted-disabled-border)}@media(forced-colors:active){[data-ui=tabs][data-variant=line][data-track=line]>[data-part=list]{border-block-end:var(--_track-size) solid CanvasText;padding-block-end:0}[data-ui=tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part=list]{border-block-end:0;border-inline-end:var(--_track-size) solid CanvasText;padding-inline-end:0}[data-ui=tabs]>:where([data-part=list])>[data-part=marker]{background-color:Highlight;forced-color-adjust:none}[data-ui=tabs][data-variant=contained]>:where([data-part=list])>[data-part=item][data-selected]{border:var(--slotted-border-width-thin, 1px) solid Highlight}}}\n"] }]
|
|
431
431
|
}], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], activation: [{ type: i0.Input, args: [{ isSignal: true, alias: "activation", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], track: [{ type: i0.Input, args: [{ isSignal: true, alias: "track", required: false }] }], fit: [{ type: i0.Input, args: [{ isSignal: true, alias: "fit", required: false }] }], mount: [{ type: i0.Input, args: [{ isSignal: true, alias: "mount", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], tabDismiss: [{ type: i0.Output, args: ["tabDismiss"] }] } });
|
|
432
432
|
|
|
433
433
|
/**
|