kz-au-md-input 1.0.0

package/README.md

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

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

@@ -0,0 +1,61 @@
+import * as i0 from '@angular/core';
+import { HostListener, Directive, HostBinding, ContentChild, Input, Component } from '@angular/core';
+import { CommonModule } 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[auInputMDRef]", 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[auInputMDRef]',
+                }]
+        }], propDecorators: { onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }] } });
+
+class AuMdInput {
+    icon = '';
+    input = null;
+    ngAfterContentInit() {
+        if (!this.input) {
+            console.error("the au-md-input needs an input inside its content");
+        }
+    }
+    get isInputFocus() {
+        return this.input ? this.input.focus : false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AuMdInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: AuMdInput, isStandalone: true, selector: "lib-au-md-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=\"md-icon\" [innerHtml]=\"icon\"></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}.md-icon{line-height:24px;vertical-align:middle}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AuMdInput, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-au-md-input', imports: [CommonModule], template: "<i class=\"md-icon\" [innerHtml]=\"icon\"></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}.md-icon{line-height:24px;vertical-align:middle}\n"] }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], input: [{
+                type: ContentChild,
+                args: [InputRefDirective]
+            }], isInputFocus: [{
+                type: HostBinding,
+                args: ['class.input-focus']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AuMdInput, InputRefDirective };
+//# sourceMappingURL=kz-au-md-input.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kz-au-md-input.mjs","sources":["../../../../libs/au-md-input/src/lib/common/input-ref.ts","../../../../libs/au-md-input/src/lib/au-md-input/au-md-input.ts","../../../../libs/au-md-input/src/lib/au-md-input/au-md-input.html","../../../../libs/au-md-input/src/kz-au-md-input.ts"],"sourcesContent":["import { Directive, HostListener } from '@angular/core';\n\n@Directive({\n  selector: 'input[auInputMDRef]',\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 { CommonModule } from '@angular/common';\nimport { InputRefDirective } from './../common/input-ref';\n\n@Component({\n  selector: 'lib-au-md-input',\n  imports: [CommonModule],\n  templateUrl: './au-md-input.html',\n  styleUrl: './au-md-input.scss',\n})\nexport class AuMdInput implements AfterContentInit {\n\n  @Input()\n  icon = '';\n\n  @ContentChild(InputRefDirective)\n  input: InputRefDirective | null = null;\n\n  ngAfterContentInit() {\n    if (!this.input) {\n      console.error(\"the au-md-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","<i class=\"md-icon\" [innerHtml]=\"icon\"></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,qBAAA,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,qBAAqB;AAChC,iBAAA;;sBAIE,YAAY;uBAAC,OAAO;;sBAKpB,YAAY;uBAAC,MAAM;;;MCFT,SAAS,CAAA;IAGpB,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;uGAjBW,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,EAKN,iBAAiB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBjC,2EACyB,gpBDMb,YAAY,EAAA,CAAA,EAAA,CAAA;;2FAIX,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;+BACE,iBAAiB,EAAA,OAAA,EAClB,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,2EAAA,EAAA,MAAA,EAAA,CAAA,ylBAAA,CAAA,EAAA;;sBAMtB;;sBAGA,YAAY;uBAAC,iBAAiB;;sBAS9B,WAAW;uBAAC,mBAAmB;;;AEzBlC;;AAEG;;;;"}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "kz-au-md-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-md-input.mjs",
+  "typings": "types/kz-au-md-input.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/kz-au-md-input.d.ts",
+      "default": "./fesm2022/kz-au-md-input.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

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

@@ -0,0 +1,21 @@
+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[auInputMDRef]", never, {}, {}, never, never, true, never>;
+}
+
+declare class AuMdInput implements AfterContentInit {
+    icon: string;
+    input: InputRefDirective | null;
+    ngAfterContentInit(): void;
+    get isInputFocus(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuMdInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AuMdInput, "lib-au-md-input", never, { "icon": { "alias": "icon"; "required": false; }; }, {}, ["input"], ["*"], true, never>;
+}
+
+export { AuMdInput, InputRefDirective };