nypro-light-components 0.0.2 → 0.0.4

package/fesm2022/nypro-light-components.mjs

@@ -1,5 +1,8 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component } from '@angular/core';
+import { Injectable, Component, output, effect, input, ChangeDetectionStrategy, forwardRef, ContentChild } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
 class NyproLightComponentsService {
     constructor() { }
@@ -30,6 +33,133 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
   ` }]
         }] });
 
+class NyButton {
+    onClick = output();
+    constructor() {
+        effect(() => {
+            if (this.loading()) {
+                let hola = this.loading();
+                console.log(hola);
+            }
+        });
+    }
+    btnClikc(event) {
+        if (this.disabled() || this.loading())
+            return;
+        this.onClick.emit(event);
+    }
+    /** Uses to pass attributes to the label's DOM element. */
+    label = input('', {
+        transform: (value) => !value ? '' : value
+    });
+    /** Add a circular border radius to the button. */
+    rounded = input(false, {
+        transform: (value) => {
+            if (typeof value == 'boolean')
+                return value;
+            return (value == '' ? true : value == 'true');
+        }
+    });
+    /** When present, it specifies that the component should be disabled. */
+    disabled = input(false, {
+        transform: (value) => {
+            if (typeof value == 'boolean')
+                return value;
+            return (value == '' ? true : value == 'true');
+        }
+    });
+    /** When present, it specifies that the component should be disabled and loading icon is display. */
+    loading = input(false);
+    /** Uses to pass attributes to the label's DOM element. */
+    loadingIcon = input('progress_activity', {
+        transform: (value) => !value ? 'progress_activity' : value
+    });
+    /** Defines the style of the button. */
+    severity = input('primary', {
+        transform: (value) => !value ? 'primary' : value
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NyButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: NyButton, isStandalone: true, selector: "ny-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingIcon: { classPropertyName: "loadingIcon", publicName: "loadingIcon", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button \n    [class.disable]=\"disabled() || loading()\"\n    [class.enable]=\"!disabled() && !loading()\"\n    [class.rounded]=\"rounded()\"\n    [style.--color-btn]=\"'var(--'+severity()+'-color)'\"\n    [disabled]=\"disabled() || loading()\"\n    (click)=\"btnClikc($event)\"\n    >\n    <ng-content *ngIf=\"label()==''\"></ng-content>\n    <span *ngIf=\"label()!=''\">{{label()}}</span>\n    <div class=\"loading\" *ngIf=\"loading()\">\n        <span class=\"material-icons\">{{loadingIcon()}}</span>\n    </div>\n</button>", styles: ["button{padding:.4rem;border:none;display:flex;color:var(--text-color-btn);background-color:var(--color-btn);cursor:pointer;position:relative;overflow:hidden;border-radius:.3rem}button.rounded{border-radius:100vh}button.enable:active{scale:.98;filter:brightness(.9)}button.disable{cursor:auto;opacity:.8}button .loading{position:absolute;width:100%;left:0rem;text-align:center}button .loading span{position:relative;z-index:9;display:inline-block;animation:spinLoading 1s linear infinite}button .loading:after{content:\"\";position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background-color:var(--color-btn)}@keyframes spinLoading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NyButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'ny-button', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n    [class.disable]=\"disabled() || loading()\"\n    [class.enable]=\"!disabled() && !loading()\"\n    [class.rounded]=\"rounded()\"\n    [style.--color-btn]=\"'var(--'+severity()+'-color)'\"\n    [disabled]=\"disabled() || loading()\"\n    (click)=\"btnClikc($event)\"\n    >\n    <ng-content *ngIf=\"label()==''\"></ng-content>\n    <span *ngIf=\"label()!=''\">{{label()}}</span>\n    <div class=\"loading\" *ngIf=\"loading()\">\n        <span class=\"material-icons\">{{loadingIcon()}}</span>\n    </div>\n</button>", styles: ["button{padding:.4rem;border:none;display:flex;color:var(--text-color-btn);background-color:var(--color-btn);cursor:pointer;position:relative;overflow:hidden;border-radius:.3rem}button.rounded{border-radius:100vh}button.enable:active{scale:.98;filter:brightness(.9)}button.disable{cursor:auto;opacity:.8}button .loading{position:absolute;width:100%;left:0rem;text-align:center}button .loading span{position:relative;z-index:9;display:inline-block;animation:spinLoading 1s linear infinite}button .loading:after{content:\"\";position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background-color:var(--color-btn)}@keyframes spinLoading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+        }], ctorParameters: () => [] });
+
+class NyRadioButton {
+    labelTemplate;
+    selectedValue;
+    /** This input steh the valur for the input radio  */
+    value = input('', {
+        transform: (value) => !value ? 'none' : value
+    });
+    /** Name of the from control value assing to radio-buttons */
+    name = input('', {
+        transform: (value) => !value ? 'none' : value
+    });
+    /** Label of the radio button */
+    label = input('', {
+        transform: (value) => !value ? 'none' : value
+    });
+    /** Position  where the Label will be display */
+    position = input('left', {
+        transform: (value) => !value ? 'left' : value
+    });
+    /** Position  where the Label will be display */
+    size = input('normal', {
+        transform: (value) => !value ? 'normal' : value
+    });
+    /** Sets the enable action to clickt or not */
+    disabled = input(false, {
+        transform: (value) => {
+            if (typeof value == 'boolean')
+                return value;
+            return value == '' ? true : value == 'true';
+        }
+    });
+    //#region --------- Control Value Accessor ------------
+    onChange = (val) => { };
+    onTouched = () => { };
+    writeValue(obj) {
+        this.selectedValue = obj;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    //#endregion
+    onInputChange() {
+        if (this.disabled())
+            return;
+        this.onChange(this.value());
+        this.onTouched();
+        this.selectedValue = this.value();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NyRadioButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: NyRadioButton, isStandalone: true, selector: "ny-radio-button", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NyRadioButton),
+                multi: true,
+            }
+        ], queries: [{ propertyName: "labelTemplate", first: true, predicate: ["label"], descendants: true }], ngImport: i0, template: "<label class=\"radioButtonContainer\" \n    [class]=\"(' pos-'+position()) + (' size-'+size())\" \n    [class.disabled]=\"disabled()\">\n\n    <ng-container *ngIf=\"labelTemplate; else defaultLabel\">\n        <div class=\"labelTemplate\">\n            <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n        </div>\n    </ng-container>\n\n    <ng-template #defaultLabel>\n        <span class=\"label\">{{ label() }}</span>\n    </ng-template>\n\n    <input [class.disabled]=\"disabled()\" (change)=\"onInputChange()\" [disabled]=\"disabled()\" [attr.name]=\"name()\"\n        [attr.value]=\"value()\" type=\"radio\" />\n</label>", styles: [".radioButtonContainer{display:flex;justify-content:center;align-items:center;gap:.2rem;input{margin:0}cursor:pointer;input{cursor:pointer}&.pos-top{flex-direction:column}&.pos-buttom{flex-direction:column-reverse}&.pos-right{flex-direction:row-reverse}&.size-small{gap:.1rem;font-size:75%;input{scale:.9}}&.size-large{gap:.4rem;font-size:125%;input{scale:1.25}}}.disabled{color:var(--text-color-secondary);cursor:default!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NyRadioButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'ny-radio-button', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NyRadioButton),
+                            multi: true,
+                        }
+                    ], template: "<label class=\"radioButtonContainer\" \n    [class]=\"(' pos-'+position()) + (' size-'+size())\" \n    [class.disabled]=\"disabled()\">\n\n    <ng-container *ngIf=\"labelTemplate; else defaultLabel\">\n        <div class=\"labelTemplate\">\n            <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n        </div>\n    </ng-container>\n\n    <ng-template #defaultLabel>\n        <span class=\"label\">{{ label() }}</span>\n    </ng-template>\n\n    <input [class.disabled]=\"disabled()\" (change)=\"onInputChange()\" [disabled]=\"disabled()\" [attr.name]=\"name()\"\n        [attr.value]=\"value()\" type=\"radio\" />\n</label>", styles: [".radioButtonContainer{display:flex;justify-content:center;align-items:center;gap:.2rem;input{margin:0}cursor:pointer;input{cursor:pointer}&.pos-top{flex-direction:column}&.pos-buttom{flex-direction:column-reverse}&.pos-right{flex-direction:row-reverse}&.size-small{gap:.1rem;font-size:75%;input{scale:.9}}&.size-large{gap:.4rem;font-size:125%;input{scale:1.25}}}.disabled{color:var(--text-color-secondary);cursor:default!important}\n"] }]
+        }], propDecorators: { labelTemplate: [{
+                type: ContentChild,
+                args: ['label']
+            }] } });
+
 /*
  * Public API Surface of nypro-light-components
  */
@@ -38,5 +168,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { NyproLightComponentsComponent, NyproLightComponentsService };
+export { NyButton, NyRadioButton, NyproLightComponentsComponent, NyproLightComponentsService };
 //# sourceMappingURL=nypro-light-components.mjs.map

package/fesm2022/nypro-light-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"nypro-light-components.mjs","sources":["../../../projects/nypro-light-components/src/lib/nypro-light-components.service.ts","../../../projects/nypro-light-components/src/lib/nypro-light-components.component.ts","../../../projects/nypro-light-components/src/public-api.ts","../../../projects/nypro-light-components/src/nypro-light-components.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class NyproLightComponentsService {\r\n\r\n  constructor() { }\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'lib-nypro-light-components',\r\n  standalone: true,\r\n  imports: [],\r\n  template: `\r\n    <p>\r\n      nypro-light-components works!\r\n    </p>\r\n  `,\r\n  styles: ``\r\n})\r\nexport class NyproLightComponentsComponent {\r\n\r\n}\r\n","/*\r\n * Public API Surface of nypro-light-components\r\n */\r\n\r\nexport * from './lib/nypro-light-components.service';\r\nexport * from './lib/nypro-light-components.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAKa,2BAA2B,CAAA;AAEtC,IAAA,WAAA,GAAA,GAAiB;wGAFN,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,2BAA2B,cAF1B,MAAM,EAAA,CAAA,CAAA;;4FAEP,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;MCSY,6BAA6B,CAAA;wGAA7B,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,EAP9B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAGU,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAXzC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,EAC1B,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,EAAE,EACD,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,CAAA;;;ACVH;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"nypro-light-components.mjs","sources":["../../../projects/nypro-light-components/src/lib/nypro-light-components.service.ts","../../../projects/nypro-light-components/src/lib/nypro-light-components.component.ts","../../../projects/nypro-light-components/src/lib/butttons/ny-button/ny-button.ts","../../../projects/nypro-light-components/src/lib/butttons/ny-button/ny-button.html","../../../projects/nypro-light-components/src/lib/butttons/ny-radio-button/ny-radio-button.ts","../../../projects/nypro-light-components/src/lib/butttons/ny-radio-button/ny-radio-button.html","../../../projects/nypro-light-components/src/public-api.ts","../../../projects/nypro-light-components/src/nypro-light-components.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class NyproLightComponentsService {\r\n\r\n  constructor() { }\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'lib-nypro-light-components',\r\n  standalone: true,\r\n  imports: [],\r\n  template: `\r\n    <p>\r\n      nypro-light-components works!\r\n    </p>\r\n  `,\r\n  styles: ``\r\n})\r\nexport class NyproLightComponentsComponent {\r\n\r\n}\r\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, effect, input, OnChanges, output } from '@angular/core';\n\n@Component({\n  selector: 'ny-button',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './ny-button.html',\n  styleUrl: './ny-button.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NyButton {\n  public onClick = output<Event>();\n\n  constructor() {\n    effect(() => {\n      if (this.loading()) {\n        let hola = this.loading();\n        console.log(hola);\n      }\n    });\n  }\n\n  btnClikc(event: Event) {\n    if (this.disabled() || this.loading()) return;\n    this.onClick.emit(event)\n  }\n\n  /** Uses to pass attributes to the label's DOM element. */\n  public label = input('', {\n    transform: (value: string | null | undefined) =>\n      !value ? '' : value\n  });\n\n  /** Add a circular border radius to the button. */\n  public rounded = input(false, {\n    transform: (value: string | boolean) => {\n      if (typeof value == 'boolean') return value;\n      return (value == '' ? true : value == 'true');\n    }\n  });\n\n  /** When present, it specifies that the component should be disabled. */\n  public disabled = input(false, {\n    transform: (value: string | boolean) => {\n      if (typeof value == 'boolean') return value;\n      return (value == '' ? true : value == 'true');\n    }\n  });\n\n  /** When present, it specifies that the component should be disabled and loading icon is display. */\n  public loading = input(false);\n\n  /** Uses to pass attributes to the label's DOM element. */\n  public loadingIcon = input('progress_activity', {\n    transform: (value: string | null | undefined) =>\n      !value ? 'progress_activity' : value\n  });\n\n  /** Defines the style of the button. */\n  public severity = input('primary', {\n    transform: (value: 'primary' | 'secondary' | 'danger' | 'warn' | 'success' | null | undefined) =>\n      !value ? 'primary' : value\n  });\n}\n","<button \n    [class.disable]=\"disabled() || loading()\"\n    [class.enable]=\"!disabled() && !loading()\"\n    [class.rounded]=\"rounded()\"\n    [style.--color-btn]=\"'var(--'+severity()+'-color)'\"\n    [disabled]=\"disabled() || loading()\"\n    (click)=\"btnClikc($event)\"\n    >\n    <ng-content *ngIf=\"label()==''\"></ng-content>\n    <span *ngIf=\"label()!=''\">{{label()}}</span>\n    <div class=\"loading\" *ngIf=\"loading()\">\n        <span class=\"material-icons\">{{loadingIcon()}}</span>\n    </div>\n</button>","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ContentChild, forwardRef, input, TemplateRef } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'ny-radio-button',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './ny-radio-button.html',\n  styleUrl: './ny-radio-button.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers : [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NyRadioButton),\n      multi: true,\n    }\n  ]\n})\nexport class NyRadioButton implements ControlValueAccessor{\n  @ContentChild('label') labelTemplate?: TemplateRef<any>;\n  selectedValue : any;\n\n  /** This input steh the valur for the input radio  */\n  value = input('', {\n    transform: (value : any) => \n      !value? 'none' : value\n  });\n\n  /** Name of the from control value assing to radio-buttons */\n  name = input('', {\n    transform: (value : any) => \n      !value? 'none' : value\n  });\n  \n  /** Label of the radio button */\n  label = input('', {\n    transform: (value : any) => \n      !value? 'none' : value\n  });\n  \n  /** Position  where the Label will be display */\n  position = input('left', {\n    transform: (value : 'left' | 'right' | 'top' | 'buttom') => \n      !value? 'left' : value\n  });\n  \n  /** Position  where the Label will be display */\n  size = input('normal', {\n    transform: (value : 'normal' | 'small' | 'large') => \n      !value? 'normal' : value\n  });\n  \n  /** Sets the enable action to clickt or not */\n  disabled = input(false, {\n    transform: (value : string | boolean) => {\n      if(typeof value == 'boolean') return value;\n      return value == ''? true : value=='true'\n    }      \n  });\n\n  //#region --------- Control Value Accessor ------------\n  onChange = (val : any) => {};\n  onTouched = () => {};\n  writeValue(obj: any): void {\n    this.selectedValue = obj;\n  }\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n  //#endregion\n\n  onInputChange(): void {\n    if(this.disabled()) return; \n    this.onChange(this.value());\n    this.onTouched();\n    this.selectedValue = this.value();\n  }\n}\n","<label class=\"radioButtonContainer\" \n    [class]=\"(' pos-'+position()) + (' size-'+size())\" \n    [class.disabled]=\"disabled()\">\n\n    <ng-container *ngIf=\"labelTemplate; else defaultLabel\">\n        <div class=\"labelTemplate\">\n            <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n        </div>\n    </ng-container>\n\n    <ng-template #defaultLabel>\n        <span class=\"label\">{{ label() }}</span>\n    </ng-template>\n\n    <input [class.disabled]=\"disabled()\" (change)=\"onInputChange()\" [disabled]=\"disabled()\" [attr.name]=\"name()\"\n        [attr.value]=\"value()\" type=\"radio\" />\n</label>","/*\r\n * Public API Surface of nypro-light-components\r\n */\r\n\r\nexport * from './lib/nypro-light-components.service';\r\nexport * from './lib/nypro-light-components.component';\r\nexport * from './lib/butttons/ny-button/ny-button'\r\nexport * from './lib/butttons/ny-radio-button/ny-radio-button'\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="nypro-light-components" />
+export * from './public-api';

package/lib/butttons/ny-button/ny-button.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+export declare class NyButton {
+    onClick: import("@angular/core").OutputEmitterRef<Event>;
+    constructor();
+    btnClikc(event: Event): void;
+    /** Uses to pass attributes to the label's DOM element. */
+    label: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
+    /** Add a circular border radius to the button. */
+    rounded: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    /** When present, it specifies that the component should be disabled. */
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    /** When present, it specifies that the component should be disabled and loading icon is display. */
+    loading: import("@angular/core").InputSignal<boolean>;
+    /** Uses to pass attributes to the label's DOM element. */
+    loadingIcon: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
+    /** Defines the style of the button. */
+    severity: import("@angular/core").InputSignalWithTransform<"primary" | "secondary" | "danger" | "warn" | "success", "primary" | "secondary" | "danger" | "warn" | "success" | null | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NyButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NyButton, "ny-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
+}

package/lib/butttons/ny-radio-button/ny-radio-button.d.ts

@@ -0,0 +1,27 @@
+import { TemplateRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class NyRadioButton implements ControlValueAccessor {
+    labelTemplate?: TemplateRef<any>;
+    selectedValue: any;
+    /** This input steh the valur for the input radio  */
+    value: import("@angular/core").InputSignalWithTransform<any, any>;
+    /** Name of the from control value assing to radio-buttons */
+    name: import("@angular/core").InputSignalWithTransform<any, any>;
+    /** Label of the radio button */
+    label: import("@angular/core").InputSignalWithTransform<any, any>;
+    /** Position  where the Label will be display */
+    position: import("@angular/core").InputSignalWithTransform<"left" | "right" | "top" | "buttom", "left" | "right" | "top" | "buttom">;
+    /** Position  where the Label will be display */
+    size: import("@angular/core").InputSignalWithTransform<"normal" | "small" | "large", "normal" | "small" | "large">;
+    /** Sets the enable action to clickt or not */
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    onChange: (val: any) => void;
+    onTouched: () => void;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onInputChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NyRadioButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NyRadioButton, "ny-radio-button", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["labelTemplate"], never, true, never>;
+}

package/lib/nypro-light-components.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class NyproLightComponentsComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NyproLightComponentsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NyproLightComponentsComponent, "lib-nypro-light-components", never, {}, {}, never, never, true, never>;
+}

package/lib/nypro-light-components.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class NyproLightComponentsService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NyproLightComponentsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NyproLightComponentsService>;
+}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "nypro-light-components",
-  "version": "0.0.2",
+  "version": "0.0.4",
+  "types": "index.d.ts",
   "peerDependencies": {
     "@angular/common": ">=16.8.0 <20.0.0",
     "@angular/core": ">=16.8.0 <20.0.0"
@@ -11,7 +12,9 @@
   "files": [
     "bundles/",
     "fesm2022/",
-    "assets/fonts/",
+    "lib/",
+    "index.d.ts",
+    "public-api.d.ts",
     "themes.css",
     "package.json",
     "README.md"

package/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/nypro-light-components.service';
+export * from './lib/nypro-light-components.component';
+export * from './lib/butttons/ny-button/ny-button';
+export * from './lib/butttons/ny-radio-button/ny-radio-button';