nypro-light-components 0.0.1 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Component } from '@angular/core';
|
|
2
|
+
import { Injectable, Component, output, effect, input, ChangeDetectionStrategy, forwardRef, ContentChild } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
6
|
|
|
4
7
|
class NyproLightComponentsService {
|
|
5
8
|
constructor() { }
|
|
@@ -30,6 +33,133 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
30
33
|
` }]
|
|
31
34
|
}] });
|
|
32
35
|
|
|
36
|
+
class NyButton {
|
|
37
|
+
onClick = output();
|
|
38
|
+
constructor() {
|
|
39
|
+
effect(() => {
|
|
40
|
+
if (this.loading()) {
|
|
41
|
+
let hola = this.loading();
|
|
42
|
+
console.log(hola);
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
btnClikc(event) {
|
|
47
|
+
if (this.disabled() || this.loading())
|
|
48
|
+
return;
|
|
49
|
+
this.onClick.emit(event);
|
|
50
|
+
}
|
|
51
|
+
/** Uses to pass attributes to the label's DOM element. */
|
|
52
|
+
label = input('', {
|
|
53
|
+
transform: (value) => !value ? '' : value
|
|
54
|
+
});
|
|
55
|
+
/** Add a circular border radius to the button. */
|
|
56
|
+
rounded = input(false, {
|
|
57
|
+
transform: (value) => {
|
|
58
|
+
if (typeof value == 'boolean')
|
|
59
|
+
return value;
|
|
60
|
+
return (value == '' ? true : value == 'true');
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
/** When present, it specifies that the component should be disabled. */
|
|
64
|
+
disabled = input(false, {
|
|
65
|
+
transform: (value) => {
|
|
66
|
+
if (typeof value == 'boolean')
|
|
67
|
+
return value;
|
|
68
|
+
return (value == '' ? true : value == 'true');
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
/** When present, it specifies that the component should be disabled and loading icon is display. */
|
|
72
|
+
loading = input(false);
|
|
73
|
+
/** Uses to pass attributes to the label's DOM element. */
|
|
74
|
+
loadingIcon = input('progress_activity', {
|
|
75
|
+
transform: (value) => !value ? 'progress_activity' : value
|
|
76
|
+
});
|
|
77
|
+
/** Defines the style of the button. */
|
|
78
|
+
severity = input('primary', {
|
|
79
|
+
transform: (value) => !value ? 'primary' : value
|
|
80
|
+
});
|
|
81
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NyButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
82
|
+
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 });
|
|
83
|
+
}
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NyButton, decorators: [{
|
|
85
|
+
type: Component,
|
|
86
|
+
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"] }]
|
|
87
|
+
}], ctorParameters: () => [] });
|
|
88
|
+
|
|
89
|
+
class NyRadioButton {
|
|
90
|
+
labelTemplate;
|
|
91
|
+
selectedValue;
|
|
92
|
+
/** This input steh the valur for the input radio */
|
|
93
|
+
value = input('', {
|
|
94
|
+
transform: (value) => !value ? 'none' : value
|
|
95
|
+
});
|
|
96
|
+
/** Name of the from control value assing to radio-buttons */
|
|
97
|
+
name = input('', {
|
|
98
|
+
transform: (value) => !value ? 'none' : value
|
|
99
|
+
});
|
|
100
|
+
/** Label of the radio button */
|
|
101
|
+
label = input('', {
|
|
102
|
+
transform: (value) => !value ? 'none' : value
|
|
103
|
+
});
|
|
104
|
+
/** Position where the Label will be display */
|
|
105
|
+
position = input('left', {
|
|
106
|
+
transform: (value) => !value ? 'left' : value
|
|
107
|
+
});
|
|
108
|
+
/** Position where the Label will be display */
|
|
109
|
+
size = input('normal', {
|
|
110
|
+
transform: (value) => !value ? 'normal' : value
|
|
111
|
+
});
|
|
112
|
+
/** Sets the enable action to clickt or not */
|
|
113
|
+
disabled = input(false, {
|
|
114
|
+
transform: (value) => {
|
|
115
|
+
if (typeof value == 'boolean')
|
|
116
|
+
return value;
|
|
117
|
+
return value == '' ? true : value == 'true';
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
//#region --------- Control Value Accessor ------------
|
|
121
|
+
onChange = (val) => { };
|
|
122
|
+
onTouched = () => { };
|
|
123
|
+
writeValue(obj) {
|
|
124
|
+
this.selectedValue = obj;
|
|
125
|
+
}
|
|
126
|
+
registerOnChange(fn) {
|
|
127
|
+
this.onChange = fn;
|
|
128
|
+
}
|
|
129
|
+
registerOnTouched(fn) {
|
|
130
|
+
this.onTouched = fn;
|
|
131
|
+
}
|
|
132
|
+
//#endregion
|
|
133
|
+
onInputChange() {
|
|
134
|
+
if (this.disabled())
|
|
135
|
+
return;
|
|
136
|
+
this.onChange(this.value());
|
|
137
|
+
this.onTouched();
|
|
138
|
+
this.selectedValue = this.value();
|
|
139
|
+
}
|
|
140
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NyRadioButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
141
|
+
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: [
|
|
142
|
+
{
|
|
143
|
+
provide: NG_VALUE_ACCESSOR,
|
|
144
|
+
useExisting: forwardRef(() => NyRadioButton),
|
|
145
|
+
multi: true,
|
|
146
|
+
}
|
|
147
|
+
], 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 });
|
|
148
|
+
}
|
|
149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NyRadioButton, decorators: [{
|
|
150
|
+
type: Component,
|
|
151
|
+
args: [{ selector: 'ny-radio-button', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
152
|
+
{
|
|
153
|
+
provide: NG_VALUE_ACCESSOR,
|
|
154
|
+
useExisting: forwardRef(() => NyRadioButton),
|
|
155
|
+
multi: true,
|
|
156
|
+
}
|
|
157
|
+
], 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"] }]
|
|
158
|
+
}], propDecorators: { labelTemplate: [{
|
|
159
|
+
type: ContentChild,
|
|
160
|
+
args: ['label']
|
|
161
|
+
}] } });
|
|
162
|
+
|
|
33
163
|
/*
|
|
34
164
|
* Public API Surface of nypro-light-components
|
|
35
165
|
*/
|
|
@@ -38,5 +168,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
38
168
|
* Generated bundle index. Do not edit.
|
|
39
169
|
*/
|
|
40
170
|
|
|
41
|
-
export { NyproLightComponentsComponent, NyproLightComponentsService };
|
|
171
|
+
export { NyButton, NyRadioButton, NyproLightComponentsComponent, NyproLightComponentsService };
|
|
42
172
|
//# sourceMappingURL=nypro-light-components.mjs.map
|
|
@@ -1 +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;;;;"}
|
|
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/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/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nypro-light-components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.3",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/common": "
|
|
6
|
-
"@angular/core": "
|
|
5
|
+
"@angular/common": ">=16.8.0 <20.0.0",
|
|
6
|
+
"@angular/core": ">=16.8.0 <20.0.0"
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
9
|
"tslib": "^2.3.0"
|