@slotted/angular 0.1.0-beta.2 → 0.1.0-beta.3
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/app-shell.json +1 -1
- package/docs/button-group.json +1 -0
- package/docs/button-group.md +1 -1
- package/docs/button.json +45 -11
- package/docs/button.md +10 -6
- package/docs/chart.json +7 -0
- package/docs/chart.md +1 -0
- package/docs/currency-field.json +32 -1
- package/docs/currency-field.md +4 -1
- package/docs/dialog.examples.md +20 -0
- package/docs/dialog.json +14 -2
- package/docs/dialog.md +1 -1
- package/docs/list.json +19 -1
- package/docs/list.md +3 -1
- package/docs/popover.json +1 -1
- package/docs/segmented-control.json +29 -1
- package/docs/segmented-control.md +17 -1
- package/docs/skills/theme-app/SKILL.md +5 -0
- package/docs/split-button.json +1 -0
- package/docs/split-button.md +1 -1
- package/docs/stat-card.json +1 -0
- package/docs/stat-card.md +1 -1
- package/docs/table.examples.md +1 -1
- package/docs/table.json +70 -1
- package/docs/table.md +10 -1
- package/docs/toggle-group.json +14 -3
- package/docs/toggle-group.md +3 -3
- package/docs/toggle.json +12 -3
- package/docs/toggle.md +3 -3
- package/docs/tokens.md +25 -1
- package/docs/tour.json +1 -1
- package/fesm2022/slotted-angular-app-shell.mjs +48 -16
- package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
- package/fesm2022/slotted-angular-button-group.mjs +4 -4
- package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-button.mjs +51 -19
- package/fesm2022/slotted-angular-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-cascader.mjs +1 -1
- package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
- package/fesm2022/slotted-angular-chart.mjs +41 -20
- package/fesm2022/slotted-angular-chart.mjs.map +1 -1
- package/fesm2022/slotted-angular-column-manager.mjs +1 -1
- package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
- package/fesm2022/slotted-angular-currency-field.mjs +59 -8
- package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-dashboard-grid.mjs +1 -1
- package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-grid.mjs +2 -2
- package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-list.mjs +2 -2
- package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-dialog.mjs +4 -4
- package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
- package/fesm2022/slotted-angular-event-calendar.mjs +1 -1
- package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
- package/fesm2022/slotted-angular-filter-bar.mjs +8 -8
- package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-import-export-center.mjs +1 -1
- package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-list.mjs +28 -17
- package/fesm2022/slotted-angular-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-markdown.mjs +1 -1
- package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
- package/fesm2022/slotted-angular-notification-center.mjs +1 -1
- package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-saved-views.mjs +1 -1
- package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
- package/fesm2022/slotted-angular-segmented-control.mjs +25 -5
- package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
- package/fesm2022/slotted-angular-split-button.mjs +4 -4
- package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-stat-card.mjs +2 -2
- package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-table.mjs +94 -7
- package/fesm2022/slotted-angular-table.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle-group.mjs +17 -4
- package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle.mjs +2 -2
- package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
- package/fesm2022/slotted-angular-tour.mjs +1 -1
- package/fesm2022/slotted-angular-tour.mjs.map +1 -1
- package/fesm2022/slotted-angular-transfer.mjs +1 -1
- package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
- package/fesm2022/slotted-angular-wizard.mjs +1 -1
- package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
- package/package.json +3 -3
- package/types/slotted-angular-app-shell.d.ts +6 -0
- package/types/slotted-angular-app-shell.d.ts.map +1 -1
- package/types/slotted-angular-button-group.d.ts +1 -1
- package/types/slotted-angular-button.d.ts +33 -13
- package/types/slotted-angular-button.d.ts.map +1 -1
- package/types/slotted-angular-chart.d.ts +9 -0
- package/types/slotted-angular-chart.d.ts.map +1 -1
- package/types/slotted-angular-currency-field.d.ts +25 -3
- package/types/slotted-angular-currency-field.d.ts.map +1 -1
- package/types/slotted-angular-list.d.ts +42 -27
- package/types/slotted-angular-list.d.ts.map +1 -1
- package/types/slotted-angular-segmented-control.d.ts +15 -2
- package/types/slotted-angular-segmented-control.d.ts.map +1 -1
- package/types/slotted-angular-split-button.d.ts +2 -2
- package/types/slotted-angular-table.d.ts +43 -3
- package/types/slotted-angular-table.d.ts.map +1 -1
- package/types/slotted-angular-toggle-group.d.ts +8 -2
- package/types/slotted-angular-toggle-group.d.ts.map +1 -1
- package/types/slotted-angular-toggle.d.ts +1 -1
- package/types/slotted-angular-toggle.d.ts.map +1 -1
|
@@ -1271,7 +1271,7 @@ class SlWizard {
|
|
|
1271
1271
|
</span>
|
|
1272
1272
|
}
|
|
1273
1273
|
</ng-template>
|
|
1274
|
-
`, isInline: true, styles: ["@layer slotted.components{[data-ui=wizard]{--_text: var(--slotted-text, CanvasText);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-wizard-border, var(--slotted-border-subtle, ButtonBorder));--_rule-size: var(--slotted-border-width-thin, 1px);--_progress-size: var(--slotted-wizard-progress-inline-size, 14rem);--_gap: var(--slotted-wizard-gap, var(--slotted-space-9, 2rem));--_rhythm: var(--slotted-wizard-rhythm, var(--slotted-space-8, 1.5rem));--_header-gap: var(--slotted-wizard-header-gap, var(--slotted-space-6, 1rem));--_action-gap: var(--slotted-control-gap-md, var(--slotted-space-3, .375rem));--_ground: var(--slotted-page-ground, var(--slotted-surface, Canvas));--_ring-room: calc( var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px) );color:var(--_text);container-name:slotted-wizard;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:0}[data-ui=wizard]>[data-part=layout]{display:grid;gap:var(--_gap);grid-template-columns:minmax(0,1fr);min-inline-size:0}[data-ui=wizard][data-progress=start]>[data-part=layout]{align-items:start;grid-template-columns:var(--_progress-size) minmax(0,1fr)}[data-ui=wizard][data-progress=none]>[data-part=layout]>[data-part=progress]{display:none}[data-ui=wizard]>[data-part=layout]>[data-part=progress]{display:flex;flex-direction:column;gap:var(--slotted-space-4, .5rem);min-inline-size:0}[data-ui=wizard][data-progress=start]:not([data-scroll=self])>[data-part=layout]>[data-part=progress]{inset-block-start:var(--slotted-page-sticky-top, 0px);position:sticky}[data-ui=wizard][data-progress=top]>[data-part=layout]>[data-part=progress]{border-block-end:var(--_rule-size) solid var(--_rule);padding-block-end:var(--_rhythm)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]{align-items:center;appearance:none;background-color:var(--slotted-control-surface, Field);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-control-radius, 6px);box-shadow:var(--slotted-control-shadow, none);color:inherit;column-gap:var(--slotted-space-5, .75rem);cursor:pointer;display:none;font:inherit;grid-template-areas:\"position icon\" \"track icon\";grid-template-columns:minmax(0,1fr) auto;inline-size:100%;margin:0;min-block-size:var(--slotted-control-height-lg, 2.75rem);padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-control-padding-inline-md, .75rem);row-gap:var(--slotted-space-3, .375rem);text-align:start;transition:border-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard, ease)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard, ease))}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]:hover:not(:disabled):not([data-disabled]){border-color:var( --slotted-wizard-toggle-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-wizard-toggle-active-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]:focus-visible{box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-position]{font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-medium, 500);grid-area:position;line-height:var(--slotted-line-height-sm, 1.45)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]{align-items:center;block-size:var(--slotted-space-2, .25rem);display:flex;gap:var(--slotted-space-1, .125rem);grid-area:track;min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]>[data-part=progress-segment]{background-color:var( --slotted-wizard-segment-color, var(--slotted-control-border-color, ButtonBorder) );block-size:100%;border-radius:var(--slotted-radius-full, 9999px);flex:1 1 0;transition:background-color var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]>[data-part=progress-segment]:is([data-complete],[data-current]){background-color:var( --slotted-wizard-segment-color-complete, var(--slotted-tone-accent-solid, Highlight) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]>[data-part=progress-segment][data-invalid]{background-color:var( --slotted-wizard-segment-color-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-ui=icon]{color:var(--_muted);grid-area:icon;transition:rotate var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=wizard]>[data-part=layout]>[data-part=progress][data-open]>[data-part=progress-toggle]>[data-ui=icon]{rotate:180deg}[data-ui=wizard]>[data-part=layout]>[data-part=main]{display:flex;flex-direction:column;gap:var(--_rhythm);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=error]{min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]{display:flex;flex-direction:column;gap:var(--_header-gap);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]{display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]{font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-2xl, 1.25rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-2xl, 1.4);margin:0;outline:none;overflow-wrap:anywhere}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=position]{color:var(--_muted);display:block;font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--slotted-line-height-sm, 1.45);margin-block-end:var(--slotted-space-1, .125rem)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=optional]{margin-inline-start:var(--slotted-space-1, .125rem);vertical-align:middle}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-description]{color:var(--_muted);font-size:var(--slotted-font-size-md, .875rem);line-height:var(--slotted-line-height-md, 1.5);margin:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=skeleton]{display:flex;flex-direction:column;min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]{align-items:center;border-block-start:var(--_rule-size) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_action-gap) var(--_gap);justify-content:space-between;padding-block-start:var(--_rhythm)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>:is([data-part=actions-start],[data-part=actions-end]){align-items:center;display:flex;flex-wrap:wrap;gap:var(--_action-gap);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]{align-items:baseline}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-end]{justify-content:flex-end;margin-inline-start:auto}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]>[data-ui=button][data-variant=ghost]:first-child{flex:none;max-inline-size:none;margin-inline-start:calc(var(--slotted-control-padding-inline-md, .75rem) * -1)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]>[data-part=draft-status]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]>[data-part=draft-status]:empty{display:none}[data-ui=wizard] [data-part=edit]{appearance:none;background:none;border:0;border-radius:var(--slotted-radius-xs, 2px);color:var(--slotted-wizard-edit-color, var(--slotted-tone-accent-text, LinkText));cursor:pointer;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);margin:0;padding:0;text-decoration-line:none;text-decoration-thickness:var(--slotted-border-width-thin, 1px);text-underline-offset:.2em}[data-ui=wizard] [data-part=edit]:hover:not(:disabled):not([aria-disabled=true]){text-decoration-line:underline}[data-ui=wizard] [data-part=edit]: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=wizard] [data-part=edit]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=complete]{min-inline-size:0;outline:none}[data-ui=wizard][data-scroll=self]{block-size:100%;min-block-size:0}[data-ui=wizard][data-scroll=self]>[data-part=layout]{block-size:100%;min-block-size:0}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=progress]{max-block-size:100%;overflow:auto;padding:var(--_ring-room)}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]{block-size:100%;gap:0;min-block-size:0}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]>:is([data-part=step],[data-part=complete]){flex:1 1 auto;min-block-size:0;overflow:auto;overscroll-behavior:contain;padding-block:var(--_ring-room) var(--_rhythm);padding-inline:var(--_ring-room)}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]>[data-part=error]{padding-block-end:var(--_rhythm);padding-inline:var(--_ring-room)}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]>[data-part=actions]{background-color:var(--_ground);flex:none;padding-block-end:0;padding-inline:var(--_ring-room)}@container slotted-wizard (width < 600px){[data-ui=wizard]>[data-part=layout]{gap:var(--_rhythm)}[data-ui=wizard][data-progress=start]>[data-part=layout]{grid-template-columns:minmax(0,1fr)}[data-ui=wizard][data-progress]>[data-part=layout]>[data-part=progress]{border-block-end:0;padding-block-end:0;position:static}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]{display:grid}[data-ui=wizard]>[data-part=layout]>[data-part=progress]:not([data-open])>[data-ui=stepper]{display:none}[data-ui=wizard]>[data-part=layout]>[data-part=progress][data-open]>[data-ui=stepper]{background-color:var(--slotted-surface-sunken, Canvas);border-radius:var(--slotted-control-radius, 6px);padding:var(--slotted-space-5, .75rem)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>:is([data-part=actions-start],[data-part=actions-end]){inline-size:100%}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-end]>[data-ui=button]:not([data-variant=ghost]){flex:1 1 0}[data-ui=wizard][data-progress=start]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=position],[data-ui=wizard][data-progress=top]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=position]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}}}\n", "@layer slotted.components{[data-ui=field][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px);--_row-gap: var(--slotted-field-row-gap, var(--slotted-space-3, .375rem));--_column-gap: var(--slotted-field-column-gap, var(--slotted-space-5, .75rem));align-content:start;container-name:slotted-field;container-type:inline-size;display:grid;font-family:var(--slotted-field-font-family, var(--slotted-control-font-family, sans-serif));grid-template-columns:minmax(0,var(--slotted-field-label-inline-size, 12rem)) minmax(0,1fr) auto;min-inline-size:0;row-gap:var(--_row-gap)}[data-ui=field][data-part=root]>*{grid-column:1 / -1}[data-ui=field]>[data-part=control]{min-inline-size:0}[data-ui=field][data-part=root][data-size=sm]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_control-block-size: var(--slotted-control-height-sm, 30px)}[data-ui=field][data-part=root][data-size=md]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px)}[data-ui=field][data-part=root][data-size=lg]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-md, 16px) );--_help-inner-size: var(--slotted-control-inner-size-md, 24px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_control-block-size: var(--slotted-control-height-lg, 38px)}[data-ui=field]>[data-part=label],[data-ui=field]>[data-part=header]>[data-part=label]{color:var(--slotted-field-label-color, var(--slotted-text));font-size:var(--_font-size);font-weight:var(--slotted-field-label-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=label],[data-ui=field]>[data-part=header]{grid-column:1 / -1;grid-row:1}[data-ui=field][data-part=root]:has(>[data-part=counter])>[data-part=label]{grid-column:1 / 3}[data-ui=field]>[data-part=label]>[data-part=mark],[data-ui=field]>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-field-mark-color, var(--slotted-tone-danger-text));margin-inline-start:var(--slotted-field-mark-gap, var(--slotted-space-2, .25rem));overflow-wrap:normal;unicode-bidi:isolate}[data-ui=field]:is([data-necessity=optional],[data-necessity=words])>[data-part=label]>[data-part=mark],[data-ui=field]:is([data-necessity=optional],[data-necessity=words])>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-field-mark-text-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=field]>[data-part=header]{align-items:baseline;column-gap:var(--slotted-field-header-gap, var(--slotted-space-3, .375rem));display:flex;flex-wrap:wrap;font-size:var(--_font-size);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0}[data-ui=field]>[data-part=header]>[data-part=label]{flex:0 1 auto}[data-ui=field]>[data-part=header]>[data-part=action],[data-ui=field]>[data-part=header]>[data-part=counter]{margin-inline-start:auto}[data-ui=field]>[data-part=header]>[data-part=action]~[data-part=counter]{margin-inline-start:var(--slotted-space-3, .375rem)}[data-ui=field]>[data-part=header]>[data-part=help]{--_box: max( min(calc(var(--_help-glyph) + 2 * var(--slotted-space-2, .25rem)), var(--_help-inner-size)), 1lh );--slotted-icon-size: var(--_help-glyph);appearance:none;background-color:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-field-help-radius, var(--slotted-control-radius, 4px));color:var(--slotted-field-help-color, var(--slotted-text-muted));cursor:pointer;display:inline-block;flex:none;font:inherit;inline-size:var(--_box);margin-block:calc((var(--_font-size) * var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45)) - var(--_box)) / 2);margin-inline-start:calc(var(--slotted-space-1, .125rem) - var(--slotted-field-header-gap, var(--slotted-space-3, .375rem)));padding:0;position:relative;text-align:center;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=header]>[data-part=help]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui=field]>[data-part=header]>[data-part=help]>[data-ui=icon]{vertical-align:calc(((1cap + 1ex) / 2 - var(--_help-glyph)) / 2)}[data-ui=field]>[data-part=header]>[data-part=help]:enabled:hover,[data-ui=field]>[data-part=header]>[data-part=help][data-open]{background-color:var( --slotted-field-help-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) )}[data-ui=field]>[data-part=header]>[data-part=help]:enabled:active{background-color:var( --slotted-field-help-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui=field]>[data-part=header]>[data-part=help]: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=field]>[data-part=header]>[data-part=indicator]{align-items:center;align-self:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex;flex-wrap:wrap}[data-ui=field]>[data-part=header]>[data-part=action]{--_rest: var(--slotted-field-action-color, var(--slotted-tone-accent-text, LinkText));align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--slotted-field-action-radius, var(--slotted-control-radius, 4px));color:var(--_rest);cursor:pointer;display:inline-flex;flex:none;font-family:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));margin-block:calc((1lh - var(--slotted-target-min, 24px)) / 2);padding:0;text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),text-decoration-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext}[data-ui=field]>[data-part=header]>[data-part=action]:not(:disabled,[aria-disabled=true]):hover{color:var( --slotted-field-action-color-hover, color-mix(in oklab, var(--_rest) 65%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:not(:disabled,[aria-disabled=true]):active{color:var( --slotted-field-action-color-active, color-mix(in oklab, var(--_rest) 35%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px);text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@media(pointer:coarse){[data-ui=field]>[data-part=header]>[data-part=action]{position:relative}[data-ui=field]>[data-part=header]>[data-part=help]:before,[data-ui=field]>[data-part=header]>[data-part=action]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=field]>[data-part=counter],[data-ui=field]>[data-part=header]>[data-part=counter]{color:var(--slotted-field-counter-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-variant-numeric:tabular-nums;line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=counter]{align-self:end;grid-column:3;grid-row:1;justify-self:end;padding-inline-start:var(--_column-gap)}[data-ui=field]>[data-part=counter][data-invalid],[data-ui=field]>[data-part=header]>[data-part=counter][data-invalid]{color:var(--slotted-field-counter-invalid-color, var(--slotted-tone-danger-text));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=field]>[data-ui=inline-message]:not([data-reserve]):has([data-part=text]:empty){display:none}[data-ui=field][data-part=root]>[data-ui=inline-message]{font-size:var(--slotted-font-size-xs, .75rem)}[data-ui=field][data-part=root]>[data-ui=inline-message][data-tone=danger],[data-ui=field][data-part=root]>[data-ui=inline-message][data-tone=success]{font-weight:var(--slotted-font-weight-medium, 500)}@container slotted-field (min-width: 320px){[data-ui=field][data-part=root][data-label-placement=side]>*{align-self:start;grid-column:2 / 3}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=label],[data-ui=field][data-part=root][data-label-placement=side]>[data-part=header]{grid-column:1;grid-row:1;padding-block-start:max(0px,calc((var(--_control-block-size) - 1lh) / 2));padding-inline-end:var(--_column-gap)}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=counter]{grid-column:1;grid-row:2;justify-self:end;padding-inline:0 var(--_column-gap)}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=header]>[data-part=counter]{flex-basis:100%;margin-inline-start:0;text-align:end}}[data-ui=field][data-part=root][data-disabled]>[data-part=label],[data-ui=field][data-part=root][data-disabled]>[data-part=counter],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=label],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=counter]{color:var(--slotted-disabled-foreground)}[data-ui=field][data-part=root][data-disabled]>[data-part=label]>[data-part=mark],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-disabled-foreground)}[data-ui=field][data-part=root][data-disabled]>[data-part=counter][data-invalid],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=counter][data-invalid]{color:var(--slotted-disabled-foreground);font-weight:var(--slotted-font-weight-regular, 400)}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(() => NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i0.forwardRef(() => SlAlert), selector: "[slAlert]", inputs: ["tone", "variant", "reach", "live", "hideIcon", "dismissible", "messages", "open", "defaultOpen", "restoreFocus"], outputs: ["openChange"], exportAs: ["slAlert"] }, { kind: "directive", type: i0.forwardRef(() => SlAlertContent), selector: "[slAlertContent]", exportAs: ["slAlertContent"] }, { kind: "directive", type: i0.forwardRef(() => SlAlertDescription), selector: "[slAlertDescription]", exportAs: ["slAlertDescription"] }, { kind: "component", type: i0.forwardRef(() => SlAlertTitle), selector: "[slAlertTitle]", exportAs: ["slAlertTitle"] }, { kind: "component", type: i0.forwardRef(() => SlButton), selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: i0.forwardRef(() => SlGlyph), selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: i0.forwardRef(() => SlIcon), selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: i0.forwardRef(() => SlSkeleton), selector: "[slSkeleton]", inputs: ["shape", "size", "animation", "loading", "inlineSize", "blockSize"], exportAs: ["slSkeleton"] }, { kind: "component", type: i0.forwardRef(() => SlStepper), selector: "[slStepper]", inputs: ["step", "defaultStep", "messages", "orientation", "labelPlacement", "navigation", "linear", "autoComplete"], outputs: ["stepChange"], exportAs: ["slStepper"] }, { kind: "directive", type: i0.forwardRef(() => SlStepperList), selector: "ol[slStepperList]", exportAs: ["slStepperList"] }, { kind: "component", type: i0.forwardRef(() => SlStepperStep), selector: "li[slStepperStep]", inputs: ["label", "description", "complete", "disabled", "invalid", "loading", "href"], exportAs: ["slStepperStep"] }, { kind: "component", type: i0.forwardRef(() => SlTag), selector: "[slTag]", inputs: ["tone", "variant", "size", "shape", "disabled", "removable", "removeDisabled", "messages"], outputs: ["remove"], exportAs: ["slTag"] }, { kind: "directive", type: i0.forwardRef(() => SlWizardNext), selector: "button[slWizardNext]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardPrevious), selector: "button[slWizardPrevious]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardCancel), selector: "button[slWizardCancel]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardSaveDraft), selector: "button[slWizardSaveDraft]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardSkip), selector: "button[slWizardSkip]" }, { kind: "component", type: i0.forwardRef(() => SlWizardDraftStatus), selector: "[slWizardDraftStatus]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardActionsStart), selector: "[slWizardActionsStart]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardActionsEnd), selector: "[slWizardActionsEnd]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1274
|
+
`, isInline: true, styles: ["@layer slotted.components{[data-ui=wizard]{--_text: var(--slotted-text, CanvasText);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-wizard-border, var(--slotted-border-subtle, ButtonBorder));--_rule-size: var(--slotted-border-width-thin, 1px);--_progress-size: var(--slotted-wizard-progress-inline-size, 14rem);--_gap: var(--slotted-wizard-gap, var(--slotted-space-9, 2rem));--_rhythm: var(--slotted-wizard-rhythm, var(--slotted-space-8, 1.5rem));--_header-gap: var(--slotted-wizard-header-gap, var(--slotted-space-6, 1rem));--_action-gap: var(--slotted-control-gap-md, var(--slotted-space-3, .375rem));--_ground: var(--slotted-page-ground, var(--slotted-surface, Canvas));--_ring-room: calc( var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px) );color:var(--_text);container-name:slotted-wizard;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:0}[data-ui=wizard]>[data-part=layout]{display:grid;gap:var(--_gap);grid-template-columns:minmax(0,1fr);min-inline-size:0}[data-ui=wizard][data-progress=start]>[data-part=layout]{align-items:start;grid-template-columns:var(--_progress-size) minmax(0,1fr)}[data-ui=wizard][data-progress=none]>[data-part=layout]>[data-part=progress]{display:none}[data-ui=wizard]>[data-part=layout]>[data-part=progress]{display:flex;flex-direction:column;gap:var(--slotted-space-4, .5rem);min-inline-size:0}[data-ui=wizard][data-progress=start]:not([data-scroll=self])>[data-part=layout]>[data-part=progress]{inset-block-start:var(--slotted-page-sticky-top, 0px);position:sticky}[data-ui=wizard][data-progress=top]>[data-part=layout]>[data-part=progress]{border-block-end:var(--_rule-size) solid var(--_rule);padding-block-end:var(--_rhythm)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]{align-items:center;appearance:none;background-color:var(--slotted-control-surface, Field);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-control-radius, 6px);box-shadow:var(--slotted-control-shadow, none);color:inherit;column-gap:var(--slotted-space-5, .75rem);cursor:pointer;display:none;font:inherit;grid-template-areas:\"position icon\" \"track icon\";grid-template-columns:minmax(0,1fr) auto;inline-size:100%;margin:0;min-block-size:var(--slotted-control-height-lg, 2.75rem);padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-control-padding-inline-md, .75rem);row-gap:var(--slotted-space-3, .375rem);text-align:start;transition:border-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard, ease)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard, ease))}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]:hover:not(:disabled):not([data-disabled]){border-color:var( --slotted-wizard-toggle-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-wizard-toggle-active-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]:focus-visible{box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-position]{font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-medium, 500);grid-area:position;line-height:var(--slotted-line-height-sm, 1.45)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]{align-items:center;block-size:var(--slotted-space-2, .25rem);display:flex;gap:var(--slotted-space-1, .125rem);grid-area:track;min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]>[data-part=progress-segment]{background-color:var( --slotted-wizard-segment-color, var(--slotted-control-border-color, ButtonBorder) );block-size:100%;border-radius:var(--slotted-radius-full, 9999px);flex:1 1 0;transition:background-color var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]>[data-part=progress-segment]:is([data-complete],[data-current]){background-color:var( --slotted-wizard-segment-color-complete, var(--slotted-tone-accent-solid, Highlight) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]>[data-part=progress-segment][data-invalid]{background-color:var( --slotted-wizard-segment-color-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-ui=icon]{color:var(--_muted);grid-area:icon;transition:rotate var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=wizard]>[data-part=layout]>[data-part=progress][data-open]>[data-part=progress-toggle]>[data-ui=icon]{rotate:180deg}[data-ui=wizard]>[data-part=layout]>[data-part=main]{display:flex;flex-direction:column;gap:var(--_rhythm);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=error]{min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]{display:flex;flex-direction:column;gap:var(--_header-gap);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]{display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]{font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-2xl, 1.25rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-2xl, 1.4);margin:0;outline:none;overflow-wrap:anywhere}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=position]{color:var(--_muted);display:block;font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--slotted-line-height-sm, 1.45);margin-block-end:var(--slotted-space-1, .125rem)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=optional]{margin-inline-start:var(--slotted-space-1, .125rem);vertical-align:middle}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-description]{color:var(--_muted);font-size:var(--slotted-font-size-md, .875rem);line-height:var(--slotted-line-height-md, 1.5);margin:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=skeleton]{display:flex;flex-direction:column;min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]{align-items:center;border-block-start:var(--_rule-size) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_action-gap) var(--_gap);justify-content:space-between;padding-block-start:var(--_rhythm)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>:is([data-part=actions-start],[data-part=actions-end]){align-items:center;display:flex;flex-wrap:wrap;gap:var(--_action-gap);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]{align-items:baseline}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-end]{justify-content:flex-end;margin-inline-start:auto}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]>[data-ui=button][data-variant=ghost]:first-child{flex:none;max-inline-size:none;margin-inline-start:calc(var(--slotted-control-padding-inline-md, .75rem) * -1)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]>[data-part=draft-status]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]>[data-part=draft-status]:empty{display:none}[data-ui=wizard] [data-part=edit]{appearance:none;background:none;border:0;border-radius:var(--slotted-radius-xs, 2px);color:var(--slotted-wizard-edit-color, var(--slotted-tone-accent-text, LinkText));cursor:pointer;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);margin:0;padding:0;text-decoration-line:none;text-decoration-thickness:var(--slotted-border-width-thin, 1px);text-underline-offset:.2em}[data-ui=wizard] [data-part=edit]:hover:not(:disabled):not([aria-disabled=true]){text-decoration-line:underline}[data-ui=wizard] [data-part=edit]: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=wizard] [data-part=edit]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=complete]{min-inline-size:0;outline:none}[data-ui=wizard][data-scroll=self]{block-size:100%;min-block-size:0}[data-ui=wizard][data-scroll=self]>[data-part=layout]{block-size:100%;min-block-size:0}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=progress]{max-block-size:100%;overflow:auto;padding:var(--_ring-room)}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]{block-size:100%;gap:0;min-block-size:0}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]>:is([data-part=step],[data-part=complete]){flex:1 1 auto;min-block-size:0;overflow:auto;overscroll-behavior:contain;padding-block:var(--_ring-room) var(--_rhythm);padding-inline:var(--_ring-room)}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]>[data-part=error]{padding-block-end:var(--_rhythm);padding-inline:var(--_ring-room)}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]>[data-part=actions]{background-color:var(--_ground);flex:none;padding-block-end:0;padding-inline:var(--_ring-room)}@container slotted-wizard (width < 600px){[data-ui=wizard]>[data-part=layout]{gap:var(--_rhythm)}[data-ui=wizard][data-progress=start]>[data-part=layout]{grid-template-columns:minmax(0,1fr)}[data-ui=wizard][data-progress]>[data-part=layout]>[data-part=progress]{border-block-end:0;padding-block-end:0;position:static}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]{display:grid}[data-ui=wizard]>[data-part=layout]>[data-part=progress]:not([data-open])>[data-ui=stepper]{display:none}[data-ui=wizard]>[data-part=layout]>[data-part=progress][data-open]>[data-ui=stepper]{background-color:var(--slotted-surface-sunken, Canvas);border-radius:var(--slotted-control-radius, 6px);padding:var(--slotted-space-5, .75rem)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>:is([data-part=actions-start],[data-part=actions-end]){inline-size:100%}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-end]>[data-ui=button]:not([data-variant=ghost]){flex:1 1 0}[data-ui=wizard][data-progress=start]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=position],[data-ui=wizard][data-progress=top]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=position]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}}}\n", "@layer slotted.components{[data-ui=field][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px);--_row-gap: var(--slotted-field-row-gap, var(--slotted-space-3, .375rem));--_column-gap: var(--slotted-field-column-gap, var(--slotted-space-5, .75rem));align-content:start;container-name:slotted-field;container-type:inline-size;display:grid;font-family:var(--slotted-field-font-family, var(--slotted-control-font-family, sans-serif));grid-template-columns:minmax(0,var(--slotted-field-label-inline-size, 12rem)) minmax(0,1fr) auto;min-inline-size:0;row-gap:var(--_row-gap)}[data-ui=field][data-part=root]>*{grid-column:1 / -1}[data-ui=field]>[data-part=control]{min-inline-size:0}[data-ui=field][data-part=root][data-size=sm]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_control-block-size: var(--slotted-control-height-sm, 30px)}[data-ui=field][data-part=root][data-size=md]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px)}[data-ui=field][data-part=root][data-size=lg]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-md, 16px) );--_help-inner-size: var(--slotted-control-inner-size-md, 24px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_control-block-size: var(--slotted-control-height-lg, 38px)}[data-ui=field]>[data-part=label],[data-ui=field]>[data-part=header]>[data-part=label]{color:var(--slotted-field-label-color, var(--slotted-text));font-size:var(--_font-size);font-weight:var(--slotted-field-label-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=label],[data-ui=field]>[data-part=header]{grid-column:1 / -1;grid-row:1}[data-ui=field][data-part=root]:has(>[data-part=counter])>[data-part=label]{grid-column:1 / 3}[data-ui=field]>[data-part=label]>[data-part=mark],[data-ui=field]>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-field-mark-color, var(--slotted-tone-danger-text));margin-inline-start:var(--slotted-field-mark-gap, var(--slotted-space-2, .25rem));overflow-wrap:normal;unicode-bidi:isolate}[data-ui=field]:is([data-necessity=optional],[data-necessity=words])>[data-part=label]>[data-part=mark],[data-ui=field]:is([data-necessity=optional],[data-necessity=words])>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-field-mark-text-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=field]>[data-part=header]{align-items:baseline;column-gap:var(--slotted-field-header-gap, var(--slotted-space-3, .375rem));display:flex;flex-wrap:wrap;font-size:var(--_font-size);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0}[data-ui=field]>[data-part=header]>[data-part=label]{flex:0 1 auto}[data-ui=field]>[data-part=header]>[data-part=action],[data-ui=field]>[data-part=header]>[data-part=counter]{margin-inline-start:auto}[data-ui=field]>[data-part=header]>[data-part=action]~[data-part=counter]{margin-inline-start:var(--slotted-space-3, .375rem)}[data-ui=field]>[data-part=header]>[data-part=help]{--_box: max( min(calc(var(--_help-glyph) + 2 * var(--slotted-space-2, .25rem)), var(--_help-inner-size)), 1lh );--slotted-icon-size: var(--_help-glyph);appearance:none;background-color:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-field-help-radius, var(--slotted-control-radius, 4px));color:var(--slotted-field-help-color, var(--slotted-text-muted));cursor:pointer;display:inline-block;flex:none;font:inherit;inline-size:var(--_box);margin-block:calc((var(--_font-size) * var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45)) - var(--_box)) / 2);margin-inline-start:calc(var(--slotted-space-1, .125rem) - var(--slotted-field-header-gap, var(--slotted-space-3, .375rem)));padding:0;position:relative;text-align:center;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=header]>[data-part=help]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui=field]>[data-part=header]>[data-part=help]>[data-ui=icon]{vertical-align:calc(((1cap + 1ex) / 2 - var(--_help-glyph)) / 2)}[data-ui=field]>[data-part=header]>[data-part=help]:enabled:hover,[data-ui=field]>[data-part=header]>[data-part=help][data-open]{background-color:var( --slotted-field-help-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) )}[data-ui=field]>[data-part=header]>[data-part=help]:enabled:active{background-color:var( --slotted-field-help-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui=field]>[data-part=header]>[data-part=help]: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=field]>[data-part=header]>[data-part=indicator]{align-items:center;align-self:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex;flex-wrap:wrap}[data-ui=field]>[data-part=header]>[data-part=action]{--_rest: var(--slotted-field-action-color, var(--slotted-tone-accent-text, LinkText));align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--slotted-field-action-radius, var(--slotted-control-radius, 4px));color:var(--_rest);cursor:pointer;display:inline-flex;flex:none;font-family:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));margin-block:calc((1lh - var(--slotted-target-min, 24px)) / 2);padding:0;text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),text-decoration-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext}[data-ui=field]>[data-part=header]>[data-part=action]:not(:disabled,[aria-disabled=true]):hover{color:var( --slotted-field-action-color-hover, color-mix(in oklab, var(--_rest) 65%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:not(:disabled,[aria-disabled=true]):active{color:var( --slotted-field-action-color-active, color-mix(in oklab, var(--_rest) 35%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px);text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@media(pointer:coarse){[data-ui=field]>[data-part=header]>[data-part=action]{position:relative}[data-ui=field]>[data-part=header]>[data-part=help]:before,[data-ui=field]>[data-part=header]>[data-part=action]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=field]>[data-part=counter],[data-ui=field]>[data-part=header]>[data-part=counter]{color:var(--slotted-field-counter-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-variant-numeric:tabular-nums;line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=counter]{align-self:end;grid-column:3;grid-row:1;justify-self:end;padding-inline-start:var(--_column-gap)}[data-ui=field]>[data-part=counter][data-invalid],[data-ui=field]>[data-part=header]>[data-part=counter][data-invalid]{color:var(--slotted-field-counter-invalid-color, var(--slotted-tone-danger-text));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=field]>[data-ui=inline-message]:not([data-reserve]):has([data-part=text]:empty){display:none}[data-ui=field][data-part=root]>[data-ui=inline-message]{font-size:var(--slotted-font-size-xs, .75rem)}[data-ui=field][data-part=root]>[data-ui=inline-message][data-tone=danger],[data-ui=field][data-part=root]>[data-ui=inline-message][data-tone=success]{font-weight:var(--slotted-font-weight-medium, 500)}@container slotted-field (min-width: 320px){[data-ui=field][data-part=root][data-label-placement=side]>*{align-self:start;grid-column:2 / 3}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=label],[data-ui=field][data-part=root][data-label-placement=side]>[data-part=header]{grid-column:1;grid-row:1;padding-block-start:max(0px,calc((var(--_control-block-size) - 1lh) / 2));padding-inline-end:var(--_column-gap)}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=counter]{grid-column:1;grid-row:2;justify-self:end;padding-inline:0 var(--_column-gap)}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=header]>[data-part=counter]{flex-basis:100%;margin-inline-start:0;text-align:end}}[data-ui=field][data-part=root][data-disabled]>[data-part=label],[data-ui=field][data-part=root][data-disabled]>[data-part=counter],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=label],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=counter]{color:var(--slotted-disabled-foreground)}[data-ui=field][data-part=root][data-disabled]>[data-part=label]>[data-part=mark],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-disabled-foreground)}[data-ui=field][data-part=root][data-disabled]>[data-part=counter][data-invalid],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=counter][data-invalid]{color:var(--slotted-disabled-foreground);font-weight:var(--slotted-font-weight-regular, 400)}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(() => NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i0.forwardRef(() => SlAlert), selector: "[slAlert]", inputs: ["tone", "variant", "reach", "live", "hideIcon", "dismissible", "messages", "open", "defaultOpen", "restoreFocus"], outputs: ["openChange"], exportAs: ["slAlert"] }, { kind: "directive", type: i0.forwardRef(() => SlAlertContent), selector: "[slAlertContent]", exportAs: ["slAlertContent"] }, { kind: "directive", type: i0.forwardRef(() => SlAlertDescription), selector: "[slAlertDescription]", exportAs: ["slAlertDescription"] }, { kind: "component", type: i0.forwardRef(() => SlAlertTitle), selector: "[slAlertTitle]", exportAs: ["slAlertTitle"] }, { kind: "component", type: i0.forwardRef(() => SlButton), selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "justify", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: i0.forwardRef(() => SlGlyph), selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: i0.forwardRef(() => SlIcon), selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: i0.forwardRef(() => SlSkeleton), selector: "[slSkeleton]", inputs: ["shape", "size", "animation", "loading", "inlineSize", "blockSize"], exportAs: ["slSkeleton"] }, { kind: "component", type: i0.forwardRef(() => SlStepper), selector: "[slStepper]", inputs: ["step", "defaultStep", "messages", "orientation", "labelPlacement", "navigation", "linear", "autoComplete"], outputs: ["stepChange"], exportAs: ["slStepper"] }, { kind: "directive", type: i0.forwardRef(() => SlStepperList), selector: "ol[slStepperList]", exportAs: ["slStepperList"] }, { kind: "component", type: i0.forwardRef(() => SlStepperStep), selector: "li[slStepperStep]", inputs: ["label", "description", "complete", "disabled", "invalid", "loading", "href"], exportAs: ["slStepperStep"] }, { kind: "component", type: i0.forwardRef(() => SlTag), selector: "[slTag]", inputs: ["tone", "variant", "size", "shape", "disabled", "removable", "removeDisabled", "messages"], outputs: ["remove"], exportAs: ["slTag"] }, { kind: "directive", type: i0.forwardRef(() => SlWizardNext), selector: "button[slWizardNext]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardPrevious), selector: "button[slWizardPrevious]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardCancel), selector: "button[slWizardCancel]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardSaveDraft), selector: "button[slWizardSaveDraft]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardSkip), selector: "button[slWizardSkip]" }, { kind: "component", type: i0.forwardRef(() => SlWizardDraftStatus), selector: "[slWizardDraftStatus]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardActionsStart), selector: "[slWizardActionsStart]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardActionsEnd), selector: "[slWizardActionsEnd]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1275
1275
|
}
|
|
1276
1276
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizard, decorators: [{
|
|
1277
1277
|
type: Component,
|