@magmonium/one 0.2.81 → 0.2.83

package/fesm2022/magmonium-one-password-7gmB_RWb.mjs

@@ -1,105 +0,0 @@
-import * as i0 from '@angular/core';
-import { signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { h as BaseTextInputComponent, L as LabelComponent, j as TextOutputComponent, B as ButtonComponent, T as TranslatePipe } from './magmonium-one-magmonium-one-CWtMvVOS.mjs';
-
-class PasswordInputComponent extends BaseTextInputComponent {
-    isPassword = signal(true, ...(ngDevMode ? [{ debugName: "isPassword" }] : /* istanbul ignore next */ []));
-    type = computed(() => (this.isPassword() ? 'password' : 'text'), ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-    button = computed(() => (!this.isPassword() ? 'eye' : 'eye_close'), ...(ngDevMode ? [{ debugName: "button" }] : /* istanbul ignore next */ []));
-    toggleType() {
-        this.isPassword.update((now) => !now);
-    }
-    onInput(event) {
-        const target = event.target;
-        this.setValue(target?.value ?? '');
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PasswordInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: PasswordInputComponent, isStandalone: true, selector: "m-password-input", usesInheritance: true, ngImport: i0, template: `
-    @if (config(); as text) {
-      <m-label
-        [for]="text.name"
-        [placeholder]="text.label"
-        [params]="text.params"
-        [required]="required()"
-        [disabled]="disabled()"
-      />
-      <div class="input-wrapper">
-        <input
-          [id]="text.name ?? ''"
-          [value]="value()"
-          #inputElement
-          [class.error]="showErrors()"
-          [disabled]="disabled()"
-          [placeholder]="(text.placeholder ?? '') | translate: text.params"
-          (input)="onInput($event)"
-          (focus)="isFocused.set(true)"
-          (blur)="isFocused.set(false); touched.set(true)"
-          [type]="type()"
-        />
-        <m-one-button
-          type="button"
-          [disabled]="disabled()"
-          [name]="button()"
-          [color]="iconColor()"
-          (clicked)="toggleType()"
-        />
-      </div>
-      @if (showErrors()) {
-        @for (error of errors(); track $index) {
-          <m-text-output
-            variant="footer"
-            color="error"
-            [label]="error.message"
-          />
-        }
-      }
-    }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 2px);border-radius:var(--m-input-radius, 4px);height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;background:var(--m-password-input-background, var(--m-background));border-color:var(--m-password-input-border, var(--m-input-color, var(--m-mm)))}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-password-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)))}.input-wrapper .m-icon{--m-icon-size: 1.1em !important}.input-wrapper input{appearance:none;font-size:1em}.input-wrapper .m-one-button{height:100%;display:flex;align-items:center;justify-content:center;--m-button-size: 1em !important}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PasswordInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'm-password-input', template: `
-    @if (config(); as text) {
-      <m-label
-        [for]="text.name"
-        [placeholder]="text.label"
-        [params]="text.params"
-        [required]="required()"
-        [disabled]="disabled()"
-      />
-      <div class="input-wrapper">
-        <input
-          [id]="text.name ?? ''"
-          [value]="value()"
-          #inputElement
-          [class.error]="showErrors()"
-          [disabled]="disabled()"
-          [placeholder]="(text.placeholder ?? '') | translate: text.params"
-          (input)="onInput($event)"
-          (focus)="isFocused.set(true)"
-          (blur)="isFocused.set(false); touched.set(true)"
-          [type]="type()"
-        />
-        <m-one-button
-          type="button"
-          [disabled]="disabled()"
-          [name]="button()"
-          [color]="iconColor()"
-          (clicked)="toggleType()"
-        />
-      </div>
-      @if (showErrors()) {
-        @for (error of errors(); track $index) {
-          <m-text-output
-            variant="footer"
-            color="error"
-            [label]="error.message"
-          />
-        }
-      }
-    }
-  `, imports: [LabelComponent, TextOutputComponent, ButtonComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 2px);border-radius:var(--m-input-radius, 4px);height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;background:var(--m-password-input-background, var(--m-background));border-color:var(--m-password-input-border, var(--m-input-color, var(--m-mm)))}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-password-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)))}.input-wrapper .m-icon{--m-icon-size: 1.1em !important}.input-wrapper input{appearance:none;font-size:1em}.input-wrapper .m-one-button{height:100%;display:flex;align-items:center;justify-content:center;--m-button-size: 1em !important}\n"] }]
-        }] });
-
-export { PasswordInputComponent };
-//# sourceMappingURL=magmonium-one-password-7gmB_RWb.mjs.map