@magmonium/one 0.4.4 → 0.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7847,16 +7847,8 @@ class AgreementComponent {
7847
7847
  </div>
7848
7848
 
7849
7849
  <ul class="agreement__list">
7850
- @for (permission of permissions(); track permission.id) {
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{display:flex;align-items:flex-start;gap:1rem}.agreement__icon{flex:0 0 40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--m-backdrop-mm, rgba(65, 105, 225, .1));color:var(--m-mm, #4169e1)}.agreement__text{display:flex;flex-direction:column;gap:.25rem}.agreement__name{font-weight:600;color:var(--m-text-900)}.agreement__description{font-size:.875rem;color:var(--m-text-600)}.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: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { 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 });
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, IconComponent, TranslatePipe, HeaderComponent$1], template: `
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.id) {
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{display:flex;align-items:flex-start;gap:1rem}.agreement__icon{flex:0 0 40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--m-backdrop-mm, rgba(65, 105, 225, .1));color:var(--m-mm, #4169e1)}.agreement__text{display:flex;flex-direction:column;gap:.25rem}.agreement__name{font-weight:600;color:var(--m-text-900)}.agreement__description{font-size:.875rem;color:var(--m-text-600)}.agreement__actions{width:100%;display:flex;justify-content:center;gap:1rem}\n"] }]
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
@@ -9003,7 +8987,7 @@ class SectionFormItemComponent extends ConfigComponent {
9003
8987
  break;
9004
8988
  }
9005
8989
  case InputType.TOGGLE: {
9006
- const { ToggleInputComponent } = await import('./magmonium-one-toggle-D94zegmQ.mjs');
8990
+ const { ToggleInputComponent } = await import('./magmonium-one-toggle-B3RHNaUP.mjs');
9007
8991
  this.createDynamicComponent(seq, ToggleInputComponent, [], true);
9008
8992
  break;
9009
8993
  }
@@ -9015,12 +8999,12 @@ class SectionFormItemComponent extends ConfigComponent {
9015
8999
  break;
9016
9000
  }
9017
9001
  case InputType.PASSWORD: {
9018
- const { PasswordInputComponent } = await import('./magmonium-one-password-zJ27Jz7e.mjs');
9002
+ const { PasswordInputComponent } = await import('./magmonium-one-password-QdZSw46k.mjs');
9019
9003
  this.createDynamicComponent(seq, PasswordInputComponent);
9020
9004
  break;
9021
9005
  }
9022
9006
  case InputType.OTP: {
9023
- const { OtpInputComponent } = await import('./magmonium-one-otp-tgUTp_VR.mjs');
9007
+ const { OtpInputComponent } = await import('./magmonium-one-otp-D3REoA5M.mjs');
9024
9008
  this.createDynamicComponent(seq, OtpInputComponent);
9025
9009
  break;
9026
9010
  }
@@ -13247,7 +13231,7 @@ class CheckboxInputComponent extends BaseCheckboxInputComponent {
13247
13231
  }
13248
13232
  }
13249
13233
  }
13250
- `, 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", "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 });
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 });
13251
13235
  }
13252
13236
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CheckboxInputComponent, decorators: [{
13253
13237
  type: Component,
@@ -13286,7 +13270,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
13286
13270
  }
13287
13271
  `, imports: [LabelComponent, TextOutputComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
13288
13272
  { provide: PLACED_CHECKBOX, useExisting: CheckboxInputComponent },
13289
- ], 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"] }]
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"] }]
13290
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 }] }] } });
13291
13275
 
13292
13276
  var checkbox = /*#__PURE__*/Object.freeze({
@@ -13323,7 +13307,7 @@ class RadioInputComponent extends BaseCheckboxInputComponent {
13323
13307
  />
13324
13308
  </div>
13325
13309
  }
13326
- `, 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", "noTranslate"] }], 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 });
13327
13311
  }
13328
13312
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RadioInputComponent, decorators: [{
13329
13313
  type: Component,
@@ -13349,7 +13333,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
13349
13333
  />
13350
13334
  </div>
13351
13335
  }
13352
- `, 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"] }]
13353
13337
  }] });
13354
13338
 
13355
13339
  var radio = /*#__PURE__*/Object.freeze({
@@ -21490,7 +21474,7 @@ class CheckboxGroupComponent extends BaseInputComponent {
21490
21474
  }
21491
21475
  }
21492
21476
  }
21493
- `, 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;gap:1em}.checkbox-group.checkbox-group--vertical{flex-direction:column}\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 });
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 });
21494
21478
  }
21495
21479
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
21496
21480
  type: Component,
@@ -21530,7 +21514,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
21530
21514
  }
21531
21515
  }
21532
21516
  }
21533
- `, 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;gap:1em}.checkbox-group.checkbox-group--vertical{flex-direction:column}\n"] }]
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"] }]
21534
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 }] }] } });
21535
21519
 
21536
21520
  var checkboxGroup = /*#__PURE__*/Object.freeze({
@@ -23216,7 +23200,7 @@ class WrapperInputComponent extends ConfigComponent {
23216
23200
  break;
23217
23201
  }
23218
23202
  case InputType.TOGGLE: {
23219
- const { ToggleInputComponent } = await import('./magmonium-one-toggle-D94zegmQ.mjs');
23203
+ const { ToggleInputComponent } = await import('./magmonium-one-toggle-B3RHNaUP.mjs');
23220
23204
  this.createDynamicComponent(seq, ToggleInputComponent, [], true);
23221
23205
  break;
23222
23206
  }
@@ -23228,12 +23212,12 @@ class WrapperInputComponent extends ConfigComponent {
23228
23212
  break;
23229
23213
  }
23230
23214
  case InputType.PASSWORD: {
23231
- const { PasswordInputComponent } = await import('./magmonium-one-password-zJ27Jz7e.mjs');
23215
+ const { PasswordInputComponent } = await import('./magmonium-one-password-QdZSw46k.mjs');
23232
23216
  this.createDynamicComponent(seq, PasswordInputComponent);
23233
23217
  break;
23234
23218
  }
23235
23219
  case InputType.OTP: {
23236
- const { OtpInputComponent } = await import('./magmonium-one-otp-tgUTp_VR.mjs');
23220
+ const { OtpInputComponent } = await import('./magmonium-one-otp-D3REoA5M.mjs');
23237
23221
  this.createDynamicComponent(seq, OtpInputComponent);
23238
23222
  break;
23239
23223
  }
@@ -24947,7 +24931,7 @@ class FileUploadInputComponent extends BaseInputComponent {
24947
24931
  const modalStore = this.modalStore;
24948
24932
  if (!modalStore)
24949
24933
  return undefined;
24950
- const { ImageEditorComponent } = await import('./magmonium-one-image-editor-DdWLlqGy.mjs');
24934
+ const { ImageEditorComponent } = await import('./magmonium-one-image-editor-tRZa_hey.mjs');
24951
24935
  const ratio = String(this.config()?.ratio ?? '');
24952
24936
  return new Promise((resolve) => {
24953
24937
  const modalRef = new ModalRef();
@@ -40572,4 +40556,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
40572
40556
  */
40573
40557
 
40574
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 };
40575
- //# sourceMappingURL=magmonium-one-magmonium-one-DpukT0u3.mjs.map
40559
+ //# sourceMappingURL=magmonium-one-magmonium-one-E20M_YDk.mjs.map