@educarehq/solaris-ui 0.1.0 → 0.3.0

package/esm2022/lib/components/forms/form-field/component/form-label.component.js

@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisFormLabelComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: SolarisFormLabelComponent, isStandalone: true, selector: "solaris-form-label", host: { classAttribute: "solaris-form-label" }, ngImport: i0, template: '<ng-content />', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormLabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'solaris-form-label',
+                    standalone: true,
+                    template: '<ng-content />',
+                    host: {
+                        class: 'solaris-form-label',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=form-label.component.js.map

package/esm2022/lib/components/forms/form-field/component/form-label.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-label.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/form-field/component/form-label.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAU1C,MAAM,OAAO,yBAAyB;wGAAzB,yBAAyB;4FAAzB,yBAAyB,8HAL1B,gBAAgB;;4FAKf,yBAAyB;kBARrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,KAAK,EAAE,oBAAoB;qBAC5B;iBACF","sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'solaris-form-label',\n  standalone: true,\n  template: '<ng-content />',\n  host: {\n    class: 'solaris-form-label',\n  },\n})\nexport class SolarisFormLabelComponent {}\n"]}

package/esm2022/lib/components/forms/form-field/directives/form-field-trigger.directive.js

@@ -0,0 +1,14 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisFormFieldTriggerDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormFieldTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisFormFieldTriggerDirective, isStandalone: true, selector: "[solaris-form-field-trigger]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormFieldTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-form-field-trigger]',
+                    standalone: true,
+                }]
+        }] });
+//# sourceMappingURL=form-field-trigger.directive.js.map

package/esm2022/lib/components/forms/form-field/directives/form-field-trigger.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-trigger.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/form-field/directives/form-field-trigger.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAM1C,MAAM,OAAO,gCAAgC;wGAAhC,gCAAgC;4FAAhC,gCAAgC;;4FAAhC,gCAAgC;kBAJ5C,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,UAAU,EAAE,IAAI;iBACjB","sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[solaris-form-field-trigger]',\n  standalone: true,\n})\nexport class SolarisFormFieldTriggerDirective {}\n"]}

package/esm2022/lib/components/forms/form-field/directives/form-prefix.directive.js

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisFormPrefixDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormPrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisFormPrefixDirective, isStandalone: true, selector: "[solaris-form-prefix]", host: { classAttribute: "solaris-form-prefix" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormPrefixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-form-prefix]',
+                    standalone: true,
+                    host: {
+                        class: 'solaris-form-prefix',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=form-prefix.directive.js.map

package/esm2022/lib/components/forms/form-field/directives/form-prefix.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-prefix.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/form-field/directives/form-prefix.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,0BAA0B;wGAA1B,0BAA0B;4FAA1B,0BAA0B;;4FAA1B,0BAA0B;kBAPtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,qBAAqB;qBAC7B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[solaris-form-prefix]',\n  standalone: true,\n  host: {\n    class: 'solaris-form-prefix',\n  },\n})\nexport class SolarisFormPrefixDirective {}\n"]}

package/esm2022/lib/components/forms/form-field/directives/form-suffix.directive.js

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisFormSuffixDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisFormSuffixDirective, isStandalone: true, selector: "[solaris-form-suffix]", host: { classAttribute: "solaris-form-suffix" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormSuffixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-form-suffix]',
+                    standalone: true,
+                    host: {
+                        class: 'solaris-form-suffix',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=form-suffix.directive.js.map

package/esm2022/lib/components/forms/form-field/directives/form-suffix.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-suffix.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/form-field/directives/form-suffix.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,0BAA0B;wGAA1B,0BAA0B;4FAA1B,0BAA0B;;4FAA1B,0BAA0B;kBAPtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,qBAAqB;qBAC7B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[solaris-form-suffix]',\n  standalone: true,\n  host: {\n    class: 'solaris-form-suffix',\n  },\n})\nexport class SolarisFormSuffixDirective {}\n"]}

package/esm2022/lib/components/forms/form-field/index.js

@@ -0,0 +1,8 @@
+export { SolarisFormFieldComponent } from './component/form-field.component';
+export { SolarisFormLabelComponent } from './component/form-label.component';
+export { SolarisFormHintComponent } from './component/form-hint.component';
+export { SolarisFormErrorComponent } from './component/form-error.component';
+export { SolarisFormFieldTriggerDirective } from './directives/form-field-trigger.directive';
+export { SolarisFormPrefixDirective } from './directives/form-prefix.directive';
+export { SolarisFormSuffixDirective } from './directives/form-suffix.directive';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/forms/form-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/angular/src/lib/components/forms/form-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,gCAAgC,EAAE,MAAM,2CAA2C,CAAC;AAC7F,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC","sourcesContent":["export { SolarisFormFieldComponent } from './component/form-field.component';\nexport { SolarisFormLabelComponent } from './component/form-label.component';\nexport { SolarisFormHintComponent } from './component/form-hint.component';\nexport { SolarisFormErrorComponent } from './component/form-error.component';\nexport { SolarisFormFieldTriggerDirective } from './directives/form-field-trigger.directive';\nexport { SolarisFormPrefixDirective } from './directives/form-prefix.directive';\nexport { SolarisFormSuffixDirective } from './directives/form-suffix.directive';\n\nexport type {\n  SolarisFormFieldAppearance,\n  SolarisFormFieldSize,\n  SolarisFormFieldDensity,\n  SolarisFormFieldRadius,\n} from './model/form-field.types';\n"]}

package/esm2022/lib/components/forms/form-field/model/form-control.contract.js

@@ -0,0 +1,3 @@
+export class SolarisFormControl {
+}
+//# sourceMappingURL=form-control.contract.js.map

package/esm2022/lib/components/forms/form-field/model/form-control.contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control.contract.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/form-field/model/form-control.contract.ts"],"names":[],"mappings":"AAAA,MAAM,OAAgB,kBAAkB;CAUvC","sourcesContent":["export abstract class SolarisFormControl {\n  abstract id: string;\n  abstract focused: boolean;\n  abstract disabled: boolean;\n  abstract readonly: boolean;\n  abstract invalid: boolean;\n  abstract required: boolean;\n  abstract describedByIds: string[];\n  abstract setDescribedByIds(ids: string[]): void;\n  abstract focus(): void;\n}\n"]}

package/esm2022/lib/components/forms/form-field/model/form-field.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=form-field.types.js.map

package/esm2022/lib/components/forms/form-field/model/form-field.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/form-field/model/form-field.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisFormFieldAppearance = 'outline' | 'surface' | 'filled';\nexport type ControlResize = 'none' | 'vertical' | 'horizontal' | 'both';\nexport type SolarisFormFieldRadius = 'none' | 'sm' | 'md' | 'lg';\nexport type SolarisFormFieldDensity = 'compact' | 'comfortable';\nexport type SolarisFormFieldSize = 'sm' | 'md' | 'lg';\n"]}

package/esm2022/lib/components/forms/input/directives/input.directive.js

@@ -0,0 +1,148 @@
+import { Directive, input, computed, signal, HostListener, inject, ElementRef, isDevMode, } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { SolarisFormControl } from '../../form-field/model/form-control.contract';
+import { SUPPORTED_TYPES, UNSUPPORTED_TYPES } from '../model/input.defaults';
+import * as i0 from "@angular/core";
+let nextId = 0;
+function generateId() {
+    return `solaris-input-${++nextId}`;
+}
+export class SolarisInputDirective extends SolarisFormControl {
+    appearance = input('outline', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    radius = input('md', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
+    manualInvalid = input(undefined, { ...(ngDevMode ? { debugName: "manualInvalid" } : /* istanbul ignore next */ {}), alias: 'invalid' });
+    fullWidth = input(true, ...(ngDevMode ? [{ debugName: "fullWidth" }] : /* istanbul ignore next */ []));
+    // SECURITY_EXCEPTION: ElementRef.nativeElement is the standard Angular directive API to read host element properties and attributes. Same approach used by Angular CDK and all Solaris directives.
+    elementRef = inject(ElementRef);
+    // SECURITY_EXCEPTION: nativeElement access required for host element property reads (tagName, disabled, readonly, required, focus, getAttribute). Same pattern used by Angular CDK form controls.
+    inputElement = this.elementRef.nativeElement;
+    ngControl = inject(NgControl, {
+        optional: true,
+        self: true,
+    });
+    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : /* istanbul ignore next */ []));
+    _describedByIds = signal([], ...(ngDevMode ? [{ debugName: "_describedByIds" }] : /* istanbul ignore next */ []));
+    // SECURITY_EXCEPTION: nativeElement.getAttribute('id') is the standard DOM API to check existing ID before generating one. Same approach used by Angular CDK form controls.
+    elementId = computed(() => {
+        const existingId = this.inputElement.getAttribute('id');
+        return existingId ?? generateId();
+    }, ...(ngDevMode ? [{ debugName: "elementId" }] : /* istanbul ignore next */ []));
+    effectiveDensity = computed(() => {
+        return this.density() ?? 'comfortable';
+    }, ...(ngDevMode ? [{ debugName: "effectiveDensity" }] : /* istanbul ignore next */ []));
+    isEffectivelyInvalid = computed(() => {
+        const manual = this.manualInvalid();
+        if (manual !== undefined) {
+            return manual;
+        }
+        if (this.ngControl?.control) {
+            const control = this.ngControl.control;
+            return (control.invalid &&
+                (control.touched || control.dirty) &&
+                !this._focused());
+        }
+        return false;
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyInvalid" }] : /* istanbul ignore next */ []));
+    ariaDescribedBy = computed(() => {
+        const ids = this._describedByIds();
+        return ids.length > 0 ? ids.join(' ') : null;
+    }, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
+    get id() {
+        return this.elementId();
+    }
+    get focused() {
+        return this._focused();
+    }
+    // SECURITY_EXCEPTION: nativeElement.disabled is the standard DOM property to read input disabled state. Same approach used by Angular Forms.
+    get disabled() {
+        return this.inputElement.disabled;
+    }
+    // SECURITY_EXCEPTION: nativeElement.readOnly is the standard DOM property to read input readonly state.
+    get readonly() {
+        return this.inputElement.readOnly;
+    }
+    get invalid() {
+        return this.isEffectivelyInvalid();
+    }
+    // SECURITY_EXCEPTION: nativeElement.required is the standard DOM property to read input required state.
+    get required() {
+        return this.inputElement.required;
+    }
+    get describedByIds() {
+        return this._describedByIds();
+    }
+    setDescribedByIds(ids) {
+        this._describedByIds.set([...ids]);
+    }
+    // SECURITY_EXCEPTION: nativeElement.focus() is the standard DOM API to programmatically focus an input. No alternative exists.
+    focus() {
+        this.inputElement.focus();
+    }
+    onFocus() {
+        this._focused.set(true);
+    }
+    onBlur() {
+        this._focused.set(false);
+    }
+    constructor() {
+        super();
+        this.validateHost();
+        this.validateType();
+    }
+    validateHost() {
+        // SECURITY_EXCEPTION: nativeElement.tagName is the standard Angular API to validate directive host element. Same pattern used by SolarisButtonDirective.
+        if (this.inputElement.tagName !== 'INPUT') {
+            if (isDevMode()) {
+                console.warn(`[SolarisInput] The [solaris-input] directive is intended for use on <input> elements only. ` +
+                    `Applying it to <${this.inputElement.tagName.toLowerCase()}> is unsupported ` +
+                    `and may cause unexpected behavior.`);
+            }
+        }
+    }
+    validateType() {
+        // SECURITY_EXCEPTION: nativeElement.getAttribute is the standard DOM API to read HTML attributes. Same pattern used by SolarisButtonDirective.
+        const type = (this.inputElement.getAttribute('type') || 'text').toLowerCase();
+        if (UNSUPPORTED_TYPES.has(type)) {
+            if (isDevMode()) {
+                console.warn(`[SolarisInput] The type "${type}" is not supported for [solaris-input]. ` +
+                    `Supported types are: ${Array.from(SUPPORTED_TYPES).join(', ')}. ` +
+                    `The directive will not apply input styling.`);
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: SolarisInputDirective, isStandalone: true, selector: "[solaris-input]", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, manualInvalid: { classPropertyName: "manualInvalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "id": "elementId()", "attr.data-size": "size()", "attr.data-radius": "radius()", "attr.data-appearance": "appearance()", "attr.data-density": "effectiveDensity()", "attr.aria-describedby": "ariaDescribedBy()", "attr.data-focused": "_focused() ? \"\" : null", "attr.data-full-width": "fullWidth() ? \"\" : null", "attr.data-invalid": "isEffectivelyInvalid() ? \"\" : null", "attr.aria-invalid": "isEffectivelyInvalid() ? \"true\" : null" } }, providers: [
+            { provide: SolarisFormControl, useExisting: SolarisInputDirective },
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-input]',
+                    standalone: true,
+                    providers: [
+                        { provide: SolarisFormControl, useExisting: SolarisInputDirective },
+                    ],
+                    host: {
+                        '[id]': 'elementId()',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-radius]': 'radius()',
+                        '[attr.data-appearance]': 'appearance()',
+                        '[attr.data-density]': 'effectiveDensity()',
+                        '[attr.aria-describedby]': 'ariaDescribedBy()',
+                        '[attr.data-focused]': '_focused() ? "" : null',
+                        '[attr.data-full-width]': 'fullWidth() ? "" : null',
+                        '[attr.data-invalid]': 'isEffectivelyInvalid() ? "" : null',
+                        '[attr.aria-invalid]': 'isEffectivelyInvalid() ? "true" : null',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], manualInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }] } });
+//# sourceMappingURL=input.directive.js.map

package/esm2022/lib/components/forms/input/directives/input.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/input/directives/input.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Directive,\n  input,\n  computed,\n  signal,\n  HostListener,\n  inject,\n  ElementRef,\n  isDevMode,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\n\nimport { SolarisFormControl } from '../../form-field/model/form-control.contract';\n\nimport type {\n  SolarisInputAppearance,\n  SolarisInputSize,\n  SolarisInputDensity,\n  SolarisInputRadius,\n} from '../model/input.types';\n\nimport { SUPPORTED_TYPES, UNSUPPORTED_TYPES } from '../model/input.defaults';\n\nlet nextId = 0;\n\nfunction generateId(): string {\n  return `solaris-input-${++nextId}`;\n}\n\n@Directive({\n  selector: '[solaris-input]',\n  standalone: true,\n  providers: [\n    { provide: SolarisFormControl, useExisting: SolarisInputDirective },\n  ],\n  host: {\n    '[id]': 'elementId()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-radius]': 'radius()',\n    '[attr.data-appearance]': 'appearance()',\n    '[attr.data-density]': 'effectiveDensity()',\n    '[attr.aria-describedby]': 'ariaDescribedBy()',\n    '[attr.data-focused]': '_focused() ? \"\" : null',\n    '[attr.data-full-width]': 'fullWidth() ? \"\" : null',\n    '[attr.data-invalid]': 'isEffectivelyInvalid() ? \"\" : null',\n    '[attr.aria-invalid]': 'isEffectivelyInvalid() ? \"true\" : null',\n  },\n})\nexport class SolarisInputDirective extends SolarisFormControl {\n  readonly appearance = input<SolarisInputAppearance>('outline');\n  readonly radius = input<SolarisInputRadius>('md');\n  readonly size = input<SolarisInputSize>('md');\n  readonly density = input<SolarisInputDensity>();\n\n  readonly manualInvalid = input<boolean | undefined>(undefined, {\n    alias: 'invalid',\n  });\n  readonly fullWidth = input<boolean>(true);\n\n  // SECURITY_EXCEPTION: ElementRef.nativeElement is the standard Angular directive API to read host element properties and attributes. Same approach used by Angular CDK and all Solaris directives.\n  private readonly elementRef =\n    inject<ElementRef<HTMLInputElement>>(ElementRef);\n  // SECURITY_EXCEPTION: nativeElement access required for host element property reads (tagName, disabled, readonly, required, focus, getAttribute). Same pattern used by Angular CDK form controls.\n  private readonly inputElement = this.elementRef.nativeElement;\n  protected readonly ngControl = inject(NgControl, {\n    optional: true,\n    self: true,\n  });\n\n  protected readonly _focused = signal(false);\n  private readonly _describedByIds = signal<string[]>([]);\n\n  // SECURITY_EXCEPTION: nativeElement.getAttribute('id') is the standard DOM API to check existing ID before generating one. Same approach used by Angular CDK form controls.\n  protected readonly elementId = computed(() => {\n    const existingId = this.inputElement.getAttribute('id');\n    return existingId ?? generateId();\n  });\n\n  protected readonly effectiveDensity = computed<SolarisInputDensity>(() => {\n    return this.density() ?? 'comfortable';\n  });\n\n  protected readonly isEffectivelyInvalid = computed(() => {\n    const manual = this.manualInvalid();\n    if (manual !== undefined) {\n      return manual;\n    }\n    if (this.ngControl?.control) {\n      const control = this.ngControl.control;\n      return (\n        control.invalid &&\n        (control.touched || control.dirty) &&\n        !this._focused()\n      );\n    }\n    return false;\n  });\n\n  protected readonly ariaDescribedBy = computed(() => {\n    const ids = this._describedByIds();\n    return ids.length > 0 ? ids.join(' ') : null;\n  });\n\n  get id(): string {\n    return this.elementId();\n  }\n\n  get focused(): boolean {\n    return this._focused();\n  }\n\n  // SECURITY_EXCEPTION: nativeElement.disabled is the standard DOM property to read input disabled state. Same approach used by Angular Forms.\n  get disabled(): boolean {\n    return this.inputElement.disabled;\n  }\n\n  // SECURITY_EXCEPTION: nativeElement.readOnly is the standard DOM property to read input readonly state.\n  get readonly(): boolean {\n    return this.inputElement.readOnly;\n  }\n\n  get invalid(): boolean {\n    return this.isEffectivelyInvalid();\n  }\n\n  // SECURITY_EXCEPTION: nativeElement.required is the standard DOM property to read input required state.\n  get required(): boolean {\n    return this.inputElement.required;\n  }\n\n  get describedByIds(): string[] {\n    return this._describedByIds();\n  }\n\n  setDescribedByIds(ids: string[]): void {\n    this._describedByIds.set([...ids]);\n  }\n\n  // SECURITY_EXCEPTION: nativeElement.focus() is the standard DOM API to programmatically focus an input. No alternative exists.\n  focus(): void {\n    this.inputElement.focus();\n  }\n\n  @HostListener('focus')\n  protected onFocus(): void {\n    this._focused.set(true);\n  }\n\n  @HostListener('blur')\n  protected onBlur(): void {\n    this._focused.set(false);\n  }\n\n  constructor() {\n    super();\n    this.validateHost();\n    this.validateType();\n  }\n\n  private validateHost(): void {\n    // SECURITY_EXCEPTION: nativeElement.tagName is the standard Angular API to validate directive host element. Same pattern used by SolarisButtonDirective.\n    if (this.inputElement.tagName !== 'INPUT') {\n      if (isDevMode()) {\n        console.warn(\n          `[SolarisInput] The [solaris-input] directive is intended for use on <input> elements only. ` +\n            `Applying it to <${this.inputElement.tagName.toLowerCase()}> is unsupported ` +\n            `and may cause unexpected behavior.`,\n        );\n      }\n    }\n  }\n\n  private validateType(): void {\n    // SECURITY_EXCEPTION: nativeElement.getAttribute is the standard DOM API to read HTML attributes. Same pattern used by SolarisButtonDirective.\n    const type = (\n      this.inputElement.getAttribute('type') || 'text'\n    ).toLowerCase();\n    if (UNSUPPORTED_TYPES.has(type)) {\n      if (isDevMode()) {\n        console.warn(\n          `[SolarisInput] The type \"${type}\" is not supported for [solaris-input]. ` +\n            `Supported types are: ${Array.from(SUPPORTED_TYPES).join(', ')}. ` +\n            `The directive will not apply input styling.`,\n        );\n      }\n    }\n  }\n}\n"]}

package/esm2022/lib/components/forms/input/index.js

@@ -0,0 +1,2 @@
+export { SolarisInputDirective } from './directives/input.directive';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/forms/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/angular/src/lib/components/forms/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC","sourcesContent":["export { SolarisInputDirective } from './directives/input.directive';\n\nexport type {\n  SolarisInputAppearance,\n  SolarisInputSize,\n  SolarisInputDensity,\n  SolarisInputRadius,\n} from './model/input.types';\n"]}

package/esm2022/lib/components/forms/input/model/input.defaults.js

@@ -0,0 +1,27 @@
+export const SUPPORTED_TYPES = new Set([
+    'text',
+    'email',
+    'password',
+    'search',
+    'tel',
+    'url',
+    'number',
+    'date',
+    'time',
+    'datetime-local',
+    'month',
+    'week',
+]);
+export const UNSUPPORTED_TYPES = new Set([
+    'file',
+    'color',
+    'range',
+    'checkbox',
+    'radio',
+    'submit',
+    'button',
+    'reset',
+    'image',
+    'hidden',
+]);
+//# sourceMappingURL=input.defaults.js.map

package/esm2022/lib/components/forms/input/model/input.defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.defaults.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/input/model/input.defaults.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC;IACrC,MAAM;IACN,OAAO;IACP,UAAU;IACV,QAAQ;IACR,KAAK;IACL,KAAK;IACL,QAAQ;IACR,MAAM;IACN,MAAM;IACN,gBAAgB;IAChB,OAAO;IACP,MAAM;CACP,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC;IACvC,MAAM;IACN,OAAO;IACP,OAAO;IACP,UAAU;IACV,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,OAAO;IACP,QAAQ;CACT,CAAC,CAAC","sourcesContent":["export const SUPPORTED_TYPES = new Set([\n  'text',\n  'email',\n  'password',\n  'search',\n  'tel',\n  'url',\n  'number',\n  'date',\n  'time',\n  'datetime-local',\n  'month',\n  'week',\n]);\n\nexport const UNSUPPORTED_TYPES = new Set([\n  'file',\n  'color',\n  'range',\n  'checkbox',\n  'radio',\n  'submit',\n  'button',\n  'reset',\n  'image',\n  'hidden',\n]);\n"]}

package/esm2022/lib/components/forms/input/model/input.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=input.types.js.map

package/esm2022/lib/components/forms/input/model/input.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/input/model/input.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisInputAppearance = 'outline' | 'surface' | 'filled';\n\nexport type SolarisInputSize = 'sm' | 'md' | 'lg';\n\nexport type SolarisInputDensity = 'compact' | 'comfortable';\n\nexport type SolarisInputRadius = 'none' | 'sm' | 'md' | 'lg';\n"]}