@hermes-ui/angular 0.1.4

package/fesm2022/hermes-ui-angular-forms-number-input.mjs

@@ -0,0 +1,236 @@
+import * as i0 from '@angular/core';
+import { ContentChild, forwardRef, Optional, Component, HostListener, Self, Directive, NgModule } from '@angular/core';
+import * as i1 from '@hermes-ui/angular/forms/common';
+import { HermesAbstractContainer, FormsFocusService, NgControlService, ControlIdService, ControlClassService, WrappedFormControl, HermesCommonFormsModule } from '@hermes-ui/angular/forms/common';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@hermes-ui/angular/icon';
+import { ClarityIcons, successStandardIcon, errorStandardIcon, minusIcon, plusIcon, HermesIcon } from '@hermes-ui/angular/icon';
+import * as i2$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+class HermesNumberInputContainer extends HermesAbstractContainer {
+    constructor(controlClassService, layoutService, ngControlService, focusService) {
+        super(layoutService, controlClassService, ngControlService);
+        this.focus = false;
+        this.subscriptions.push(focusService.focusChange.subscribe(state => (this.focus = state)));
+    }
+    focusOut() {
+        this.input.dispatchBlur();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesNumberInputContainer, deps: [{ token: i1.ControlClassService }, { token: i1.LayoutService, optional: true }, { token: i1.NgControlService }, { token: i1.FormsFocusService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesNumberInputContainer, isStandalone: false, selector: "hermes-number-input-container", host: { properties: { "class.hermes-form-control": "true", "class.hermes-form-control-disabled": "control?.disabled", "class.hermes-form-control-readonly": "input?.readonly", "class.hermes-row": "addGrid()" } }, providers: [FormsFocusService, NgControlService, ControlIdService, ControlClassService], queries: [{ propertyName: "input", first: true, predicate: i0.forwardRef(() => HermesNumberInput), descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="label"></ng-content>
+    @if (!label && addGrid()) {
+      <label></label>
+    }
+    <div class="hermes-control-container" [ngClass]="controlClass()">
+      <div class="hermes-number-input-wrapper">
+        <div class="hermes-input-group" [class.hermes-focus]="focus">
+          <ng-content select="[hermesNumberInput]"></ng-content>
+          <div class="hermes-input-group-actions" (focusout)="focusOut()">
+            <button
+              type="button"
+              class="hermes-input-group-icon-action"
+              (click)="input.stepDown()"
+              [disabled]="control?.disabled"
+            >
+              <hermes-icon shape="minus" size="sm"></hermes-icon>
+            </button>
+            <div class="hermes-number-input-separator"></div>
+            <button
+              type="button"
+              class="hermes-input-group-icon-action"
+              (click)="input.stepUp()"
+              [disabled]="control?.disabled"
+            >
+              <hermes-icon shape="plus" size="sm"></hermes-icon>
+            </button>
+          </div>
+        </div>
+      </div>
+      @if (showHelper) {
+        <ng-content select="hermes-control-helper"></ng-content>
+      }
+      @if (showInvalid) {
+        <ng-content select="hermes-control-error"></ng-content>
+      }
+      @if (showValid) {
+        <ng-content select="hermes-control-success"></ng-content>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.HermesIcon, selector: "hermes-icon, hermes-icon", inputs: ["shape", "size", "direction", "flip", "solid", "status", "inverse", "badge"] }, { kind: "directive", type: i1.HermesControlLabel, selector: "label", inputs: ["id", "for"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesNumberInputContainer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hermes-number-input-container',
+                    template: `
+    <ng-content select="label"></ng-content>
+    @if (!label && addGrid()) {
+      <label></label>
+    }
+    <div class="hermes-control-container" [ngClass]="controlClass()">
+      <div class="hermes-number-input-wrapper">
+        <div class="hermes-input-group" [class.hermes-focus]="focus">
+          <ng-content select="[hermesNumberInput]"></ng-content>
+          <div class="hermes-input-group-actions" (focusout)="focusOut()">
+            <button
+              type="button"
+              class="hermes-input-group-icon-action"
+              (click)="input.stepDown()"
+              [disabled]="control?.disabled"
+            >
+              <hermes-icon shape="minus" size="sm"></hermes-icon>
+            </button>
+            <div class="hermes-number-input-separator"></div>
+            <button
+              type="button"
+              class="hermes-input-group-icon-action"
+              (click)="input.stepUp()"
+              [disabled]="control?.disabled"
+            >
+              <hermes-icon shape="plus" size="sm"></hermes-icon>
+            </button>
+          </div>
+        </div>
+      </div>
+      @if (showHelper) {
+        <ng-content select="hermes-control-helper"></ng-content>
+      }
+      @if (showInvalid) {
+        <ng-content select="hermes-control-error"></ng-content>
+      }
+      @if (showValid) {
+        <ng-content select="hermes-control-success"></ng-content>
+      }
+    </div>
+  `,
+                    host: {
+                        '[class.hermes-form-control]': 'true',
+                        '[class.hermes-form-control-disabled]': 'control?.disabled',
+                        '[class.hermes-form-control-readonly]': 'input?.readonly',
+                        '[class.hermes-row]': 'addGrid()',
+                    },
+                    providers: [FormsFocusService, NgControlService, ControlIdService, ControlClassService],
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i1.ControlClassService }, { type: i1.LayoutService, decorators: [{
+                    type: Optional
+                }] }, { type: i1.NgControlService }, { type: i1.FormsFocusService }], propDecorators: { input: [{
+                type: ContentChild,
+                args: [forwardRef(() => HermesNumberInput)]
+            }] } });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+class HermesNumberInput extends WrappedFormControl {
+    constructor(focusService, vcr, injector, control, renderer, el) {
+        super(vcr, HermesNumberInputContainer, injector, control, renderer, el);
+        this.focusService = focusService;
+        this.control = control;
+        this.el = el;
+        this.index = 1;
+        if (!focusService) {
+            throw new Error('hermesNumberInput requires being wrapped in <hermes-number-input-container>');
+        }
+    }
+    get readonly() {
+        return this.el.nativeElement.getAttribute('readonly') !== null;
+    }
+    triggerFocus() {
+        if (!this.readonly && this.focusService) {
+            this.focusService.focused = true;
+        }
+    }
+    triggerValidation() {
+        if (!this.readonly) {
+            super.triggerValidation();
+            if (this.focusService) {
+                this.focusService.focused = false;
+            }
+        }
+    }
+    stepUp() {
+        this.el.nativeElement.stepUp();
+        this.dispatchStepChangeEvents();
+    }
+    stepDown() {
+        this.el.nativeElement.stepDown();
+        this.dispatchStepChangeEvents();
+    }
+    dispatchBlur() {
+        this.el.nativeElement.dispatchEvent(new Event('blur', { bubbles: true, cancelable: true }));
+    }
+    dispatchStepChangeEvents() {
+        this.el.nativeElement.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }));
+        this.el.nativeElement.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }));
+        this.triggerValidation();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesNumberInput, deps: [{ token: i1.FormsFocusService, optional: true }, { token: i0.ViewContainerRef }, { token: i0.Injector }, { token: i2$1.NgControl, optional: true, self: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: HermesNumberInput, isStandalone: false, selector: "input[type=\"number\"][hermesNumberInput]", host: { listeners: { "focus": "triggerFocus()" }, properties: { "class.hermes-input": "true", "class.hermes-number-input": "true" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesNumberInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[type="number"][hermesNumberInput]',
+                    host: { '[class.hermes-input]': 'true', '[class.hermes-number-input]': 'true' },
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i1.FormsFocusService, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ViewContainerRef }, { type: i0.Injector }, { type: i2$1.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { triggerFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }] } });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+class HermesNumberInputModule {
+    constructor() {
+        ClarityIcons.addIcons(successStandardIcon, errorStandardIcon, minusIcon, plusIcon);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesNumberInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: HermesNumberInputModule, declarations: [HermesNumberInput, HermesNumberInputContainer], imports: [CommonModule, FormsModule, HermesIcon, HermesCommonFormsModule], exports: [HermesCommonFormsModule, HermesNumberInput, HermesNumberInputContainer] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesNumberInputModule, imports: [CommonModule, FormsModule, HermesIcon, HermesCommonFormsModule, HermesCommonFormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesNumberInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, HermesIcon, HermesCommonFormsModule],
+                    declarations: [HermesNumberInput, HermesNumberInputContainer],
+                    exports: [HermesCommonFormsModule, HermesNumberInput, HermesNumberInputContainer],
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HermesNumberInput, HermesNumberInputContainer, HermesNumberInputModule };
+//# sourceMappingURL=hermes-ui-angular-forms-number-input.mjs.map

package/fesm2022/hermes-ui-angular-forms-number-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hermes-ui-angular-forms-number-input.mjs","sources":["../../../forms/number-input/number-input-container.ts","../../../forms/number-input/number-input.ts","../../../forms/number-input/number-input.module.ts","../../../forms/number-input/index.ts","../../../forms/number-input/hermes-ui-angular-forms-number-input.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { Component, ContentChild, forwardRef, Optional } from '@angular/core';\nimport {\n  HermesAbstractContainer,\n  ControlClassService,\n  ControlIdService,\n  FormsFocusService,\n  LayoutService,\n  NgControlService,\n} from '@hermes-ui/angular/forms/common';\n\nimport { HermesNumberInput } from './number-input';\n\n@Component({\n  selector: 'hermes-number-input-container',\n  template: `\n    <ng-content select=\"label\"></ng-content>\n    @if (!label && addGrid()) {\n      <label></label>\n    }\n    <div class=\"hermes-control-container\" [ngClass]=\"controlClass()\">\n      <div class=\"hermes-number-input-wrapper\">\n        <div class=\"hermes-input-group\" [class.hermes-focus]=\"focus\">\n          <ng-content select=\"[hermesNumberInput]\"></ng-content>\n          <div class=\"hermes-input-group-actions\" (focusout)=\"focusOut()\">\n            <button\n              type=\"button\"\n              class=\"hermes-input-group-icon-action\"\n              (click)=\"input.stepDown()\"\n              [disabled]=\"control?.disabled\"\n            >\n              <hermes-icon shape=\"minus\" size=\"sm\"></hermes-icon>\n            </button>\n            <div class=\"hermes-number-input-separator\"></div>\n            <button\n              type=\"button\"\n              class=\"hermes-input-group-icon-action\"\n              (click)=\"input.stepUp()\"\n              [disabled]=\"control?.disabled\"\n            >\n              <hermes-icon shape=\"plus\" size=\"sm\"></hermes-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      @if (showHelper) {\n        <ng-content select=\"hermes-control-helper\"></ng-content>\n      }\n      @if (showInvalid) {\n        <ng-content select=\"hermes-control-error\"></ng-content>\n      }\n      @if (showValid) {\n        <ng-content select=\"hermes-control-success\"></ng-content>\n      }\n    </div>\n  `,\n  host: {\n    '[class.hermes-form-control]': 'true',\n    '[class.hermes-form-control-disabled]': 'control?.disabled',\n    '[class.hermes-form-control-readonly]': 'input?.readonly',\n    '[class.hermes-row]': 'addGrid()',\n  },\n  providers: [FormsFocusService, NgControlService, ControlIdService, ControlClassService],\n  standalone: false,\n})\nexport class HermesNumberInputContainer extends HermesAbstractContainer {\n  focus = false;\n\n  @ContentChild(forwardRef(() => HermesNumberInput)) protected readonly input: HermesNumberInput;\n\n  constructor(\n    controlClassService: ControlClassService,\n    @Optional() layoutService: LayoutService,\n    ngControlService: NgControlService,\n    focusService: FormsFocusService\n  ) {\n    super(layoutService, controlClassService, ngControlService);\n\n    this.subscriptions.push(focusService.focusChange.subscribe(state => (this.focus = state)));\n  }\n\n  focusOut() {\n    this.input.dispatchBlur();\n  }\n}\n","/*\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport {\n  Directive,\n  ElementRef,\n  HostListener,\n  Injector,\n  Optional,\n  Renderer2,\n  Self,\n  ViewContainerRef,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { FormsFocusService, WrappedFormControl } from '@hermes-ui/angular/forms/common';\n\nimport { HermesNumberInputContainer } from './number-input-container';\n\n@Directive({\n  selector: 'input[type=\"number\"][hermesNumberInput]',\n  host: { '[class.hermes-input]': 'true', '[class.hermes-number-input]': 'true' },\n  standalone: false,\n})\nexport class HermesNumberInput extends WrappedFormControl<HermesNumberInputContainer> {\n  protected override index = 1;\n\n  constructor(\n    @Optional() private focusService: FormsFocusService,\n    vcr: ViewContainerRef,\n    injector: Injector,\n    @Self()\n    @Optional()\n    private control: NgControl,\n    renderer: Renderer2,\n    protected override el: ElementRef<HTMLInputElement>\n  ) {\n    super(vcr, HermesNumberInputContainer, injector, control, renderer, el);\n\n    if (!focusService) {\n      throw new Error('hermesNumberInput requires being wrapped in <hermes-number-input-container>');\n    }\n  }\n\n  get readonly() {\n    return this.el.nativeElement.getAttribute('readonly') !== null;\n  }\n\n  @HostListener('focus')\n  triggerFocus() {\n    if (!this.readonly && this.focusService) {\n      this.focusService.focused = true;\n    }\n  }\n\n  override triggerValidation() {\n    if (!this.readonly) {\n      super.triggerValidation();\n      if (this.focusService) {\n        this.focusService.focused = false;\n      }\n    }\n  }\n\n  stepUp(): void {\n    this.el.nativeElement.stepUp();\n    this.dispatchStepChangeEvents();\n  }\n\n  stepDown(): void {\n    this.el.nativeElement.stepDown();\n    this.dispatchStepChangeEvents();\n  }\n\n  dispatchBlur() {\n    this.el.nativeElement.dispatchEvent(new Event('blur', { bubbles: true, cancelable: true }));\n  }\n\n  private dispatchStepChangeEvents() {\n    this.el.nativeElement.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }));\n    this.el.nativeElement.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }));\n\n    this.triggerValidation();\n  }\n}\n","/*\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { HermesCommonFormsModule } from '@hermes-ui/angular/forms/common';\nimport { ClarityIcons, HermesIcon, errorStandardIcon, minusIcon, plusIcon, successStandardIcon } from '@hermes-ui/angular/icon';\n\nimport { HermesNumberInput } from './number-input';\nimport { HermesNumberInputContainer } from './number-input-container';\n\n@NgModule({\n  imports: [CommonModule, FormsModule, HermesIcon, HermesCommonFormsModule],\n  declarations: [HermesNumberInput, HermesNumberInputContainer],\n  exports: [HermesCommonFormsModule, HermesNumberInput, HermesNumberInputContainer],\n})\nexport class HermesNumberInputModule {\n  constructor() {\n    ClarityIcons.addIcons(successStandardIcon, errorStandardIcon, minusIcon, plusIcon);\n  }\n}\n","/*\r\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n * This software is released under MIT license.\r\n * The full license information can be found in LICENSE in the root directory of this project.\r\n */\r\n\r\nexport * from './number-input';\r\nexport * from './number-input-container';\r\nexport * from './number-input.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/hermes-ui-angular-forms-password.mjs

@@ -0,0 +1,233 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Input, Optional, Inject, Component, HostListener, Self, Directive, NgModule } from '@angular/core';
+import * as i1 from '@hermes-ui/angular/forms/common';
+import { HermesAbstractContainer, NgControlService, ControlIdService, ControlClassService, FormsFocusService, WrappedFormControl, HermesCommonFormsModule } from '@hermes-ui/angular/forms/common';
+import * as i5 from 'rxjs';
+import { BehaviorSubject } from 'rxjs';
+import * as i2 from '@hermes-ui/angular/utils';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@hermes-ui/angular/icon';
+import { ClarityIcons, eyeHideIcon, eyeIcon, successStandardIcon, errorStandardIcon, HermesIcon } from '@hermes-ui/angular/icon';
+import * as i1$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+const TOGGLE_SERVICE = new InjectionToken(undefined);
+function ToggleServiceFactory() {
+    return new BehaviorSubject(false);
+}
+const TOGGLE_SERVICE_PROVIDER = { provide: TOGGLE_SERVICE, useFactory: ToggleServiceFactory };
+class HermesPasswordContainer extends HermesAbstractContainer {
+    constructor(layoutService, controlClassService, ngControlService, focusService, toggleService, commonStrings) {
+        super(layoutService, controlClassService, ngControlService);
+        this.focusService = focusService;
+        this.toggleService = toggleService;
+        this.commonStrings = commonStrings;
+        this.show = false;
+        this.focus = false;
+        this._toggle = true;
+        /* The unsubscribe is handle inside the HermesAbstractContainer */
+        this.subscriptions.push(focusService.focusChange.subscribe(state => {
+            this.focus = state;
+        }));
+    }
+    get hermesToggle() {
+        return this._toggle;
+    }
+    set hermesToggle(state) {
+        this._toggle = state;
+        if (!state) {
+            this.show = false;
+        }
+    }
+    toggle() {
+        this.show = !this.show;
+        this.toggleService.next(this.show);
+    }
+    showPasswordText(label) {
+        return this.commonStrings.parse(this.commonStrings.keys.passwordShow, { LABEL: label });
+    }
+    hidePasswordText(label) {
+        return this.commonStrings.parse(this.commonStrings.keys.passwordHide, { LABEL: label });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPasswordContainer, deps: [{ token: i1.LayoutService, optional: true }, { token: i1.ControlClassService }, { token: i1.NgControlService }, { token: i1.FormsFocusService }, { token: TOGGLE_SERVICE }, { token: i2.HermesCommonStringsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesPasswordContainer, isStandalone: false, selector: "hermes-password-container", inputs: { hermesToggle: "hermesToggle" }, host: { properties: { "class.hermes-form-control": "true", "class.hermes-form-control-disabled": "control?.disabled", "class.hermes-row": "addGrid()" } }, providers: [NgControlService, ControlIdService, ControlClassService, FormsFocusService, TOGGLE_SERVICE_PROVIDER], usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="label"></ng-content>
+    @if (!label && addGrid()) {
+      <label></label>
+    }
+    <div class="hermes-control-container" [ngClass]="controlClass()">
+      <div class="hermes-input-wrapper">
+        <div class="hermes-input-group" [class.hermes-focus]="focus">
+          <ng-content select="[hermesPassword]"></ng-content>
+          @if (hermesToggle) {
+            <button (click)="toggle()" [disabled]="control?.disabled" class="hermes-input-group-icon-action" type="button">
+              <hermes-icon class="hermes-password-eye-icon" [shape]="show ? 'eye-hide' : 'eye'"></hermes-icon>
+              <span class="hermes-sr-only">
+                {{ show ? hidePasswordText(label?.labelText) : showPasswordText(label?.labelText) }}
+              </span>
+            </button>
+          }
+        </div>
+      </div>
+      @if (showHelper) {
+        <ng-content select="hermes-control-helper"></ng-content>
+      }
+      @if (showInvalid) {
+        <ng-content select="hermes-control-error"></ng-content>
+      }
+      @if (showValid) {
+        <ng-content select="hermes-control-success"></ng-content>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.HermesIcon, selector: "hermes-icon, hermes-icon", inputs: ["shape", "size", "direction", "flip", "solid", "status", "inverse", "badge"] }, { kind: "directive", type: i1.HermesControlLabel, selector: "label", inputs: ["id", "for"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPasswordContainer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hermes-password-container',
+                    template: `
+    <ng-content select="label"></ng-content>
+    @if (!label && addGrid()) {
+      <label></label>
+    }
+    <div class="hermes-control-container" [ngClass]="controlClass()">
+      <div class="hermes-input-wrapper">
+        <div class="hermes-input-group" [class.hermes-focus]="focus">
+          <ng-content select="[hermesPassword]"></ng-content>
+          @if (hermesToggle) {
+            <button (click)="toggle()" [disabled]="control?.disabled" class="hermes-input-group-icon-action" type="button">
+              <hermes-icon class="hermes-password-eye-icon" [shape]="show ? 'eye-hide' : 'eye'"></hermes-icon>
+              <span class="hermes-sr-only">
+                {{ show ? hidePasswordText(label?.labelText) : showPasswordText(label?.labelText) }}
+              </span>
+            </button>
+          }
+        </div>
+      </div>
+      @if (showHelper) {
+        <ng-content select="hermes-control-helper"></ng-content>
+      }
+      @if (showInvalid) {
+        <ng-content select="hermes-control-error"></ng-content>
+      }
+      @if (showValid) {
+        <ng-content select="hermes-control-success"></ng-content>
+      }
+    </div>
+  `,
+                    host: {
+                        '[class.hermes-form-control]': 'true',
+                        '[class.hermes-form-control-disabled]': 'control?.disabled',
+                        '[class.hermes-row]': 'addGrid()',
+                    },
+                    providers: [NgControlService, ControlIdService, ControlClassService, FormsFocusService, TOGGLE_SERVICE_PROVIDER],
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i1.LayoutService, decorators: [{
+                    type: Optional
+                }] }, { type: i1.ControlClassService }, { type: i1.NgControlService }, { type: i1.FormsFocusService }, { type: i5.BehaviorSubject, decorators: [{
+                    type: Inject,
+                    args: [TOGGLE_SERVICE]
+                }] }, { type: i2.HermesCommonStringsService }], propDecorators: { hermesToggle: [{
+                type: Input,
+                args: ['hermesToggle']
+            }] } });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+class HermesPassword extends WrappedFormControl {
+    constructor(vcr, injector, control, renderer, el, focusService, toggleService) {
+        super(vcr, HermesPasswordContainer, injector, control, renderer, el);
+        this.focusService = focusService;
+        this.index = 1;
+        if (!focusService) {
+            throw new Error('hermesPassword requires being wrapped in <hermes-password-container>');
+        }
+        this.subscriptions.push(toggleService.subscribe(toggle => {
+            renderer.setProperty(el.nativeElement, 'type', toggle ? 'text' : 'password');
+        }));
+    }
+    triggerFocus() {
+        if (this.focusService) {
+            this.focusService.focused = true;
+        }
+    }
+    triggerValidation() {
+        super.triggerValidation();
+        if (this.focusService) {
+            this.focusService.focused = false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPassword, deps: [{ token: i0.ViewContainerRef }, { token: i0.Injector }, { token: i1$1.NgControl, optional: true, self: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.FormsFocusService, optional: true }, { token: TOGGLE_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: HermesPassword, isStandalone: false, selector: "[hermesPassword]", host: { listeners: { "focus": "triggerFocus()" }, properties: { "class.hermes-input": "true" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPassword, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hermesPassword]',
+                    host: { '[class.hermes-input]': 'true' },
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.Injector }, { type: i1$1.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.FormsFocusService, decorators: [{
+                    type: Optional
+                }] }, { type: i5.BehaviorSubject, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TOGGLE_SERVICE]
+                }] }], propDecorators: { triggerFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }] } });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+class HermesPasswordModule {
+    constructor() {
+        ClarityIcons.addIcons(eyeHideIcon, eyeIcon, successStandardIcon, errorStandardIcon);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPasswordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: HermesPasswordModule, declarations: [HermesPassword, HermesPasswordContainer], imports: [CommonModule, FormsModule, HermesIcon, HermesCommonFormsModule], exports: [HermesCommonFormsModule, HermesPassword, HermesPasswordContainer] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPasswordModule, imports: [CommonModule, FormsModule, HermesIcon, HermesCommonFormsModule, HermesCommonFormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPasswordModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, HermesIcon, HermesCommonFormsModule],
+                    declarations: [HermesPassword, HermesPasswordContainer],
+                    exports: [HermesCommonFormsModule, HermesPassword, HermesPasswordContainer],
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HermesPassword, HermesPasswordContainer, HermesPasswordModule, TOGGLE_SERVICE, TOGGLE_SERVICE_PROVIDER, ToggleServiceFactory };
+//# sourceMappingURL=hermes-ui-angular-forms-password.mjs.map

package/fesm2022/hermes-ui-angular-forms-password.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hermes-ui-angular-forms-password.mjs","sources":["../../../forms/password/password-container.ts","../../../forms/password/password.ts","../../../forms/password/password.module.ts","../../../forms/password/index.ts","../../../forms/password/hermes-ui-angular-forms-password.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { Component, Inject, InjectionToken, Input, Optional } from '@angular/core';\nimport {\n  HermesAbstractContainer,\n  ControlClassService,\n  ControlIdService,\n  FormsFocusService,\n  LayoutService,\n  NgControlService,\n} from '@hermes-ui/angular/forms/common';\nimport { HermesCommonStringsService } from '@hermes-ui/angular/utils';\nimport { BehaviorSubject } from 'rxjs';\n\nexport const TOGGLE_SERVICE = new InjectionToken<BehaviorSubject<boolean>>(undefined);\nexport function ToggleServiceFactory() {\n  return new BehaviorSubject<boolean>(false);\n}\nexport const TOGGLE_SERVICE_PROVIDER = { provide: TOGGLE_SERVICE, useFactory: ToggleServiceFactory };\n\n@Component({\n  selector: 'hermes-password-container',\n  template: `\n    <ng-content select=\"label\"></ng-content>\n    @if (!label && addGrid()) {\n      <label></label>\n    }\n    <div class=\"hermes-control-container\" [ngClass]=\"controlClass()\">\n      <div class=\"hermes-input-wrapper\">\n        <div class=\"hermes-input-group\" [class.hermes-focus]=\"focus\">\n          <ng-content select=\"[hermesPassword]\"></ng-content>\n          @if (hermesToggle) {\n            <button (click)=\"toggle()\" [disabled]=\"control?.disabled\" class=\"hermes-input-group-icon-action\" type=\"button\">\n              <hermes-icon class=\"hermes-password-eye-icon\" [shape]=\"show ? 'eye-hide' : 'eye'\"></hermes-icon>\n              <span class=\"hermes-sr-only\">\n                {{ show ? hidePasswordText(label?.labelText) : showPasswordText(label?.labelText) }}\n              </span>\n            </button>\n          }\n        </div>\n      </div>\n      @if (showHelper) {\n        <ng-content select=\"hermes-control-helper\"></ng-content>\n      }\n      @if (showInvalid) {\n        <ng-content select=\"hermes-control-error\"></ng-content>\n      }\n      @if (showValid) {\n        <ng-content select=\"hermes-control-success\"></ng-content>\n      }\n    </div>\n  `,\n  host: {\n    '[class.hermes-form-control]': 'true',\n    '[class.hermes-form-control-disabled]': 'control?.disabled',\n    '[class.hermes-row]': 'addGrid()',\n  },\n  providers: [NgControlService, ControlIdService, ControlClassService, FormsFocusService, TOGGLE_SERVICE_PROVIDER],\n  standalone: false,\n})\nexport class HermesPasswordContainer extends HermesAbstractContainer {\n  show = false;\n  focus = false;\n\n  private _toggle = true;\n\n  constructor(\n    @Optional() layoutService: LayoutService,\n    controlClassService: ControlClassService,\n    ngControlService: NgControlService,\n    public focusService: FormsFocusService,\n    @Inject(TOGGLE_SERVICE) private toggleService: BehaviorSubject<boolean>,\n    public commonStrings: HermesCommonStringsService\n  ) {\n    super(layoutService, controlClassService, ngControlService);\n\n    /* The unsubscribe is handle inside the HermesAbstractContainer */\n    this.subscriptions.push(\n      focusService.focusChange.subscribe(state => {\n        this.focus = state;\n      })\n    );\n  }\n\n  @Input('hermesToggle')\n  get hermesToggle() {\n    return this._toggle;\n  }\n  set hermesToggle(state: boolean) {\n    this._toggle = state;\n    if (!state) {\n      this.show = false;\n    }\n  }\n\n  toggle() {\n    this.show = !this.show;\n    this.toggleService.next(this.show);\n  }\n\n  showPasswordText(label: string) {\n    return this.commonStrings.parse(this.commonStrings.keys.passwordShow, { LABEL: label });\n  }\n\n  hidePasswordText(label: string) {\n    return this.commonStrings.parse(this.commonStrings.keys.passwordHide, { LABEL: label });\n  }\n}\n","/*\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport {\n  Directive,\n  ElementRef,\n  HostListener,\n  Inject,\n  Injector,\n  OnDestroy,\n  OnInit,\n  Optional,\n  Renderer2,\n  Self,\n  ViewContainerRef,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { FormsFocusService, WrappedFormControl } from '@hermes-ui/angular/forms/common';\nimport { BehaviorSubject } from 'rxjs';\n\nimport { HermesPasswordContainer, TOGGLE_SERVICE } from './password-container';\n\n@Directive({\n  selector: '[hermesPassword]',\n  host: { '[class.hermes-input]': 'true' },\n  standalone: false,\n})\nexport class HermesPassword extends WrappedFormControl<HermesPasswordContainer> implements OnInit, OnDestroy {\n  protected override index = 1;\n\n  constructor(\n    vcr: ViewContainerRef,\n    injector: Injector,\n    @Self()\n    @Optional()\n    control: NgControl,\n    renderer: Renderer2,\n    el: ElementRef<HTMLInputElement>,\n    @Optional() private focusService: FormsFocusService,\n    @Optional()\n    @Inject(TOGGLE_SERVICE)\n    toggleService: BehaviorSubject<boolean>\n  ) {\n    super(vcr, HermesPasswordContainer, injector, control, renderer, el);\n\n    if (!focusService) {\n      throw new Error('hermesPassword requires being wrapped in <hermes-password-container>');\n    }\n\n    this.subscriptions.push(\n      toggleService.subscribe(toggle => {\n        renderer.setProperty(el.nativeElement, 'type', toggle ? 'text' : 'password');\n      })\n    );\n  }\n\n  @HostListener('focus')\n  triggerFocus() {\n    if (this.focusService) {\n      this.focusService.focused = true;\n    }\n  }\n\n  override triggerValidation() {\n    super.triggerValidation();\n    if (this.focusService) {\n      this.focusService.focused = false;\n    }\n  }\n}\n","/*\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { HermesCommonFormsModule } from '@hermes-ui/angular/forms/common';\nimport { ClarityIcons, HermesIcon, errorStandardIcon, eyeHideIcon, eyeIcon, successStandardIcon } from '@hermes-ui/angular/icon';\n\nimport { HermesPassword } from './password';\nimport { HermesPasswordContainer } from './password-container';\n\n@NgModule({\n  imports: [CommonModule, FormsModule, HermesIcon, HermesCommonFormsModule],\n  declarations: [HermesPassword, HermesPasswordContainer],\n  exports: [HermesCommonFormsModule, HermesPassword, HermesPasswordContainer],\n})\nexport class HermesPasswordModule {\n  constructor() {\n    ClarityIcons.addIcons(eyeHideIcon, eyeIcon, successStandardIcon, errorStandardIcon);\n  }\n}\n","/*\r\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n * This software is released under MIT license.\r\n * The full license information can be found in LICENSE in the root directory of this project.\r\n */\r\n\r\nexport * from './password';\r\nexport * from './password-container';\r\nexport * from './password.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}