kz-au-fa-input 1.0.0

package/README.md

@@ -0,0 +1,7 @@
+# au-fa-input
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test au-fa-input` to execute the unit tests.

package/fesm2022/kz-au-fa-input.mjs

@@ -0,0 +1,69 @@
+import * as i0 from '@angular/core';
+import { HostListener, Directive, HostBinding, ContentChild, Input, Component } from '@angular/core';
+import { NgClass } from '@angular/common';
+
+class InputRefDirective {
+    focus = false;
+    onFocus() {
+        this.focus = true;
+    }
+    onBlur() {
+        this.focus = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: InputRefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: InputRefDirective, isStandalone: true, selector: "input[auInputRef]", host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: InputRefDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[auInputRef]',
+                }]
+        }], propDecorators: { onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }] } });
+
+class AuFaInput {
+    icon = '';
+    input = null;
+    ngAfterContentInit() {
+        if (!this.input) {
+            console.error('the au-fa-input needs an input inside its content');
+        }
+    }
+    get isInputFocus() {
+        return this.input ? this.input.focus : false;
+    }
+    get classes() {
+        const cssClasses = {};
+        if (this.icon) {
+            cssClasses['fa-' + this.icon] = true;
+        }
+        return cssClasses;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AuFaInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: AuFaInput, isStandalone: true, selector: "lib-au-fa-input", inputs: { icon: "icon" }, host: { properties: { "class.input-focus": "this.isInputFocus" } }, queries: [{ propertyName: "input", first: true, predicate: InputRefDirective, descendants: true }], ngImport: i0, template: "<i class=\"icon fa\" [ngClass]=\"classes\"></i>\n<ng-content></ng-content>", styles: [".icon{width:20px;text-align:center;padding-left:5px;padding-right:2px;border:none;vertical-align:middle}:host{border-width:1px;border-style:solid;padding:1px 0;display:inline-block}:host(.input-focus){outline:none;border:1px solid #4D90FE;-webkit-box-shadow:0px 0px 5px #4D90FE;box-shadow:0 0 5px #4d90fe}:host ::ng-deep input{border:none;outline:none;height:100%;margin:1px 0;box-sizing:border-box}:host{background:#fff;border-color:#d3d3d3}:host(.input-focus){border-color:#4d90fe;-webkit-box-shadow:0px 0px 5px #4D90FE;box-shadow:0 0 5px #4d90fe}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AuFaInput, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-au-fa-input', imports: [NgClass], template: "<i class=\"icon fa\" [ngClass]=\"classes\"></i>\n<ng-content></ng-content>", styles: [".icon{width:20px;text-align:center;padding-left:5px;padding-right:2px;border:none;vertical-align:middle}:host{border-width:1px;border-style:solid;padding:1px 0;display:inline-block}:host(.input-focus){outline:none;border:1px solid #4D90FE;-webkit-box-shadow:0px 0px 5px #4D90FE;box-shadow:0 0 5px #4d90fe}:host ::ng-deep input{border:none;outline:none;height:100%;margin:1px 0;box-sizing:border-box}:host{background:#fff;border-color:#d3d3d3}:host(.input-focus){border-color:#4d90fe;-webkit-box-shadow:0px 0px 5px #4D90FE;box-shadow:0 0 5px #4d90fe}\n"] }]
+        }], propDecorators: { icon: [{
+                type: Input,
+                args: [{ required: true }]
+            }], input: [{
+                type: ContentChild,
+                args: [InputRefDirective]
+            }], isInputFocus: [{
+                type: HostBinding,
+                args: ['class.input-focus']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AuFaInput, InputRefDirective };
+//# sourceMappingURL=kz-au-fa-input.mjs.map

package/fesm2022/kz-au-fa-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kz-au-fa-input.mjs","sources":["../../../../libs/au-fa-input/src/lib/common/input-ref.ts","../../../../libs/au-fa-input/src/lib/au-fa-input/au-fa-input.ts","../../../../libs/au-fa-input/src/lib/au-fa-input/au-fa-input.html","../../../../libs/au-fa-input/src/kz-au-fa-input.ts"],"sourcesContent":["import { Directive, HostListener } from '@angular/core';\n\n@Directive({\n  selector: 'input[auInputRef]',\n})\nexport class InputRefDirective {\n  focus = false;\n\n  @HostListener('focus')\n  onFocus() {\n    this.focus = true;\n  }\n\n  @HostListener('blur')\n  onBlur() {\n    this.focus = false;\n  }\n}\n","import { AfterContentInit, Component, ContentChild, HostBinding, Input } from '@angular/core';\n\nimport { InputRefDirective } from './../common/input-ref';\nimport { NgClass } from '@angular/common';\n\n@Component({\n  selector: 'lib-au-fa-input',\n  imports: [NgClass],\n  templateUrl: './au-fa-input.html',\n  styleUrl: './au-fa-input.scss',\n})\nexport class AuFaInput implements AfterContentInit {\n  @Input({ required: true })\n  icon = '';\n\n  @ContentChild(InputRefDirective)\n  input: InputRefDirective | null = null;\n\n  ngAfterContentInit(): void {\n    if (!this.input) {\n      console.error('the au-fa-input needs an input inside its content');\n    }\n  }\n\n  @HostBinding('class.input-focus')\n  get isInputFocus() {\n    return this.input ? this.input.focus : false;\n  }\n\n  get classes(): object {\n    const cssClasses: { [key: string]: boolean } = {};\n\n    if (this.icon) {\n      cssClasses['fa-' + this.icon] = true;\n    }\n\n    return cssClasses;\n  }\n}\n","<i class=\"icon fa\" [ngClass]=\"classes\"></i>\n<ng-content></ng-content>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAKa,iBAAiB,CAAA;IAC5B,KAAK,GAAG,KAAK;IAGb,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI;IACnB;IAGA,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;IACpB;uGAXW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC9B,iBAAA;;sBAIE,YAAY;uBAAC,OAAO;;sBAKpB,YAAY;uBAAC,MAAM;;;MCFT,SAAS,CAAA;IAEpB,IAAI,GAAG,EAAE;IAGT,KAAK,GAA6B,IAAI;IAEtC,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,OAAO,CAAC,KAAK,CAAC,mDAAmD,CAAC;QACpE;IACF;AAEA,IAAA,IACI,YAAY,GAAA;AACd,QAAA,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK;IAC9C;AAEA,IAAA,IAAI,OAAO,GAAA;QACT,MAAM,UAAU,GAA+B,EAAE;AAEjD,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI;QACtC;AAEA,QAAA,OAAO,UAAU;IACnB;uGA1BW,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAIN,iBAAiB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfjC,4EACyB,imBDMb,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIN,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;+BACE,iBAAiB,EAAA,OAAA,EAClB,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,4EAAA,EAAA,MAAA,EAAA,CAAA,yiBAAA,CAAA,EAAA;;sBAKjB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBAGxB,YAAY;uBAAC,iBAAiB;;sBAS9B,WAAW;uBAAC,mBAAmB;;;AExBlC;;AAEG;;;;"}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "kz-au-fa-input",
+  "version": "1.0.0",
+  "peerDependencies": {
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "vite": "^7.0.0",
+    "@analogjs/vite-plugin-angular": "~2.1.2",
+    "@nx/vite": "22.3.3"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/kz-au-fa-input.mjs",
+  "typings": "types/kz-au-fa-input.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/kz-au-fa-input.d.ts",
+      "default": "./fesm2022/kz-au-fa-input.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/types/kz-au-fa-input.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from '@angular/core';
+import { AfterContentInit } from '@angular/core';
+
+declare class InputRefDirective {
+    focus: boolean;
+    onFocus(): void;
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputRefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputRefDirective, "input[auInputRef]", never, {}, {}, never, never, true, never>;
+}
+
+declare class AuFaInput implements AfterContentInit {
+    icon: string;
+    input: InputRefDirective | null;
+    ngAfterContentInit(): void;
+    get isInputFocus(): boolean;
+    get classes(): object;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuFaInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AuFaInput, "lib-au-fa-input", never, { "icon": { "alias": "icon"; "required": true; }; }, {}, ["input"], ["*"], true, never>;
+}
+
+export { AuFaInput, InputRefDirective };