@eagami/ui 5.61.2 → 5.62.1
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
|
@@ -7377,6 +7377,7 @@ var TooltipDirective = class TooltipDirective {
|
|
|
7377
7377
|
tooltipEl = null;
|
|
7378
7378
|
placedPosition = "top";
|
|
7379
7379
|
templateView = null;
|
|
7380
|
+
renderedContent = null;
|
|
7380
7381
|
scrollable = false;
|
|
7381
7382
|
showTimer = null;
|
|
7382
7383
|
hideTimer = null;
|
|
@@ -7437,6 +7438,21 @@ var TooltipDirective = class TooltipDirective {
|
|
|
7437
7438
|
if (open !== null || wasControlled) untracked(() => open ? this.show() : this.hide());
|
|
7438
7439
|
wasControlled = open !== null;
|
|
7439
7440
|
});
|
|
7441
|
+
afterRenderEffect(() => {
|
|
7442
|
+
const content = this.eaTooltip();
|
|
7443
|
+
untracked(() => {
|
|
7444
|
+
if (!this.tooltipEl || content === this.renderedContent) return;
|
|
7445
|
+
if (!content) {
|
|
7446
|
+
this.hide();
|
|
7447
|
+
return;
|
|
7448
|
+
}
|
|
7449
|
+
this.templateView?.destroy();
|
|
7450
|
+
this.templateView = null;
|
|
7451
|
+
this.tooltipEl.replaceChildren();
|
|
7452
|
+
this.renderContent(content);
|
|
7453
|
+
this.relayoutHandler();
|
|
7454
|
+
});
|
|
7455
|
+
});
|
|
7440
7456
|
}
|
|
7441
7457
|
controlled() {
|
|
7442
7458
|
return this.tooltipOpen() !== null;
|
|
@@ -7495,12 +7511,7 @@ var TooltipDirective = class TooltipDirective {
|
|
|
7495
7511
|
if (this.controlled()) this.renderer.addClass(this.tooltipEl, "ea-tooltip--controlled");
|
|
7496
7512
|
this.renderer.setAttribute(this.tooltipEl, "role", "tooltip");
|
|
7497
7513
|
this.renderer.setAttribute(this.tooltipEl, "id", this.tooltipId);
|
|
7498
|
-
|
|
7499
|
-
if (content instanceof TemplateRef) {
|
|
7500
|
-
this.templateView = this.viewContainer.createEmbeddedView(content);
|
|
7501
|
-
this.templateView.detectChanges();
|
|
7502
|
-
for (const node of this.templateView.rootNodes) this.renderer.appendChild(this.tooltipEl, node);
|
|
7503
|
-
} else this.tooltipEl.textContent = content;
|
|
7514
|
+
this.renderContent(this.eaTooltip());
|
|
7504
7515
|
const maxWidth = this.maxWidth();
|
|
7505
7516
|
if (maxWidth != null) {
|
|
7506
7517
|
this.renderer.setStyle(this.tooltipEl, "--ea-tooltip-max-width", `${Math.max(50, maxWidth)}px`, RendererStyleFlags2.DashCase);
|
|
@@ -7548,6 +7559,14 @@ var TooltipDirective = class TooltipDirective {
|
|
|
7548
7559
|
this.hideTimer = null;
|
|
7549
7560
|
}
|
|
7550
7561
|
}
|
|
7562
|
+
renderContent(content) {
|
|
7563
|
+
this.renderedContent = content;
|
|
7564
|
+
if (content instanceof TemplateRef) {
|
|
7565
|
+
this.templateView = this.viewContainer.createEmbeddedView(content);
|
|
7566
|
+
this.templateView.detectChanges();
|
|
7567
|
+
for (const node of this.templateView.rootNodes) this.renderer.appendChild(this.tooltipEl, node);
|
|
7568
|
+
} else this.tooltipEl.textContent = content;
|
|
7569
|
+
}
|
|
7551
7570
|
hide() {
|
|
7552
7571
|
this.cancelPendingShow();
|
|
7553
7572
|
this.cancelPendingHide();
|
|
@@ -7564,6 +7583,7 @@ var TooltipDirective = class TooltipDirective {
|
|
|
7564
7583
|
this.scrollable = false;
|
|
7565
7584
|
this.templateView?.destroy();
|
|
7566
7585
|
this.templateView = null;
|
|
7586
|
+
this.renderedContent = null;
|
|
7567
7587
|
this.removeDescribedBy();
|
|
7568
7588
|
}
|
|
7569
7589
|
}
|
|
@@ -11492,7 +11512,7 @@ var CheckboxComponent = class CheckboxComponent {
|
|
|
11492
11512
|
}],
|
|
11493
11513
|
ngImport: i0,
|
|
11494
11514
|
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-
|
|
11515
|
+
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--checked,.ea-checkbox--indeterminate,.ea-checkbox--error) .ea-checkbox__box{border-color:var(--color-border-emphasis)}.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
11516
|
dependencies: [
|
|
11497
11517
|
{
|
|
11498
11518
|
kind: "component",
|
|
@@ -11551,7 +11571,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
11551
11571
|
multi: true
|
|
11552
11572
|
}],
|
|
11553
11573
|
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-
|
|
11574
|
+
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--checked,.ea-checkbox--indeterminate,.ea-checkbox--error) .ea-checkbox__box{border-color:var(--color-border-emphasis)}.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
11575
|
}]
|
|
11556
11576
|
}],
|
|
11557
11577
|
propDecorators: {
|
|
@@ -26149,7 +26169,7 @@ var RadioComponent = class RadioComponent {
|
|
|
26149
26169
|
},
|
|
26150
26170
|
ngImport: i0,
|
|
26151
26171
|
template: "<label\n class=\"ea-radio\"\n [ngClass]=\"hostClasses()\"\n [for]=\"id()\">\n <input\n type=\"radio\"\n class=\"ea-radio__input\"\n [id]=\"id()\"\n [name]=\"name()\"\n [value]=\"value()\"\n [checked]=\"isChecked()\"\n [disabled]=\"isDisabled()\"\n (change)=\"handleChange()\" />\n\n <span\n class=\"ea-radio__circle\"\n aria-hidden=\"true\">\n </span>\n\n @if (label()) {\n <span class=\"ea-radio__label\">{{ label() }}</span>\n }\n</label>\n",
|
|
26152
|
-
styles: [":host{display:inline-flex;vertical-align:middle;line-height:1}.ea-radio{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-radio--2xs{font-size:var(--font-size-2xs)}.ea-radio--xs{font-size:var(--font-size-xs)}.ea-radio--sm{font-size:var(--font-size-sm)}.ea-radio--md{font-size:var(--font-size-md)}.ea-radio--lg{font-size:var(--font-size-lg)}.ea-radio--xl{font-size:var(--font-size-xl)}.ea-radio--disabled{opacity:.45;cursor:default}.ea-radio--checked .ea-radio__circle{border-color:var(--color-brand-default)}.ea-radio--checked .ea-radio__circle:after{transform:scale(1)}@media(forced-colors:active){.ea-radio--checked .ea-radio__circle{border-color:Highlight}.ea-radio--checked .ea-radio__circle:after{background-color:Highlight}}.ea-radio:hover:not(.ea-radio--disabled) .ea-radio__circle{border-color:var(--color-
|
|
26172
|
+
styles: [":host{display:inline-flex;vertical-align:middle;line-height:1}.ea-radio{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-radio--2xs{font-size:var(--font-size-2xs)}.ea-radio--xs{font-size:var(--font-size-xs)}.ea-radio--sm{font-size:var(--font-size-sm)}.ea-radio--md{font-size:var(--font-size-md)}.ea-radio--lg{font-size:var(--font-size-lg)}.ea-radio--xl{font-size:var(--font-size-xl)}.ea-radio--disabled{opacity:.45;cursor:default}.ea-radio--checked .ea-radio__circle{border-color:var(--color-brand-default)}.ea-radio--checked .ea-radio__circle:after{transform:scale(1)}@media(forced-colors:active){.ea-radio--checked .ea-radio__circle{border-color:Highlight}.ea-radio--checked .ea-radio__circle:after{background-color:Highlight}}.ea-radio:hover:not(.ea-radio--disabled,.ea-radio--checked) .ea-radio__circle{border-color:var(--color-border-emphasis)}.ea-radio__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-radio__input:focus-visible+.ea-radio__circle{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-radio__input:focus-visible+.ea-radio__circle{outline:2px solid Highlight;outline-offset:2px}}.ea-radio__circle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25em;height:1.25em;border-radius:var(--radius-full);background-color:var(--color-bg-base);border:var(--border-width-medium) solid var(--color-border-strong);transition:var(--transition-colors),var(--transition-shadow)}.ea-radio__circle:after{content:\"\";display:block;width:45%;height:45%;border-radius:var(--radius-full);background-color:var(--color-brand-default);transform:scale(0);transition:var(--transition-transform)}.ea-radio__label{line-height:1.25em;font-weight:var(--font-weight-regular)}\n"],
|
|
26153
26173
|
dependencies: [{
|
|
26154
26174
|
kind: "directive",
|
|
26155
26175
|
type: NgClass,
|
|
@@ -26171,7 +26191,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
26171
26191
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
26172
26192
|
imports: [NgClass],
|
|
26173
26193
|
template: "<label\n class=\"ea-radio\"\n [ngClass]=\"hostClasses()\"\n [for]=\"id()\">\n <input\n type=\"radio\"\n class=\"ea-radio__input\"\n [id]=\"id()\"\n [name]=\"name()\"\n [value]=\"value()\"\n [checked]=\"isChecked()\"\n [disabled]=\"isDisabled()\"\n (change)=\"handleChange()\" />\n\n <span\n class=\"ea-radio__circle\"\n aria-hidden=\"true\">\n </span>\n\n @if (label()) {\n <span class=\"ea-radio__label\">{{ label() }}</span>\n }\n</label>\n",
|
|
26174
|
-
styles: [":host{display:inline-flex;vertical-align:middle;line-height:1}.ea-radio{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-radio--2xs{font-size:var(--font-size-2xs)}.ea-radio--xs{font-size:var(--font-size-xs)}.ea-radio--sm{font-size:var(--font-size-sm)}.ea-radio--md{font-size:var(--font-size-md)}.ea-radio--lg{font-size:var(--font-size-lg)}.ea-radio--xl{font-size:var(--font-size-xl)}.ea-radio--disabled{opacity:.45;cursor:default}.ea-radio--checked .ea-radio__circle{border-color:var(--color-brand-default)}.ea-radio--checked .ea-radio__circle:after{transform:scale(1)}@media(forced-colors:active){.ea-radio--checked .ea-radio__circle{border-color:Highlight}.ea-radio--checked .ea-radio__circle:after{background-color:Highlight}}.ea-radio:hover:not(.ea-radio--disabled) .ea-radio__circle{border-color:var(--color-
|
|
26194
|
+
styles: [":host{display:inline-flex;vertical-align:middle;line-height:1}.ea-radio{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-radio--2xs{font-size:var(--font-size-2xs)}.ea-radio--xs{font-size:var(--font-size-xs)}.ea-radio--sm{font-size:var(--font-size-sm)}.ea-radio--md{font-size:var(--font-size-md)}.ea-radio--lg{font-size:var(--font-size-lg)}.ea-radio--xl{font-size:var(--font-size-xl)}.ea-radio--disabled{opacity:.45;cursor:default}.ea-radio--checked .ea-radio__circle{border-color:var(--color-brand-default)}.ea-radio--checked .ea-radio__circle:after{transform:scale(1)}@media(forced-colors:active){.ea-radio--checked .ea-radio__circle{border-color:Highlight}.ea-radio--checked .ea-radio__circle:after{background-color:Highlight}}.ea-radio:hover:not(.ea-radio--disabled,.ea-radio--checked) .ea-radio__circle{border-color:var(--color-border-emphasis)}.ea-radio__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-radio__input:focus-visible+.ea-radio__circle{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-radio__input:focus-visible+.ea-radio__circle{outline:2px solid Highlight;outline-offset:2px}}.ea-radio__circle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25em;height:1.25em;border-radius:var(--radius-full);background-color:var(--color-bg-base);border:var(--border-width-medium) solid var(--color-border-strong);transition:var(--transition-colors),var(--transition-shadow)}.ea-radio__circle:after{content:\"\";display:block;width:45%;height:45%;border-radius:var(--radius-full);background-color:var(--color-brand-default);transform:scale(0);transition:var(--transition-transform)}.ea-radio__label{line-height:1.25em;font-weight:var(--font-weight-regular)}\n"]
|
|
26175
26195
|
}]
|
|
26176
26196
|
}],
|
|
26177
26197
|
propDecorators: {
|
|
@@ -29306,7 +29326,7 @@ var SwitchComponent = class SwitchComponent {
|
|
|
29306
29326
|
}],
|
|
29307
29327
|
ngImport: i0,
|
|
29308
29328
|
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-
|
|
29329
|
+
styles: [":host{display:inline-flex;vertical-align:middle;line-height:1}.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--checked) .ea-switch__track{border-color:var(--ea-switch-tone, var(--color-border-strong))}.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
29330
|
dependencies: [
|
|
29311
29331
|
{
|
|
29312
29332
|
kind: "component",
|
|
@@ -29363,7 +29383,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
29363
29383
|
multi: true
|
|
29364
29384
|
}],
|
|
29365
29385
|
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-
|
|
29386
|
+
styles: [":host{display:inline-flex;vertical-align:middle;line-height:1}.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--checked) .ea-switch__track{border-color:var(--ea-switch-tone, var(--color-border-strong))}.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
29387
|
}]
|
|
29368
29388
|
}],
|
|
29369
29389
|
propDecorators: {
|