@magmonium/one 0.4.3 → 0.4.5
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/{magmonium-one-image-editor-CgqxXiYr.mjs → magmonium-one-image-editor-tRZa_hey.mjs} +2 -2
- package/fesm2022/{magmonium-one-image-editor-CgqxXiYr.mjs.map → magmonium-one-image-editor-tRZa_hey.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-magmonium-one-BiVtM3fV.mjs → magmonium-one-magmonium-one-E20M_YDk.mjs} +277 -67
- package/fesm2022/magmonium-one-magmonium-one-E20M_YDk.mjs.map +1 -0
- package/fesm2022/{magmonium-one-otp-CR75q6_8.mjs → magmonium-one-otp-D3REoA5M.mjs} +3 -3
- package/fesm2022/{magmonium-one-otp-CR75q6_8.mjs.map → magmonium-one-otp-D3REoA5M.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-password-6DmhCY23.mjs → magmonium-one-password-QdZSw46k.mjs} +3 -3
- package/fesm2022/{magmonium-one-password-6DmhCY23.mjs.map → magmonium-one-password-QdZSw46k.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-toggle-B65nJdOJ.mjs → magmonium-one-toggle-B3RHNaUP.mjs} +2 -2
- package/fesm2022/{magmonium-one-toggle-B65nJdOJ.mjs.map → magmonium-one-toggle-B3RHNaUP.mjs.map} +1 -1
- package/fesm2022/magmonium-one.mjs +1 -1
- package/package.json +1 -1
- package/types/magmonium-one.d.ts +75 -12
- package/fesm2022/magmonium-one-magmonium-one-BiVtM3fV.mjs.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, signal, inject, Injectable, computed, DestroyRef, DOCUMENT, ApplicationRef, RendererFactory2, createComponent, EnvironmentInjector, Pipe, ChangeDetectorRef, untracked, ElementRef, afterNextRender, input, ChangeDetectionStrategy, Component, effect, Injector, reflectComponentType, inputBinding, model, HostListener, Renderer2, Directive, output, viewChild, ViewEncapsulation, forwardRef, runInInjectionContext, contentChild, TemplateRef, ViewContainerRef, outputBinding, linkedSignal, afterRenderEffect, Input, booleanAttribute, HostAttributeToken, viewChildren, afterEveryRender, EventEmitter, Output, ViewChild, ContentChild, provideZonelessChangeDetection, makeEnvironmentProviders, HostBinding, provideAppInitializer, provideBrowserGlobalErrorListeners, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
2
|
+
import { InjectionToken, signal, inject, Injectable, computed, DestroyRef, DOCUMENT, ApplicationRef, RendererFactory2, createComponent, EnvironmentInjector, Pipe, ChangeDetectorRef, untracked, ElementRef, afterNextRender, input, ChangeDetectionStrategy, Component, effect, Injector, reflectComponentType, inputBinding, model, HostListener, Renderer2, Directive, output, viewChild, ViewEncapsulation, forwardRef, runInInjectionContext, contentChild, TemplateRef, contentChildren, ViewContainerRef, outputBinding, linkedSignal, afterRenderEffect, Input, booleanAttribute, HostAttributeToken, viewChildren, afterEveryRender, EventEmitter, Output, ViewChild, ContentChild, provideZonelessChangeDetection, makeEnvironmentProviders, HostBinding, provideAppInitializer, provideBrowserGlobalErrorListeners, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
3
3
|
import { HttpClient, HttpParams, HttpErrorResponse, provideHttpClient, withFetch, withInterceptors } from '@angular/common/http';
|
|
4
4
|
import { firstValueFrom, of, tap, catchError, throwError, shareReplay, finalize, forkJoin, map, Observable, pipe, interval, fromEvent, switchMap as switchMap$1, filter, Subject, EMPTY, from, combineLatest, race, take, startWith } from 'rxjs';
|
|
5
5
|
import { rxResource, toObservable, toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
@@ -7847,16 +7847,8 @@ class AgreementComponent {
|
|
|
7847
7847
|
</div>
|
|
7848
7848
|
|
|
7849
7849
|
<ul class="agreement__list">
|
|
7850
|
-
@for (permission of permissions(); track permission.
|
|
7851
|
-
<li class="agreement__item">
|
|
7852
|
-
<span class="agreement__icon"><m-icon [name]="permission.icon" /></span>
|
|
7853
|
-
<span class="agreement__text">
|
|
7854
|
-
<span class="agreement__name">{{ permission.nameKey | translate }}</span>
|
|
7855
|
-
<span class="agreement__description">{{
|
|
7856
|
-
permission.descriptionKey | translate
|
|
7857
|
-
}}</span>
|
|
7858
|
-
</span>
|
|
7859
|
-
</li>
|
|
7850
|
+
@for (permission of permissions(); track permission.nameKey) {
|
|
7851
|
+
<li class="agreement__item">{{ permission.descriptionKey | translate }}</li>
|
|
7860
7852
|
}
|
|
7861
7853
|
</ul>
|
|
7862
7854
|
|
|
@@ -7867,11 +7859,11 @@ class AgreementComponent {
|
|
|
7867
7859
|
<m-one-button name="okay" [label]="confirmLabel()" (clicked)="accept()" />
|
|
7868
7860
|
</div>
|
|
7869
7861
|
</div>
|
|
7870
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.agreement{display:flex;flex-direction:column;min-width:320px;max-width:480px;padding:2.5rem;background:var(--m-backdrop-modal, rgba(255, 255, 255, .85));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.agreement__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9375rem;margin-bottom:1.5rem}.agreement__body{margin:0;font-size:1rem;line-height:1.6;color:var(--m-text-600)}.agreement__list{list-style:none;margin:0 0 2rem;padding:0;display:flex;flex-direction:column;gap:1rem}.agreement__item{
|
|
7862
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.agreement{display:flex;flex-direction:column;min-width:320px;max-width:480px;padding:2.5rem;background:var(--m-backdrop-modal, rgba(255, 255, 255, .85));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.agreement__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9375rem;margin-bottom:1.5rem}.agreement__body{margin:0;font-size:1rem;line-height:1.6;color:var(--m-text-600)}.agreement__list{list-style:none;margin:0 0 2rem;padding:0;display:flex;flex-direction:column;gap:1rem}.agreement__item{font-weight:600;color:var(--m-text-900)}.agreement__actions{width:100%;display:flex;justify-content:center;gap:1rem}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "icon", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7871
7863
|
}
|
|
7872
7864
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AgreementComponent, decorators: [{
|
|
7873
7865
|
type: Component,
|
|
7874
|
-
args: [{ selector: 'm-agreement', imports: [ButtonComponent,
|
|
7866
|
+
args: [{ selector: 'm-agreement', imports: [ButtonComponent, TranslatePipe, HeaderComponent$1], template: `
|
|
7875
7867
|
<div class="agreement">
|
|
7876
7868
|
<div class="agreement__header">
|
|
7877
7869
|
<m-header [level]="3" [label]="header()" [params]="params()" />
|
|
@@ -7879,16 +7871,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
7879
7871
|
</div>
|
|
7880
7872
|
|
|
7881
7873
|
<ul class="agreement__list">
|
|
7882
|
-
@for (permission of permissions(); track permission.
|
|
7883
|
-
<li class="agreement__item">
|
|
7884
|
-
<span class="agreement__icon"><m-icon [name]="permission.icon" /></span>
|
|
7885
|
-
<span class="agreement__text">
|
|
7886
|
-
<span class="agreement__name">{{ permission.nameKey | translate }}</span>
|
|
7887
|
-
<span class="agreement__description">{{
|
|
7888
|
-
permission.descriptionKey | translate
|
|
7889
|
-
}}</span>
|
|
7890
|
-
</span>
|
|
7891
|
-
</li>
|
|
7874
|
+
@for (permission of permissions(); track permission.nameKey) {
|
|
7875
|
+
<li class="agreement__item">{{ permission.descriptionKey | translate }}</li>
|
|
7892
7876
|
}
|
|
7893
7877
|
</ul>
|
|
7894
7878
|
|
|
@@ -7899,7 +7883,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
7899
7883
|
<m-one-button name="okay" [label]="confirmLabel()" (clicked)="accept()" />
|
|
7900
7884
|
</div>
|
|
7901
7885
|
</div>
|
|
7902
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.agreement{display:flex;flex-direction:column;min-width:320px;max-width:480px;padding:2.5rem;background:var(--m-backdrop-modal, rgba(255, 255, 255, .85));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.agreement__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9375rem;margin-bottom:1.5rem}.agreement__body{margin:0;font-size:1rem;line-height:1.6;color:var(--m-text-600)}.agreement__list{list-style:none;margin:0 0 2rem;padding:0;display:flex;flex-direction:column;gap:1rem}.agreement__item{
|
|
7886
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.agreement{display:flex;flex-direction:column;min-width:320px;max-width:480px;padding:2.5rem;background:var(--m-backdrop-modal, rgba(255, 255, 255, .85));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.agreement__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9375rem;margin-bottom:1.5rem}.agreement__body{margin:0;font-size:1rem;line-height:1.6;color:var(--m-text-600)}.agreement__list{list-style:none;margin:0 0 2rem;padding:0;display:flex;flex-direction:column;gap:1rem}.agreement__item{font-weight:600;color:var(--m-text-900)}.agreement__actions{width:100%;display:flex;justify-content:center;gap:1rem}\n"] }]
|
|
7903
7887
|
}], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], params: [{ type: i0.Input, args: [{ isSignal: true, alias: "params", required: false }] }], permissions: [{ type: i0.Input, args: [{ isSignal: true, alias: "permissions", required: false }] }], confirmLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmLabel", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelLabel", required: false }] }] } });
|
|
7904
7888
|
|
|
7905
7889
|
// One modal per App at a time: init and every refused api call of the same
|
|
@@ -8450,9 +8434,9 @@ var InputType;
|
|
|
8450
8434
|
InputType["TIME"] = "time";
|
|
8451
8435
|
InputType["DATETIME"] = "datetime";
|
|
8452
8436
|
InputType["CHECKBOX"] = "checkbox";
|
|
8437
|
+
InputType["CHECKBOX_GROUP"] = "checkbox_group";
|
|
8453
8438
|
InputType["RADIO"] = "radio";
|
|
8454
8439
|
InputType["RADIO_GROUP"] = "radio_group";
|
|
8455
|
-
InputType["RADIO_MULTISELECT"] = "radio_multiselect";
|
|
8456
8440
|
InputType["DROPDOWN"] = "dropdown";
|
|
8457
8441
|
InputType["MULTISELECT"] = "multiselect";
|
|
8458
8442
|
InputType["TEXTAREA"] = "textarea";
|
|
@@ -8604,6 +8588,8 @@ function samePatterns(a, b) {
|
|
|
8604
8588
|
});
|
|
8605
8589
|
}
|
|
8606
8590
|
|
|
8591
|
+
const PLACED_CHECKBOX = new InjectionToken('PLACED_CHECKBOX');
|
|
8592
|
+
|
|
8607
8593
|
class SectionFormItemComponent extends ConfigComponent {
|
|
8608
8594
|
// No `fields/<name>.yml` behind this one. Every setting a projected Item
|
|
8609
8595
|
// carries is written on its tag (ADR 0010), so its `name` is the key the
|
|
@@ -8628,6 +8614,17 @@ class SectionFormItemComponent extends ConfigComponent {
|
|
|
8628
8614
|
// without a member to name, so it is picked up here and handed down.
|
|
8629
8615
|
projectedTemplate = contentChild((TemplateRef), ...(ngDevMode ? [{ debugName: "projectedTemplate" }] : /* istanbul ignore next */ []));
|
|
8630
8616
|
cardTemplate = computed(() => this.template() ?? this.projectedTemplate(), ...(ngDevMode ? [{ debugName: "cardTemplate" }] : /* istanbul ignore next */ []));
|
|
8617
|
+
// A CheckboxGroup's fixed list, written as `m-checkbox` tags between this
|
|
8618
|
+
// one's (ADR 0039). Never projected — the group is mounted through a
|
|
8619
|
+
// ViewContainerRef and draws its own boxes — only read as options, in markup
|
|
8620
|
+
// order, so one that comes or goes under an `@if` adds or drops its option.
|
|
8621
|
+
placedCheckboxes = contentChildren(PLACED_CHECKBOX, { ...(ngDevMode ? { debugName: "placedCheckboxes" } : /* istanbul ignore next */ {}), descendants: true });
|
|
8622
|
+
// Bound options win over placed ones, the way a List's `[data]` wins over
|
|
8623
|
+
// its `items`: a bound list is present even when empty.
|
|
8624
|
+
groupOptions = computed(() => this.options() ??
|
|
8625
|
+
this.placedCheckboxes()
|
|
8626
|
+
.map((checkbox) => checkbox.option())
|
|
8627
|
+
.filter((option) => !!option), ...(ngDevMode ? [{ debugName: "groupOptions" }] : /* istanbul ignore next */ []));
|
|
8631
8628
|
aclResolver = input(undefined, ...(ngDevMode ? [{ debugName: "aclResolver" }] : /* istanbul ignore next */ []));
|
|
8632
8629
|
formValues = input(undefined, ...(ngDevMode ? [{ debugName: "formValues" }] : /* istanbul ignore next */ []));
|
|
8633
8630
|
// The Field's own description, written on the tag rather than in
|
|
@@ -8990,7 +8987,7 @@ class SectionFormItemComponent extends ConfigComponent {
|
|
|
8990
8987
|
break;
|
|
8991
8988
|
}
|
|
8992
8989
|
case InputType.TOGGLE: {
|
|
8993
|
-
const { ToggleInputComponent } = await import('./magmonium-one-toggle-
|
|
8990
|
+
const { ToggleInputComponent } = await import('./magmonium-one-toggle-B3RHNaUP.mjs');
|
|
8994
8991
|
this.createDynamicComponent(seq, ToggleInputComponent, [], true);
|
|
8995
8992
|
break;
|
|
8996
8993
|
}
|
|
@@ -9002,12 +8999,12 @@ class SectionFormItemComponent extends ConfigComponent {
|
|
|
9002
8999
|
break;
|
|
9003
9000
|
}
|
|
9004
9001
|
case InputType.PASSWORD: {
|
|
9005
|
-
const { PasswordInputComponent } = await import('./magmonium-one-password-
|
|
9002
|
+
const { PasswordInputComponent } = await import('./magmonium-one-password-QdZSw46k.mjs');
|
|
9006
9003
|
this.createDynamicComponent(seq, PasswordInputComponent);
|
|
9007
9004
|
break;
|
|
9008
9005
|
}
|
|
9009
9006
|
case InputType.OTP: {
|
|
9010
|
-
const { OtpInputComponent } = await import('./magmonium-one-otp-
|
|
9007
|
+
const { OtpInputComponent } = await import('./magmonium-one-otp-D3REoA5M.mjs');
|
|
9011
9008
|
this.createDynamicComponent(seq, OtpInputComponent);
|
|
9012
9009
|
break;
|
|
9013
9010
|
}
|
|
@@ -9021,6 +9018,13 @@ class SectionFormItemComponent extends ConfigComponent {
|
|
|
9021
9018
|
this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
|
|
9022
9019
|
break;
|
|
9023
9020
|
}
|
|
9021
|
+
case InputType.CHECKBOX_GROUP: {
|
|
9022
|
+
const { CheckboxGroupComponent } = await Promise.resolve().then(function () { return checkboxGroup; });
|
|
9023
|
+
this.createDynamicComponent(seq, CheckboxGroupComponent, [
|
|
9024
|
+
inputBinding('options', this.groupOptions),
|
|
9025
|
+
]);
|
|
9026
|
+
break;
|
|
9027
|
+
}
|
|
9024
9028
|
case InputType.RADIO_GROUP: {
|
|
9025
9029
|
const { RadioGroupComponent } = await Promise.resolve().then(function () { return radioGroup; });
|
|
9026
9030
|
this.createDynamicComponent(seq, RadioGroupComponent, [
|
|
@@ -9097,7 +9101,7 @@ class SectionFormItemComponent extends ConfigComponent {
|
|
|
9097
9101
|
}
|
|
9098
9102
|
};
|
|
9099
9103
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFormItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9100
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionFormItemComponent, isStandalone: true, selector: "m-section-form-item, m-one-section-form-item", inputs: { span: { classPropertyName: "span", publicName: "span", isSignal: true, isRequired: false, transformFunction: null }, labelOrientation: { classPropertyName: "labelOrientation", publicName: "labelOrientation", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, aclResolver: { classPropertyName: "aclResolver", publicName: "aclResolver", isSignal: true, isRequired: false, transformFunction: null }, formValues: { classPropertyName: "formValues", publicName: "formValues", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, button: { classPropertyName: "button", publicName: "button", isSignal: true, isRequired: false, transformFunction: null }, buttonAction: { classPropertyName: "buttonAction", publicName: "buttonAction", isSignal: true, isRequired: false, transformFunction: null }, buttonAcl: { classPropertyName: "buttonAcl", publicName: "buttonAcl", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, acl: { classPropertyName: "acl", publicName: "acl", isSignal: true, isRequired: false, transformFunction: null }, testid: { classPropertyName: "testid", publicName: "testid", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, multiSelect: { classPropertyName: "multiSelect", publicName: "multiSelect", isSignal: true, isRequired: false, transformFunction: null }, equalWidth: { classPropertyName: "equalWidth", publicName: "equalWidth", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, isCheckboxVisible: { classPropertyName: "isCheckboxVisible", publicName: "isCheckboxVisible", isSignal: true, isRequired: false, transformFunction: null }, enlarge: { classPropertyName: "enlarge", publicName: "enlarge", isSignal: true, isRequired: false, transformFunction: null }, optionsAsset: { classPropertyName: "optionsAsset", publicName: "optionsAsset", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, dropZone: { classPropertyName: "dropZone", publicName: "dropZone", isSignal: true, isRequired: false, transformFunction: null }, readAs: { classPropertyName: "readAs", publicName: "readAs", isSignal: true, isRequired: false, transformFunction: null }, editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, patterns: { classPropertyName: "patterns", publicName: "patterns", isSignal: true, isRequired: false, transformFunction: null }, patternMessage: { classPropertyName: "patternMessage", publicName: "patternMessage", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", act: "act", fieldKey: "fieldKey", dataChange: "dataChange" }, host: { properties: { "class": "spanClass()", "style.display": "isVisible() ? null : \"none\"" } }, queries: [{ propertyName: "projectedTemplate", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dynamicInput", first: true, predicate: ["dynamicInput"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
9104
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionFormItemComponent, isStandalone: true, selector: "m-section-form-item, m-one-section-form-item", inputs: { span: { classPropertyName: "span", publicName: "span", isSignal: true, isRequired: false, transformFunction: null }, labelOrientation: { classPropertyName: "labelOrientation", publicName: "labelOrientation", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, aclResolver: { classPropertyName: "aclResolver", publicName: "aclResolver", isSignal: true, isRequired: false, transformFunction: null }, formValues: { classPropertyName: "formValues", publicName: "formValues", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, button: { classPropertyName: "button", publicName: "button", isSignal: true, isRequired: false, transformFunction: null }, buttonAction: { classPropertyName: "buttonAction", publicName: "buttonAction", isSignal: true, isRequired: false, transformFunction: null }, buttonAcl: { classPropertyName: "buttonAcl", publicName: "buttonAcl", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, acl: { classPropertyName: "acl", publicName: "acl", isSignal: true, isRequired: false, transformFunction: null }, testid: { classPropertyName: "testid", publicName: "testid", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, multiSelect: { classPropertyName: "multiSelect", publicName: "multiSelect", isSignal: true, isRequired: false, transformFunction: null }, equalWidth: { classPropertyName: "equalWidth", publicName: "equalWidth", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, isCheckboxVisible: { classPropertyName: "isCheckboxVisible", publicName: "isCheckboxVisible", isSignal: true, isRequired: false, transformFunction: null }, enlarge: { classPropertyName: "enlarge", publicName: "enlarge", isSignal: true, isRequired: false, transformFunction: null }, optionsAsset: { classPropertyName: "optionsAsset", publicName: "optionsAsset", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, dropZone: { classPropertyName: "dropZone", publicName: "dropZone", isSignal: true, isRequired: false, transformFunction: null }, readAs: { classPropertyName: "readAs", publicName: "readAs", isSignal: true, isRequired: false, transformFunction: null }, editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, patterns: { classPropertyName: "patterns", publicName: "patterns", isSignal: true, isRequired: false, transformFunction: null }, patternMessage: { classPropertyName: "patternMessage", publicName: "patternMessage", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", act: "act", fieldKey: "fieldKey", dataChange: "dataChange" }, host: { properties: { "class": "spanClass()", "style.display": "isVisible() ? null : \"none\"" } }, queries: [{ propertyName: "projectedTemplate", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }, { propertyName: "placedCheckboxes", predicate: PLACED_CHECKBOX, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dynamicInput", first: true, predicate: ["dynamicInput"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
9101
9105
|
<div
|
|
9102
9106
|
[class]="itemClass()"
|
|
9103
9107
|
[style.--sfi-gap.px]="gap()"
|
|
@@ -9130,7 +9134,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
9130
9134
|
'[class]': 'spanClass()',
|
|
9131
9135
|
'[style.display]': 'isVisible() ? null : "none"',
|
|
9132
9136
|
}, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;flex:1 1 100%;min-width:0}.section-form-item{display:flex;flex-direction:column;gap:var(--sfi-gap, .5em );min-width:0;width:100%}.section-form-item.--horizontal{flex-direction:row;align-items:center}.section-form-item.--horizontal .section-form-item__input{flex:1;min-width:0}.section-form-item.--vertical{flex-direction:column}.section-form-item.--vertical .section-form-item__input{width:100%}.section-form-item__input{display:flex;flex-direction:column;min-width:0;width:100%}.section-form-item__input>*{width:100%}\n"] }]
|
|
9133
|
-
}], ctorParameters: () => [], propDecorators: { span: [{ type: i0.Input, args: [{ isSignal: true, alias: "span", required: false }] }], labelOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelOrientation", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }], projectedTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }],
|
|
9137
|
+
}], ctorParameters: () => [], propDecorators: { span: [{ type: i0.Input, args: [{ isSignal: true, alias: "span", required: false }] }], labelOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelOrientation", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }], projectedTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }], placedCheckboxes: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => PLACED_CHECKBOX), { ...{
|
|
9138
|
+
descendants: true,
|
|
9139
|
+
}, isSignal: true }] }], aclResolver: [{ type: i0.Input, args: [{ isSignal: true, alias: "aclResolver", required: false }] }], formValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "formValues", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], params: [{ type: i0.Input, args: [{ isSignal: true, alias: "params", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], prefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefix", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }], button: [{ type: i0.Input, args: [{ isSignal: true, alias: "button", required: false }] }], buttonAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonAction", required: false }] }], buttonAcl: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonAcl", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], acl: [{ type: i0.Input, args: [{ isSignal: true, alias: "acl", required: false }] }], testid: [{ type: i0.Input, args: [{ isSignal: true, alias: "testid", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], length: [{ type: i0.Input, args: [{ isSignal: true, alias: "length", required: false }] }], debounce: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounce", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], searchLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchLabel", required: false }] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], multiSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiSelect", required: false }] }], equalWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "equalWidth", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], isCheckboxVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCheckboxVisible", required: false }] }], enlarge: [{ type: i0.Input, args: [{ isSignal: true, alias: "enlarge", required: false }] }], optionsAsset: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsAsset", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], maxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSize", required: false }] }], dropZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropZone", required: false }] }], readAs: [{ type: i0.Input, args: [{ isSignal: true, alias: "readAs", required: false }] }], editor: [{ type: i0.Input, args: [{ isSignal: true, alias: "editor", required: false }] }], ratio: [{ type: i0.Input, args: [{ isSignal: true, alias: "ratio", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], patterns: [{ type: i0.Input, args: [{ isSignal: true, alias: "patterns", required: false }] }], patternMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "patternMessage", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], act: [{ type: i0.Output, args: ["act"] }], fieldKey: [{ type: i0.Output, args: ["fieldKey"] }], dataChange: [{ type: i0.Output, args: ["dataChange"] }], dynamicInput: [{ type: i0.ViewChild, args: ['dynamicInput', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
|
|
9134
9140
|
|
|
9135
9141
|
function formatDate(date, format) {
|
|
9136
9142
|
if (!date) {
|
|
@@ -11774,8 +11780,11 @@ class LabelComponent {
|
|
|
11774
11780
|
required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
|
|
11775
11781
|
disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
11776
11782
|
color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : /* istanbul ignore next */ []));
|
|
11783
|
+
// Authored text rather than an i18n key — an option label mapped from a row
|
|
11784
|
+
// the app holds, which the dictionary has never heard of.
|
|
11785
|
+
noTranslate = input(...(ngDevMode ? [undefined, { debugName: "noTranslate" }] : /* istanbul ignore next */ []));
|
|
11777
11786
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11778
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: LabelComponent, isStandalone: true, selector: "m-label", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
11787
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: LabelComponent, isStandalone: true, selector: "m-label", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, noTranslate: { classPropertyName: "noTranslate", publicName: "noTranslate", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
11779
11788
|
<label
|
|
11780
11789
|
[class.required]="required()"
|
|
11781
11790
|
[class.disabled]="disabled()"
|
|
@@ -11784,7 +11793,11 @@ class LabelComponent {
|
|
|
11784
11793
|
@if (color()) {
|
|
11785
11794
|
<span class="label__swatch" [style.background]="color()"></span>
|
|
11786
11795
|
}
|
|
11787
|
-
|
|
11796
|
+
@if (noTranslate()) {
|
|
11797
|
+
{{ placeholder() }}
|
|
11798
|
+
} @else {
|
|
11799
|
+
{{ placeholder() | translate: params() }}
|
|
11800
|
+
}
|
|
11788
11801
|
</label>
|
|
11789
11802
|
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}label{position:relative;display:flex;align-items:center;gap:calc(var(--m-label-size, var(--input-size, 1em)) * .375);width:var(--m-label-width, var(--m-text-input-label-width, auto));margin:var(--m-label-margin, var(--m-text-input-label-margin, 0 0 calc(var(--m-label-size, var(--input-size, 1em)) * .5)));padding-left:var(--m-label-required-space, .75em);font-size:var(--m-label-font-size, calc(var(--m-label-size, var(--input-size, 1em)) * .8));font-weight:var(--m-label-weight, var(--m-text-input-label-weight, 300));line-height:1.4;cursor:pointer;color:var(--m-label-color, var(--m-text-secondary));transition:color .2s ease}label.required:before{content:\"*\";position:absolute;left:0;top:0;color:var(--m-error);font-weight:600}label.disabled{color:var(--m-text-secondary);cursor:not-allowed}label .label__swatch{width:1em;height:1em;border-radius:calc(var(--m-label-size, var(--input-size, 1em)) * .4);border:1px solid var(--m-border);flex-shrink:0}:host-context(m-text-input:focus-within) label,:host-context(m-textarea-input:focus-within) label,:host-context(m-dropdown-input:focus-within) label,:host-context(m-checkbox:focus-within) label,:host-context(m-radio:focus-within) label{color:var(--m-label-focus-color, var(--m-focus))}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11790
11803
|
}
|
|
@@ -11799,10 +11812,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
11799
11812
|
@if (color()) {
|
|
11800
11813
|
<span class="label__swatch" [style.background]="color()"></span>
|
|
11801
11814
|
}
|
|
11802
|
-
|
|
11815
|
+
@if (noTranslate()) {
|
|
11816
|
+
{{ placeholder() }}
|
|
11817
|
+
} @else {
|
|
11818
|
+
{{ placeholder() | translate: params() }}
|
|
11819
|
+
}
|
|
11803
11820
|
</label>
|
|
11804
11821
|
`, imports: [TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}label{position:relative;display:flex;align-items:center;gap:calc(var(--m-label-size, var(--input-size, 1em)) * .375);width:var(--m-label-width, var(--m-text-input-label-width, auto));margin:var(--m-label-margin, var(--m-text-input-label-margin, 0 0 calc(var(--m-label-size, var(--input-size, 1em)) * .5)));padding-left:var(--m-label-required-space, .75em);font-size:var(--m-label-font-size, calc(var(--m-label-size, var(--input-size, 1em)) * .8));font-weight:var(--m-label-weight, var(--m-text-input-label-weight, 300));line-height:1.4;cursor:pointer;color:var(--m-label-color, var(--m-text-secondary));transition:color .2s ease}label.required:before{content:\"*\";position:absolute;left:0;top:0;color:var(--m-error);font-weight:600}label.disabled{color:var(--m-text-secondary);cursor:not-allowed}label .label__swatch{width:1em;height:1em;border-radius:calc(var(--m-label-size, var(--input-size, 1em)) * .4);border:1px solid var(--m-border);flex-shrink:0}:host-context(m-text-input:focus-within) label,:host-context(m-textarea-input:focus-within) label,:host-context(m-dropdown-input:focus-within) label,:host-context(m-checkbox:focus-within) label,:host-context(m-radio:focus-within) label{color:var(--m-label-focus-color, var(--m-focus))}\n"] }]
|
|
11805
|
-
}], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], params: [{ type: i0.Input, args: [{ isSignal: true, alias: "params", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
|
|
11822
|
+
}], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], params: [{ type: i0.Input, args: [{ isSignal: true, alias: "params", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], noTranslate: [{ type: i0.Input, args: [{ isSignal: true, alias: "noTranslate", required: false }] }] } });
|
|
11806
11823
|
|
|
11807
11824
|
class TextOutputComponent extends ConfigComponent {
|
|
11808
11825
|
subFolder = LAYOUT_ASSET_FOLDER.text_output;
|
|
@@ -12006,7 +12023,7 @@ class ClearableInputComponent extends BaseTextInputComponent {
|
|
|
12006
12023
|
/>
|
|
12007
12024
|
}
|
|
12008
12025
|
}
|
|
12009
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.input-wrapper:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.input-wrapper:has(.warning) input::placeholder,.input-wrapper:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.input-wrapper:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:var(--m-border, var(--m-border))}.input-wrapper:focus-within input::placeholder,.input-wrapper:focus-visible input::placeholder,.input-wrapper:focus-within textarea::placeholder,.input-wrapper:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.input-wrapper:has(.error) input::placeholder,.input-wrapper:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding:var(--m-input-clear-padding, var(--m-text-input-padding, 0 1.25em ));padding-left:var(--m-input-clear-padding-left, var(--m-text-input-padding-left, var(--m-label-required-space, .75em)));padding-right:var(--m-input-clear-padding-right, var(--m-text-input-padding-right, 1.25em ))}.input-wrapper.has-value{padding-right:0}.input-wrapper{background:var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)));border-color:var(--m-input-clear-border, var(--m-text-input-border, var(--m-input-color, var(--m-mm))));border-radius:var(--m-input-clear-radius, var(--m-text-input-radius, .4em ));transition:var(--m-input-clear-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease));min-height:var(--m-input-clear-min-height, var(--m-text-input-min-height, 2.25em ));height:var(--m-input-clear-height, var(--m-text-input-height, 2.25em ))}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-input-clear-hover-border, var(--m-text-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12))));background:var(--m-input-clear-hover-background, var(--m-text-input-hover-background, var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)))))}.input-wrapper:focus-within{border-color:var(--m-input-clear-focus-border, var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent)));box-shadow:var(--m-input-clear-shadow, var(--m-text-input-shadow, none));background:var(--m-input-clear-focus-background, var(--m-text-input-focus-background, var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)))))}.input-wrapper .m-icon{--m-icon-size: var(--m-input-clear-icon-size, var(--m-input-clear-size, 1.1em )) !important;color:var(--m-input-clear-icon-color, var(--m-text-input-icon-color, inherit));opacity:var(--m-input-clear-icon-opacity, var(--m-text-input-icon-opacity, 1));flex-shrink:0;transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-input-clear-icon-focus-opacity, var(--m-text-input-icon-focus-opacity, 1))}.input-wrapper .m-one-button{align-self:stretch;height:100%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;--m-button-size: var(--m-input-clear-size, 1em) !important;opacity:.5;transition:opacity .2s ease}.input-wrapper .m-one-button:hover{opacity:.8}.input-wrapper input{appearance:none;border:none;outline:none;flex:1;background:transparent;color:var(--m-input-clear-color, var(--m-text-input-color, var(--m-text)));font-family:inherit;font-weight:var(--m-input-clear-font-weight, var(--m-text-input-font-weight, inherit));font-size:var(--m-input-clear-size, 1em);padding:0;caret-color:var(--m-input-clear-caret-color, var(--m-text-input-caret-color, auto))}.input-wrapper input::placeholder{font-weight:var(--m-input-clear-placeholder-weight, var(--m-text-input-placeholder-weight, inherit));opacity:var(--m-input-clear-placeholder-opacity, var(--m-text-input-placeholder-opacity, inherit))}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:var(--m-input-clear-size, 1.125rem);font-weight:var(--m-input-clear-font-weight, var(--m-text-input-font-weight, 700));color:var(--m-input-clear-color, var(--m-text-input-color, var(--m-text)))}:host(.m-input--underlined) .m-icon{--m-icon-size: var(--m-input-clear-size, 1.125rem) !important}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12026
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.input-wrapper:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.input-wrapper:has(.warning) input::placeholder,.input-wrapper:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.input-wrapper:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:var(--m-border, var(--m-border))}.input-wrapper:focus-within input::placeholder,.input-wrapper:focus-visible input::placeholder,.input-wrapper:focus-within textarea::placeholder,.input-wrapper:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.input-wrapper:has(.error) input::placeholder,.input-wrapper:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding:var(--m-input-clear-padding, var(--m-text-input-padding, 0 1.25em ));padding-left:var(--m-input-clear-padding-left, var(--m-text-input-padding-left, var(--m-label-required-space, .75em)));padding-right:var(--m-input-clear-padding-right, var(--m-text-input-padding-right, 1.25em ))}.input-wrapper.has-value{padding-right:0}.input-wrapper{background:var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)));border-color:var(--m-input-clear-border, var(--m-text-input-border, var(--m-input-color, var(--m-mm))));border-radius:var(--m-input-clear-radius, var(--m-text-input-radius, .4em ));transition:var(--m-input-clear-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease));min-height:var(--m-input-clear-min-height, var(--m-text-input-min-height, 2.25em ));height:var(--m-input-clear-height, var(--m-text-input-height, 2.25em ))}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-input-clear-hover-border, var(--m-text-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12))));background:var(--m-input-clear-hover-background, var(--m-text-input-hover-background, var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)))))}.input-wrapper:focus-within{border-color:var(--m-input-clear-focus-border, var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent)));box-shadow:var(--m-input-clear-shadow, var(--m-text-input-shadow, none));background:var(--m-input-clear-focus-background, var(--m-text-input-focus-background, var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)))))}.input-wrapper .m-icon{--m-icon-size: var(--m-input-clear-icon-size, var(--m-input-clear-size, 1.1em )) !important;color:var(--m-input-clear-icon-color, var(--m-text-input-icon-color, inherit));opacity:var(--m-input-clear-icon-opacity, var(--m-text-input-icon-opacity, 1));flex-shrink:0;transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-input-clear-icon-focus-opacity, var(--m-text-input-icon-focus-opacity, 1))}.input-wrapper .m-one-button{align-self:stretch;height:100%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;--m-button-size: var(--m-input-clear-size, 1em) !important;opacity:.5;transition:opacity .2s ease}.input-wrapper .m-one-button:hover{opacity:.8}.input-wrapper input{appearance:none;border:none;outline:none;flex:1;background:transparent;color:var(--m-input-clear-color, var(--m-text-input-color, var(--m-text)));font-family:inherit;font-weight:var(--m-input-clear-font-weight, var(--m-text-input-font-weight, inherit));font-size:var(--m-input-clear-size, 1em);padding:0;caret-color:var(--m-input-clear-caret-color, var(--m-text-input-caret-color, auto))}.input-wrapper input::placeholder{font-weight:var(--m-input-clear-placeholder-weight, var(--m-text-input-placeholder-weight, inherit));opacity:var(--m-input-clear-placeholder-opacity, var(--m-text-input-placeholder-opacity, inherit))}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:var(--m-input-clear-size, 1.125rem);font-weight:var(--m-input-clear-font-weight, var(--m-text-input-font-weight, 700));color:var(--m-input-clear-color, var(--m-text-input-color, var(--m-text)))}:host(.m-input--underlined) .m-icon{--m-icon-size: var(--m-input-clear-size, 1.125rem) !important}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12010
12027
|
}
|
|
12011
12028
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClearableInputComponent, decorators: [{
|
|
12012
12029
|
type: Component,
|
|
@@ -13151,12 +13168,37 @@ class CheckboxInputComponent extends BaseCheckboxInputComponent {
|
|
|
13151
13168
|
focused = input(false, ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
|
|
13152
13169
|
errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
|
|
13153
13170
|
showErrors = computed(() => this.touched() && this.invalid(), ...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
|
|
13171
|
+
// What a checkbox placed inside a CheckboxGroup's SectionFormItem says about
|
|
13172
|
+
// the option it stands for, written on its own tag (ADR 0010, ADR 0039).
|
|
13173
|
+
// `value` is the attribute because it is the option's value; the member is
|
|
13174
|
+
// named apart because FormCheckboxControl pins `value` itself to undefined —
|
|
13175
|
+
// a checkbox control's value is `checked`.
|
|
13176
|
+
/* eslint-disable @angular-eslint/no-input-rename */
|
|
13177
|
+
optionValue = input(undefined, { ...(ngDevMode ? { debugName: "optionValue" } : /* istanbul ignore next */ {}), alias: 'value' });
|
|
13178
|
+
/* eslint-enable @angular-eslint/no-input-rename */
|
|
13179
|
+
label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
13180
|
+
noTranslate = input(...(ngDevMode ? [undefined, { debugName: "noTranslate" }] : /* istanbul ignore next */ []));
|
|
13181
|
+
labelText = computed(() => this.label() ?? this.config()?.label, ...(ngDevMode ? [{ debugName: "labelText" }] : /* istanbul ignore next */ []));
|
|
13182
|
+
isNoTranslate = computed(() => toAttrBool(this.noTranslate()) === true, ...(ngDevMode ? [{ debugName: "isNoTranslate" }] : /* istanbul ignore next */ []));
|
|
13183
|
+
option = computed(() => {
|
|
13184
|
+
const value = this.optionValue();
|
|
13185
|
+
if (!value)
|
|
13186
|
+
return undefined;
|
|
13187
|
+
return {
|
|
13188
|
+
value,
|
|
13189
|
+
label: this.label() ?? value,
|
|
13190
|
+
disabled: this.disabled() || undefined,
|
|
13191
|
+
noTranslate: this.isNoTranslate() || undefined,
|
|
13192
|
+
};
|
|
13193
|
+
}, ...(ngDevMode ? [{ debugName: "option" }] : /* istanbul ignore next */ []));
|
|
13154
13194
|
onChange(event) {
|
|
13155
13195
|
const target = event.target;
|
|
13156
13196
|
this.setValue(target?.checked ?? false);
|
|
13157
13197
|
}
|
|
13158
13198
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CheckboxInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
13159
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CheckboxInputComponent, isStandalone: true, selector: "m-checkbox", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } },
|
|
13199
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CheckboxInputComponent, isStandalone: true, selector: "m-checkbox", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, noTranslate: { classPropertyName: "noTranslate", publicName: "noTranslate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", touched: "touchedChange" }, providers: [
|
|
13200
|
+
{ provide: PLACED_CHECKBOX, useExisting: CheckboxInputComponent },
|
|
13201
|
+
], usesInheritance: true, ngImport: i0, template: `
|
|
13160
13202
|
@if (config(); as checkbox) {
|
|
13161
13203
|
<div class="checkbox">
|
|
13162
13204
|
<input
|
|
@@ -13168,11 +13210,12 @@ class CheckboxInputComponent extends BaseCheckboxInputComponent {
|
|
|
13168
13210
|
type="checkbox"
|
|
13169
13211
|
[id]="checkbox.name"
|
|
13170
13212
|
/>
|
|
13171
|
-
@if (
|
|
13213
|
+
@if (labelText(); as text) {
|
|
13172
13214
|
<m-label
|
|
13173
13215
|
[for]="checkbox.name"
|
|
13174
|
-
[placeholder]="
|
|
13216
|
+
[placeholder]="text"
|
|
13175
13217
|
[params]="checkbox.params"
|
|
13218
|
+
[noTranslate]="isNoTranslate()"
|
|
13176
13219
|
[required]="required()"
|
|
13177
13220
|
[disabled]="disabled()"
|
|
13178
13221
|
/>
|
|
@@ -13188,7 +13231,7 @@ class CheckboxInputComponent extends BaseCheckboxInputComponent {
|
|
|
13188
13231
|
}
|
|
13189
13232
|
}
|
|
13190
13233
|
}
|
|
13191
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:none}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13234
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:none}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}:host-context(.checkbox-group) .checkbox{width:auto;height:auto;min-height:0}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13192
13235
|
}
|
|
13193
13236
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CheckboxInputComponent, decorators: [{
|
|
13194
13237
|
type: Component,
|
|
@@ -13204,11 +13247,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
13204
13247
|
type="checkbox"
|
|
13205
13248
|
[id]="checkbox.name"
|
|
13206
13249
|
/>
|
|
13207
|
-
@if (
|
|
13250
|
+
@if (labelText(); as text) {
|
|
13208
13251
|
<m-label
|
|
13209
13252
|
[for]="checkbox.name"
|
|
13210
|
-
[placeholder]="
|
|
13253
|
+
[placeholder]="text"
|
|
13211
13254
|
[params]="checkbox.params"
|
|
13255
|
+
[noTranslate]="isNoTranslate()"
|
|
13212
13256
|
[required]="required()"
|
|
13213
13257
|
[disabled]="disabled()"
|
|
13214
13258
|
/>
|
|
@@ -13224,8 +13268,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
13224
13268
|
}
|
|
13225
13269
|
}
|
|
13226
13270
|
}
|
|
13227
|
-
`, imports: [LabelComponent, TextOutputComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:none}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}\n"] }]
|
|
13228
|
-
|
|
13271
|
+
`, imports: [LabelComponent, TextOutputComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
13272
|
+
{ provide: PLACED_CHECKBOX, useExisting: CheckboxInputComponent },
|
|
13273
|
+
], styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:none}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}:host-context(.checkbox-group) .checkbox{width:auto;height:auto;min-height:0}\n"] }]
|
|
13274
|
+
}], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], optionValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], noTranslate: [{ type: i0.Input, args: [{ isSignal: true, alias: "noTranslate", required: false }] }] } });
|
|
13229
13275
|
|
|
13230
13276
|
var checkbox = /*#__PURE__*/Object.freeze({
|
|
13231
13277
|
__proto__: null,
|
|
@@ -13261,7 +13307,7 @@ class RadioInputComponent extends BaseCheckboxInputComponent {
|
|
|
13261
13307
|
/>
|
|
13262
13308
|
</div>
|
|
13263
13309
|
}
|
|
13264
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:none}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13310
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:none}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}:host-context(.checkbox-group) .checkbox{width:auto;height:auto;min-height:0}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13265
13311
|
}
|
|
13266
13312
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RadioInputComponent, decorators: [{
|
|
13267
13313
|
type: Component,
|
|
@@ -13287,7 +13333,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
13287
13333
|
/>
|
|
13288
13334
|
</div>
|
|
13289
13335
|
}
|
|
13290
|
-
`, imports: [LabelComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:none}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}\n"] }]
|
|
13336
|
+
`, imports: [LabelComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:none}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}:host-context(.checkbox-group) .checkbox{width:auto;height:auto;min-height:0}\n"] }]
|
|
13291
13337
|
}] });
|
|
13292
13338
|
|
|
13293
13339
|
var radio = /*#__PURE__*/Object.freeze({
|
|
@@ -13378,7 +13424,7 @@ class SectionFilterPanelComponent {
|
|
|
13378
13424
|
</li>
|
|
13379
13425
|
}
|
|
13380
13426
|
</ul>
|
|
13381
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.section-filter-panel{list-style:none;margin:0;padding:0;min-width:10rem;max-height:var(--m-filter-panel-max-height, 15rem);overflow-y:auto;background:var(--m-filter-panel-bg, var(--m-background));border:var(--m-filter-panel-border, 1px solid var(--m-mm));border-radius:0;animation:var(--m-filter-panel-animation, filter-panel-in .2s ease-out)}.section-filter-panel__option{display:flex;align-items:center;gap:.5em;padding:calc(.6rem * var(--filter-size, 1)) calc(.9rem * var(--filter-size, 1));cursor:pointer;font-size:calc(.875rem * var(--filter-size, 1));color:var(--m-text);transition:all .3s cubic-bezier(.16,1,.3,1);outline:none}.section-filter-panel__option:hover:not(.is-disabled){background-color:var(--m-backdrop-standard)}.section-filter-panel__option:focus-visible:not(.is-disabled){background-color:var(--m-backdrop-standard)}.section-filter-panel__option.is-selected{color:var(--m-mm);font-weight:500}.section-filter-panel__option.is-disabled{opacity:.4;cursor:not-allowed}.section-filter-panel m-checkbox,.section-filter-panel m-radio{pointer-events:none;flex:1 1 auto;min-width:0;--m-label-margin: 0;--m-label-font-size: inherit;--m-label-color: inherit}@keyframes filter-panel-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"], dependencies: [{ kind: "component", type: CheckboxInputComponent, selector: "m-checkbox", inputs: ["checked", "config", "required", "disabled", "invalid", "touched", "focused", "errors"], outputs: ["checkedChange", "touchedChange"] }, { kind: "component", type: RadioInputComponent, selector: "m-radio" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13427
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.section-filter-panel{list-style:none;margin:0;padding:0;min-width:10rem;max-height:var(--m-filter-panel-max-height, 15rem);overflow-y:auto;background:var(--m-filter-panel-bg, var(--m-background));border:var(--m-filter-panel-border, 1px solid var(--m-mm));border-radius:0;animation:var(--m-filter-panel-animation, filter-panel-in .2s ease-out)}.section-filter-panel__option{display:flex;align-items:center;gap:.5em;padding:calc(.6rem * var(--filter-size, 1)) calc(.9rem * var(--filter-size, 1));cursor:pointer;font-size:calc(.875rem * var(--filter-size, 1));color:var(--m-text);transition:all .3s cubic-bezier(.16,1,.3,1);outline:none}.section-filter-panel__option:hover:not(.is-disabled){background-color:var(--m-backdrop-standard)}.section-filter-panel__option:focus-visible:not(.is-disabled){background-color:var(--m-backdrop-standard)}.section-filter-panel__option.is-selected{color:var(--m-mm);font-weight:500}.section-filter-panel__option.is-disabled{opacity:.4;cursor:not-allowed}.section-filter-panel m-checkbox,.section-filter-panel m-radio{pointer-events:none;flex:1 1 auto;min-width:0;--m-label-margin: 0;--m-label-font-size: inherit;--m-label-color: inherit}@keyframes filter-panel-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"], dependencies: [{ kind: "component", type: CheckboxInputComponent, selector: "m-checkbox", inputs: ["checked", "config", "required", "disabled", "invalid", "touched", "focused", "errors", "value", "label", "noTranslate"], outputs: ["checkedChange", "touchedChange"] }, { kind: "component", type: RadioInputComponent, selector: "m-radio" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13382
13428
|
}
|
|
13383
13429
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFilterPanelComponent, decorators: [{
|
|
13384
13430
|
type: Component,
|
|
@@ -13514,7 +13560,7 @@ class TextInputComponent extends BaseTextInputComponent {
|
|
|
13514
13560
|
}
|
|
13515
13561
|
}
|
|
13516
13562
|
}
|
|
13517
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}m-text-output{box-sizing:border-box;padding-left:var(--m-text-input-padding-left, var(--m-label-required-space, .75em))}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.input-wrapper:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.input-wrapper:has(.warning) input::placeholder,.input-wrapper:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.input-wrapper:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:var(--m-border, var(--m-border))}.input-wrapper:focus-within input::placeholder,.input-wrapper:focus-visible input::placeholder,.input-wrapper:focus-within textarea::placeholder,.input-wrapper:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.input-wrapper:has(.error) input::placeholder,.input-wrapper:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding-left:var(--m-text-input-padding-left, var(--m-label-required-space, .75em));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * .5 * .7));background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease)}.input-wrapper:hover:not(:has(.error)):not(:has(.warning)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))))}.input-wrapper:focus-within:not(:has(.error)):not(:has(.warning)){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;background:var(--m-text-input-focus-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))))}.input-wrapper .m-icon{--m-icon-size: 1.1em !important;opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.input-wrapper input{appearance:none;color:var(--m-text-input-color, var(--m-text));font-weight:var(--m-text-input-font-weight, inherit);font-size:var(--input-size, 1em)}.input-wrapper input::placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit)}.input-wrapper .input-prefix,.input-wrapper .input-suffix{font-size:.9rem;font-weight:700;color:var(--m-text-tertiary);-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-shrink:0}.input-wrapper .input-prefix{margin-right:.25rem}.input-wrapper .input-suffix{margin-left:.25rem}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;padding:.5rem 0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:1.125rem;font-weight:700;color:var(--m-text)}:host(.m-input--underlined) .input-prefix,:host(.m-input--underlined) .input-suffix{color:var(--m-mm);font-weight:800;font-size:1rem}:host(.m-input--underlined) .input-indicator{display:flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;margin-left:.375em}:host(.m-input--underlined) .input-indicator--available{color:var(--m-success, #10b981)}:host(.m-input--underlined) .input-indicator .spinner{width:.875rem;height:.875rem;border:2px solid var(--m-border, rgba(255, 255, 255, .1));border-top-color:var(--m-focus, #14b8a6);border-radius:50%;animation:m-spin .8s linear infinite}@keyframes m-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13563
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}m-text-output{box-sizing:border-box;padding-left:var(--m-text-input-padding-left, var(--m-label-required-space, .75em))}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.input-wrapper:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.input-wrapper:has(.warning) input::placeholder,.input-wrapper:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.input-wrapper:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:var(--m-border, var(--m-border))}.input-wrapper:focus-within input::placeholder,.input-wrapper:focus-visible input::placeholder,.input-wrapper:focus-within textarea::placeholder,.input-wrapper:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.input-wrapper:has(.error) input::placeholder,.input-wrapper:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding-left:var(--m-text-input-padding-left, var(--m-label-required-space, .75em));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * .5 * .7));background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease)}.input-wrapper:hover:not(:has(.error)):not(:has(.warning)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))))}.input-wrapper:focus-within:not(:has(.error)):not(:has(.warning)){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;background:var(--m-text-input-focus-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))))}.input-wrapper .m-icon{--m-icon-size: 1.1em !important;opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.input-wrapper input{appearance:none;color:var(--m-text-input-color, var(--m-text));font-weight:var(--m-text-input-font-weight, inherit);font-size:var(--input-size, 1em)}.input-wrapper input::placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit)}.input-wrapper .input-prefix,.input-wrapper .input-suffix{font-size:.9rem;font-weight:700;color:var(--m-text-tertiary);-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-shrink:0}.input-wrapper .input-prefix{margin-right:.25rem}.input-wrapper .input-suffix{margin-left:.25rem}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;padding:.5rem 0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:1.125rem;font-weight:700;color:var(--m-text)}:host(.m-input--underlined) .input-prefix,:host(.m-input--underlined) .input-suffix{color:var(--m-mm);font-weight:800;font-size:1rem}:host(.m-input--underlined) .input-indicator{display:flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;margin-left:.375em}:host(.m-input--underlined) .input-indicator--available{color:var(--m-success, #10b981)}:host(.m-input--underlined) .input-indicator .spinner{width:.875rem;height:.875rem;border:2px solid var(--m-border, rgba(255, 255, 255, .1));border-top-color:var(--m-focus, #14b8a6);border-radius:50%;animation:m-spin .8s linear infinite}@keyframes m-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13518
13564
|
}
|
|
13519
13565
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TextInputComponent, decorators: [{
|
|
13520
13566
|
type: Component,
|
|
@@ -13773,7 +13819,7 @@ class MultiRangeInputComponent extends BaseArrayInputComponent {
|
|
|
13773
13819
|
>
|
|
13774
13820
|
</div>
|
|
13775
13821
|
}
|
|
13776
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}:host-context(.m-dynamic-input),:host-context(.section-form-item__input){display:contents}:host-context(.m-dynamic-input) .m-range,:host-context(.section-form-item__input) .m-range{width:100%}.m-range{display:flex;flex-direction:column;gap:0;-webkit-user-select:none;user-select:none}.m-range .m-range__label{--m-label-margin: 0;--m-label-font-size: calc(var(--input-size, 1em) * .8);--m-label-color: var(--m-text-secondary)}.m-range__control{display:flex;align-items:center;height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-inline:calc(calc(var(--input-size, 1em) * .95) / 2);cursor:pointer;gap:0}.m-range__control:has(.m-range__value:not(.hidden)){gap:calc(var(--input-size, 1em) * .5)}.m-range__control:hover .m-range__track{height:6px}.m-range__track{flex:1;position:relative;height:2px;background-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:3px;overflow:visible;transition:height .15s ease}.m-range__fill{position:absolute;top:0;left:0;height:100%;background-color:var(--m-input-color, var(--m-mm));border-radius:inherit;pointer-events:none}.m-range__thumb{position:absolute;width:calc(var(--input-size, 1em) * .95);height:calc(var(--input-size, 1em) * .95);border-radius:50%;background-color:var(--m-input-color, var(--m-mm));border:2px solid var(--m-text-input-background, var(--m-background));box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),0 1px 3px #00000026;top:50%;transform:translateY(-50%) translate(-50%);transition:box-shadow .15s ease;cursor:grab;z-index:1}.m-range__thumb:hover{box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),0 0 0 calc(var(--input-size, 1em) * .45) color-mix(in srgb,var(--m-mm) 14%,transparent),0 1px 3px #00000026}.m-range__thumb.dragging{cursor:grabbing;box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),var(--m-text-input-focus-shadow, 0 0 0 calc(var(--input-size, 1em) * .55) color-mix(in srgb, var(--m-mm) 25%, transparent));z-index:2}.m-range__value{font-size:calc(var(--input-size, 1em) * .8);font-weight:600;color:var(--m-input-color, var(--m-mm));font-variant-numeric:tabular-nums;flex-shrink:0;min-width:0}.m-range__value.hidden{display:none}.m-range--multi .m-range__control{height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75)}.m-range--multi .m-range__value{align-self:flex-end;font-size:calc(var(--input-size, 1em) * .75)}\n"], dependencies: [{ kind: "directive", type: DraggableDirective, selector: "[mDraggable]", inputs: ["mDraggable", "handleSelector", "min", "max", "pos"], outputs: ["mDraggableChange", "dragStart", "dragEnd"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13822
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}:host-context(.m-dynamic-input),:host-context(.section-form-item__input){display:contents}:host-context(.m-dynamic-input) .m-range,:host-context(.section-form-item__input) .m-range{width:100%}.m-range{display:flex;flex-direction:column;gap:0;-webkit-user-select:none;user-select:none}.m-range .m-range__label{--m-label-margin: 0;--m-label-font-size: calc(var(--input-size, 1em) * .8);--m-label-color: var(--m-text-secondary)}.m-range__control{display:flex;align-items:center;height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-inline:calc(calc(var(--input-size, 1em) * .95) / 2);cursor:pointer;gap:0}.m-range__control:has(.m-range__value:not(.hidden)){gap:calc(var(--input-size, 1em) * .5)}.m-range__control:hover .m-range__track{height:6px}.m-range__track{flex:1;position:relative;height:2px;background-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:3px;overflow:visible;transition:height .15s ease}.m-range__fill{position:absolute;top:0;left:0;height:100%;background-color:var(--m-input-color, var(--m-mm));border-radius:inherit;pointer-events:none}.m-range__thumb{position:absolute;width:calc(var(--input-size, 1em) * .95);height:calc(var(--input-size, 1em) * .95);border-radius:50%;background-color:var(--m-input-color, var(--m-mm));border:2px solid var(--m-text-input-background, var(--m-background));box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),0 1px 3px #00000026;top:50%;transform:translateY(-50%) translate(-50%);transition:box-shadow .15s ease;cursor:grab;z-index:1}.m-range__thumb:hover{box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),0 0 0 calc(var(--input-size, 1em) * .45) color-mix(in srgb,var(--m-mm) 14%,transparent),0 1px 3px #00000026}.m-range__thumb.dragging{cursor:grabbing;box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),var(--m-text-input-focus-shadow, 0 0 0 calc(var(--input-size, 1em) * .55) color-mix(in srgb, var(--m-mm) 25%, transparent));z-index:2}.m-range__value{font-size:calc(var(--input-size, 1em) * .8);font-weight:600;color:var(--m-input-color, var(--m-mm));font-variant-numeric:tabular-nums;flex-shrink:0;min-width:0}.m-range__value.hidden{display:none}.m-range--multi .m-range__control{height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75)}.m-range--multi .m-range__value{align-self:flex-end;font-size:calc(var(--input-size, 1em) * .75)}\n"], dependencies: [{ kind: "directive", type: DraggableDirective, selector: "[mDraggable]", inputs: ["mDraggable", "handleSelector", "min", "max", "pos"], outputs: ["mDraggableChange", "dragStart", "dragEnd"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13777
13823
|
}
|
|
13778
13824
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MultiRangeInputComponent, decorators: [{
|
|
13779
13825
|
type: Component,
|
|
@@ -13927,7 +13973,7 @@ class RangeInputComponent extends BaseTextInputComponent {
|
|
|
13927
13973
|
</div>
|
|
13928
13974
|
</div>
|
|
13929
13975
|
}
|
|
13930
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}:host-context(.m-dynamic-input),:host-context(.section-form-item__input){display:contents}:host-context(.m-dynamic-input) .m-range,:host-context(.section-form-item__input) .m-range{width:100%}.m-range{display:flex;flex-direction:column;gap:0;-webkit-user-select:none;user-select:none}.m-range .m-range__label{--m-label-margin: 0;--m-label-font-size: calc(var(--input-size, 1em) * .8);--m-label-color: var(--m-text-secondary)}.m-range__control{display:flex;align-items:center;height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-inline:calc(calc(var(--input-size, 1em) * .95) / 2);cursor:pointer;gap:0}.m-range__control:has(.m-range__value:not(.hidden)){gap:calc(var(--input-size, 1em) * .5)}.m-range__control:hover .m-range__track{height:6px}.m-range__track{flex:1;position:relative;height:2px;background-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:3px;overflow:visible;transition:height .15s ease}.m-range__fill{position:absolute;top:0;left:0;height:100%;background-color:var(--m-input-color, var(--m-mm));border-radius:inherit;pointer-events:none}.m-range__thumb{position:absolute;width:calc(var(--input-size, 1em) * .95);height:calc(var(--input-size, 1em) * .95);border-radius:50%;background-color:var(--m-input-color, var(--m-mm));border:2px solid var(--m-text-input-background, var(--m-background));box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),0 1px 3px #00000026;top:50%;transform:translateY(-50%) translate(-50%);transition:box-shadow .15s ease;cursor:grab;z-index:1}.m-range__thumb:hover{box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),0 0 0 calc(var(--input-size, 1em) * .45) color-mix(in srgb,var(--m-mm) 14%,transparent),0 1px 3px #00000026}.m-range__thumb.dragging{cursor:grabbing;box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),var(--m-text-input-focus-shadow, 0 0 0 calc(var(--input-size, 1em) * .55) color-mix(in srgb, var(--m-mm) 25%, transparent));z-index:2}.m-range__value{font-size:calc(var(--input-size, 1em) * .8);font-weight:600;color:var(--m-input-color, var(--m-mm));font-variant-numeric:tabular-nums;flex-shrink:0;min-width:0}.m-range__value.hidden{display:none}.m-range--multi .m-range__control{height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75)}.m-range--multi .m-range__value{align-self:flex-end;font-size:calc(var(--input-size, 1em) * .75)}\n"], dependencies: [{ kind: "directive", type: DraggableDirective, selector: "[mDraggable]", inputs: ["mDraggable", "handleSelector", "min", "max", "pos"], outputs: ["mDraggableChange", "dragStart", "dragEnd"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13976
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}:host-context(.m-dynamic-input),:host-context(.section-form-item__input){display:contents}:host-context(.m-dynamic-input) .m-range,:host-context(.section-form-item__input) .m-range{width:100%}.m-range{display:flex;flex-direction:column;gap:0;-webkit-user-select:none;user-select:none}.m-range .m-range__label{--m-label-margin: 0;--m-label-font-size: calc(var(--input-size, 1em) * .8);--m-label-color: var(--m-text-secondary)}.m-range__control{display:flex;align-items:center;height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-inline:calc(calc(var(--input-size, 1em) * .95) / 2);cursor:pointer;gap:0}.m-range__control:has(.m-range__value:not(.hidden)){gap:calc(var(--input-size, 1em) * .5)}.m-range__control:hover .m-range__track{height:6px}.m-range__track{flex:1;position:relative;height:2px;background-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:3px;overflow:visible;transition:height .15s ease}.m-range__fill{position:absolute;top:0;left:0;height:100%;background-color:var(--m-input-color, var(--m-mm));border-radius:inherit;pointer-events:none}.m-range__thumb{position:absolute;width:calc(var(--input-size, 1em) * .95);height:calc(var(--input-size, 1em) * .95);border-radius:50%;background-color:var(--m-input-color, var(--m-mm));border:2px solid var(--m-text-input-background, var(--m-background));box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),0 1px 3px #00000026;top:50%;transform:translateY(-50%) translate(-50%);transition:box-shadow .15s ease;cursor:grab;z-index:1}.m-range__thumb:hover{box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),0 0 0 calc(var(--input-size, 1em) * .45) color-mix(in srgb,var(--m-mm) 14%,transparent),0 1px 3px #00000026}.m-range__thumb.dragging{cursor:grabbing;box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),var(--m-text-input-focus-shadow, 0 0 0 calc(var(--input-size, 1em) * .55) color-mix(in srgb, var(--m-mm) 25%, transparent));z-index:2}.m-range__value{font-size:calc(var(--input-size, 1em) * .8);font-weight:600;color:var(--m-input-color, var(--m-mm));font-variant-numeric:tabular-nums;flex-shrink:0;min-width:0}.m-range__value.hidden{display:none}.m-range--multi .m-range__control{height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75)}.m-range--multi .m-range__value{align-self:flex-end;font-size:calc(var(--input-size, 1em) * .75)}\n"], dependencies: [{ kind: "directive", type: DraggableDirective, selector: "[mDraggable]", inputs: ["mDraggable", "handleSelector", "min", "max", "pos"], outputs: ["mDraggableChange", "dragStart", "dragEnd"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13931
13977
|
}
|
|
13932
13978
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RangeInputComponent, decorators: [{
|
|
13933
13979
|
type: Component,
|
|
@@ -20294,7 +20340,7 @@ class TextareaInputComponent extends BaseTextInputComponent {
|
|
|
20294
20340
|
}
|
|
20295
20341
|
}
|
|
20296
20342
|
}
|
|
20297
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;--m-textarea-background: var(--m-textarea-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));--m-textarea-padding: var(--m-textarea-input-padding, .375em calc(var(--input-size, 1em) * .5 * .7));--m-textarea-shadow: var(--m-textarea-input-shadow, none)}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.input-wrapper:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.input-wrapper:has(.warning) input::placeholder,.input-wrapper:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.input-wrapper:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:var(--m-border, var(--m-border))}.input-wrapper:focus-within input::placeholder,.input-wrapper:focus-visible input::placeholder,.input-wrapper:focus-within textarea::placeholder,.input-wrapper:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.input-wrapper:has(.error) input::placeholder,.input-wrapper:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;align-items:flex-start;position:relative;min-height:2em;height:var(--m-textarea-input-wrapper-height, auto)}.input-wrapper.auto-grow{height:auto}.input-wrapper{padding:var(--m-textarea-padding);padding-left:var(--m-textarea-input-padding-left, var(--m-label-required-space, .75em));gap:.375em;background:var(--m-textarea-background);border:var(--m-textarea-input-border, var(--m-input-border-width, 1px) solid color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:var(--m-textarea-shadow)}.input-wrapper textarea{appearance:none;border:none;outline:none;flex:1;resize:none;display:block;box-sizing:border-box;height:var(--m-textarea-input-height, 4.5em);min-height:var(--m-textarea-input-height, 4.5em);overflow-y:auto;background:transparent;color:var(--m-text);font-family:inherit;font-size:1em;padding:0;line-height:1.5}.input-wrapper textarea.auto-grow{field-sizing:content;height:auto;min-height:var(--m-textarea-input-height, 4.5em);max-height:var(--m-textarea-input-max-height, none)}.input-wrapper textarea:focus{box-shadow:none;background:transparent}.input-wrapper .m-icon{margin-top:.125rem;display:flex;align-items:center;justify-content:center;--m-icon-size: 1.1em !important}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
20343
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;--m-textarea-background: var(--m-textarea-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));--m-textarea-padding: var(--m-textarea-input-padding, .375em calc(var(--input-size, 1em) * .5 * .7));--m-textarea-shadow: var(--m-textarea-input-shadow, none)}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.input-wrapper:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.input-wrapper:has(.warning) input::placeholder,.input-wrapper:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.input-wrapper:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:var(--m-border, var(--m-border))}.input-wrapper:focus-within input::placeholder,.input-wrapper:focus-visible input::placeholder,.input-wrapper:focus-within textarea::placeholder,.input-wrapper:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.input-wrapper:has(.error) input::placeholder,.input-wrapper:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;align-items:flex-start;position:relative;min-height:2em;height:var(--m-textarea-input-wrapper-height, auto)}.input-wrapper.auto-grow{height:auto}.input-wrapper{padding:var(--m-textarea-padding);padding-left:var(--m-textarea-input-padding-left, var(--m-label-required-space, .75em));gap:.375em;background:var(--m-textarea-background);border:var(--m-textarea-input-border, var(--m-input-border-width, 1px) solid color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:var(--m-textarea-shadow)}.input-wrapper textarea{appearance:none;border:none;outline:none;flex:1;resize:none;display:block;box-sizing:border-box;height:var(--m-textarea-input-height, 4.5em);min-height:var(--m-textarea-input-height, 4.5em);overflow-y:auto;background:transparent;color:var(--m-text);font-family:inherit;font-size:1em;padding:0;line-height:1.5}.input-wrapper textarea.auto-grow{field-sizing:content;height:auto;min-height:var(--m-textarea-input-height, 4.5em);max-height:var(--m-textarea-input-max-height, none)}.input-wrapper textarea:focus{box-shadow:none;background:transparent}.input-wrapper .m-icon{margin-top:.125rem;display:flex;align-items:center;justify-content:center;--m-icon-size: 1.1em !important}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
20298
20344
|
}
|
|
20299
20345
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TextareaInputComponent, decorators: [{
|
|
20300
20346
|
type: Component,
|
|
@@ -21208,7 +21254,7 @@ class DateInputComponent extends BaseTextInputComponent {
|
|
|
21208
21254
|
}
|
|
21209
21255
|
}
|
|
21210
21256
|
}
|
|
21211
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.input-wrapper:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.input-wrapper:has(.warning) input::placeholder,.input-wrapper:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.input-wrapper:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:var(--m-border, var(--m-border))}.input-wrapper:focus-within input::placeholder,.input-wrapper:focus-visible input::placeholder,.input-wrapper:focus-within textarea::placeholder,.input-wrapper:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.input-wrapper:has(.error) input::placeholder,.input-wrapper:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding-left:var(--m-date-input-padding-left, var(--m-label-required-space, .75em));background:var(--m-date-input-background, var(--m-background));border-color:var(--m-date-input-border, var(--m-input-color, var(--m-mm)))}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-date-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)))}.input-wrapper input{appearance:none;font-size:1em}.input-wrapper input::placeholder{opacity:.5;font-style:italic}.input-wrapper>m-button,.input-wrapper>m-one-button{height:100%;display:flex;align-items:center;justify-content:center;--m-button-size: 1em !important}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: SelectorDirective, selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
21257
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.input-wrapper:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.input-wrapper:has(.warning) input::placeholder,.input-wrapper:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.input-wrapper:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:var(--m-border, var(--m-border))}.input-wrapper:focus-within input::placeholder,.input-wrapper:focus-visible input::placeholder,.input-wrapper:focus-within textarea::placeholder,.input-wrapper:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.input-wrapper:has(.error) input::placeholder,.input-wrapper:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding-left:var(--m-date-input-padding-left, var(--m-label-required-space, .75em));background:var(--m-date-input-background, var(--m-background));border-color:var(--m-date-input-border, var(--m-input-color, var(--m-mm)))}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-date-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)))}.input-wrapper input{appearance:none;font-size:1em}.input-wrapper input::placeholder{opacity:.5;font-style:italic}.input-wrapper>m-button,.input-wrapper>m-one-button{height:100%;display:flex;align-items:center;justify-content:center;--m-button-size: 1em !important}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: SelectorDirective, selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
21212
21258
|
}
|
|
21213
21259
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DateInputComponent, decorators: [{
|
|
21214
21260
|
type: Component,
|
|
@@ -21319,6 +21365,163 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
21319
21365
|
}]
|
|
21320
21366
|
}] });
|
|
21321
21367
|
|
|
21368
|
+
// Unlabelled, and only on a Canvas: a group with nothing bound yet still draws
|
|
21369
|
+
// boxes the User can see and select, the same stand-in a SelectableCard draws.
|
|
21370
|
+
const DESIGN_STUB_VALUES = ['stub-1', 'stub-2'];
|
|
21371
|
+
let nextGroupId = 0;
|
|
21372
|
+
/**
|
|
21373
|
+
* The many-pick sibling of `m-radio-group` (CONTEXT.md CheckboxGroup). One
|
|
21374
|
+
* `m-checkbox` per option, its value the picked options' values in option
|
|
21375
|
+
* order. Options are bound, never read from an asset (ADR 0039) — a
|
|
21376
|
+
* SectionFormItem hands over the checkboxes placed between its tags as the
|
|
21377
|
+
* same `options`.
|
|
21378
|
+
*/
|
|
21379
|
+
class CheckboxGroupComponent extends BaseInputComponent {
|
|
21380
|
+
value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
|
|
21381
|
+
options = input(...(ngDevMode ? [undefined, { debugName: "options" }] : /* istanbul ignore next */ []));
|
|
21382
|
+
isDesignMode = !!inject(IS_DESIGN_MODE, { optional: true });
|
|
21383
|
+
/**
|
|
21384
|
+
* Unique per group: a checkbox's `id` is what its label points at, and two
|
|
21385
|
+
* groups holding the same option value would otherwise steer each other.
|
|
21386
|
+
*/
|
|
21387
|
+
uid = `m-checkbox-group-${nextGroupId++}`;
|
|
21388
|
+
isVertical = computed(() => !!this.config()?.vertical, ...(ngDevMode ? [{ debugName: "isVertical" }] : /* istanbul ignore next */ []));
|
|
21389
|
+
isDisabled = computed(() => this.disabled() || this.readonly() || this.config()?.disabled === true, ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
|
|
21390
|
+
offered = computed(() => {
|
|
21391
|
+
const source = this.options();
|
|
21392
|
+
const options = typeof source === 'function' ? source() : (source ?? []);
|
|
21393
|
+
if (!options.length && this.isDesignMode) {
|
|
21394
|
+
return DESIGN_STUB_VALUES.map((value) => ({
|
|
21395
|
+
value,
|
|
21396
|
+
label: '',
|
|
21397
|
+
noTranslate: true,
|
|
21398
|
+
}));
|
|
21399
|
+
}
|
|
21400
|
+
return options;
|
|
21401
|
+
}, ...(ngDevMode ? [{ debugName: "offered" }] : /* istanbul ignore next */ []));
|
|
21402
|
+
rows = computed(() => this.offered().map((option) => ({
|
|
21403
|
+
option,
|
|
21404
|
+
checkbox: {
|
|
21405
|
+
name: `${this.uid}-${option.value}`,
|
|
21406
|
+
label: option.label,
|
|
21407
|
+
type: InputType.CHECKBOX,
|
|
21408
|
+
},
|
|
21409
|
+
})), ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
|
|
21410
|
+
// Array-aware the way a SelectableCard is: a model seeded before this Field
|
|
21411
|
+
// ever wrote may still hold one bare value rather than a list.
|
|
21412
|
+
picked = computed(() => {
|
|
21413
|
+
const value = this.value();
|
|
21414
|
+
if (Array.isArray(value))
|
|
21415
|
+
return value;
|
|
21416
|
+
return typeof value === 'string' && value ? [value] : [];
|
|
21417
|
+
}, ...(ngDevMode ? [{ debugName: "picked" }] : /* istanbul ignore next */ []));
|
|
21418
|
+
isPicked = (value) => this.picked().includes(value);
|
|
21419
|
+
/**
|
|
21420
|
+
* Rebuilt in option order rather than appended, so the value reads the same
|
|
21421
|
+
* whichever box was clicked first. A picked value no option offers any more
|
|
21422
|
+
* rides along untouched at the end — only the User's own edit changes what
|
|
21423
|
+
* the Field holds.
|
|
21424
|
+
*/
|
|
21425
|
+
onToggle = (value, checked) => {
|
|
21426
|
+
const current = this.picked();
|
|
21427
|
+
const next = new Set(current);
|
|
21428
|
+
if (checked)
|
|
21429
|
+
next.add(value);
|
|
21430
|
+
else
|
|
21431
|
+
next.delete(value);
|
|
21432
|
+
const offered = this.offered().map((option) => option.value);
|
|
21433
|
+
const isOffered = new Set(offered);
|
|
21434
|
+
this.value.set([
|
|
21435
|
+
...offered.filter((v) => next.has(v)),
|
|
21436
|
+
...current.filter((v) => !isOffered.has(v)),
|
|
21437
|
+
]);
|
|
21438
|
+
this.touched.set(true);
|
|
21439
|
+
};
|
|
21440
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CheckboxGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
21441
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CheckboxGroupComponent, isStandalone: true, selector: "m-checkbox-group", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, usesInheritance: true, ngImport: i0, template: `
|
|
21442
|
+
@if (config(); as group) {
|
|
21443
|
+
@if (group.label) {
|
|
21444
|
+
<m-label
|
|
21445
|
+
[placeholder]="group.label"
|
|
21446
|
+
[params]="group.params"
|
|
21447
|
+
[required]="required()"
|
|
21448
|
+
[disabled]="isDisabled()"
|
|
21449
|
+
/>
|
|
21450
|
+
}
|
|
21451
|
+
<div
|
|
21452
|
+
class="checkbox-group"
|
|
21453
|
+
role="group"
|
|
21454
|
+
[class.checkbox-group--vertical]="isVertical()"
|
|
21455
|
+
>
|
|
21456
|
+
@for (row of rows(); track row.option.value; let first = $first) {
|
|
21457
|
+
<m-checkbox
|
|
21458
|
+
[config]="row.checkbox"
|
|
21459
|
+
[checked]="isPicked(row.option.value)"
|
|
21460
|
+
[disabled]="isDisabled() || !!row.option.disabled"
|
|
21461
|
+
[noTranslate]="row.option.noTranslate"
|
|
21462
|
+
[focused]="focused() && first"
|
|
21463
|
+
(checkedChange)="onToggle(row.option.value, $event)"
|
|
21464
|
+
/>
|
|
21465
|
+
}
|
|
21466
|
+
</div>
|
|
21467
|
+
@if (showErrors()) {
|
|
21468
|
+
@for (error of errors(); track $index) {
|
|
21469
|
+
<m-text-output
|
|
21470
|
+
variant="footer"
|
|
21471
|
+
color="error"
|
|
21472
|
+
[label]="error.message"
|
|
21473
|
+
/>
|
|
21474
|
+
}
|
|
21475
|
+
}
|
|
21476
|
+
}
|
|
21477
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.checkbox-group{display:flex;flex-wrap:wrap;align-items:center;gap:.75em 1.5em;--m-label-required-space: 0}.checkbox-group.checkbox-group--vertical{flex-direction:column;align-items:flex-start}\n"], dependencies: [{ kind: "component", type: CheckboxInputComponent, selector: "m-checkbox", inputs: ["checked", "config", "required", "disabled", "invalid", "touched", "focused", "errors", "value", "label", "noTranslate"], outputs: ["checkedChange", "touchedChange"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
21478
|
+
}
|
|
21479
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
|
|
21480
|
+
type: Component,
|
|
21481
|
+
args: [{ selector: 'm-checkbox-group', template: `
|
|
21482
|
+
@if (config(); as group) {
|
|
21483
|
+
@if (group.label) {
|
|
21484
|
+
<m-label
|
|
21485
|
+
[placeholder]="group.label"
|
|
21486
|
+
[params]="group.params"
|
|
21487
|
+
[required]="required()"
|
|
21488
|
+
[disabled]="isDisabled()"
|
|
21489
|
+
/>
|
|
21490
|
+
}
|
|
21491
|
+
<div
|
|
21492
|
+
class="checkbox-group"
|
|
21493
|
+
role="group"
|
|
21494
|
+
[class.checkbox-group--vertical]="isVertical()"
|
|
21495
|
+
>
|
|
21496
|
+
@for (row of rows(); track row.option.value; let first = $first) {
|
|
21497
|
+
<m-checkbox
|
|
21498
|
+
[config]="row.checkbox"
|
|
21499
|
+
[checked]="isPicked(row.option.value)"
|
|
21500
|
+
[disabled]="isDisabled() || !!row.option.disabled"
|
|
21501
|
+
[noTranslate]="row.option.noTranslate"
|
|
21502
|
+
[focused]="focused() && first"
|
|
21503
|
+
(checkedChange)="onToggle(row.option.value, $event)"
|
|
21504
|
+
/>
|
|
21505
|
+
}
|
|
21506
|
+
</div>
|
|
21507
|
+
@if (showErrors()) {
|
|
21508
|
+
@for (error of errors(); track $index) {
|
|
21509
|
+
<m-text-output
|
|
21510
|
+
variant="footer"
|
|
21511
|
+
color="error"
|
|
21512
|
+
[label]="error.message"
|
|
21513
|
+
/>
|
|
21514
|
+
}
|
|
21515
|
+
}
|
|
21516
|
+
}
|
|
21517
|
+
`, imports: [CheckboxInputComponent, LabelComponent, TextOutputComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.checkbox-group{display:flex;flex-wrap:wrap;align-items:center;gap:.75em 1.5em;--m-label-required-space: 0}.checkbox-group.checkbox-group--vertical{flex-direction:column;align-items:flex-start}\n"] }]
|
|
21518
|
+
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
21519
|
+
|
|
21520
|
+
var checkboxGroup = /*#__PURE__*/Object.freeze({
|
|
21521
|
+
__proto__: null,
|
|
21522
|
+
CheckboxGroupComponent: CheckboxGroupComponent
|
|
21523
|
+
});
|
|
21524
|
+
|
|
21322
21525
|
class DropdownBoxComponent {
|
|
21323
21526
|
options = input([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
|
|
21324
21527
|
selected = input('', ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
|
|
@@ -21695,7 +21898,7 @@ class DropdownInputComponent extends BaseInputComponent {
|
|
|
21695
21898
|
}
|
|
21696
21899
|
}
|
|
21697
21900
|
}
|
|
21698
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.trigger-wrap{position:relative;--m-text-input-padding-right: 2.25em }.trigger-wrap m-button{position:absolute;right:0;top:0;bottom:0;--m-button-size: 1em !important;height:100%;border-radius:0 var(--m-input-radius, calc(var(--input-size, 1em) * .5)) var(--m-input-radius, calc(var(--input-size, 1em) * .5)) 0;--m-button-radius: 0 var(--m-input-radius, calc(var(--input-size, 1em) * .5)) var(--m-input-radius, calc(var(--input-size, 1em) * .5)) 0}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: TextInputComponent, selector: "m-text-input", inputs: ["value", "config", "required", "disabled", "invalid", "touched", "focused", "errors", "hideErrors"], outputs: ["valueChange", "touchedChange"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: SelectorDirective, selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
21901
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.trigger-wrap{position:relative;--m-text-input-padding-right: 2.25em }.trigger-wrap m-button{position:absolute;right:0;top:0;bottom:0;--m-button-size: 1em !important;height:100%;border-radius:0 var(--m-input-radius, calc(var(--input-size, 1em) * .5)) var(--m-input-radius, calc(var(--input-size, 1em) * .5)) 0;--m-button-radius: 0 var(--m-input-radius, calc(var(--input-size, 1em) * .5)) var(--m-input-radius, calc(var(--input-size, 1em) * .5)) 0}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: TextInputComponent, selector: "m-text-input", inputs: ["value", "config", "required", "disabled", "invalid", "touched", "focused", "errors", "hideErrors"], outputs: ["valueChange", "touchedChange"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: SelectorDirective, selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
21699
21902
|
}
|
|
21700
21903
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DropdownInputComponent, decorators: [{
|
|
21701
21904
|
type: Component,
|
|
@@ -22668,7 +22871,7 @@ class ColorPickerInputComponent extends BaseTextInputComponent {
|
|
|
22668
22871
|
}
|
|
22669
22872
|
}
|
|
22670
22873
|
}
|
|
22671
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}:host-context(.m-dynamic-input),:host-context(.section-form-item__input){display:contents}:host-context(.m-dynamic-input) .input-wrapper,:host-context(.section-form-item__input) .input-wrapper{width:100%}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.input-wrapper:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.input-wrapper:has(.warning) input::placeholder,.input-wrapper:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.input-wrapper:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:var(--m-border, var(--m-border))}.input-wrapper:focus-within input::placeholder,.input-wrapper:focus-visible input::placeholder,.input-wrapper:focus-within textarea::placeholder,.input-wrapper:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.input-wrapper:has(.error) input::placeholder,.input-wrapper:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;gap:calc(var(--input-size, 1em) * .4);height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-left:var(--m-text-input-padding-left, var(--m-label-required-space, .75em));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * 2.25));background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease);cursor:pointer;position:relative}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper .m-icon{--m-icon-size: calc(var(--input-size, 1em) * 1.1) !important}.input-wrapper .m-button{position:absolute;right:0;top:0;bottom:0;--m-button-size: var(--input-size, 1em) !important}.color-picker-trigger{appearance:none;border:none;outline:none;flex:1;height:100%;background:transparent;color:var(--m-text-input-color, var(--m-text));font-family:inherit;font-size:var(--input-size, 1em);padding:0;cursor:pointer;min-width:0}.color-picker-trigger:focus{border-color:transparent;box-shadow:none}.color-picker-trigger.error{color:var(--m-error)}.color-picker-trigger--open{color:var(--m-text-input-focus-border, var(--m-focus))}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: SelectorDirective, selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
22874
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}:host-context(.m-dynamic-input),:host-context(.section-form-item__input){display:contents}:host-context(.m-dynamic-input) .input-wrapper,:host-context(.section-form-item__input) .input-wrapper{width:100%}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.input-wrapper:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.input-wrapper:has(.warning) input::placeholder,.input-wrapper:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.input-wrapper:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:var(--m-border, var(--m-border))}.input-wrapper:focus-within input::placeholder,.input-wrapper:focus-visible input::placeholder,.input-wrapper:focus-within textarea::placeholder,.input-wrapper:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.input-wrapper:has(.error) input::placeholder,.input-wrapper:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;gap:calc(var(--input-size, 1em) * .4);height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-left:var(--m-text-input-padding-left, var(--m-label-required-space, .75em));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * 2.25));background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease);cursor:pointer;position:relative}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper .m-icon{--m-icon-size: calc(var(--input-size, 1em) * 1.1) !important}.input-wrapper .m-button{position:absolute;right:0;top:0;bottom:0;--m-button-size: var(--input-size, 1em) !important}.color-picker-trigger{appearance:none;border:none;outline:none;flex:1;height:100%;background:transparent;color:var(--m-text-input-color, var(--m-text));font-family:inherit;font-size:var(--input-size, 1em);padding:0;cursor:pointer;min-width:0}.color-picker-trigger:focus{border-color:transparent;box-shadow:none}.color-picker-trigger.error{color:var(--m-error)}.color-picker-trigger--open{color:var(--m-text-input-focus-border, var(--m-focus))}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: SelectorDirective, selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
22672
22875
|
}
|
|
22673
22876
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ColorPickerInputComponent, decorators: [{
|
|
22674
22877
|
type: Component,
|
|
@@ -22997,7 +23200,7 @@ class WrapperInputComponent extends ConfigComponent {
|
|
|
22997
23200
|
break;
|
|
22998
23201
|
}
|
|
22999
23202
|
case InputType.TOGGLE: {
|
|
23000
|
-
const { ToggleInputComponent } = await import('./magmonium-one-toggle-
|
|
23203
|
+
const { ToggleInputComponent } = await import('./magmonium-one-toggle-B3RHNaUP.mjs');
|
|
23001
23204
|
this.createDynamicComponent(seq, ToggleInputComponent, [], true);
|
|
23002
23205
|
break;
|
|
23003
23206
|
}
|
|
@@ -23009,12 +23212,12 @@ class WrapperInputComponent extends ConfigComponent {
|
|
|
23009
23212
|
break;
|
|
23010
23213
|
}
|
|
23011
23214
|
case InputType.PASSWORD: {
|
|
23012
|
-
const { PasswordInputComponent } = await import('./magmonium-one-password-
|
|
23215
|
+
const { PasswordInputComponent } = await import('./magmonium-one-password-QdZSw46k.mjs');
|
|
23013
23216
|
this.createDynamicComponent(seq, PasswordInputComponent);
|
|
23014
23217
|
break;
|
|
23015
23218
|
}
|
|
23016
23219
|
case InputType.OTP: {
|
|
23017
|
-
const { OtpInputComponent } = await import('./magmonium-one-otp-
|
|
23220
|
+
const { OtpInputComponent } = await import('./magmonium-one-otp-D3REoA5M.mjs');
|
|
23018
23221
|
this.createDynamicComponent(seq, OtpInputComponent);
|
|
23019
23222
|
break;
|
|
23020
23223
|
}
|
|
@@ -23028,6 +23231,13 @@ class WrapperInputComponent extends ConfigComponent {
|
|
|
23028
23231
|
this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
|
|
23029
23232
|
break;
|
|
23030
23233
|
}
|
|
23234
|
+
case InputType.CHECKBOX_GROUP: {
|
|
23235
|
+
const { CheckboxGroupComponent } = await Promise.resolve().then(function () { return checkboxGroup; });
|
|
23236
|
+
this.createDynamicComponent(seq, CheckboxGroupComponent, [
|
|
23237
|
+
inputBinding('options', this.options),
|
|
23238
|
+
]);
|
|
23239
|
+
break;
|
|
23240
|
+
}
|
|
23031
23241
|
case InputType.RADIO_GROUP: {
|
|
23032
23242
|
const { RadioGroupComponent } = await Promise.resolve().then(function () { return radioGroup; });
|
|
23033
23243
|
this.createDynamicComponent(seq, RadioGroupComponent, [
|
|
@@ -23268,7 +23478,7 @@ class RadioGroupComponent extends BaseTextInputComponent {
|
|
|
23268
23478
|
}
|
|
23269
23479
|
}
|
|
23270
23480
|
}
|
|
23271
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.radio-group{display:flex;gap:1em}.radio-group.radio-group--vertical{flex-direction:column}\n"], dependencies: [{ kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23481
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.radio-group{display:flex;gap:1em}.radio-group.radio-group--vertical{flex-direction:column}\n"], dependencies: [{ kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23272
23482
|
}
|
|
23273
23483
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RadioGroupComponent, decorators: [{
|
|
23274
23484
|
type: Component,
|
|
@@ -23585,7 +23795,7 @@ class ToggleRadioInputComponent extends BaseTextInputComponent {
|
|
|
23585
23795
|
}
|
|
23586
23796
|
</div>
|
|
23587
23797
|
}
|
|
23588
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;--toggle-radio-bg: var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));--toggle-radio-radius: var(--m-toggle-radio-radius, var(--m-input-radius, .5rem));--toggle-radio-border-width: var(--m-toggle-radio-border-width, var(--m-input-border-width, 1px));--toggle-radio-border: var(--toggle-radio-border-width) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));--toggle-radio-divider-width: var(--toggle-radio-border-width);--toggle-radio-indicator-bg: var(--m-input-color, var(--m-mm));--toggle-radio-indicator-radius: 0;--toggle-radio-pad: 0;--toggle-radio-gap: .375em ;--toggle-radio-height: 2.25em }.toggle-radio{height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);height:var(--toggle-radio-height);min-height:var(--toggle-radio-height);border-radius:var(--toggle-radio-radius);padding:var(--toggle-radio-pad);gap:var(--toggle-radio-gap);border:var(--toggle-radio-border);display:flex;align-items:stretch;width:100%;background:var(--toggle-radio-bg);box-sizing:border-box;overflow:hidden;position:relative;isolation:isolate}.toggle-radio--disabled{opacity:.6;cursor:not-allowed}.toggle-radio--disabled .toggle-radio__option{pointer-events:none}.toggle-radio__option{flex:1 1 0%;display:flex;align-items:stretch;position:relative;z-index:1}.toggle-radio__option--active{background:var(--toggle-radio-indicator-bg);transition:background-color .2s ease}.toggle-radio__option:hover:not(.toggle-radio__option--active){background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 6%, transparent))}.toggle-radio__option:has(input[type=radio]:focus-visible) label{outline:var(--toggle-radio-border-width) solid var(--m-text-input-focus-border, var(--m-focus));outline-offset:calc(var(--toggle-radio-border-width) * -1)}.toggle-radio__option:not(:last-child):not(.toggle-radio__option--active):not(:has(+.toggle-radio__option--active)):after{content:\"\";position:absolute;top:0;bottom:0;right:calc(var(--toggle-radio-gap) / -2);width:var(--toggle-radio-divider-width);background:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)))}.toggle-radio__option input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-radio__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;--m-icon-size: 1.1em }.toggle-radio__option label{display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:100%;overflow:hidden;border-radius:var(--toggle-radio-indicator-radius);padding:0 1.25em;gap:.375em;cursor:pointer;line-height:normal;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--m-text-input-color, var(--m-text));transition:color .2s ease,opacity .2s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none;white-space:nowrap}.toggle-radio__option label:active{transform:scale(.96)}.toggle-radio__option span{display:block;line-height:normal;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s ease}.toggle-radio__option--active label{color:var(--m-inverse-text, var(--m-inverse-text))}.toggle-radio__option--has-icon:not(.toggle-radio__option--active) span{opacity:0;max-width:0}.toggle-radio__option--has-icon.toggle-radio__option--active span{opacity:1;max-width:200px}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical) .toggle-radio__option--has-icon{flex:0 0 auto}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical) .toggle-radio__option--has-icon.toggle-radio__option--active{flex:1 1 auto}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical):not(:has(.toggle-radio__option--active)) .toggle-radio__option--has-icon{flex:1 1 0%}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical):not(:has(.toggle-radio__option--active)) .toggle-radio__option--has-icon span{opacity:1;max-width:200px}.toggle-radio--equal-width.toggle-radio .toggle-radio__option--has-icon:not(.toggle-radio__option--active) span{opacity:.7;max-width:200px;overflow:visible}.toggle-radio--vertical{flex-direction:column;height:100%;max-height:inherit}.toggle-radio--vertical .toggle-radio__option{flex:1 1 auto;width:100%}.toggle-radio--vertical .toggle-radio__option:not(:last-child):not(.toggle-radio--vertical .toggle-radio__option--active):not(:has(+.toggle-radio--vertical .toggle-radio__option--active)):after{top:auto;bottom:calc(var(--toggle-radio-gap) / -2);left:0;right:0;width:100%;height:var(--toggle-radio-divider-width)}.toggle-radio--icon-only{gap:0}.toggle-radio--icon-only .toggle-radio__option label{padding:0;gap:0}:host:has(.toggle-radio--vertical.toggle-radio--icon-only){width:fit-content}.toggle-radio--vertical.toggle-radio--icon-only{width:fit-content}.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option{width:var(--toggle-radio-height);flex:0 0 var(--toggle-radio-height)}.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option:not(:last-child):not(.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option--active):not(:has(+.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option--active)):after{bottom:0}.toggle-radio__overflow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0 1.25em;--m-context-menu-size: calc(var(--toggle-radio-height) * .6)}.toggle-radio--vertical .toggle-radio__overflow{width:100%;padding:1.25em 0}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted", "options"], outputs: ["toggleChange", "action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23798
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;--toggle-radio-bg: var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));--toggle-radio-radius: var(--m-toggle-radio-radius, var(--m-input-radius, .5rem));--toggle-radio-border-width: var(--m-toggle-radio-border-width, var(--m-input-border-width, 1px));--toggle-radio-border: var(--toggle-radio-border-width) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));--toggle-radio-divider-width: var(--toggle-radio-border-width);--toggle-radio-indicator-bg: var(--m-input-color, var(--m-mm));--toggle-radio-indicator-radius: 0;--toggle-radio-pad: 0;--toggle-radio-gap: .375em ;--toggle-radio-height: 2.25em }.toggle-radio{height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);height:var(--toggle-radio-height);min-height:var(--toggle-radio-height);border-radius:var(--toggle-radio-radius);padding:var(--toggle-radio-pad);gap:var(--toggle-radio-gap);border:var(--toggle-radio-border);display:flex;align-items:stretch;width:100%;background:var(--toggle-radio-bg);box-sizing:border-box;overflow:hidden;position:relative;isolation:isolate}.toggle-radio--disabled{opacity:.6;cursor:not-allowed}.toggle-radio--disabled .toggle-radio__option{pointer-events:none}.toggle-radio__option{flex:1 1 0%;display:flex;align-items:stretch;position:relative;z-index:1}.toggle-radio__option--active{background:var(--toggle-radio-indicator-bg);transition:background-color .2s ease}.toggle-radio__option:hover:not(.toggle-radio__option--active){background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 6%, transparent))}.toggle-radio__option:has(input[type=radio]:focus-visible) label{outline:var(--toggle-radio-border-width) solid var(--m-text-input-focus-border, var(--m-focus));outline-offset:calc(var(--toggle-radio-border-width) * -1)}.toggle-radio__option:not(:last-child):not(.toggle-radio__option--active):not(:has(+.toggle-radio__option--active)):after{content:\"\";position:absolute;top:0;bottom:0;right:calc(var(--toggle-radio-gap) / -2);width:var(--toggle-radio-divider-width);background:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)))}.toggle-radio__option input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-radio__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;--m-icon-size: 1.1em }.toggle-radio__option label{display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:100%;overflow:hidden;border-radius:var(--toggle-radio-indicator-radius);padding:0 1.25em;gap:.375em;cursor:pointer;line-height:normal;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--m-text-input-color, var(--m-text));transition:color .2s ease,opacity .2s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none;white-space:nowrap}.toggle-radio__option label:active{transform:scale(.96)}.toggle-radio__option span{display:block;line-height:normal;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s ease}.toggle-radio__option--active label{color:var(--m-inverse-text, var(--m-inverse-text))}.toggle-radio__option--has-icon:not(.toggle-radio__option--active) span{opacity:0;max-width:0}.toggle-radio__option--has-icon.toggle-radio__option--active span{opacity:1;max-width:200px}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical) .toggle-radio__option--has-icon{flex:0 0 auto}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical) .toggle-radio__option--has-icon.toggle-radio__option--active{flex:1 1 auto}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical):not(:has(.toggle-radio__option--active)) .toggle-radio__option--has-icon{flex:1 1 0%}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical):not(:has(.toggle-radio__option--active)) .toggle-radio__option--has-icon span{opacity:1;max-width:200px}.toggle-radio--equal-width.toggle-radio .toggle-radio__option--has-icon:not(.toggle-radio__option--active) span{opacity:.7;max-width:200px;overflow:visible}.toggle-radio--vertical{flex-direction:column;height:100%;max-height:inherit}.toggle-radio--vertical .toggle-radio__option{flex:1 1 auto;width:100%}.toggle-radio--vertical .toggle-radio__option:not(:last-child):not(.toggle-radio--vertical .toggle-radio__option--active):not(:has(+.toggle-radio--vertical .toggle-radio__option--active)):after{top:auto;bottom:calc(var(--toggle-radio-gap) / -2);left:0;right:0;width:100%;height:var(--toggle-radio-divider-width)}.toggle-radio--icon-only{gap:0}.toggle-radio--icon-only .toggle-radio__option label{padding:0;gap:0}:host:has(.toggle-radio--vertical.toggle-radio--icon-only){width:fit-content}.toggle-radio--vertical.toggle-radio--icon-only{width:fit-content}.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option{width:var(--toggle-radio-height);flex:0 0 var(--toggle-radio-height)}.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option:not(:last-child):not(.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option--active):not(:has(+.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option--active)):after{bottom:0}.toggle-radio__overflow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0 1.25em;--m-context-menu-size: calc(var(--toggle-radio-height) * .6)}.toggle-radio--vertical .toggle-radio__overflow{width:100%;padding:1.25em 0}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted", "options"], outputs: ["toggleChange", "action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23589
23799
|
}
|
|
23590
23800
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ToggleRadioInputComponent, decorators: [{
|
|
23591
23801
|
type: Component,
|
|
@@ -23835,7 +24045,7 @@ class SelectableCardInputComponent extends BaseInputComponent {
|
|
|
23835
24045
|
}
|
|
23836
24046
|
</div>
|
|
23837
24047
|
}
|
|
23838
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;max-width:100%;min-width:0}.selectable-card{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.selectable-card--vertical{flex-direction:column;flex-wrap:nowrap}.selectable-card--vertical .selectable-card__item{width:100%;max-width:100%;min-width:0;align-items:flex-start}.selectable-card--vertical .selectable-card__indicator{padding-top:.125rem}.selectable-card--vertical .selectable-card__content{align-items:flex-start}.selectable-card__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--m-selectable-card-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:var(--m-input-radius, .5rem);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--m-selectable-card-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));transition:border-color .2s ease,box-shadow .2s ease,background .15s ease;box-sizing:border-box;max-width:100%;min-width:0}.selectable-card__item.selectable-card__item--line{border:1px solid var(--border, var(--m-border));border-radius:16px}.selectable-card__item.selectable-card__item--line:hover:not(.selectable-card__item.selectable-card__item--line--disabled){border-color:var(--border, var(--m-border));box-shadow:none}.selectable-card__item.selectable-card__item--line--selected{border-color:var(--border, var(--m-border));box-shadow:none;background:var(--background, var(--m-background))}.selectable-card__item.selectable-card__item--line--selected:hover:not(.selectable-card__item--disabled){box-shadow:none}.selectable-card__item.selectable-card__item--line:focus-visible{outline-color:var(--border, var(--m-border))}.selectable-card__item.selectable-card__item--line .selectable-card__indicator{display:none}.selectable-card__item:hover:not(.selectable-card__item--disabled){border-color:var(--m-selectable-card-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));box-shadow:none}.selectable-card__item--selected{border-color:var(--m-selectable-card-selected-border, var(--m-focus));box-shadow:none;background:color-mix(in srgb,var(--m-focus) 5%,var(--m-background))}.selectable-card__item:focus-visible{outline:2px solid var(--m-focus);outline-offset:3px}.selectable-card__item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.selectable-card__content{flex:1;min-width:0;max-width:100%;display:flex;align-items:center;gap:.5rem}.selectable-card__content>*{flex:1;min-width:0;max-width:100%}.selectable-card__icon{flex-shrink:0;display:flex}.selectable-card__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectable-card__indicator{flex-shrink:0;display:flex;align-items:center}.selectable-card__indicator input[type=checkbox],.selectable-card__indicator input[type=radio]{appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;border:var(--m-input-border-width, 1px) solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-checkbox-radius, .35rem);background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));cursor:pointer;box-sizing:border-box;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative;flex-shrink:0;outline:none}.selectable-card__indicator input[type=checkbox][type=radio],.selectable-card__indicator input[type=radio][type=radio]{border-radius:50%}.selectable-card__indicator input[type=checkbox]:hover:not(:disabled),.selectable-card__indicator input[type=radio]:hover:not(:disabled){border-color:color-mix(in srgb,var(--m-focus) 55%,var(--m-background))}.selectable-card__indicator input[type=checkbox]:focus-visible,.selectable-card__indicator input[type=radio]:focus-visible{border-color:var(--m-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 14%,transparent)}.selectable-card__indicator input[type=checkbox]:checked,.selectable-card__indicator input[type=radio]:checked{background:var(--m-focus);border-color:var(--m-focus)}.selectable-card__indicator input[type=checkbox]:checked:hover:not(:disabled),.selectable-card__indicator input[type=radio]:checked:hover:not(:disabled){box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.selectable-card__indicator input[type=checkbox]:checked:after,.selectable-card__indicator input[type=radio]:checked:after{content:\"\";position:absolute;top:50%;left:50%}.selectable-card__indicator input[type=checkbox][type=checkbox]:checked:after,.selectable-card__indicator input[type=radio][type=checkbox]:checked:after{width:.45rem;height:.25rem;border-left:2px solid white;border-bottom:2px solid white;transform:translate(-50%,-60%) rotate(-45deg)}.selectable-card__indicator input[type=checkbox][type=radio]:checked:after,.selectable-card__indicator input[type=radio][type=radio]:checked:after{width:.5rem;height:.5rem;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.selectable-card__indicator input[type=checkbox]:disabled,.selectable-card__indicator input[type=radio]:disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24048
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;max-width:100%;min-width:0}.selectable-card{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.selectable-card--vertical{flex-direction:column;flex-wrap:nowrap}.selectable-card--vertical .selectable-card__item{width:100%;max-width:100%;min-width:0;align-items:flex-start}.selectable-card--vertical .selectable-card__indicator{padding-top:.125rem}.selectable-card--vertical .selectable-card__content{align-items:flex-start}.selectable-card__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--m-selectable-card-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:var(--m-input-radius, .5rem);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--m-selectable-card-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));transition:border-color .2s ease,box-shadow .2s ease,background .15s ease;box-sizing:border-box;max-width:100%;min-width:0}.selectable-card__item.selectable-card__item--line{border:1px solid var(--border, var(--m-border));border-radius:16px}.selectable-card__item.selectable-card__item--line:hover:not(.selectable-card__item.selectable-card__item--line--disabled){border-color:var(--border, var(--m-border));box-shadow:none}.selectable-card__item.selectable-card__item--line--selected{border-color:var(--border, var(--m-border));box-shadow:none;background:var(--background, var(--m-background))}.selectable-card__item.selectable-card__item--line--selected:hover:not(.selectable-card__item--disabled){box-shadow:none}.selectable-card__item.selectable-card__item--line:focus-visible{outline-color:var(--border, var(--m-border))}.selectable-card__item.selectable-card__item--line .selectable-card__indicator{display:none}.selectable-card__item:hover:not(.selectable-card__item--disabled){border-color:var(--m-selectable-card-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));box-shadow:none}.selectable-card__item--selected{border-color:var(--m-selectable-card-selected-border, var(--m-focus));box-shadow:none;background:color-mix(in srgb,var(--m-focus) 5%,var(--m-background))}.selectable-card__item:focus-visible{outline:2px solid var(--m-focus);outline-offset:3px}.selectable-card__item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.selectable-card__content{flex:1;min-width:0;max-width:100%;display:flex;align-items:center;gap:.5rem}.selectable-card__content>*{flex:1;min-width:0;max-width:100%}.selectable-card__icon{flex-shrink:0;display:flex}.selectable-card__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectable-card__indicator{flex-shrink:0;display:flex;align-items:center}.selectable-card__indicator input[type=checkbox],.selectable-card__indicator input[type=radio]{appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;border:var(--m-input-border-width, 1px) solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-checkbox-radius, .35rem);background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));cursor:pointer;box-sizing:border-box;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative;flex-shrink:0;outline:none}.selectable-card__indicator input[type=checkbox][type=radio],.selectable-card__indicator input[type=radio][type=radio]{border-radius:50%}.selectable-card__indicator input[type=checkbox]:hover:not(:disabled),.selectable-card__indicator input[type=radio]:hover:not(:disabled){border-color:color-mix(in srgb,var(--m-focus) 55%,var(--m-background))}.selectable-card__indicator input[type=checkbox]:focus-visible,.selectable-card__indicator input[type=radio]:focus-visible{border-color:var(--m-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 14%,transparent)}.selectable-card__indicator input[type=checkbox]:checked,.selectable-card__indicator input[type=radio]:checked{background:var(--m-focus);border-color:var(--m-focus)}.selectable-card__indicator input[type=checkbox]:checked:hover:not(:disabled),.selectable-card__indicator input[type=radio]:checked:hover:not(:disabled){box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.selectable-card__indicator input[type=checkbox]:checked:after,.selectable-card__indicator input[type=radio]:checked:after{content:\"\";position:absolute;top:50%;left:50%}.selectable-card__indicator input[type=checkbox][type=checkbox]:checked:after,.selectable-card__indicator input[type=radio][type=checkbox]:checked:after{width:.45rem;height:.25rem;border-left:2px solid white;border-bottom:2px solid white;transform:translate(-50%,-60%) rotate(-45deg)}.selectable-card__indicator input[type=checkbox][type=radio]:checked:after,.selectable-card__indicator input[type=radio][type=radio]:checked:after{width:.5rem;height:.5rem;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.selectable-card__indicator input[type=checkbox]:disabled,.selectable-card__indicator input[type=radio]:disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23839
24049
|
}
|
|
23840
24050
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SelectableCardInputComponent, decorators: [{
|
|
23841
24051
|
type: Component,
|
|
@@ -24001,7 +24211,7 @@ class RatingInputComponent extends BaseInputComponent {
|
|
|
24001
24211
|
this.hoverValue.set(null);
|
|
24002
24212
|
};
|
|
24003
24213
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RatingInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
24004
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: RatingInputComponent, isStandalone: true, selector: "m-rating-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, usesInheritance: true, ngImport: i0, template: "@if (config(); as rating) {\n @if (rating.label) {\n <m-label\n [for]=\"rating.name ?? ''\"\n [placeholder]=\"rating.label\"\n [params]=\"rating.params\"\n [required]=\"required()\"\n [disabled]=\"disabled()\"\n />\n }\n\n <div\n class=\"rating\"\n [class.rating--error]=\"showErrors()\"\n [class.rating--enlarge]=\"enlarged()\"\n [style.--rating-color-filled]=\"filledColor()\"\n >\n <div\n class=\"rating__stars\"\n [class.rating__stars--interactive]=\"interactive()\"\n [class.rating__stars--disabled]=\"disabled()\"\n (mouseleave)=\"onLeave()\"\n >\n <!-- Hidden SVG for per-star gradient defs -->\n <svg width=\"0\" height=\"0\" aria-hidden=\"true\" class=\"rating__defs\">\n <defs>\n @for (star of stars; track star) {\n <linearGradient [id]=\"'star-grad-' + star\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop [attr.offset]=\"starFill(star) + '%'\" class=\"rating__stop--filled\" />\n <stop [attr.offset]=\"starFill(star) + '%'\" class=\"rating__stop--empty\" />\n </linearGradient>\n }\n </defs>\n </svg>\n\n @for (star of stars; track star) {\n <button\n class=\"rating__star\"\n type=\"button\"\n [attr.aria-label]=\"'rate-star-out-of-5' | translate: { star: (star + 1).toString() }\"\n [attr.aria-pressed]=\"(ratingValue() ?? -1) >= star\"\n [attr.disabled]=\"(!interactive()) ? true : null\"\n (click)=\"rate(star)\"\n (mouseenter)=\"onHover(star)\"\n >\n <svg\n class=\"rating__star-svg\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <polygon\n class=\"rating__star-shape\"\n [attr.fill]=\"'url(#star-grad-' + star + ')'\"\n points=\"12,2.5 15.27,9.14 22.6,10.13 17.3,15.26 18.54,22.56 12,19.13 5.46,22.56 6.7,15.26 1.4,10.13 8.73,9.14\"\n />\n </svg>\n </button>\n }\n </div>\n </div>\n\n @if (showErrors()) {\n @for (error of errors(); track $index) {\n <m-text-output\n variant=\"footer\"\n color=\"error\"\n [label]=\"error.message\"\n />\n }\n }\n}\n", styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.rating{display:inline-flex;flex-direction:column;gap:6px}.rating__defs{display:block;width:0;height:0;overflow:hidden;pointer-events:none;flex-shrink:0}.rating__stop--filled{stop-color:var(--rating-color-filled, #FFB800);stop-opacity:1}.rating__stop--empty{stop-color:#e0e0e0;stop-opacity:1}.rating__stars{position:relative;display:inline-flex;align-items:center;gap:4px}.rating__star{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;cursor:default;outline:none;flex-shrink:0}.rating__star-svg{width:28px;height:28px;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08));transition:opacity .15s ease,transform .12s ease}.rating__star-shape{stroke:#0000000f;stroke-width:.5px}.rating__stars--interactive .rating__star{cursor:pointer;border-radius:4px}.rating__stars--interactive .rating__star:focus-visible{outline:2px solid var(--m-mm);outline-offset:2px;border-radius:4px}.rating__stars--interactive .rating__star:hover .rating__star-svg,.rating__stars--interactive .rating__star:focus-visible .rating__star-svg{transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}.rating__stars--disabled{opacity:.5;pointer-events:none}.rating__stars--disabled .rating__stop--filled{stop-color:#bdbdbd}.rating--enlarge .rating__star,.rating--enlarge .rating__star-svg{width:56px;height:56px}.rating--error .rating__stop--filled{stop-color:var(--m-error)}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
24214
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: RatingInputComponent, isStandalone: true, selector: "m-rating-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, usesInheritance: true, ngImport: i0, template: "@if (config(); as rating) {\n @if (rating.label) {\n <m-label\n [for]=\"rating.name ?? ''\"\n [placeholder]=\"rating.label\"\n [params]=\"rating.params\"\n [required]=\"required()\"\n [disabled]=\"disabled()\"\n />\n }\n\n <div\n class=\"rating\"\n [class.rating--error]=\"showErrors()\"\n [class.rating--enlarge]=\"enlarged()\"\n [style.--rating-color-filled]=\"filledColor()\"\n >\n <div\n class=\"rating__stars\"\n [class.rating__stars--interactive]=\"interactive()\"\n [class.rating__stars--disabled]=\"disabled()\"\n (mouseleave)=\"onLeave()\"\n >\n <!-- Hidden SVG for per-star gradient defs -->\n <svg width=\"0\" height=\"0\" aria-hidden=\"true\" class=\"rating__defs\">\n <defs>\n @for (star of stars; track star) {\n <linearGradient [id]=\"'star-grad-' + star\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop [attr.offset]=\"starFill(star) + '%'\" class=\"rating__stop--filled\" />\n <stop [attr.offset]=\"starFill(star) + '%'\" class=\"rating__stop--empty\" />\n </linearGradient>\n }\n </defs>\n </svg>\n\n @for (star of stars; track star) {\n <button\n class=\"rating__star\"\n type=\"button\"\n [attr.aria-label]=\"'rate-star-out-of-5' | translate: { star: (star + 1).toString() }\"\n [attr.aria-pressed]=\"(ratingValue() ?? -1) >= star\"\n [attr.disabled]=\"(!interactive()) ? true : null\"\n (click)=\"rate(star)\"\n (mouseenter)=\"onHover(star)\"\n >\n <svg\n class=\"rating__star-svg\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <polygon\n class=\"rating__star-shape\"\n [attr.fill]=\"'url(#star-grad-' + star + ')'\"\n points=\"12,2.5 15.27,9.14 22.6,10.13 17.3,15.26 18.54,22.56 12,19.13 5.46,22.56 6.7,15.26 1.4,10.13 8.73,9.14\"\n />\n </svg>\n </button>\n }\n </div>\n </div>\n\n @if (showErrors()) {\n @for (error of errors(); track $index) {\n <m-text-output\n variant=\"footer\"\n color=\"error\"\n [label]=\"error.message\"\n />\n }\n }\n}\n", styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.rating{display:inline-flex;flex-direction:column;gap:6px}.rating__defs{display:block;width:0;height:0;overflow:hidden;pointer-events:none;flex-shrink:0}.rating__stop--filled{stop-color:var(--rating-color-filled, #FFB800);stop-opacity:1}.rating__stop--empty{stop-color:#e0e0e0;stop-opacity:1}.rating__stars{position:relative;display:inline-flex;align-items:center;gap:4px}.rating__star{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;cursor:default;outline:none;flex-shrink:0}.rating__star-svg{width:28px;height:28px;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08));transition:opacity .15s ease,transform .12s ease}.rating__star-shape{stroke:#0000000f;stroke-width:.5px}.rating__stars--interactive .rating__star{cursor:pointer;border-radius:4px}.rating__stars--interactive .rating__star:focus-visible{outline:2px solid var(--m-mm);outline-offset:2px;border-radius:4px}.rating__stars--interactive .rating__star:hover .rating__star-svg,.rating__stars--interactive .rating__star:focus-visible .rating__star-svg{transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}.rating__stars--disabled{opacity:.5;pointer-events:none}.rating__stars--disabled .rating__stop--filled{stop-color:#bdbdbd}.rating--enlarge .rating__star,.rating--enlarge .rating__star-svg{width:56px;height:56px}.rating--error .rating__stop--filled{stop-color:var(--m-error)}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
24005
24215
|
}
|
|
24006
24216
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RatingInputComponent, decorators: [{
|
|
24007
24217
|
type: Component,
|
|
@@ -24119,7 +24329,7 @@ class ComponentInputComponent extends BaseTextInputComponent {
|
|
|
24119
24329
|
}
|
|
24120
24330
|
}
|
|
24121
24331
|
}
|
|
24122
|
-
`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24332
|
+
`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24123
24333
|
}
|
|
24124
24334
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ComponentInputComponent, decorators: [{
|
|
24125
24335
|
type: Component,
|
|
@@ -24721,7 +24931,7 @@ class FileUploadInputComponent extends BaseInputComponent {
|
|
|
24721
24931
|
const modalStore = this.modalStore;
|
|
24722
24932
|
if (!modalStore)
|
|
24723
24933
|
return undefined;
|
|
24724
|
-
const { ImageEditorComponent } = await import('./magmonium-one-image-editor-
|
|
24934
|
+
const { ImageEditorComponent } = await import('./magmonium-one-image-editor-tRZa_hey.mjs');
|
|
24725
24935
|
const ratio = String(this.config()?.ratio ?? '');
|
|
24726
24936
|
return new Promise((resolve) => {
|
|
24727
24937
|
const modalRef = new ModalRef();
|
|
@@ -24873,7 +25083,7 @@ class FileUploadInputComponent extends BaseInputComponent {
|
|
|
24873
25083
|
}
|
|
24874
25084
|
}
|
|
24875
25085
|
}
|
|
24876
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block}.drop-zone{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.drop-zone:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.drop-zone:disabled{opacity:.6;cursor:not-allowed}.drop-zone{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.drop-zone:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.drop-zone:focus-visible:not(:disabled),.drop-zone:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.drop-zone:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.drop-zone:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.drop-zone:has(.warning) input::placeholder,.drop-zone:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.drop-zone:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.drop-zone:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.drop-zone input::placeholder,.drop-zone textarea::placeholder{color:var(--m-border, var(--m-border))}.drop-zone:focus-within input::placeholder,.drop-zone:focus-visible input::placeholder,.drop-zone:focus-within textarea::placeholder,.drop-zone:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.drop-zone:has(.error) input::placeholder,.drop-zone:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.drop-zone input,.drop-zone textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.drop-zone input:focus,.drop-zone textarea:focus{border-color:transparent;box-shadow:none}.drop-zone{flex-direction:column;align-items:stretch;justify-content:center;width:100%;height:auto;min-height:calc(var(--m-textarea-input-height, 4.5em) + 1.5em);padding:.75em;border-style:dashed;cursor:pointer;background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}.drop-zone:hover:not(.drop-zone--locked):not(.error){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)))}.drop-zone--dragging{border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, color-mix(in srgb, var(--m-focus) 6%, var(--m-background)));box-shadow:var(--m-text-input-focus-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent))}.drop-zone:focus:not(.drop-zone--locked),.drop-zone:focus-visible:not(.drop-zone--locked){border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none}.drop-zone--locked{cursor:not-allowed;opacity:.6}.drop-zone.error{border-color:var(--m-error, var(--m-error))}.drop-zone.error:focus:not(.drop-zone--locked),.drop-zone.error:focus-visible:not(.drop-zone--locked){border-color:var(--m-error, var(--m-error))}.drop-zone .drop-zone__empty .m-icon{opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.drop-zone:focus .drop-zone__empty .m-icon,.drop-zone:focus-visible .drop-zone__empty .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.drop-zone__empty{display:flex;flex-direction:column;align-items:center;gap:.5em;text-align:center}.drop-zone__placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit);color:var(--m-border, var(--m-border))}.drop-zone:focus .drop-zone__placeholder,.drop-zone:focus-visible .drop-zone__placeholder,.drop-zone--dragging .drop-zone__placeholder{color:var(--m-focus, var(--m-focus))}.drop-zone.error .drop-zone__placeholder{color:var(--m-error, var(--m-error))}.file-tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.75em}.file-tiles--below{margin-top:.75em}.file-tile{--m-file-tile-size: 150px;display:flex;flex-direction:column;gap:.25em;width:var(--m-file-tile-size);max-width:100%}.file-tile__box{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:var(--m-input-radius, .5rem);background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));overflow:hidden}.file-tile__preview{display:block;width:100%;height:100%;object-fit:cover}.file-tile__type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;height:100%;color:var(--m-input-color, var(--m-mm));--m-icon-size: 2.5em}.file-tile__kind{font-weight:600;letter-spacing:.05em}.file-tile__remove{position:absolute;top:.25em;right:.25em;display:flex;border-radius:50%;background:var(--m-text-input-background, var(--m-background))}.file-tile__name{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7em;color:var(--m-text-input-color, var(--m-text))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
25086
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block}.drop-zone{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.drop-zone:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.drop-zone:disabled{opacity:.6;cursor:not-allowed}.drop-zone{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.drop-zone:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.drop-zone:focus-visible:not(:disabled),.drop-zone:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.drop-zone:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.drop-zone:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.drop-zone:has(.warning) input::placeholder,.drop-zone:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.drop-zone:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.drop-zone:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.drop-zone input::placeholder,.drop-zone textarea::placeholder{color:var(--m-border, var(--m-border))}.drop-zone:focus-within input::placeholder,.drop-zone:focus-visible input::placeholder,.drop-zone:focus-within textarea::placeholder,.drop-zone:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.drop-zone:has(.error) input::placeholder,.drop-zone:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.drop-zone input,.drop-zone textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.drop-zone input:focus,.drop-zone textarea:focus{border-color:transparent;box-shadow:none}.drop-zone{flex-direction:column;align-items:stretch;justify-content:center;width:100%;height:auto;min-height:calc(var(--m-textarea-input-height, 4.5em) + 1.5em);padding:.75em;border-style:dashed;cursor:pointer;background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}.drop-zone:hover:not(.drop-zone--locked):not(.error){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)))}.drop-zone--dragging{border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, color-mix(in srgb, var(--m-focus) 6%, var(--m-background)));box-shadow:var(--m-text-input-focus-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent))}.drop-zone:focus:not(.drop-zone--locked),.drop-zone:focus-visible:not(.drop-zone--locked){border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none}.drop-zone--locked{cursor:not-allowed;opacity:.6}.drop-zone.error{border-color:var(--m-error, var(--m-error))}.drop-zone.error:focus:not(.drop-zone--locked),.drop-zone.error:focus-visible:not(.drop-zone--locked){border-color:var(--m-error, var(--m-error))}.drop-zone .drop-zone__empty .m-icon{opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.drop-zone:focus .drop-zone__empty .m-icon,.drop-zone:focus-visible .drop-zone__empty .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.drop-zone__empty{display:flex;flex-direction:column;align-items:center;gap:.5em;text-align:center}.drop-zone__placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit);color:var(--m-border, var(--m-border))}.drop-zone:focus .drop-zone__placeholder,.drop-zone:focus-visible .drop-zone__placeholder,.drop-zone--dragging .drop-zone__placeholder{color:var(--m-focus, var(--m-focus))}.drop-zone.error .drop-zone__placeholder{color:var(--m-error, var(--m-error))}.file-tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.75em}.file-tiles--below{margin-top:.75em}.file-tile{--m-file-tile-size: 150px;display:flex;flex-direction:column;gap:.25em;width:var(--m-file-tile-size);max-width:100%}.file-tile__box{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:var(--m-input-radius, .5rem);background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));overflow:hidden}.file-tile__preview{display:block;width:100%;height:100%;object-fit:cover}.file-tile__type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;height:100%;color:var(--m-input-color, var(--m-mm));--m-icon-size: 2.5em}.file-tile__kind{font-weight:600;letter-spacing:.05em}.file-tile__remove{position:absolute;top:.25em;right:.25em;display:flex;border-radius:50%;background:var(--m-text-input-background, var(--m-background))}.file-tile__name{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7em;color:var(--m-text-input-color, var(--m-text))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color", "noTranslate"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24877
25087
|
}
|
|
24878
25088
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FileUploadInputComponent, decorators: [{
|
|
24879
25089
|
type: Component,
|
|
@@ -29662,7 +29872,7 @@ class TableHeaderComponent {
|
|
|
29662
29872
|
}
|
|
29663
29873
|
</tr>
|
|
29664
29874
|
</thead>
|
|
29665
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-table-thead__th{position:sticky;top:0;z-index:10;background:var(--m-table-thead-background, color-mix(in srgb, var(--m-background) 95%, transparent));-webkit-backdrop-filter:var(--m-table-thead-backdrop-filter, blur(28px));backdrop-filter:var(--m-table-thead-backdrop-filter, blur(28px));padding:1.25rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--m-text-tertiary);border-bottom:2px solid var(--m-backdrop-border);white-space:nowrap;transition:all .2s ease}.m-table-thead__th:hover{color:var(--m-text);background:var(--m-table-thead-background, var(--m-background))}@media(min-width:769px){.m-table-thead__th--fixed{z-index:20;background:var(--m-table-thead-background, var(--m-background))}}@media(max-width:768px){.m-table-thead__th--fixed{position:static;z-index:auto}}.m-table-thead__th--fixed{border-right:none}@media(min-width:769px){.m-table-thead__th--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-thead__th--fixed-last{border-right:none}}.m-table-thead__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.m-table-thead__th--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-thead__th--select input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);border-radius:3px;display:block;margin:0 auto}.m-table-thead__cell{display:flex;align-items:center;gap:.5rem}.m-table-thead__sort-icon{color:var(--m-mm);opacity:.6;transition:opacity .2s ease}.m-table-thead__th:hover .m-table-thead__sort-icon{opacity:1}.m-table-thead__menu-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:auto;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:6px;opacity:0;transition:all .15ms ease}.m-table-thead__menu-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-thead__th:hover .m-table-thead__menu-btn{opacity:1}\n"], dependencies: [{ kind: "component", type: CheckboxInputComponent, selector: "m-checkbox", inputs: ["checked", "config", "required", "disabled", "invalid", "touched", "focused", "errors"], outputs: ["checkedChange", "touchedChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
29875
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-table-thead__th{position:sticky;top:0;z-index:10;background:var(--m-table-thead-background, color-mix(in srgb, var(--m-background) 95%, transparent));-webkit-backdrop-filter:var(--m-table-thead-backdrop-filter, blur(28px));backdrop-filter:var(--m-table-thead-backdrop-filter, blur(28px));padding:1.25rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--m-text-tertiary);border-bottom:2px solid var(--m-backdrop-border);white-space:nowrap;transition:all .2s ease}.m-table-thead__th:hover{color:var(--m-text);background:var(--m-table-thead-background, var(--m-background))}@media(min-width:769px){.m-table-thead__th--fixed{z-index:20;background:var(--m-table-thead-background, var(--m-background))}}@media(max-width:768px){.m-table-thead__th--fixed{position:static;z-index:auto}}.m-table-thead__th--fixed{border-right:none}@media(min-width:769px){.m-table-thead__th--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-thead__th--fixed-last{border-right:none}}.m-table-thead__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.m-table-thead__th--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-thead__th--select input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);border-radius:3px;display:block;margin:0 auto}.m-table-thead__cell{display:flex;align-items:center;gap:.5rem}.m-table-thead__sort-icon{color:var(--m-mm);opacity:.6;transition:opacity .2s ease}.m-table-thead__th:hover .m-table-thead__sort-icon{opacity:1}.m-table-thead__menu-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:auto;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:6px;opacity:0;transition:all .15ms ease}.m-table-thead__menu-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-thead__th:hover .m-table-thead__menu-btn{opacity:1}\n"], dependencies: [{ kind: "component", type: CheckboxInputComponent, selector: "m-checkbox", inputs: ["checked", "config", "required", "disabled", "invalid", "touched", "focused", "errors", "value", "label", "noTranslate"], outputs: ["checkedChange", "touchedChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
29666
29876
|
}
|
|
29667
29877
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TableHeaderComponent, decorators: [{
|
|
29668
29878
|
type: Component,
|
|
@@ -30126,7 +30336,7 @@ class TableBodyComponent {
|
|
|
30126
30336
|
</tr>
|
|
30127
30337
|
}
|
|
30128
30338
|
</tbody>
|
|
30129
|
-
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-table-body__row{transition:background-color .3s cubic-bezier(.4,0,.2,1);position:relative}.m-table-body__row:hover{background:color-mix(in srgb,var(--m-mm) 5%,transparent)}.m-table-body__row:hover .m-table-body__cell{background:inherit}.m-table-body__cell{padding:1rem 1.25rem;font-size:.875rem;color:var(--m-text);border-bottom:1px solid var(--m-backdrop-border);white-space:nowrap;vertical-align:middle;background:transparent;transition:background-color .3s ease}.m-table-body__cell[class*=--number],.m-table-body__cell[class*=--currency],.m-table-body__cell[class*=--percent]{font-family:Inter,Roboto Mono,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em}@media(min-width:769px){.m-table-body__cell--fixed{position:sticky;background:var(--m-background);z-index:5}}@media(max-width:768px){.m-table-body__cell--fixed{position:static;background:transparent;z-index:auto}}.m-table-body__cell--fixed{border-right:none;transition:background-color .3s ease}.m-table-body__row:hover .m-table-body__cell--fixed{background:color-mix(in srgb,var(--m-mm) 5%,var(--m-background));z-index:6}@media(min-width:769px){.m-table-body__cell--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-body__cell--fixed-last{border-right:none}}.m-table-body__cell--context-menu{padding-top:.35rem;padding-bottom:.35rem}.m-table-body__cell--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-body__cell--select input[type=checkbox],.m-table-body__cell--select input[type=radio]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);display:block;margin:0 auto}.m-table-body__input{border:none;border-bottom:2px solid var(--m-backdrop-border);background:transparent;font-size:.875rem;color:var(--m-text);padding:.25rem;outline:none;width:100%;transition:border-bottom-color .2s ease}.m-table-body__input:focus{border-bottom-color:var(--m-mm)}.m-table-body__action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:8px;transition:all .2s ease}.m-table-body__action-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-body__empty{text-align:center;padding:4rem;color:var(--m-text-tertiary);font-size:1rem;font-weight:500;letter-spacing:.02em;font-style:italic;opacity:.7}.m-table-body__link{color:var(--m-mm);text-decoration:none;cursor:pointer;font-weight:600;transition:color .2s ease}.m-table-body__link:hover{text-decoration:underline;color:var(--m-mm-lite)}.m-table-body__value{padding:.25rem .5rem;border-radius:6px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.m-table-body__value--positive{color:var(--m-success);background:var(--m-backdrop-success)}.m-table-body__value--negative{color:var(--m-error);background:var(--m-backdrop-error)}.m-table-body__dash{color:var(--m-text-tertiary);font-weight:400;font-style:italic;opacity:.8}\n"], dependencies: [{ kind: "directive", type: HighlightDirective, selector: "[mHighlight]", inputs: ["mHighlight", "mHighlightText"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted", "options"], outputs: ["toggleChange", "action"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TableUserCellComponent, selector: "m-table-user-cell", inputs: ["userId"] }, { kind: "component", type: CheckboxInputComponent, selector: "m-checkbox", inputs: ["checked", "config", "required", "disabled", "invalid", "touched", "focused", "errors"], outputs: ["checkedChange", "touchedChange"] }, { kind: "component", type: RadioInputComponent, selector: "m-radio" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: TimeAgoPipe, name: "timeAgo" }, { kind: "pipe", type: MoneyPipe, name: "money" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
30339
|
+
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-table-body__row{transition:background-color .3s cubic-bezier(.4,0,.2,1);position:relative}.m-table-body__row:hover{background:color-mix(in srgb,var(--m-mm) 5%,transparent)}.m-table-body__row:hover .m-table-body__cell{background:inherit}.m-table-body__cell{padding:1rem 1.25rem;font-size:.875rem;color:var(--m-text);border-bottom:1px solid var(--m-backdrop-border);white-space:nowrap;vertical-align:middle;background:transparent;transition:background-color .3s ease}.m-table-body__cell[class*=--number],.m-table-body__cell[class*=--currency],.m-table-body__cell[class*=--percent]{font-family:Inter,Roboto Mono,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em}@media(min-width:769px){.m-table-body__cell--fixed{position:sticky;background:var(--m-background);z-index:5}}@media(max-width:768px){.m-table-body__cell--fixed{position:static;background:transparent;z-index:auto}}.m-table-body__cell--fixed{border-right:none;transition:background-color .3s ease}.m-table-body__row:hover .m-table-body__cell--fixed{background:color-mix(in srgb,var(--m-mm) 5%,var(--m-background));z-index:6}@media(min-width:769px){.m-table-body__cell--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-body__cell--fixed-last{border-right:none}}.m-table-body__cell--context-menu{padding-top:.35rem;padding-bottom:.35rem}.m-table-body__cell--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-body__cell--select input[type=checkbox],.m-table-body__cell--select input[type=radio]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);display:block;margin:0 auto}.m-table-body__input{border:none;border-bottom:2px solid var(--m-backdrop-border);background:transparent;font-size:.875rem;color:var(--m-text);padding:.25rem;outline:none;width:100%;transition:border-bottom-color .2s ease}.m-table-body__input:focus{border-bottom-color:var(--m-mm)}.m-table-body__action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:8px;transition:all .2s ease}.m-table-body__action-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-body__empty{text-align:center;padding:4rem;color:var(--m-text-tertiary);font-size:1rem;font-weight:500;letter-spacing:.02em;font-style:italic;opacity:.7}.m-table-body__link{color:var(--m-mm);text-decoration:none;cursor:pointer;font-weight:600;transition:color .2s ease}.m-table-body__link:hover{text-decoration:underline;color:var(--m-mm-lite)}.m-table-body__value{padding:.25rem .5rem;border-radius:6px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.m-table-body__value--positive{color:var(--m-success);background:var(--m-backdrop-success)}.m-table-body__value--negative{color:var(--m-error);background:var(--m-backdrop-error)}.m-table-body__dash{color:var(--m-text-tertiary);font-weight:400;font-style:italic;opacity:.8}\n"], dependencies: [{ kind: "directive", type: HighlightDirective, selector: "[mHighlight]", inputs: ["mHighlight", "mHighlightText"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted", "options"], outputs: ["toggleChange", "action"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TableUserCellComponent, selector: "m-table-user-cell", inputs: ["userId"] }, { kind: "component", type: CheckboxInputComponent, selector: "m-checkbox", inputs: ["checked", "config", "required", "disabled", "invalid", "touched", "focused", "errors", "value", "label", "noTranslate"], outputs: ["checkedChange", "touchedChange"] }, { kind: "component", type: RadioInputComponent, selector: "m-radio" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: TimeAgoPipe, name: "timeAgo" }, { kind: "pipe", type: MoneyPipe, name: "money" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
30130
30340
|
}
|
|
30131
30341
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TableBodyComponent, decorators: [{
|
|
30132
30342
|
type: Component,
|
|
@@ -40345,5 +40555,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
40345
40555
|
* Generated bundle index. Do not edit.
|
|
40346
40556
|
*/
|
|
40347
40557
|
|
|
40348
|
-
export { CheckboxInputComponent as $, ACCESS_DOMAINS as A, ButtonComponent as B, AssetUrlPipe as C, Assets as D, AuthActivityPageComponent as E, AuthApiService as F, AuthStore as G, HeaderComponent$1 as H, InputType as I, AutosizeDirective as J, BadgeComponent as K, LabelComponent as L, MODAL_REF as M, BandingComponent as N, BaseArrayInputComponent as O, BaseRootWebComponent as P, BaseWebComponent as Q, RangeInputComponent as R, ButtonGroupComponent as S, TranslatePipe as T, CALLING_APP_HEADER as U, COMPONENT_INPUT_REGISTRY as V, CardComponent as W, CardWrapperComponent as X, CarouselComponent as Y, ChartComponent as Z, ChatBubbleComponent as _, MIN_ZOOM as a, IS_SIDE_PANEL as a$, ClearableInputComponent as a0, ClipboardService as a1, ColComponent as a2, ColorPickerInputComponent as a3, CommentItemComponent as a4, CommentsApiService as a5, CommentsComponent as a6, CommentsStore as a7, CompactNumberPipe as a8, ComponentInputComponent as a9, DocEditorComponent as aA, DomService as aB, Domain as aC, DotGridComponent as aD, DragListDirective as aE, DragListItemDirective as aF, DraggableDirective as aG, DropdownInputComponent as aH, FILTER_GROUP_CONTEXT as aI, FILTER_RANGE_MODES as aJ, FILTER_VARIANTS as aK, FLEX_VARIANTS as aL, FOLDER_PICK_LISTENER as aM, FORM_ASSET_FOLDER as aN, FileService as aO, FileUploadDirective as aP, FileUploadInputComponent as aQ, FlexComponent as aR, FlexItemComponent as aS, FormGroupComponent as aT, FrameComponent as aU, FreezeService as aV, GRID_BREAKPOINTS as aW, GetNavService as aX, HighlightDirective as aY, HttpService as aZ, ICON_SOURCE as a_, ComponentStepperComponent as aa, ConfigComponent as ab, ConfirmComponent as ac, ContextMenuComponent as ad, CustomIconClass as ae, CustomIconEditComponent as af, DEFAULT_DENIAL as ag, DEFAULT_DOC_DENSITY as ah, DEFAULT_DOC_VARIANT as ai, DEFAULT_FILTER_RANGE_MODE as aj, DEFAULT_FILTER_VARIANT as ak, DEFAULT_NAV_PARAM as al, DEFAULT_NAV_SEGMENT as am, DEFAULT_SIZE as an, DOCK_MIN_PAGE_REMAINDER as ao, DOCS_FOLDER as ap, DOC_ACTION_ICONS as aq, DOC_DENSITIES as ar, DOC_EDIT_ACTIONS as as, DOC_TOOLBAR_GROUPS as at, DOC_VARIANTS as au, DashboardCardComponent as av, DateInputComponent as aw, DatePickerComponent as ax, DeviceService as ay, DocComponent as az, MAX_ZOOM as b, PaginationComponent as b$, IconComponent as b0, ImgComponent as b1, InstrumentScoreComponent as b2, InterceptorObservables as b3, JumbotronComponent as b4, KeyValueComponent as b5, LAYOUT_ASSET_FOLDER as b6, LOGIN_COMPONENT as b7, LOGIN_STORE as b8, LanguageComponent as b9, NAV_WIDGET_MAP as bA, NavComponent as bB, NavDetailsComponent as bC, NavHeaderComponent as bD, NavMenuComponent as bE, NavStore as bF, NavTrailComponent as bG, NothingComponent as bH, NotificationElementComponent as bI, NotificationGroupComponent as bJ, NotificationPopupComponent as bK, NotificationService as bL, NotificationStore as bM, NotificationType as bN, NotificationWidgetComponent as bO, ONE_ASSET_BASE_URL as bP, OPTIONS_SOURCE as bQ, OVERLAY_WIDGETS as bR, OneApp as bS, OptionsSourceDirective as bT, OverlayBodyComponent as bU, OverlayRef as bV, OverlayService as bW, PLATFORM_BUTTON_NAV_IDS as bX, PLATFORM_EXTENSIBLE_NAV_IDS as bY, PLATFORM_NAV_MAP as bZ, PLATFORM_ROOT_CHILDREN as b_, ListComponent as ba, LogoComponent as bb, MAG_SOCKET_EVENT as bc, MHeroColorDirective as bd, MHeroComponent as be, MODAL_STORE_REF as bf, MOUNT_STATIC_SEGMENT as bg, MOUNT_TOKEN as bh, MRefDirective as bi, MStepComponent as bj, MURL_PARAM as bk, MURL_SEP as bl, ManifestEnrichmentService as bm, MenuComponent as bn, ModalDirective as bo, ModalRef as bp, ModalStore as bq, MoneyPipe as br, MultiRangeInputComponent as bs, MurlUrlSerializer as bt, NAV_DEFAULT_MURL as bu, NAV_ID_SEP as bv, NAV_MAIN_BUTTONS as bw, NAV_SEGMENT_RE as bx, NAV_STORE_REF as by, NAV_WC_COMPONENTS as bz, cropRect as c, SharedStoreRegistry as c$, PanelComponent as c0, PercentagePipe as c1, PlaygroundComponent as c2, PositionDirective as c3, PwaInstallComponent as c4, RECENT_SEARCH_LIMIT as c5, REMOTE_PAGE_RELOAD as c6, ROOT_NAV$1 as c7, RadioGroupComponent as c8, RadioInputComponent as c9, SectionCarouselComponent as cA, SectionComponent as cB, SectionFilterComponent as cC, SectionFilterGroupComponent as cD, SectionFilterMenuComponent as cE, SectionFilterPanelComponent as cF, SectionFilterRangePanelComponent as cG, SectionFooterComponent as cH, SectionFormComponent as cI, SectionFormItemComponent as cJ, SectionHeaderComponent as cK, SectionHeroComponent as cL, SectionPaginationComponent as cM, SectionSearchComponent as cN, SectionStepperComponent as cO, SectionTableCellComponent as cP, SectionTableComponent as cQ, SectionTableRowComponent as cR, SectionTableSortPipe as cS, SectionTabsComponent as cT, SectionToggleComponent as cU, SectionToggleItemDirective as cV, SelectableCardInputComponent as cW, SelectorDirective as cX, SettingsSearchBarComponent as cY, SettingsSearchService as cZ, ShapeComponent as c_, RatingInputComponent as ca, ReactiveElementComponent as cb, RemoteComponent as cc, RemoteLoaderService as cd, ResizeElementComponent as ce, RouteContainer as cf, RowComponent as cg, SEARCH_QUERY as ch, SEARCH_RESULTS_EVENT as ci, SECTION_ACCORDION_GROUP as cj, SECTION_FORM_CONTEXT as ck, SECTION_TABLE_VARIANTS as cl, SHARED_ICONS as cm, SIZE_CONTEXT as cn, ScoreComponent as co, ScrollComponent as cp, ScrollService as cq, SearchPanelComponent as cr, SearchStore as cs, SearchUserPanelComponent as ct, SectionAccordionDirective as cu, SectionAccordionGroupDirective as cv, SectionBackComponent as cw, SectionBadgesComponent as cx, SectionButtonGroupComponent as cy, SectionCardComponent as cz, drawFramed as d, cellText as d$, SidePanelDirective as d0, Size as d1, SocketStore as d2, SortComponent as d3, StatComponent as d4, StepComponent as d5, StepperComponent as d6, StepsComponent as d7, StorageService as d8, StrokeLinecap as d9, USER_STORE_REF as dA, USER_TAB_MAP as dB, UniverseComponent as dC, UserApiService as dD, UserAvatarComponent as dE, UserComponent as dF, UserNavComponent as dG, UserSettingsComponent as dH, UserStore as dI, WC_BUNDLE as dJ, WC_NAVIGATE_EVENT as dK, WC_ROUTE_CHANGED_EVENT as dL, WC_SEARCH_GROUPS as dM, WIN_USER_TAB_HOOK as dN, WIN_USER_TAB_KEY as dO, WatermarkComponent as dP, WcRouterStore as dQ, WrapperInputComponent as dR, anchorNavId as dS, applyColorsToElement as dT, applyDocEdit as dU, assetOptions as dV, bootstrapMagApp as dW, bootstrapPwaInstall as dX, buildWcBaseUrl as dY, calculateLuminance as dZ, calculateRanks as d_, StrokeLinejoin as da, SummaryComponent as db, SvgGeneratorComponent as dc, SvgGeneratorService as dd, SvgService as de, TOTAL_COLUMNS as df, TRANSLATION_SOURCE as dg, TableComponent as dh, TechnicalMeterComponent as di, TextInputComponent as dj, TextareaInputComponent as dk, ThemeComponent as dl, ThemeDataService as dm, ThemeService as dn, ThemeStore as dp, TimeAgoPipe as dq, TimelineComponent as dr, ToggleButtonComponent as ds, ToggleInputComponent as dt, ToggleRadioInputComponent as du, ToolTipDirective as dv, TooltipComponent as dw, TranslateService as dx, TreeGridComponent as dy, URL_SEP as dz, encodeFramed as e, isBootRedirect as e$, checkDoc as e0, checkFilterCondition as e1, childNavId as e2, claimDenial as e3, classListSignal as e4, coerceSize as e5, cornerEdge as e6, cornerSide as e7, createMap as e8, createPlatformNavMap as e9, filterTreeGridRows as eA, filterValueList as eB, filterValues as eC, flattenTreeGridRows as eD, formatBadgeCount as eE, fullName as eF, generateClipPath as eG, generateTransform as eH, getClassList as eI, getProperty as eJ, getScrollParent as eK, getTierFromPreviewPath as eL, getTreeGridRow as eM, getUniqueId as eN, getValue as eO, hasErrorComputed as eP, hexToRgb as eQ, hslToRgb$1 as eR, initMagmoniumApp as eS, initialNotificationState as eT, initialState$2 as eU, initials as eV, injectAuthenticate as eW, injectDefaultDenial as eX, injectInstallApp as eY, injectParentSize as eZ, injectScrollSticky as e_, definedWcTierOf as ea, deriveAvatarGradient as eb, deriveContrastColor as ec, deriveOppositeColor as ed, derivePropertyName as ee, docActionKey as ef, docAssetCandidates as eg, docProblemKey as eh, docRemotePath as ei, emailValidation as ej, evaluate as ek, evaluateBool as el, fieldBoolean as em, fieldNumber as en, fieldString as eo, filterHoldsList as ep, filterHoldsOneBound as eq, filterHoldsOptions as er, filterHoldsRange as es, filterList as et, filterNumber as eu, filterNumberList as ev, filterOne as ew, filterPanelOf as ex, filterPanelWidth as ey, filterRange as ez, clampFraming as f, provideMagAppConfig as f$, isButtonName as f0, isCancelledComputed as f1, isExtensiblePlatformNavId as f2, isJson as f3, isLoadingComputed as f4, isLocalhost as f5, isNavInstanceConfig as f6, isNavMenuConfig as f7, isNavRowsConfig as f8, isNavVisibilityConfig as f9, mountPatternText as fA, mountSegmentOf as fB, mountTokenOf as fC, navIdChain as fD, navIdFor as fE, navIdSegment as fF, navIdToRoutePath as fG, navIdToSegments as fH, navParamOf as fI, navTailMatcher as fJ, navToId as fK, navVisibilityGuard as fL, nextSectionTableSort as fM, normalizeAssetOptions as fN, offsetOfLine as fO, parentNavId as fP, parseAddress as fQ, parseColor as fR, parseMountPattern as fS, parsePatternNames as fT, patternValidation as fU, patternsValidation as fV, permissionRefusal as fW, platformNavWidgets as fX, privateGuard as fY, processImageToSvg as fZ, provideAppContext as f_, isPlatformNavId as fa, isSize as fb, isTierPreview as fc, isUrlLocalhost as fd, isValidNavId as fe, isValidNavSegment as ff, isWebComponent as fg, linkToId as fh, linkToNav as fi, loadingActions as fj, mInterceptor as fk, manualValidation as fl, matchFieldValidation as fm, matchMount as fn, maxLengthValidation as fo, maxValidation as fp, mergePlatformNav as fq, mergeUnique as fr, mergeUniqueBy as fs, mergeUniqueWith as ft, minAgeValidation as fu, minLengthValidation as fv, minValidation as fw, miniMarkToHtml as fx, mountFor as fy, mountPatternProblem as fz, BaseInputComponent as g, provideMagWcConfig as g0, provideMagWcRoutes as g1, provideModalComponents as g2, provideMurlUrlSerializer as g3, provideNavWidgets as g4, provideOverlayWidgets as g5, providePlatformNavWidgets as g6, provideSearch as g7, provideSizeContext as g8, provideUserTabs as g9, splitNavId as gA, splitOnMatch as gB, stringToColor as gC, tailRouteOf as gD, toAttrBool as gE, toAttrNumber as gF, toCssLength as gG, toHostNavId as gH, toLength$1 as gI, toLocalNavId as gJ, toggleTreeGridRow as gK, unfetchedPlatformNav as gL, ungroupedDocActions as gM, urlValidation as gN, wcTierOf as gO, publicGuard as ga, readFieldPatterns as gb, recordDefinedWcTier as gc, remoteOutletRoute as gd, renderAddress as ge, renderDocument as gf, requiredValidation as gg, resolveConfigAsset as gh, resolveIconSize as gi, resolvePallet as gj, resolvePatternRules as gk, resolveSize as gl, rgbToHex as gm, rgbToHsl as gn, rowHasChildren as go, samePatterns as gp, sectionTableColumnId as gq, sectionTableColumnWidths as gr, sectionTableFrozenCount as gs, segmentsToNavId as gt, setProperty as gu, setTreeGridChildren as gv, setWcTier as gw, settingsWidgets as gx, shouldShowBadge as gy, sortSectionTableRows as gz, BaseTextInputComponent as h, initialFraming as i, TextOutputComponent as j, IS_DESIGN_MODE as k, APP_CONTEXT_REF as l, APP_LINK as m, ASSET_BASE_URL as n, outputSize as o, parseRatio as p, AccordionBodyDirective as q, renameForType as r, AccordionComponent as s, AccordionGroupComponent as t, ActionComponent as u, AnimatedGraphsComponent as v, AppCardComponent as w, AppRelationType as x, AppTileComponent as y, AssetStore as z };
|
|
40349
|
-
//# sourceMappingURL=magmonium-one-magmonium-one-
|
|
40558
|
+
export { CheckboxGroupComponent as $, ACCESS_DOMAINS as A, ButtonComponent as B, AssetUrlPipe as C, Assets as D, AuthActivityPageComponent as E, AuthApiService as F, AuthStore as G, HeaderComponent$1 as H, InputType as I, AutosizeDirective as J, BadgeComponent as K, LabelComponent as L, MODAL_REF as M, BandingComponent as N, BaseArrayInputComponent as O, BaseRootWebComponent as P, BaseWebComponent as Q, RangeInputComponent as R, ButtonGroupComponent as S, TranslatePipe as T, CALLING_APP_HEADER as U, COMPONENT_INPUT_REGISTRY as V, CardComponent as W, CardWrapperComponent as X, CarouselComponent as Y, ChartComponent as Z, ChatBubbleComponent as _, MIN_ZOOM as a, ICON_SOURCE as a$, CheckboxInputComponent as a0, ClearableInputComponent as a1, ClipboardService as a2, ColComponent as a3, ColorPickerInputComponent as a4, CommentItemComponent as a5, CommentsApiService as a6, CommentsComponent as a7, CommentsStore as a8, CompactNumberPipe as a9, DocComponent as aA, DocEditorComponent as aB, DomService as aC, Domain as aD, DotGridComponent as aE, DragListDirective as aF, DragListItemDirective as aG, DraggableDirective as aH, DropdownInputComponent as aI, FILTER_GROUP_CONTEXT as aJ, FILTER_RANGE_MODES as aK, FILTER_VARIANTS as aL, FLEX_VARIANTS as aM, FOLDER_PICK_LISTENER as aN, FORM_ASSET_FOLDER as aO, FileService as aP, FileUploadDirective as aQ, FileUploadInputComponent as aR, FlexComponent as aS, FlexItemComponent as aT, FormGroupComponent as aU, FrameComponent as aV, FreezeService as aW, GRID_BREAKPOINTS as aX, GetNavService as aY, HighlightDirective as aZ, HttpService as a_, ComponentInputComponent as aa, ComponentStepperComponent as ab, ConfigComponent as ac, ConfirmComponent as ad, ContextMenuComponent as ae, CustomIconClass as af, CustomIconEditComponent as ag, DEFAULT_DENIAL as ah, DEFAULT_DOC_DENSITY as ai, DEFAULT_DOC_VARIANT as aj, DEFAULT_FILTER_RANGE_MODE as ak, DEFAULT_FILTER_VARIANT as al, DEFAULT_NAV_PARAM as am, DEFAULT_NAV_SEGMENT as an, DEFAULT_SIZE as ao, DOCK_MIN_PAGE_REMAINDER as ap, DOCS_FOLDER as aq, DOC_ACTION_ICONS as ar, DOC_DENSITIES as as, DOC_EDIT_ACTIONS as at, DOC_TOOLBAR_GROUPS as au, DOC_VARIANTS as av, DashboardCardComponent as aw, DateInputComponent as ax, DatePickerComponent as ay, DeviceService as az, MAX_ZOOM as b, PLATFORM_ROOT_CHILDREN as b$, IS_SIDE_PANEL as b0, IconComponent as b1, ImgComponent as b2, InstrumentScoreComponent as b3, InterceptorObservables as b4, JumbotronComponent as b5, KeyValueComponent as b6, LAYOUT_ASSET_FOLDER as b7, LOGIN_COMPONENT as b8, LOGIN_STORE as b9, NAV_WC_COMPONENTS as bA, NAV_WIDGET_MAP as bB, NavComponent as bC, NavDetailsComponent as bD, NavHeaderComponent as bE, NavMenuComponent as bF, NavStore as bG, NavTrailComponent as bH, NothingComponent as bI, NotificationElementComponent as bJ, NotificationGroupComponent as bK, NotificationPopupComponent as bL, NotificationService as bM, NotificationStore as bN, NotificationType as bO, NotificationWidgetComponent as bP, ONE_ASSET_BASE_URL as bQ, OPTIONS_SOURCE as bR, OVERLAY_WIDGETS as bS, OneApp as bT, OptionsSourceDirective as bU, OverlayBodyComponent as bV, OverlayRef as bW, OverlayService as bX, PLATFORM_BUTTON_NAV_IDS as bY, PLATFORM_EXTENSIBLE_NAV_IDS as bZ, PLATFORM_NAV_MAP as b_, LanguageComponent as ba, ListComponent as bb, LogoComponent as bc, MAG_SOCKET_EVENT as bd, MHeroColorDirective as be, MHeroComponent as bf, MODAL_STORE_REF as bg, MOUNT_STATIC_SEGMENT as bh, MOUNT_TOKEN as bi, MRefDirective as bj, MStepComponent as bk, MURL_PARAM as bl, MURL_SEP as bm, ManifestEnrichmentService as bn, MenuComponent as bo, ModalDirective as bp, ModalRef as bq, ModalStore as br, MoneyPipe as bs, MultiRangeInputComponent as bt, MurlUrlSerializer as bu, NAV_DEFAULT_MURL as bv, NAV_ID_SEP as bw, NAV_MAIN_BUTTONS as bx, NAV_SEGMENT_RE as by, NAV_STORE_REF as bz, cropRect as c, ShapeComponent as c$, PaginationComponent as c0, PanelComponent as c1, PercentagePipe as c2, PlaygroundComponent as c3, PositionDirective as c4, PwaInstallComponent as c5, RECENT_SEARCH_LIMIT as c6, REMOTE_PAGE_RELOAD as c7, ROOT_NAV$1 as c8, RadioGroupComponent as c9, SectionCardComponent as cA, SectionCarouselComponent as cB, SectionComponent as cC, SectionFilterComponent as cD, SectionFilterGroupComponent as cE, SectionFilterMenuComponent as cF, SectionFilterPanelComponent as cG, SectionFilterRangePanelComponent as cH, SectionFooterComponent as cI, SectionFormComponent as cJ, SectionFormItemComponent as cK, SectionHeaderComponent as cL, SectionHeroComponent as cM, SectionPaginationComponent as cN, SectionSearchComponent as cO, SectionStepperComponent as cP, SectionTableCellComponent as cQ, SectionTableComponent as cR, SectionTableRowComponent as cS, SectionTableSortPipe as cT, SectionTabsComponent as cU, SectionToggleComponent as cV, SectionToggleItemDirective as cW, SelectableCardInputComponent as cX, SelectorDirective as cY, SettingsSearchBarComponent as cZ, SettingsSearchService as c_, RadioInputComponent as ca, RatingInputComponent as cb, ReactiveElementComponent as cc, RemoteComponent as cd, RemoteLoaderService as ce, ResizeElementComponent as cf, RouteContainer as cg, RowComponent as ch, SEARCH_QUERY as ci, SEARCH_RESULTS_EVENT as cj, SECTION_ACCORDION_GROUP as ck, SECTION_FORM_CONTEXT as cl, SECTION_TABLE_VARIANTS as cm, SHARED_ICONS as cn, SIZE_CONTEXT as co, ScoreComponent as cp, ScrollComponent as cq, ScrollService as cr, SearchPanelComponent as cs, SearchStore as ct, SearchUserPanelComponent as cu, SectionAccordionDirective as cv, SectionAccordionGroupDirective as cw, SectionBackComponent as cx, SectionBadgesComponent as cy, SectionButtonGroupComponent as cz, drawFramed as d, calculateRanks as d$, SharedStoreRegistry as d0, SidePanelDirective as d1, Size as d2, SocketStore as d3, SortComponent as d4, StatComponent as d5, StepComponent as d6, StepperComponent as d7, StepsComponent as d8, StorageService as d9, URL_SEP as dA, USER_STORE_REF as dB, USER_TAB_MAP as dC, UniverseComponent as dD, UserApiService as dE, UserAvatarComponent as dF, UserComponent as dG, UserNavComponent as dH, UserSettingsComponent as dI, UserStore as dJ, WC_BUNDLE as dK, WC_NAVIGATE_EVENT as dL, WC_ROUTE_CHANGED_EVENT as dM, WC_SEARCH_GROUPS as dN, WIN_USER_TAB_HOOK as dO, WIN_USER_TAB_KEY as dP, WatermarkComponent as dQ, WcRouterStore as dR, WrapperInputComponent as dS, anchorNavId as dT, applyColorsToElement as dU, applyDocEdit as dV, assetOptions as dW, bootstrapMagApp as dX, bootstrapPwaInstall as dY, buildWcBaseUrl as dZ, calculateLuminance as d_, StrokeLinecap as da, StrokeLinejoin as db, SummaryComponent as dc, SvgGeneratorComponent as dd, SvgGeneratorService as de, SvgService as df, TOTAL_COLUMNS as dg, TRANSLATION_SOURCE as dh, TableComponent as di, TechnicalMeterComponent as dj, TextInputComponent as dk, TextareaInputComponent as dl, ThemeComponent as dm, ThemeDataService as dn, ThemeService as dp, ThemeStore as dq, TimeAgoPipe as dr, TimelineComponent as ds, ToggleButtonComponent as dt, ToggleInputComponent as du, ToggleRadioInputComponent as dv, ToolTipDirective as dw, TooltipComponent as dx, TranslateService as dy, TreeGridComponent as dz, encodeFramed as e, injectScrollSticky as e$, cellText as e0, checkDoc as e1, checkFilterCondition as e2, childNavId as e3, claimDenial as e4, classListSignal as e5, coerceSize as e6, cornerEdge as e7, cornerSide as e8, createMap as e9, filterRange as eA, filterTreeGridRows as eB, filterValueList as eC, filterValues as eD, flattenTreeGridRows as eE, formatBadgeCount as eF, fullName as eG, generateClipPath as eH, generateTransform as eI, getClassList as eJ, getProperty as eK, getScrollParent as eL, getTierFromPreviewPath as eM, getTreeGridRow as eN, getUniqueId as eO, getValue as eP, hasErrorComputed as eQ, hexToRgb as eR, hslToRgb$1 as eS, initMagmoniumApp as eT, initialNotificationState as eU, initialState$2 as eV, initials as eW, injectAuthenticate as eX, injectDefaultDenial as eY, injectInstallApp as eZ, injectParentSize as e_, createPlatformNavMap as ea, definedWcTierOf as eb, deriveAvatarGradient as ec, deriveContrastColor as ed, deriveOppositeColor as ee, derivePropertyName as ef, docActionKey as eg, docAssetCandidates as eh, docProblemKey as ei, docRemotePath as ej, emailValidation as ek, evaluate as el, evaluateBool as em, fieldBoolean as en, fieldNumber as eo, fieldString as ep, filterHoldsList as eq, filterHoldsOneBound as er, filterHoldsOptions as es, filterHoldsRange as et, filterList as eu, filterNumber as ev, filterNumberList as ew, filterOne as ex, filterPanelOf as ey, filterPanelWidth as ez, clampFraming as f, provideAppContext as f$, isBootRedirect as f0, isButtonName as f1, isCancelledComputed as f2, isExtensiblePlatformNavId as f3, isJson as f4, isLoadingComputed as f5, isLocalhost as f6, isNavInstanceConfig as f7, isNavMenuConfig as f8, isNavRowsConfig as f9, mountPatternProblem as fA, mountPatternText as fB, mountSegmentOf as fC, mountTokenOf as fD, navIdChain as fE, navIdFor as fF, navIdSegment as fG, navIdToRoutePath as fH, navIdToSegments as fI, navParamOf as fJ, navTailMatcher as fK, navToId as fL, navVisibilityGuard as fM, nextSectionTableSort as fN, normalizeAssetOptions as fO, offsetOfLine as fP, parentNavId as fQ, parseAddress as fR, parseColor as fS, parseMountPattern as fT, parsePatternNames as fU, patternValidation as fV, patternsValidation as fW, permissionRefusal as fX, platformNavWidgets as fY, privateGuard as fZ, processImageToSvg as f_, isNavVisibilityConfig as fa, isPlatformNavId as fb, isSize as fc, isTierPreview as fd, isUrlLocalhost as fe, isValidNavId as ff, isValidNavSegment as fg, isWebComponent as fh, linkToId as fi, linkToNav as fj, loadingActions as fk, mInterceptor as fl, manualValidation as fm, matchFieldValidation as fn, matchMount as fo, maxLengthValidation as fp, maxValidation as fq, mergePlatformNav as fr, mergeUnique as fs, mergeUniqueBy as ft, mergeUniqueWith as fu, minAgeValidation as fv, minLengthValidation as fw, minValidation as fx, miniMarkToHtml as fy, mountFor as fz, BaseInputComponent as g, provideMagAppConfig as g0, provideMagWcConfig as g1, provideMagWcRoutes as g2, provideModalComponents as g3, provideMurlUrlSerializer as g4, provideNavWidgets as g5, provideOverlayWidgets as g6, providePlatformNavWidgets as g7, provideSearch as g8, provideSizeContext as g9, sortSectionTableRows as gA, splitNavId as gB, splitOnMatch as gC, stringToColor as gD, tailRouteOf as gE, toAttrBool as gF, toAttrNumber as gG, toCssLength as gH, toHostNavId as gI, toLength$1 as gJ, toLocalNavId as gK, toggleTreeGridRow as gL, unfetchedPlatformNav as gM, ungroupedDocActions as gN, urlValidation as gO, wcTierOf as gP, provideUserTabs as ga, publicGuard as gb, readFieldPatterns as gc, recordDefinedWcTier as gd, remoteOutletRoute as ge, renderAddress as gf, renderDocument as gg, requiredValidation as gh, resolveConfigAsset as gi, resolveIconSize as gj, resolvePallet as gk, resolvePatternRules as gl, resolveSize as gm, rgbToHex as gn, rgbToHsl as go, rowHasChildren as gp, samePatterns as gq, sectionTableColumnId as gr, sectionTableColumnWidths as gs, sectionTableFrozenCount as gt, segmentsToNavId as gu, setProperty as gv, setTreeGridChildren as gw, setWcTier as gx, settingsWidgets as gy, shouldShowBadge as gz, BaseTextInputComponent as h, initialFraming as i, TextOutputComponent as j, IS_DESIGN_MODE as k, APP_CONTEXT_REF as l, APP_LINK as m, ASSET_BASE_URL as n, outputSize as o, parseRatio as p, AccordionBodyDirective as q, renameForType as r, AccordionComponent as s, AccordionGroupComponent as t, ActionComponent as u, AnimatedGraphsComponent as v, AppCardComponent as w, AppRelationType as x, AppTileComponent as y, AssetStore as z };
|
|
40559
|
+
//# sourceMappingURL=magmonium-one-magmonium-one-E20M_YDk.mjs.map
|