@eagami/ui 5.61.1 → 5.61.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/fesm2022/eagami-ui.mjs
CHANGED
|
@@ -5211,7 +5211,7 @@ var FieldLabelComponent = class FieldLabelComponent {
|
|
|
5211
5211
|
],
|
|
5212
5212
|
ngImport: i0,
|
|
5213
5213
|
template: "@if (help(); as helpContent) {\n <span class=\"ea-field-label-row\">\n <ng-container [ngTemplateOutlet]=\"label\" />\n <span\n #helpEl\n class=\"ea-field-label__help\"\n (focusout)=\"onHelpFocusout($event)\">\n <button\n #helpTrigger\n type=\"button\"\n class=\"ea-field-label__help-trigger\"\n [attr.aria-label]=\"helpTriggerLabel()\"\n [attr.aria-expanded]=\"helpOpen()\"\n [attr.aria-controls]=\"helpId\"\n (click)=\"toggleHelp()\">\n <ea-icon-info />\n </button>\n <span\n role=\"status\"\n [id]=\"helpId\">\n @if (helpOpen()) {\n <span\n #helpBubble\n class=\"ea-field-label__help-bubble\"\n popover=\"manual\">\n @if (helpTemplate(); as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else {\n {{ helpContent }}\n }\n </span>\n }\n </span>\n </span>\n </span>\n} @else {\n <ng-container [ngTemplateOutlet]=\"label\" />\n}\n\n<ng-template #label>\n @if (forId(); as control) {\n <label\n class=\"ea-field-label\"\n [for]=\"control\"\n [attr.id]=\"labelId() ?? null\"\n [class.ea-field-label--required]=\"required()\">\n <ng-container [ngTemplateOutlet]=\"content\" />\n </label>\n } @else {\n <span\n class=\"ea-field-label\"\n [attr.id]=\"labelId() ?? null\"\n [class.ea-field-label--required]=\"required()\">\n <ng-container [ngTemplateOutlet]=\"content\" />\n </span>\n }\n</ng-template>\n\n<ng-template #content>\n @if (icon(); as iconComponent) {\n <span\n class=\"ea-field-label__icon\"\n aria-hidden=\"true\">\n <ng-container *ngComponentOutlet=\"iconComponent\" />\n </span>\n }\n {{ text() }}\n</ng-template>\n",
|
|
5214
|
-
styles: [":host{display:contents}.ea-field-label{font-size:max(var(--ea-field-label-size, var(--text-label-md-size)),.75rem);font-weight:var(--text-label-md-weight);line-height:var(--text-label-md-lh);color:var(--color-text-primary)}.ea-field-label--required:after{
|
|
5214
|
+
styles: [":host{display:contents}.ea-field-label{font-size:max(var(--ea-field-label-size, var(--text-label-md-size)),.75rem);font-weight:var(--text-label-md-weight);line-height:var(--text-label-md-lh);color:var(--color-text-primary)}.ea-field-label--required:after{color:var(--color-error-text);content:\" *\"}.ea-field-label__icon{display:inline-flex;vertical-align:-.125em;margin-inline-end:.25em}.ea-field-label-row{display:flex;align-items:flex-start;gap:.25em}.ea-field-label__help{position:relative;flex:none;width:1.5em;height:calc(var(--text-label-md-lh) * 1em);font-size:max(var(--ea-field-label-size, var(--text-label-md-size)),.75rem)}.ea-field-label__help-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-field-label__help-trigger>*{font-size:1.25em}.ea-field-label__help-trigger:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-field-label__help-trigger:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-field-label__help-trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-field-label__help-trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-field-label__help-trigger:disabled{cursor:default;opacity:.5}.ea-field-label__help-trigger{position:absolute;top:50%;left:50%;font-size:.8125em;transform:translate(-50%,-50%)}.ea-field-label__help-bubble{z-index:var(--z-index-tooltip);position:fixed;inset:0 auto auto 0;overflow:auto;box-sizing:border-box;max-width:min(20rem,100vw - 2 * var(--space-2));max-height:calc(100dvh - 2 * var(--space-2));padding:var(--space-2) var(--space-3);margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-align:start;font-family:var(--font-family-sans);overflow-wrap:break-word;border:var(--border-width-thin) solid var(--color-tooltip-border);border-radius:var(--radius-md);background-color:var(--color-tooltip-surface);color:var(--color-neutral-0);animation:ea-field-label-help-in var(--duration-fast) var(--ease-out)}@media(forced-colors:active){.ea-field-label__help-bubble{border:1px solid CanvasText}}@keyframes ea-field-label-help-in{0%{opacity:0}to{opacity:1}}\n"],
|
|
5215
5215
|
dependencies: [
|
|
5216
5216
|
{
|
|
5217
5217
|
kind: "component",
|
|
@@ -5262,7 +5262,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5262
5262
|
NgTemplateOutlet
|
|
5263
5263
|
],
|
|
5264
5264
|
template: "@if (help(); as helpContent) {\n <span class=\"ea-field-label-row\">\n <ng-container [ngTemplateOutlet]=\"label\" />\n <span\n #helpEl\n class=\"ea-field-label__help\"\n (focusout)=\"onHelpFocusout($event)\">\n <button\n #helpTrigger\n type=\"button\"\n class=\"ea-field-label__help-trigger\"\n [attr.aria-label]=\"helpTriggerLabel()\"\n [attr.aria-expanded]=\"helpOpen()\"\n [attr.aria-controls]=\"helpId\"\n (click)=\"toggleHelp()\">\n <ea-icon-info />\n </button>\n <span\n role=\"status\"\n [id]=\"helpId\">\n @if (helpOpen()) {\n <span\n #helpBubble\n class=\"ea-field-label__help-bubble\"\n popover=\"manual\">\n @if (helpTemplate(); as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else {\n {{ helpContent }}\n }\n </span>\n }\n </span>\n </span>\n </span>\n} @else {\n <ng-container [ngTemplateOutlet]=\"label\" />\n}\n\n<ng-template #label>\n @if (forId(); as control) {\n <label\n class=\"ea-field-label\"\n [for]=\"control\"\n [attr.id]=\"labelId() ?? null\"\n [class.ea-field-label--required]=\"required()\">\n <ng-container [ngTemplateOutlet]=\"content\" />\n </label>\n } @else {\n <span\n class=\"ea-field-label\"\n [attr.id]=\"labelId() ?? null\"\n [class.ea-field-label--required]=\"required()\">\n <ng-container [ngTemplateOutlet]=\"content\" />\n </span>\n }\n</ng-template>\n\n<ng-template #content>\n @if (icon(); as iconComponent) {\n <span\n class=\"ea-field-label__icon\"\n aria-hidden=\"true\">\n <ng-container *ngComponentOutlet=\"iconComponent\" />\n </span>\n }\n {{ text() }}\n</ng-template>\n",
|
|
5265
|
-
styles: [":host{display:contents}.ea-field-label{font-size:max(var(--ea-field-label-size, var(--text-label-md-size)),.75rem);font-weight:var(--text-label-md-weight);line-height:var(--text-label-md-lh);color:var(--color-text-primary)}.ea-field-label--required:after{
|
|
5265
|
+
styles: [":host{display:contents}.ea-field-label{font-size:max(var(--ea-field-label-size, var(--text-label-md-size)),.75rem);font-weight:var(--text-label-md-weight);line-height:var(--text-label-md-lh);color:var(--color-text-primary)}.ea-field-label--required:after{color:var(--color-error-text);content:\" *\"}.ea-field-label__icon{display:inline-flex;vertical-align:-.125em;margin-inline-end:.25em}.ea-field-label-row{display:flex;align-items:flex-start;gap:.25em}.ea-field-label__help{position:relative;flex:none;width:1.5em;height:calc(var(--text-label-md-lh) * 1em);font-size:max(var(--ea-field-label-size, var(--text-label-md-size)),.75rem)}.ea-field-label__help-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-field-label__help-trigger>*{font-size:1.25em}.ea-field-label__help-trigger:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-field-label__help-trigger:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-field-label__help-trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-field-label__help-trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-field-label__help-trigger:disabled{cursor:default;opacity:.5}.ea-field-label__help-trigger{position:absolute;top:50%;left:50%;font-size:.8125em;transform:translate(-50%,-50%)}.ea-field-label__help-bubble{z-index:var(--z-index-tooltip);position:fixed;inset:0 auto auto 0;overflow:auto;box-sizing:border-box;max-width:min(20rem,100vw - 2 * var(--space-2));max-height:calc(100dvh - 2 * var(--space-2));padding:var(--space-2) var(--space-3);margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-align:start;font-family:var(--font-family-sans);overflow-wrap:break-word;border:var(--border-width-thin) solid var(--color-tooltip-border);border-radius:var(--radius-md);background-color:var(--color-tooltip-surface);color:var(--color-neutral-0);animation:ea-field-label-help-in var(--duration-fast) var(--ease-out)}@media(forced-colors:active){.ea-field-label__help-bubble{border:1px solid CanvasText}}@keyframes ea-field-label-help-in{0%{opacity:0}to{opacity:1}}\n"]
|
|
5266
5266
|
}]
|
|
5267
5267
|
}],
|
|
5268
5268
|
ctorParameters: () => [],
|
|
@@ -5372,7 +5372,7 @@ var FieldMessagesComponent = class FieldMessagesComponent {
|
|
|
5372
5372
|
},
|
|
5373
5373
|
ngImport: i0,
|
|
5374
5374
|
template: "@if (error()) {\n <p\n class=\"ea-field-messages__message ea-field-messages__message--error\"\n [id]=\"id() + '-error'\"\n role=\"alert\">\n <ea-icon-alert-circle class=\"ea-field-messages__icon\" />\n {{ error() }}\n </p>\n} @else if (hint()) {\n <p\n class=\"ea-field-messages__message ea-field-messages__message--hint\"\n [id]=\"id() + '-hint'\">\n {{ hint() }}\n </p>\n}\n",
|
|
5375
|
-
styles: [":host{display:contents}.ea-field-messages__message{display:flex;align-items:center;gap:var(--space-1);font-size:max(var(--ea-field-messages-size, var(--text-helper-size)),.6875rem);font-weight:var(--text-helper-weight);line-height:var(--text-helper-lh)}.ea-field-messages__message--hint{color:var(--color-text-secondary)}.ea-field-messages__message--error{color:var(--color-error-
|
|
5375
|
+
styles: [":host{display:contents}.ea-field-messages__message{display:flex;align-items:center;gap:var(--space-1);font-size:max(var(--ea-field-messages-size, var(--text-helper-size)),.6875rem);font-weight:var(--text-helper-weight);line-height:var(--text-helper-lh)}.ea-field-messages__message--hint{color:var(--color-text-secondary)}.ea-field-messages__message--error{color:var(--color-error-text)}.ea-field-messages__icon{flex-shrink:0;font-size:1.2em;transform:translateY(-.0625em)}\n"],
|
|
5376
5376
|
dependencies: [{
|
|
5377
5377
|
kind: "component",
|
|
5378
5378
|
type: AlertCircleIconComponent,
|
|
@@ -5393,7 +5393,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5393
5393
|
imports: [AlertCircleIconComponent],
|
|
5394
5394
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
5395
5395
|
template: "@if (error()) {\n <p\n class=\"ea-field-messages__message ea-field-messages__message--error\"\n [id]=\"id() + '-error'\"\n role=\"alert\">\n <ea-icon-alert-circle class=\"ea-field-messages__icon\" />\n {{ error() }}\n </p>\n} @else if (hint()) {\n <p\n class=\"ea-field-messages__message ea-field-messages__message--hint\"\n [id]=\"id() + '-hint'\">\n {{ hint() }}\n </p>\n}\n",
|
|
5396
|
-
styles: [":host{display:contents}.ea-field-messages__message{display:flex;align-items:center;gap:var(--space-1);font-size:max(var(--ea-field-messages-size, var(--text-helper-size)),.6875rem);font-weight:var(--text-helper-weight);line-height:var(--text-helper-lh)}.ea-field-messages__message--hint{color:var(--color-text-secondary)}.ea-field-messages__message--error{color:var(--color-error-
|
|
5396
|
+
styles: [":host{display:contents}.ea-field-messages__message{display:flex;align-items:center;gap:var(--space-1);font-size:max(var(--ea-field-messages-size, var(--text-helper-size)),.6875rem);font-weight:var(--text-helper-weight);line-height:var(--text-helper-lh)}.ea-field-messages__message--hint{color:var(--color-text-secondary)}.ea-field-messages__message--error{color:var(--color-error-text)}.ea-field-messages__icon{flex-shrink:0;font-size:1.2em;transform:translateY(-.0625em)}\n"]
|
|
5397
5397
|
}]
|
|
5398
5398
|
}],
|
|
5399
5399
|
propDecorators: {
|
|
@@ -11492,7 +11492,7 @@ var CheckboxComponent = class CheckboxComponent {
|
|
|
11492
11492
|
}],
|
|
11493
11493
|
ngImport: i0,
|
|
11494
11494
|
template: "<div\n class=\"ea-checkbox-field ea-checkbox-field--{{ size() }}\"\n [class.ea-checkbox-field--truncate]=\"truncate()\">\n <label\n class=\"ea-checkbox\"\n [ngClass]=\"hostClasses()\"\n [for]=\"id()\">\n <input\n #inputEl\n type=\"checkbox\"\n class=\"ea-checkbox__input\"\n [id]=\"id()\"\n [checked]=\"checked()\"\n [disabled]=\"isDisabled()\"\n [required]=\"required()\"\n [indeterminate]=\"indeterminate()\"\n [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\n [attr.aria-label]=\"!label() ? (ariaLabel() ?? null) : null\"\n [attr.aria-required]=\"required() || null\"\n [attr.aria-invalid]=\"hasError() || null\"\n [attr.aria-describedby]=\"\n showError() ? id() + '-error' : showHint() ? id() + '-hint' : null\n \"\n (change)=\"handleChange()\"\n (keydown)=\"handleKeydown($event)\" />\n\n <span\n class=\"ea-checkbox__box\"\n aria-hidden=\"true\">\n @if (indeterminate()) {\n <svg\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M4 8h8\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\" />\n </svg>\n } @else if (checked()) {\n <svg\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M3.5 8.5L6.5 11.5L12.5 4.5\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n }\n </span>\n\n @if (label()) {\n <span\n class=\"ea-checkbox__label\"\n [class.ea-checkbox__label--required]=\"required()\"\n [eaTooltip]=\"clampedText()\"\n [whenClipped]=\"true\">\n {{ label() }}\n @if (count() !== undefined && count() !== null) {\n <span class=\"ea-checkbox__count\">{{ count() }}</span>\n }\n </span>\n }\n </label>\n\n <ea-field-messages\n [id]=\"id()\"\n [error]=\"errorText()\"\n [hint]=\"showHint() ? hint() : null\" />\n</div>\n",
|
|
11495
|
-
styles: [":host{display:inline-flex;vertical-align:middle;line-height:1}:host(.ea-checkbox-host--truncate){max-width:100%}.ea-checkbox-field{display:inline-flex;flex-direction:column;gap:.375em}.ea-checkbox-field--truncate{min-width:0}.ea-checkbox-field{--ea-field-messages-size: .8125em}.ea-checkbox-field--2xs{font-size:var(--font-size-2xs)}.ea-checkbox-field--xs{font-size:var(--font-size-xs)}.ea-checkbox-field--sm{font-size:var(--font-size-sm)}.ea-checkbox-field--md{font-size:var(--font-size-md)}.ea-checkbox-field--lg{font-size:var(--font-size-lg)}.ea-checkbox-field--xl{font-size:var(--font-size-xl)}.ea-checkbox{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-sans);color:var(--color-text-primary)}.ea-checkbox--disabled{opacity:.45;cursor:default}.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:var(--color-brand-default);border-color:var(--color-brand-default);color:var(--color-text-inverse)}@media(forced-colors:active){.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-checkbox:hover:not(.ea-checkbox--disabled) .ea-checkbox__box{border-color:var(--color-brand-default)}.ea-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ea-checkbox__input:focus-visible+.ea-checkbox__box{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-checkbox__input:focus-visible+.ea-checkbox__box{outline:2px solid Highlight;outline-offset:2px}}.ea-checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:1.25em;height:1.25em;border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-bg-base);transition:var(--transition-colors),var(--transition-shadow)}.ea-checkbox__box svg{position:absolute;width:65%;height:65%}.ea-checkbox--truncate{min-width:0}.ea-checkbox--truncate .ea-checkbox__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.ea-checkbox__label{font-weight:var(--font-weight-regular);color:var(--ea-checkbox-label-color, inherit);transition:color var(--duration-fast) var(--ease-out)}.ea-checkbox__label--required:after{
|
|
11495
|
+
styles: [":host{display:inline-flex;vertical-align:middle;line-height:1}:host(.ea-checkbox-host--truncate){max-width:100%}.ea-checkbox-field{display:inline-flex;flex-direction:column;gap:.375em}.ea-checkbox-field--truncate{min-width:0}.ea-checkbox-field{--ea-field-messages-size: .8125em}.ea-checkbox-field--2xs{font-size:var(--font-size-2xs)}.ea-checkbox-field--xs{font-size:var(--font-size-xs)}.ea-checkbox-field--sm{font-size:var(--font-size-sm)}.ea-checkbox-field--md{font-size:var(--font-size-md)}.ea-checkbox-field--lg{font-size:var(--font-size-lg)}.ea-checkbox-field--xl{font-size:var(--font-size-xl)}.ea-checkbox{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-sans);color:var(--color-text-primary)}.ea-checkbox--disabled{opacity:.45;cursor:default}.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:var(--color-brand-default);border-color:var(--color-brand-default);color:var(--color-text-inverse)}@media(forced-colors:active){.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-checkbox:hover:not(.ea-checkbox--disabled) .ea-checkbox__box{border-color:var(--color-brand-default)}.ea-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ea-checkbox__input:focus-visible+.ea-checkbox__box{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-checkbox__input:focus-visible+.ea-checkbox__box{outline:2px solid Highlight;outline-offset:2px}}.ea-checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:1.25em;height:1.25em;border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-bg-base);transition:var(--transition-colors),var(--transition-shadow)}.ea-checkbox__box svg{position:absolute;width:65%;height:65%}.ea-checkbox--truncate{min-width:0}.ea-checkbox--truncate .ea-checkbox__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.ea-checkbox__label{font-weight:var(--font-weight-regular);color:var(--ea-checkbox-label-color, inherit);transition:color var(--duration-fast) var(--ease-out)}.ea-checkbox__label--required:after{color:var(--color-error-text);content:\" *\"}.ea-checkbox__count{margin-inline-start:.25em;color:var(--ea-checkbox-count-color, var(--color-text-tertiary));transition:color var(--duration-fast) var(--ease-out)}.ea-checkbox--error .ea-checkbox__box{border-color:var(--color-error-default)}\n"],
|
|
11496
11496
|
dependencies: [
|
|
11497
11497
|
{
|
|
11498
11498
|
kind: "component",
|
|
@@ -11551,7 +11551,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
11551
11551
|
multi: true
|
|
11552
11552
|
}],
|
|
11553
11553
|
template: "<div\n class=\"ea-checkbox-field ea-checkbox-field--{{ size() }}\"\n [class.ea-checkbox-field--truncate]=\"truncate()\">\n <label\n class=\"ea-checkbox\"\n [ngClass]=\"hostClasses()\"\n [for]=\"id()\">\n <input\n #inputEl\n type=\"checkbox\"\n class=\"ea-checkbox__input\"\n [id]=\"id()\"\n [checked]=\"checked()\"\n [disabled]=\"isDisabled()\"\n [required]=\"required()\"\n [indeterminate]=\"indeterminate()\"\n [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\n [attr.aria-label]=\"!label() ? (ariaLabel() ?? null) : null\"\n [attr.aria-required]=\"required() || null\"\n [attr.aria-invalid]=\"hasError() || null\"\n [attr.aria-describedby]=\"\n showError() ? id() + '-error' : showHint() ? id() + '-hint' : null\n \"\n (change)=\"handleChange()\"\n (keydown)=\"handleKeydown($event)\" />\n\n <span\n class=\"ea-checkbox__box\"\n aria-hidden=\"true\">\n @if (indeterminate()) {\n <svg\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M4 8h8\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\" />\n </svg>\n } @else if (checked()) {\n <svg\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M3.5 8.5L6.5 11.5L12.5 4.5\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n }\n </span>\n\n @if (label()) {\n <span\n class=\"ea-checkbox__label\"\n [class.ea-checkbox__label--required]=\"required()\"\n [eaTooltip]=\"clampedText()\"\n [whenClipped]=\"true\">\n {{ label() }}\n @if (count() !== undefined && count() !== null) {\n <span class=\"ea-checkbox__count\">{{ count() }}</span>\n }\n </span>\n }\n </label>\n\n <ea-field-messages\n [id]=\"id()\"\n [error]=\"errorText()\"\n [hint]=\"showHint() ? hint() : null\" />\n</div>\n",
|
|
11554
|
-
styles: [":host{display:inline-flex;vertical-align:middle;line-height:1}:host(.ea-checkbox-host--truncate){max-width:100%}.ea-checkbox-field{display:inline-flex;flex-direction:column;gap:.375em}.ea-checkbox-field--truncate{min-width:0}.ea-checkbox-field{--ea-field-messages-size: .8125em}.ea-checkbox-field--2xs{font-size:var(--font-size-2xs)}.ea-checkbox-field--xs{font-size:var(--font-size-xs)}.ea-checkbox-field--sm{font-size:var(--font-size-sm)}.ea-checkbox-field--md{font-size:var(--font-size-md)}.ea-checkbox-field--lg{font-size:var(--font-size-lg)}.ea-checkbox-field--xl{font-size:var(--font-size-xl)}.ea-checkbox{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-sans);color:var(--color-text-primary)}.ea-checkbox--disabled{opacity:.45;cursor:default}.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:var(--color-brand-default);border-color:var(--color-brand-default);color:var(--color-text-inverse)}@media(forced-colors:active){.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-checkbox:hover:not(.ea-checkbox--disabled) .ea-checkbox__box{border-color:var(--color-brand-default)}.ea-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ea-checkbox__input:focus-visible+.ea-checkbox__box{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-checkbox__input:focus-visible+.ea-checkbox__box{outline:2px solid Highlight;outline-offset:2px}}.ea-checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:1.25em;height:1.25em;border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-bg-base);transition:var(--transition-colors),var(--transition-shadow)}.ea-checkbox__box svg{position:absolute;width:65%;height:65%}.ea-checkbox--truncate{min-width:0}.ea-checkbox--truncate .ea-checkbox__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.ea-checkbox__label{font-weight:var(--font-weight-regular);color:var(--ea-checkbox-label-color, inherit);transition:color var(--duration-fast) var(--ease-out)}.ea-checkbox__label--required:after{
|
|
11554
|
+
styles: [":host{display:inline-flex;vertical-align:middle;line-height:1}:host(.ea-checkbox-host--truncate){max-width:100%}.ea-checkbox-field{display:inline-flex;flex-direction:column;gap:.375em}.ea-checkbox-field--truncate{min-width:0}.ea-checkbox-field{--ea-field-messages-size: .8125em}.ea-checkbox-field--2xs{font-size:var(--font-size-2xs)}.ea-checkbox-field--xs{font-size:var(--font-size-xs)}.ea-checkbox-field--sm{font-size:var(--font-size-sm)}.ea-checkbox-field--md{font-size:var(--font-size-md)}.ea-checkbox-field--lg{font-size:var(--font-size-lg)}.ea-checkbox-field--xl{font-size:var(--font-size-xl)}.ea-checkbox{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-sans);color:var(--color-text-primary)}.ea-checkbox--disabled{opacity:.45;cursor:default}.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:var(--color-brand-default);border-color:var(--color-brand-default);color:var(--color-text-inverse)}@media(forced-colors:active){.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-checkbox:hover:not(.ea-checkbox--disabled) .ea-checkbox__box{border-color:var(--color-brand-default)}.ea-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ea-checkbox__input:focus-visible+.ea-checkbox__box{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-checkbox__input:focus-visible+.ea-checkbox__box{outline:2px solid Highlight;outline-offset:2px}}.ea-checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:1.25em;height:1.25em;border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-bg-base);transition:var(--transition-colors),var(--transition-shadow)}.ea-checkbox__box svg{position:absolute;width:65%;height:65%}.ea-checkbox--truncate{min-width:0}.ea-checkbox--truncate .ea-checkbox__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.ea-checkbox__label{font-weight:var(--font-weight-regular);color:var(--ea-checkbox-label-color, inherit);transition:color var(--duration-fast) var(--ease-out)}.ea-checkbox__label--required:after{color:var(--color-error-text);content:\" *\"}.ea-checkbox__count{margin-inline-start:.25em;color:var(--ea-checkbox-count-color, var(--color-text-tertiary));transition:color var(--duration-fast) var(--ease-out)}.ea-checkbox--error .ea-checkbox__box{border-color:var(--color-error-default)}\n"]
|
|
11555
11555
|
}]
|
|
11556
11556
|
}],
|
|
11557
11557
|
propDecorators: {
|
|
@@ -22764,7 +22764,7 @@ var MenuItemComponent = class MenuItemComponent {
|
|
|
22764
22764
|
outputs: { clicked: "clicked" },
|
|
22765
22765
|
ngImport: i0,
|
|
22766
22766
|
template: "<button\n type=\"button\"\n class=\"ea-menu-item\"\n role=\"menuitem\"\n [id]=\"itemId\"\n [attr.tabindex]=\"tabIndex()\"\n [class.ea-menu-item--disabled]=\"disabled()\"\n [class.ea-menu-item--danger]=\"variant() === 'danger'\"\n [disabled]=\"disabled()\"\n (click)=\"handleClick($event)\">\n <span class=\"ea-menu-item__icon\">\n <ng-content select=\"[slot=icon]\" />\n </span>\n <span class=\"ea-menu-item__label\">\n <ng-content />\n </span>\n</button>\n",
|
|
22767
|
-
styles: [".ea-menu-item{display:flex;align-items:center;gap:.5em;width:100%;padding:.5em .75em;font-size:inherit;text-align:start;font-family:var(--font-family-sans);border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-menu-item:focus-visible{outline:none}.ea-menu-item--danger{color:var(--color-error-
|
|
22767
|
+
styles: [".ea-menu-item{display:flex;align-items:center;gap:.5em;width:100%;padding:.5em .75em;font-size:inherit;text-align:start;font-family:var(--font-family-sans);border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-menu-item:focus-visible{outline:none}.ea-menu-item--danger{color:var(--color-error-text)}.ea-menu-item--danger:hover:not(.ea-menu-item--disabled),.ea-menu-item--danger:focus-visible:not(.ea-menu-item--disabled){background-color:var(--color-error-subtle, var(--color-bg-muted))}@media(forced-colors:active){.ea-menu-item--danger:hover:not(.ea-menu-item--disabled),.ea-menu-item--danger:focus-visible:not(.ea-menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-menu-item--disabled{color:var(--color-text-disabled);cursor:default}.ea-menu-item__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1em;height:1em;color:inherit}.ea-menu-item__icon>*{width:1em;height:1em}.ea-menu-item__icon:empty{display:none}.ea-menu-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"],
|
|
22768
22768
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
22769
22769
|
});
|
|
22770
22770
|
};
|
|
@@ -22779,7 +22779,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
22779
22779
|
selector: "ea-menu-item",
|
|
22780
22780
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
22781
22781
|
template: "<button\n type=\"button\"\n class=\"ea-menu-item\"\n role=\"menuitem\"\n [id]=\"itemId\"\n [attr.tabindex]=\"tabIndex()\"\n [class.ea-menu-item--disabled]=\"disabled()\"\n [class.ea-menu-item--danger]=\"variant() === 'danger'\"\n [disabled]=\"disabled()\"\n (click)=\"handleClick($event)\">\n <span class=\"ea-menu-item__icon\">\n <ng-content select=\"[slot=icon]\" />\n </span>\n <span class=\"ea-menu-item__label\">\n <ng-content />\n </span>\n</button>\n",
|
|
22782
|
-
styles: [".ea-menu-item{display:flex;align-items:center;gap:.5em;width:100%;padding:.5em .75em;font-size:inherit;text-align:start;font-family:var(--font-family-sans);border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-menu-item:focus-visible{outline:none}.ea-menu-item--danger{color:var(--color-error-
|
|
22782
|
+
styles: [".ea-menu-item{display:flex;align-items:center;gap:.5em;width:100%;padding:.5em .75em;font-size:inherit;text-align:start;font-family:var(--font-family-sans);border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-menu-item:focus-visible{outline:none}.ea-menu-item--danger{color:var(--color-error-text)}.ea-menu-item--danger:hover:not(.ea-menu-item--disabled),.ea-menu-item--danger:focus-visible:not(.ea-menu-item--disabled){background-color:var(--color-error-subtle, var(--color-bg-muted))}@media(forced-colors:active){.ea-menu-item--danger:hover:not(.ea-menu-item--disabled),.ea-menu-item--danger:focus-visible:not(.ea-menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-menu-item--disabled{color:var(--color-text-disabled);cursor:default}.ea-menu-item__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1em;height:1em;color:inherit}.ea-menu-item__icon>*{width:1em;height:1em}.ea-menu-item__icon:empty{display:none}.ea-menu-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"]
|
|
22783
22783
|
}]
|
|
22784
22784
|
}],
|
|
22785
22785
|
propDecorators: {
|
|
@@ -29306,7 +29306,7 @@ var SwitchComponent = class SwitchComponent {
|
|
|
29306
29306
|
}],
|
|
29307
29307
|
ngImport: i0,
|
|
29308
29308
|
template: "<div class=\"ea-switch-field ea-switch-field--{{ size() }}\">\n <label\n class=\"ea-switch\"\n [ngClass]=\"hostClasses()\"\n [for]=\"id()\">\n <input\n class=\"ea-switch__input\"\n type=\"checkbox\"\n role=\"switch\"\n [id]=\"id()\"\n [checked]=\"checked()\"\n [disabled]=\"isDisabled()\"\n [required]=\"required()\"\n [attr.aria-checked]=\"checked()\"\n [attr.aria-label]=\"!label() ? (ariaLabel() ?? null) : null\"\n [attr.aria-required]=\"required() || null\"\n [attr.aria-invalid]=\"hasError() || null\"\n [attr.aria-describedby]=\"\n showError() ? id() + '-error' : showHint() ? id() + '-hint' : null\n \"\n (change)=\"handleChange()\" />\n <span class=\"ea-switch__track\">\n <span class=\"ea-switch__thumb\">\n @if (thumbIcon(); as icon) {\n <span\n class=\"ea-switch__thumb-icon\"\n aria-hidden=\"true\">\n <ng-container *ngComponentOutlet=\"icon\" />\n </span>\n }\n </span>\n </span>\n @if (label()) {\n <span\n class=\"ea-switch__label\"\n [class.ea-switch__label--required]=\"required()\">\n {{ label() }}\n </span>\n }\n </label>\n\n <ea-field-messages\n [id]=\"id()\"\n [error]=\"errorText()\"\n [hint]=\"showHint() ? hint() : null\" />\n</div>\n",
|
|
29309
|
-
styles: [".ea-switch-field{display:inline-flex;flex-direction:column;gap:.375em;--ea-field-messages-size: .8125em}.ea-switch-field--2xs{font-size:var(--font-size-2xs)}.ea-switch-field--xs{font-size:var(--font-size-xs)}.ea-switch-field--sm{font-size:var(--font-size-sm)}.ea-switch-field--md{font-size:var(--font-size-md)}.ea-switch-field--lg{font-size:var(--font-size-lg)}.ea-switch-field--xl{font-size:var(--font-size-xl)}.ea-switch{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-sans)}.ea-switch--tone-success{--ea-switch-tone: var(--color-success-default);--ea-switch-tone-wash: var(--color-success-muted)}.ea-switch--tone-warning{--ea-switch-tone: var(--color-warning-default);--ea-switch-tone-wash: var(--color-warning-muted)}.ea-switch--tone-error{--ea-switch-tone: var(--color-error-default);--ea-switch-tone-wash: var(--color-error-muted)}.ea-switch--tone-info{--ea-switch-tone: var(--color-info-default);--ea-switch-tone-wash: var(--color-info-muted)}.ea-switch--checked .ea-switch__track{background-color:var(--ea-switch-tone, var(--color-brand-default));border-color:var(--ea-switch-tone, var(--color-brand-default))}@media(forced-colors:active){.ea-switch--checked .ea-switch__track{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-switch--checked .ea-switch__thumb{transform:translate(calc(100% * var(--ea-rtl-sign)))}.ea-switch--checked .ea-switch__thumb-icon{color:var(--ea-switch-tone, var(--color-brand-default))}.ea-switch--disabled{opacity:.45;cursor:default}.ea-switch:hover:not(.ea-switch--disabled) .ea-switch__track{border-color:var(--ea-switch-tone, var(--color-brand-default))}.ea-switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ea-switch__input:focus-visible+.ea-switch__track{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-switch__input:focus-visible+.ea-switch__track{outline:2px solid Highlight;outline-offset:2px}}.ea-switch__track{position:relative;display:flex;align-items:center;flex-shrink:0;width:calc(var(--ea-switch-size, 1.25em) * 1.8);height:var(--ea-switch-size, 1.25em);padding:calc(var(--ea-switch-size, 1.25em) * .1);background-color:var(--ea-switch-tone-wash, var(--color-bg-muted));border:var(--border-width-thin) solid var(--ea-switch-track-border-color, var(--ea-switch-tone, var(--color-border-default)));border-radius:var(--radius-full);transition:var(--transition-colors)}.ea-switch__thumb{display:flex;align-items:center;justify-content:center;width:calc(var(--ea-switch-size, 1.25em) * .8);height:calc(var(--ea-switch-size, 1.25em) * .8);background-color:var(--color-neutral-0);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out)}.ea-switch__thumb-icon{display:inline-flex;font-size:calc(var(--ea-switch-size, 1.25em) * .5);color:var(--ea-switch-tone, var(--color-neutral-600))}.ea-switch__label{font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary)}.ea-switch__label--required:after{
|
|
29309
|
+
styles: [".ea-switch-field{display:inline-flex;flex-direction:column;gap:.375em;--ea-field-messages-size: .8125em}.ea-switch-field--2xs{font-size:var(--font-size-2xs)}.ea-switch-field--xs{font-size:var(--font-size-xs)}.ea-switch-field--sm{font-size:var(--font-size-sm)}.ea-switch-field--md{font-size:var(--font-size-md)}.ea-switch-field--lg{font-size:var(--font-size-lg)}.ea-switch-field--xl{font-size:var(--font-size-xl)}.ea-switch{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-sans)}.ea-switch--tone-success{--ea-switch-tone: var(--color-success-default);--ea-switch-tone-wash: var(--color-success-muted)}.ea-switch--tone-warning{--ea-switch-tone: var(--color-warning-default);--ea-switch-tone-wash: var(--color-warning-muted)}.ea-switch--tone-error{--ea-switch-tone: var(--color-error-default);--ea-switch-tone-wash: var(--color-error-muted)}.ea-switch--tone-info{--ea-switch-tone: var(--color-info-default);--ea-switch-tone-wash: var(--color-info-muted)}.ea-switch--checked .ea-switch__track{background-color:var(--ea-switch-tone, var(--color-brand-default));border-color:var(--ea-switch-tone, var(--color-brand-default))}@media(forced-colors:active){.ea-switch--checked .ea-switch__track{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-switch--checked .ea-switch__thumb{transform:translate(calc(100% * var(--ea-rtl-sign)))}.ea-switch--checked .ea-switch__thumb-icon{color:var(--ea-switch-tone, var(--color-brand-default))}.ea-switch--disabled{opacity:.45;cursor:default}.ea-switch:hover:not(.ea-switch--disabled) .ea-switch__track{border-color:var(--ea-switch-tone, var(--color-brand-default))}.ea-switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ea-switch__input:focus-visible+.ea-switch__track{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-switch__input:focus-visible+.ea-switch__track{outline:2px solid Highlight;outline-offset:2px}}.ea-switch__track{position:relative;display:flex;align-items:center;flex-shrink:0;width:calc(var(--ea-switch-size, 1.25em) * 1.8);height:var(--ea-switch-size, 1.25em);padding:calc(var(--ea-switch-size, 1.25em) * .1);background-color:var(--ea-switch-tone-wash, var(--color-bg-muted));border:var(--border-width-thin) solid var(--ea-switch-track-border-color, var(--ea-switch-tone, var(--color-border-default)));border-radius:var(--radius-full);transition:var(--transition-colors)}.ea-switch__thumb{display:flex;align-items:center;justify-content:center;width:calc(var(--ea-switch-size, 1.25em) * .8);height:calc(var(--ea-switch-size, 1.25em) * .8);background-color:var(--color-neutral-0);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out)}.ea-switch__thumb-icon{display:inline-flex;font-size:calc(var(--ea-switch-size, 1.25em) * .5);color:var(--ea-switch-tone, var(--color-neutral-600))}.ea-switch__label{font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary)}.ea-switch__label--required:after{color:var(--color-error-text);content:\" *\"}.ea-switch--error .ea-switch__track{border-color:var(--color-error-default)}\n"],
|
|
29310
29310
|
dependencies: [
|
|
29311
29311
|
{
|
|
29312
29312
|
kind: "component",
|
|
@@ -29363,7 +29363,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
29363
29363
|
multi: true
|
|
29364
29364
|
}],
|
|
29365
29365
|
template: "<div class=\"ea-switch-field ea-switch-field--{{ size() }}\">\n <label\n class=\"ea-switch\"\n [ngClass]=\"hostClasses()\"\n [for]=\"id()\">\n <input\n class=\"ea-switch__input\"\n type=\"checkbox\"\n role=\"switch\"\n [id]=\"id()\"\n [checked]=\"checked()\"\n [disabled]=\"isDisabled()\"\n [required]=\"required()\"\n [attr.aria-checked]=\"checked()\"\n [attr.aria-label]=\"!label() ? (ariaLabel() ?? null) : null\"\n [attr.aria-required]=\"required() || null\"\n [attr.aria-invalid]=\"hasError() || null\"\n [attr.aria-describedby]=\"\n showError() ? id() + '-error' : showHint() ? id() + '-hint' : null\n \"\n (change)=\"handleChange()\" />\n <span class=\"ea-switch__track\">\n <span class=\"ea-switch__thumb\">\n @if (thumbIcon(); as icon) {\n <span\n class=\"ea-switch__thumb-icon\"\n aria-hidden=\"true\">\n <ng-container *ngComponentOutlet=\"icon\" />\n </span>\n }\n </span>\n </span>\n @if (label()) {\n <span\n class=\"ea-switch__label\"\n [class.ea-switch__label--required]=\"required()\">\n {{ label() }}\n </span>\n }\n </label>\n\n <ea-field-messages\n [id]=\"id()\"\n [error]=\"errorText()\"\n [hint]=\"showHint() ? hint() : null\" />\n</div>\n",
|
|
29366
|
-
styles: [".ea-switch-field{display:inline-flex;flex-direction:column;gap:.375em;--ea-field-messages-size: .8125em}.ea-switch-field--2xs{font-size:var(--font-size-2xs)}.ea-switch-field--xs{font-size:var(--font-size-xs)}.ea-switch-field--sm{font-size:var(--font-size-sm)}.ea-switch-field--md{font-size:var(--font-size-md)}.ea-switch-field--lg{font-size:var(--font-size-lg)}.ea-switch-field--xl{font-size:var(--font-size-xl)}.ea-switch{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-sans)}.ea-switch--tone-success{--ea-switch-tone: var(--color-success-default);--ea-switch-tone-wash: var(--color-success-muted)}.ea-switch--tone-warning{--ea-switch-tone: var(--color-warning-default);--ea-switch-tone-wash: var(--color-warning-muted)}.ea-switch--tone-error{--ea-switch-tone: var(--color-error-default);--ea-switch-tone-wash: var(--color-error-muted)}.ea-switch--tone-info{--ea-switch-tone: var(--color-info-default);--ea-switch-tone-wash: var(--color-info-muted)}.ea-switch--checked .ea-switch__track{background-color:var(--ea-switch-tone, var(--color-brand-default));border-color:var(--ea-switch-tone, var(--color-brand-default))}@media(forced-colors:active){.ea-switch--checked .ea-switch__track{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-switch--checked .ea-switch__thumb{transform:translate(calc(100% * var(--ea-rtl-sign)))}.ea-switch--checked .ea-switch__thumb-icon{color:var(--ea-switch-tone, var(--color-brand-default))}.ea-switch--disabled{opacity:.45;cursor:default}.ea-switch:hover:not(.ea-switch--disabled) .ea-switch__track{border-color:var(--ea-switch-tone, var(--color-brand-default))}.ea-switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ea-switch__input:focus-visible+.ea-switch__track{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-switch__input:focus-visible+.ea-switch__track{outline:2px solid Highlight;outline-offset:2px}}.ea-switch__track{position:relative;display:flex;align-items:center;flex-shrink:0;width:calc(var(--ea-switch-size, 1.25em) * 1.8);height:var(--ea-switch-size, 1.25em);padding:calc(var(--ea-switch-size, 1.25em) * .1);background-color:var(--ea-switch-tone-wash, var(--color-bg-muted));border:var(--border-width-thin) solid var(--ea-switch-track-border-color, var(--ea-switch-tone, var(--color-border-default)));border-radius:var(--radius-full);transition:var(--transition-colors)}.ea-switch__thumb{display:flex;align-items:center;justify-content:center;width:calc(var(--ea-switch-size, 1.25em) * .8);height:calc(var(--ea-switch-size, 1.25em) * .8);background-color:var(--color-neutral-0);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out)}.ea-switch__thumb-icon{display:inline-flex;font-size:calc(var(--ea-switch-size, 1.25em) * .5);color:var(--ea-switch-tone, var(--color-neutral-600))}.ea-switch__label{font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary)}.ea-switch__label--required:after{
|
|
29366
|
+
styles: [".ea-switch-field{display:inline-flex;flex-direction:column;gap:.375em;--ea-field-messages-size: .8125em}.ea-switch-field--2xs{font-size:var(--font-size-2xs)}.ea-switch-field--xs{font-size:var(--font-size-xs)}.ea-switch-field--sm{font-size:var(--font-size-sm)}.ea-switch-field--md{font-size:var(--font-size-md)}.ea-switch-field--lg{font-size:var(--font-size-lg)}.ea-switch-field--xl{font-size:var(--font-size-xl)}.ea-switch{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-sans)}.ea-switch--tone-success{--ea-switch-tone: var(--color-success-default);--ea-switch-tone-wash: var(--color-success-muted)}.ea-switch--tone-warning{--ea-switch-tone: var(--color-warning-default);--ea-switch-tone-wash: var(--color-warning-muted)}.ea-switch--tone-error{--ea-switch-tone: var(--color-error-default);--ea-switch-tone-wash: var(--color-error-muted)}.ea-switch--tone-info{--ea-switch-tone: var(--color-info-default);--ea-switch-tone-wash: var(--color-info-muted)}.ea-switch--checked .ea-switch__track{background-color:var(--ea-switch-tone, var(--color-brand-default));border-color:var(--ea-switch-tone, var(--color-brand-default))}@media(forced-colors:active){.ea-switch--checked .ea-switch__track{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-switch--checked .ea-switch__thumb{transform:translate(calc(100% * var(--ea-rtl-sign)))}.ea-switch--checked .ea-switch__thumb-icon{color:var(--ea-switch-tone, var(--color-brand-default))}.ea-switch--disabled{opacity:.45;cursor:default}.ea-switch:hover:not(.ea-switch--disabled) .ea-switch__track{border-color:var(--ea-switch-tone, var(--color-brand-default))}.ea-switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ea-switch__input:focus-visible+.ea-switch__track{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-switch__input:focus-visible+.ea-switch__track{outline:2px solid Highlight;outline-offset:2px}}.ea-switch__track{position:relative;display:flex;align-items:center;flex-shrink:0;width:calc(var(--ea-switch-size, 1.25em) * 1.8);height:var(--ea-switch-size, 1.25em);padding:calc(var(--ea-switch-size, 1.25em) * .1);background-color:var(--ea-switch-tone-wash, var(--color-bg-muted));border:var(--border-width-thin) solid var(--ea-switch-track-border-color, var(--ea-switch-tone, var(--color-border-default)));border-radius:var(--radius-full);transition:var(--transition-colors)}.ea-switch__thumb{display:flex;align-items:center;justify-content:center;width:calc(var(--ea-switch-size, 1.25em) * .8);height:calc(var(--ea-switch-size, 1.25em) * .8);background-color:var(--color-neutral-0);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out)}.ea-switch__thumb-icon{display:inline-flex;font-size:calc(var(--ea-switch-size, 1.25em) * .5);color:var(--ea-switch-tone, var(--color-neutral-600))}.ea-switch__label{font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary)}.ea-switch__label--required:after{color:var(--color-error-text);content:\" *\"}.ea-switch--error .ea-switch__track{border-color:var(--color-error-default)}\n"]
|
|
29367
29367
|
}]
|
|
29368
29368
|
}],
|
|
29369
29369
|
propDecorators: {
|