iss-ctrl 0.0.20 → 0.0.22

package/fesm2022/iss-ctrl-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-input.mjs","sources":["../../../projects/iss/input/src/input.control.ts","../../../projects/iss/input/src/public-api.ts","../../../projects/iss/input/src/iss-ctrl-input.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, effect, EffectRef, input, InputSignal, OnDestroy, output, OutputEmitterRef } from \"@angular/core\";\nimport { NG_VALIDATORS, NG_VALUE_ACCESSOR, ReactiveFormsModule, Validator } from \"@angular/forms\";\nimport { MatFormFieldModule } from \"@angular/material/form-field\";\nimport { MatInput, MatInputModule } from \"@angular/material/input\";\nimport { Hints } from \"iss-ctrl/base\";\nimport { ControlBase } from \"iss-ctrl/base\";\n\n/**\n * `<iss-ctrl-input>` — single line text input, the base for every scalar text field.\n *\n * `type` is forwarded to the native input, so `number`, `email` and `password` variants all\n * come from this one control.\n *\n * @example\n * ```html\n * <iss-ctrl-input formControlName=\"amount\" type=\"number\" [min]=\"0\" suffixText=\"SAR\">\n *   <label>Amount</label>\n * </iss-ctrl-input>\n * ```\n *\n * ### Own inputs\n * | Property | Type | Default | Description |\n * | --- | --- | --- | --- |\n * | `type` | `string` | `\"text\"` | Native input type: `text`, `number`, `email`, `password`, … |\n * | `prefixIcon` | `string` | `\"\"` | Icon rendered before the value. |\n * | `prefixText` | `string` | `\"\"` | Text rendered before the value. |\n * | `suffixIcon` | `string` | `\"\"` | Icon rendered after the value. |\n * | `suffixText` | `string` | `\"\"` | Text rendered after the value. |\n *\n * ### Inherited from {@link ControlBase}\n * `formControlName` · `readonly` · `className` · `(onChange)` · `placeholder` · `min` · `max` · `minLength` · `maxLength` · `hints`\n *\n * ### Outputs\n * - `(onPrefixClick)` — `string`, the prefix affix was clicked.\n * - `(onSuffixClick)` — `string`, the suffix affix was clicked.\n *\n * Projects `<label>` into the floating label; omit it to render the control without one.\n *\n * Also projects `[issPrefix]` and `[issSuffix]` for fully custom affixes.\n */\n@Component({\n  selector: \"iss-ctrl-input\",\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    ReactiveFormsModule,\n    MatFormFieldModule,\n    Hints,\n    MatInput,\n    MatInputModule,\n  ],\n  providers: [\n    { provide: NG_VALUE_ACCESSOR, useExisting: InputControl, multi: true },\n    { provide: NG_VALIDATORS, useExisting: InputControl, multi: true }\n  ],\n  template: `\n    <mat-form-field floatLabel=\"auto\" class=\"\">\n      <!-- Always rendered: upgrade.scss shows the floating label only while the projected <label> carries text, so an omitted or empty one collapses on its own. -->\n      <mat-label class=\"fs-16 fc-dark-gray\">\n        <ng-content select=\"label\"></ng-content>\n      </mat-label>\n      <ng-content select=\"[issPrefix]\"></ng-content>\n      <div (click)=\"emitPrefixClick()\" class=\"cursor-pointer\">\n        @if (prefixText()) {\n          <span matTextPrefix>{{ prefixText() }}</span>\n        }\n        @if (prefixIcon()) {\n          <ds-icon matPrefix icon=\"{{prefixIcon()}}\"></ds-icon>\n        }\n      </div>\n      <input\n        matInput\n        [errorStateMatcher]=\"errorStateMatcher\"\n        (blur)=\"markAsTouched()\"\n        (input)=\"emitValue()\"\n        [formControl]=\"ctrl\"\n        [attr.maxlength]=\"maxLength()\"\n        [attr.minlength]=\"minLength()\"\n        [attr.max]=\"max()\"\n        [attr.min]=\"min()\"\n        [placeholder]=\"placeholder()\"\n        [readonly]=\"readonly()\"\n        [type]=\"type()\"\n      />\n      <ng-content select=\"[issSuffix]\"></ng-content>\n      <div (click)=\"emitSuffixClick()\" class=\"cursor-pointer\">\n        @if (suffixText()) {\n          <span matTextSuffix>{{ suffixText() }}</span>\n        }\n        @if (suffixIcon()) {\n          <ds-icon matSuffix icon=\"{{suffixIcon()}}\"></ds-icon>\n        }\n      </div>\n      <iss-ctrl-hints [hints]=\"hints()\" [touched]=\"touched()\"/>\n    </mat-form-field>\n  `\n})\nexport class InputControl extends ControlBase implements Validator, OnDestroy {\n  /**\n   * Native input type — `text`, `number`, `email`, `password`, and so on.\n   */\n  type: InputSignal<string> = input(\"text\");\n  /**\n   * Icon name rendered before the value.\n   */\n  prefixIcon: InputSignal<string> = input(\"\");\n  /**\n   * Static text rendered before the value.\n   */\n  prefixText: InputSignal<string> = input(\"\");\n  /**\n   * Icon name rendered after the value.\n   */\n  suffixIcon: InputSignal<string> = input(\"\");\n  /**\n   * Static text rendered after the value, a unit or currency for example.\n   */\n  suffixText: InputSignal<string> = input(\"\");\n  /**\n   * Emits when the prefix affix is clicked.\n   */\n  onPrefixClick: OutputEmitterRef<string> = output();\n  /**\n   * Emits when the suffix affix is clicked.\n   */\n  onSuffixClick: OutputEmitterRef<string> = output();\n  #disabledEffect: EffectRef = effect(() => {\n    if (this.disabled()) {\n      this.ctrl.disable();\n    } else {\n      this.ctrl.enable();\n    }\n  });\n\n  emitSuffixClick() {\n    this.onSuffixClick.emit(this.ctrl.getRawValue());\n  }\n\n  emitPrefixClick() {\n    this.onPrefixClick.emit(this.ctrl.getRawValue());\n  }\n\n  ngOnDestroy() {\n    this.#disabledEffect.destroy();\n  }\n}\n","// The input control. Its field and viewer stay in the primary entry point and reach it\n// from there, so the control ships only to an app that renders it or imports it directly.\n\nexport * from \"./input.control\";\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/iss-ctrl-input.viewer-BOZnW0_e.mjs

@@ -0,0 +1,22 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import { ViewerBase } from 'iss-ctrl/base';
+
+class InputViewer extends ViewerBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputViewer, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: InputViewer, isStandalone: true, selector: "iss-viewer-input", usesInheritance: true, ngImport: i0, template: `
+    {{ field().ctrlValue() }}
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputViewer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "iss-viewer-input",
+                    template: `
+    {{ field().ctrlValue() }}
+  `,
+                }]
+        }] });
+
+export { InputViewer };
+//# sourceMappingURL=iss-ctrl-input.viewer-BOZnW0_e.mjs.map

package/fesm2022/iss-ctrl-input.viewer-BOZnW0_e.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-input.viewer-BOZnW0_e.mjs","sources":["../../../projects/iss/src/components/controls/input/input.viewer.ts"],"sourcesContent":["import { Component } from \"@angular/core\";\nimport { ViewerBase } from \"iss-ctrl/base\";\n\n@Component({\n  selector: \"iss-viewer-input\",\n  template: `\n    {{ field().ctrlValue() }}\n  `,\n})\nexport class InputViewer extends ViewerBase {}\n"],"names":[],"mappings":";;;;AASM,MAAO,WAAY,SAAQ,UAAU,CAAA;uGAA9B,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAJZ;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAEU,WAAW,EAAA,UAAA,EAAA,CAAA;kBANvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE;;AAET,EAAA,CAAA;AACF,iBAAA;;;;;"}