npm - @ngstarter-ui/components - Versions diffs - 21.0.41 → 21.0.43 - Mend

@ngstarter-ui/components 21.0.41 → 21.0.43

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.

Files changed (42) hide show

package/fesm2022/ngstarter-ui-components-radio.mjs CHANGED Viewed

@@ -6,6 +6,7 @@ class RadioGroup {
     _radios = contentChildren(forwardRef(() => RadioButton), { ...(ngDevMode ? { debugName: "_radios" } : /* istanbul ignore next */ {}), descendants: true });
     disabled = model(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
     value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
     change = output();
     constructor() {
@@ -62,17 +63,17 @@ class RadioGroup {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: RadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: RadioGroup, isStandalone: true, selector: "ngs-radio-group", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", value: "valueChange", change: "change" }, host: { properties: { "attr.role": "\"radiogroup\"", "attr.aria-disabled": "disabled()" }, classAttribute: "ngs-radio-group" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: RadioGroup, isStandalone: true, selector: "ngs-radio-group", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", value: "valueChange", change: "change" }, host: { properties: { "attr.role": "\"radiogroup\"", "attr.aria-disabled": "disabled()", "class.ngs-radio-group-horizontal": "orientation() === \"horizontal\"", "class.ngs-radio-group-vertical": "orientation() === \"vertical\"" }, classAttribute: "ngs-radio-group" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => RadioGroup),
                 multi: true
             }
-        ], queries: [{ propertyName: "_radios", predicate: i0.forwardRef(() => RadioButton), descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [":host{display:flex;flex-wrap:wrap;gap:1rem}:host[aria-disabled=true]{pointer-events:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "_radios", predicate: i0.forwardRef(() => RadioButton), descendants: true, isSignal: true }], exportAs: ["ngsRadioGroup"], ngImport: i0, template: "<ng-content />\n", styles: [":host{--ngs-radio-group-gap: calc(var(--spacing, .25rem) * 4);display:flex;flex-wrap:wrap;gap:var(--ngs-radio-group-gap)}:host.ngs-radio-group-horizontal{flex-direction:row}:host.ngs-radio-group-vertical{flex-direction:column;align-items:flex-start;flex-wrap:nowrap}:host[aria-disabled=true]{pointer-events:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: RadioGroup, decorators: [{
             type: Component,
-            args: [{ selector: 'ngs-radio-group', providers: [
+            args: [{ selector: 'ngs-radio-group', exportAs: 'ngsRadioGroup', providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => RadioGroup),
@@ -82,8 +83,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         'class': 'ngs-radio-group',
                         '[attr.role]': '"radiogroup"',
                         '[attr.aria-disabled]': 'disabled()',
-                    }, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: [":host{display:flex;flex-wrap:wrap;gap:1rem}:host[aria-disabled=true]{pointer-events:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
-        }], ctorParameters: () => [], propDecorators: { _radios: [{ type: i0.ContentChildren, args: [forwardRef(() => RadioButton), { ...{ descendants: true }, isSignal: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], change: [{ type: i0.Output, args: ["change"] }] } });
+                        '[class.ngs-radio-group-horizontal]': 'orientation() === "horizontal"',
+                        '[class.ngs-radio-group-vertical]': 'orientation() === "vertical"',
+                    }, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: [":host{--ngs-radio-group-gap: calc(var(--spacing, .25rem) * 4);display:flex;flex-wrap:wrap;gap:var(--ngs-radio-group-gap)}:host.ngs-radio-group-horizontal{flex-direction:row}:host.ngs-radio-group-vertical{flex-direction:column;align-items:flex-start;flex-wrap:nowrap}:host[aria-disabled=true]{pointer-events:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _radios: [{ type: i0.ContentChildren, args: [forwardRef(() => RadioButton), { ...{ descendants: true }, isSignal: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], change: [{ type: i0.Output, args: ["change"] }] } });
 let nextId = 0;
 class RadioButton {

package/fesm2022/ngstarter-ui-components-radio.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngstarter-ui-components-radio.mjs","sources":["../../../projects/components/radio/src/radio-group/radio-group.ts","../../../projects/components/radio/src/radio-group/radio-group.html","../../../projects/components/radio/src/radio-button/radio-button.ts","../../../projects/components/radio/src/radio-button/radio-button.html","../../../projects/components/radio/ngstarter-ui-components-radio.ts"],"sourcesContent":["import {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n forwardRef,\n input,\n output,\n booleanAttribute,\n model,\n effect,\n contentChildren\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { RadioButton } from '../radio-button/radio-button';\n\n@Component({\n selector: 'ngs-radio-group',\n templateUrl: './radio-group.html',\n styleUrl: './radio-group.scss',\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => RadioGroup),\n multi: true\n }\n ],\n host: {\n 'class': 'ngs-radio-group',\n '[attr.role]': '\"radiogroup\"',\n '[attr.aria-disabled]': 'disabled()',\n },\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RadioGroup implements ControlValueAccessor, AfterContentInit {\n readonly _radios = contentChildren(forwardRef(() => RadioButton), { descendants: true });\n\n disabled = model(false);\n\n name = input<string>();\n value = model<any>();\n\n readonly change = output<any>();\n\n constructor() {\n effect(() => {\n this._markRadiosForCheck();\n });\n effect(() => {\n this._updateSelectedRadioFromValue();\n this._onChange(this.value());\n });\n }\n\n _onChange: (value: any) => void = () => {};\n _onTouched: () => void = () => {};\n\n ngAfterContentInit() {\n this._updateSelectedRadioFromValue();\n }\n\n writeValue(value: any): void {\n this.value.set(value);\n }\n\n registerOnChange(fn: any): void {\n this._onChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this._onTouched = fn;\n }\n\n setDisabledState?(isDisabled: boolean): void {\n this.disabled.set(isDisabled);\n }\n\n _emitChangeEvent(value: any): void {\n this._onChange(value);\n this.change.emit({ source: this, value });\n }\n\n private _updateSelectedRadioFromValue() {\n const _radios = this._radios();\n if (_radios) {\n _radios.forEach(radio => {\n radio.checked.set(this.value() === radio.value());\n });\n }\n }\n\n private _markRadiosForCheck() {\n const _radios = this._radios();\n if (_radios) {\n _radios.forEach(radio => radio._markForCheck());\n }\n }\n\n _onRadioClick(radio: RadioButton) {\n if (this.disabled() \|\| radio.disabled()) {\n return;\n }\n\n if (this.value() !== radio.value()) {\n this.value.set(radio.value());\n this._emitChangeEvent(this.value());\n }\n }\n}\n","<ng-content />\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n forwardRef,\n Inject,\n input,\n OnInit,\n Optional,\n output,\n booleanAttribute,\n model,\n computed\n} from '@angular/core';\nimport { RadioGroup } from '../radio-group/radio-group';\n\nlet nextId = 0;\n\n@Component({\n selector: 'ngs-radio-button',\n templateUrl: './radio-button.html',\n styleUrl: './radio-button.scss',\n host: {\n '[class.ngs-radio-button-checked]': 'checked()',\n '[class.ngs-radio-button-disabled]': 'disabled()',\n '[attr.id]': 'id()',\n 'class': 'ngs-radio-button',\n },\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RadioButton implements OnInit {\n id = input(`ngs-radio-button-${nextId++}`);\n value = input<any>();\n name = input<string>();\n checked = model(false);\n disabledInput = input(false, {\n alias: 'disabled',\n transform: booleanAttribute\n });\n\n disabled = computed(() => {\n return this.disabledInput() \|\| (this.radioGroup && this.radioGroup.disabled());\n });\n\n readonly change = output<any>();\n\n constructor(\n @Optional() @Inject(forwardRef(() => RadioGroup)) public radioGroup: RadioGroup,\n private _changeDetectorRef: ChangeDetectorRef\n ) {}\n\n ngOnInit() {\n if (this.radioGroup && this.radioGroup.value() === this.value()) {\n this.checked.set(true);\n }\n }\n\n _onInputClick(event: Event) {\n event.stopPropagation();\n if (this.radioGroup) {\n this.radioGroup._onRadioClick(this);\n } else {\n this.checked.set(true);\n this.change.emit({ source: this, value: this.value() });\n }\n }\n\n _markForCheck() {\n this._changeDetectorRef.markForCheck();\n }\n}\n","\n<label class=\"ngs-radio-button-label\" [attr.for]=\"id() + '-input'\">\n <span class=\"ngs-radio-button-container\">\n <input\n type=\"radio\"\n class=\"ngs-radio-button-input\"\n [id]=\"id() + '-input'\"\n [name]=\"name() \|\| (radioGroup ? radioGroup.name() : null)\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [value]=\"value()\"\n (click)=\"_onInputClick($event)\"\n >\n <span class=\"ngs-radio-button-outer-circle\"></span>\n <span class=\"ngs-radio-button-inner-circle\"></span>\n </span>\n <span class=\"ngs-radio-button-label-content\">\n <ng-content />\n </span>\n</label>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ngstarter-ui-components-radio.mjs","sources":["../../../projects/components/radio/src/radio-group/radio-group.ts","../../../projects/components/radio/src/radio-group/radio-group.html","../../../projects/components/radio/src/radio-button/radio-button.ts","../../../projects/components/radio/src/radio-button/radio-button.html","../../../projects/components/radio/ngstarter-ui-components-radio.ts"],"sourcesContent":["import {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n forwardRef,\n input,\n output,\n booleanAttribute,\n model,\n effect,\n contentChildren\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { RadioButton } from '../radio-button/radio-button';\n\nexport type RadioGroupOrientation = 'horizontal' \| 'vertical';\n\n@Component({\n selector: 'ngs-radio-group',\n exportAs: 'ngsRadioGroup',\n templateUrl: './radio-group.html',\n styleUrl: './radio-group.scss',\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => RadioGroup),\n multi: true\n }\n ],\n host: {\n 'class': 'ngs-radio-group',\n '[attr.role]': '\"radiogroup\"',\n '[attr.aria-disabled]': 'disabled()',\n '[class.ngs-radio-group-horizontal]': 'orientation() === \"horizontal\"',\n '[class.ngs-radio-group-vertical]': 'orientation() === \"vertical\"',\n },\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RadioGroup implements ControlValueAccessor, AfterContentInit {\n readonly _radios = contentChildren(forwardRef(() => RadioButton), { descendants: true });\n\n disabled = model(false);\n\n name = input<string>();\n orientation = input<RadioGroupOrientation>('horizontal');\n value = model<any>();\n\n readonly change = output<any>();\n\n constructor() {\n effect(() => {\n this._markRadiosForCheck();\n });\n effect(() => {\n this._updateSelectedRadioFromValue();\n this._onChange(this.value());\n });\n }\n\n _onChange: (value: any) => void = () => {};\n _onTouched: () => void = () => {};\n\n ngAfterContentInit() {\n this._updateSelectedRadioFromValue();\n }\n\n writeValue(value: any): void {\n this.value.set(value);\n }\n\n registerOnChange(fn: any): void {\n this._onChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this._onTouched = fn;\n }\n\n setDisabledState?(isDisabled: boolean): void {\n this.disabled.set(isDisabled);\n }\n\n _emitChangeEvent(value: any): void {\n this._onChange(value);\n this.change.emit({ source: this, value });\n }\n\n private _updateSelectedRadioFromValue() {\n const _radios = this._radios();\n if (_radios) {\n _radios.forEach(radio => {\n radio.checked.set(this.value() === radio.value());\n });\n }\n }\n\n private _markRadiosForCheck() {\n const _radios = this._radios();\n if (_radios) {\n _radios.forEach(radio => radio._markForCheck());\n }\n }\n\n _onRadioClick(radio: RadioButton) {\n if (this.disabled() \|\| radio.disabled()) {\n return;\n }\n\n if (this.value() !== radio.value()) {\n this.value.set(radio.value());\n this._emitChangeEvent(this.value());\n }\n }\n}\n","<ng-content />\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n forwardRef,\n Inject,\n input,\n OnInit,\n Optional,\n output,\n booleanAttribute,\n model,\n computed\n} from '@angular/core';\nimport { RadioGroup } from '../radio-group/radio-group';\n\nlet nextId = 0;\n\n@Component({\n selector: 'ngs-radio-button',\n templateUrl: './radio-button.html',\n styleUrl: './radio-button.scss',\n host: {\n '[class.ngs-radio-button-checked]': 'checked()',\n '[class.ngs-radio-button-disabled]': 'disabled()',\n '[attr.id]': 'id()',\n 'class': 'ngs-radio-button',\n },\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RadioButton implements OnInit {\n id = input(`ngs-radio-button-${nextId++}`);\n value = input<any>();\n name = input<string>();\n checked = model(false);\n disabledInput = input(false, {\n alias: 'disabled',\n transform: booleanAttribute\n });\n\n disabled = computed(() => {\n return this.disabledInput() \|\| (this.radioGroup && this.radioGroup.disabled());\n });\n\n readonly change = output<any>();\n\n constructor(\n @Optional() @Inject(forwardRef(() => RadioGroup)) public radioGroup: RadioGroup,\n private _changeDetectorRef: ChangeDetectorRef\n ) {}\n\n ngOnInit() {\n if (this.radioGroup && this.radioGroup.value() === this.value()) {\n this.checked.set(true);\n }\n }\n\n _onInputClick(event: Event) {\n event.stopPropagation();\n if (this.radioGroup) {\n this.radioGroup._onRadioClick(this);\n } else {\n this.checked.set(true);\n this.change.emit({ source: this, value: this.value() });\n }\n }\n\n _markForCheck() {\n this._changeDetectorRef.markForCheck();\n }\n}\n","\n<label class=\"ngs-radio-button-label\" [attr.for]=\"id() + '-input'\">\n <span class=\"ngs-radio-button-container\">\n <input\n type=\"radio\"\n class=\"ngs-radio-button-input\"\n [id]=\"id() + '-input'\"\n [name]=\"name() \|\| (radioGroup ? radioGroup.name() : null)\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [value]=\"value()\"\n (click)=\"_onInputClick($event)\"\n >\n <span class=\"ngs-radio-button-outer-circle\"></span>\n <span class=\"ngs-radio-button-inner-circle\"></span>\n </span>\n <span class=\"ngs-radio-button-label-content\">\n <ng-content />\n </span>\n</label>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;MAuCa,UAAU,CAAA;AACZ,IAAA,OAAO,GAAG,eAAe,CAAC,UAAU,CAAC,MAAM,WAAW,CAAC,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,SAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,WAAW,EAAE,IAAI,GAAG;AAExF,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC;IAEvB,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AACtB,IAAA,WAAW,GAAG,KAAK,CAAwB,YAAY,kFAAC;IACxD,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAO;IAEX,MAAM,GAAG,MAAM,EAAO;AAE/B,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,mBAAmB,EAAE;AAC5B,QAAA,CAAC,CAAC;QACF,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,6BAA6B,EAAE;YACpC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;AAC9B,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,SAAS,GAAyB,MAAK,EAAE,CAAC;AAC1C,IAAA,UAAU,GAAe,MAAK,EAAE,CAAC;IAEjC,kBAAkB,GAAA;QAChB,IAAI,CAAC,6BAA6B,EAAE;IACtC;AAEA,IAAA,UAAU,CAAC,KAAU,EAAA;AACnB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;IACvB;AAEA,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACtB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE;IACtB;AAEA,IAAA,gBAAgB,CAAE,UAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC;IAC/B;AAEA,IAAA,gBAAgB,CAAC,KAAU,EAAA;AACzB,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IAC3C;IAEQ,6BAA6B,GAAA;AACnC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;QAC9B,IAAI,OAAO,EAAE;AACX,YAAA,OAAO,CAAC,OAAO,CAAC,KAAK,IAAG;AACtB,gBAAA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC;AACnD,YAAA,CAAC,CAAC;QACJ;IACF;IAEQ,mBAAmB,GAAA;AACzB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;QAC9B,IAAI,OAAO,EAAE;AACX,YAAA,OAAO,CAAC,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,aAAa,EAAE,CAAC;QACjD;IACF;AAEA,IAAA,aAAa,CAAC,KAAkB,EAAA;QAC9B,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE;YACvC;QACF;QAEA,IAAI,IAAI,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,KAAK,EAAE,EAAE;YAClC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QACrC;IACF;uGA1EW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,aAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,kCAAA,EAAA,kCAAA,EAAA,gCAAA,EAAA,gCAAA,EAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,EAAA,SAAA,EAjBV;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,UAAU,CAAC;AACzC,gBAAA,KAAK,EAAE;AACR;SACF,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAYmD,WAAW,8FCxCjE,kBACA,EAAA,MAAA,EAAA,CAAA,+XAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDsCa,UAAU,EAAA,UAAA,EAAA,CAAA;kBAtBtB,SAAS;+BACE,iBAAiB,EAAA,QAAA,EACjB,eAAe,EAAA,SAAA,EAGd;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,gBAAgB,CAAC;AACzC,4BAAA,KAAK,EAAE;AACR;qBACF,EAAA,IAAA,EACK;AACJ,wBAAA,OAAO,EAAE,iBAAiB;AAC1B,wBAAA,aAAa,EAAE,cAAc;AAC7B,wBAAA,sBAAsB,EAAE,YAAY;AACpC,wBAAA,oCAAoC,EAAE,gCAAgC;AACtE,wBAAA,kCAAkC,EAAE,8BAA8B;AACnE,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,+XAAA,CAAA,EAAA;qGAGZ,UAAU,CAAC,MAAM,WAAW,CAAC,EAAA,EAAA,GAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,aAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AExBzF,IAAI,MAAM,GAAG,CAAC;MAeD,WAAW,CAAA;AAiBqC,IAAA,UAAA;AACjD,IAAA,kBAAA;IAjBV,EAAE,GAAG,KAAK,CAAC,CAAA,iBAAA,EAAoB,MAAM,EAAE,CAAA,CAAE,yEAAC;IAC1C,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAO;IACpB,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AACtB,IAAA,OAAO,GAAG,KAAK,CAAC,KAAK,8EAAC;AACtB,IAAA,aAAa,GAAG,KAAK,CAAC,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,eAAA,EAAA,8BAAA,EAAA,CAAA,EACzB,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AAEF,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AACvB,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE,KAAK,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;AAChF,IAAA,CAAC,+EAAC;IAEO,MAAM,GAAG,MAAM,EAAO;IAE/B,WAAA,CAC2D,UAAsB,EACvE,kBAAqC,EAAA;QADY,IAAA,CAAA,UAAU,GAAV,UAAU;QAC3D,IAAA,CAAA,kBAAkB,GAAlB,kBAAkB;IACzB;IAEH,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,KAAK,EAAE,EAAE;AAC/D,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;QACxB;IACF;AAEA,IAAA,aAAa,CAAC,KAAY,EAAA;QACxB,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC;QACrC;aAAO;AACL,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AACtB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;QACzD;IACF;IAEA,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;IACxC;AAvCW,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,kBAiBA,UAAU,CAAC,MAAM,UAAU,CAAC,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAjBvC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,u6BC/BxB,kpBAoBA,EAAA,MAAA,EAAA,CAAA,g6FAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDWa,WAAW,EAAA,UAAA,EAAA,CAAA;kBAbvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,IAAA,EAGtB;AACJ,wBAAA,kCAAkC,EAAE,WAAW;AAC/C,wBAAA,mCAAmC,EAAE,YAAY;AACjD,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,OAAO,EAAE,kBAAkB;AAC5B,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kpBAAA,EAAA,MAAA,EAAA,CAAA,g6FAAA,CAAA,EAAA;;0BAmB5C;;0BAAY,MAAM;AAAC,oBAAA,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,UAAU,CAAC;;;AEhDpD;;AAEG;;;;"}

package/fesm2022/ngstarter-ui-components-slide-toggle.mjs CHANGED Viewed

@@ -85,9 +85,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"ngs-slide-toggle-label\" [attr.for]=\"id() + '-input'\">\n  <div class=\"ngs-slide-toggle-bar\">\n    <input\n      type=\"checkbox\"\n      role=\"switch\"\n      class=\"ngs-slide-toggle-input\"\n      [id]=\"id() + '-input'\"\n      [name]=\"name()\"\n      [tabIndex]=\"tabIndex()\"\n      [checked]=\"checked()\"\n      [disabled]=\"disabled()\"\n      [required]=\"required()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\n      [attr.aria-describedby]=\"ariaDescribedby()\"\n      (change)=\"_onInputClick($event)\"\n      (blur)=\"_onInputBlur()\">\n    <div class=\"ngs-slide-toggle-thumb-container\">\n      <div class=\"ngs-slide-toggle-thumb\"></div>\n    </div>\n  </div>\n  <span class=\"ngs-slide-toggle-content\" [id]=\"id() + '-content'\">\n    <ng-content/>\n  </span>\n</label>\n", styles: [":host{--ngs-slide-toggle-width: 44px;--ngs-slide-toggle-height: 24px;--ngs-slide-toggle-thumb-size: 20px;--ngs-slide-toggle-bar-color: var(--ngs-color-surface-container-highest);--ngs-slide-toggle-bar-checked-color: var(--ngs-color-primary);--ngs-slide-toggle-thumb-color: var(--ngs-color-surface);--ngs-slide-toggle-thumb-checked-color: var(--ngs-color-on-primary);--ngs-slide-toggle-transition-duration: .2s;display:inline-block;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host.ngs-slide-toggle-disabled{cursor:default;opacity:.5;pointer-events:none}:host.ngs-slide-toggle-label-before .ngs-slide-toggle-label{flex-direction:row-reverse}:host.ngs-slide-toggle-label-before .ngs-slide-toggle-content{margin-left:0;margin-right:8px}:host .ngs-slide-toggle-label{display:flex;align-items:center;cursor:inherit}:host .ngs-slide-toggle-bar{position:relative;width:var(--ngs-slide-toggle-width);height:var(--ngs-slide-toggle-height);background:var(--ngs-slide-toggle-bar-color);border-radius:calc(var(--ngs-slide-toggle-height) / 2);transition:background-color var(--ngs-slide-toggle-transition-duration) ease;flex-shrink:0}:host.ngs-slide-toggle-checked .ngs-slide-toggle-bar{background:var(--ngs-slide-toggle-bar-checked-color)}:host .ngs-slide-toggle-input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit;z-index:1}:host .ngs-slide-toggle-thumb-container{position:absolute;top:50%;left:2px;transform:translateY(-50%);width:var(--ngs-slide-toggle-thumb-size);height:var(--ngs-slide-toggle-thumb-size);transition:left var(--ngs-slide-toggle-transition-duration) ease}:host.ngs-slide-toggle-checked .ngs-slide-toggle-thumb-container{left:calc(100% - var(--ngs-slide-toggle-thumb-size) - 2px)}:host .ngs-slide-toggle-thumb{width:100%;height:100%;background:var(--ngs-slide-toggle-thumb-color);border-radius:50%;box-shadow:0 2px 4px #0003}:host.ngs-slide-toggle-checked .ngs-slide-toggle-thumb{background:var(--ngs-slide-toggle-thumb-checked-color)}:host .ngs-slide-toggle-content{margin-left:8px;display:inline-block}:host .ngs-slide-toggle-content:empty{display:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], labelPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPosition", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], disableRipple: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRipple", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], hideIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideIcon", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], change: [{ type: i0.Output, args: ["change"] }], toggleChange: [{ type: i0.Output, args: ["toggleChange"] }] } });
+class SlideToggleGroup {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SlideToggleGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: SlideToggleGroup, isStandalone: true, selector: "ngs-slide-toggle-group", host: { classAttribute: "ngs-slide-toggle-group" }, exportAs: ["ngsSlideToggleGroup"], ngImport: i0, template: "<ng-content select=\"ngs-slide-toggle\"/>\n", styles: [":host{--ngs-slide-toggle-group-gap: calc(var(--spacing, .25rem) * 5);display:flex;width:100%;flex-direction:column;gap:var(--ngs-slide-toggle-group-gap)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SlideToggleGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-slide-toggle-group', exportAs: 'ngsSlideToggleGroup', standalone: true, imports: [], host: {
+                        'class': 'ngs-slide-toggle-group'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ngs-slide-toggle\"/>\n", styles: [":host{--ngs-slide-toggle-group-gap: calc(var(--spacing, .25rem) * 5);display:flex;width:100%;flex-direction:column;gap:var(--ngs-slide-toggle-group-gap)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
 /**
  * Generated bundle index. Do not edit.
  */
-export { SlideToggle, SlideToggleChange };
+export { SlideToggle, SlideToggleChange, SlideToggleGroup };
 //# sourceMappingURL=ngstarter-ui-components-slide-toggle.mjs.map

package/fesm2022/ngstarter-ui-components-slide-toggle.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngstarter-ui-components-slide-toggle.mjs","sources":["../../../projects/components/slide-toggle/src/slide-toggle/slide-toggle.ts","../../../projects/components/slide-toggle/src/slide-toggle/slide-toggle.html","../../../projects/components/slide-toggle/ngstarter-ui-components-slide-toggle.ts"],"sourcesContent":["import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n forwardRef,\n input,\n model,\n numberAttribute,\n output\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport class SlideToggleChange {\n constructor(\n public source: SlideToggle,\n public checked: boolean\n ) {\n }\n}\n\nlet nextId = 0;\n\n@Component({\n selector: 'ngs-slide-toggle',\n exportAs: 'ngsSlideToggle',\n standalone: true,\n imports: [],\n templateUrl: './slide-toggle.html',\n styleUrl: './slide-toggle.scss',\n host: {\n 'class': 'ngs-slide-toggle',\n '[class.ngs-slide-toggle-checked]': 'checked()',\n '[class.ngs-slide-toggle-disabled]': 'disabled()',\n '[class.ngs-slide-toggle-label-before]': 'labelPosition() === \"before\"',\n '[attr.id]': 'id()',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => SlideToggle),\n multi: true\n }\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SlideToggle implements ControlValueAccessor {\n private _uniqueId = `ngs-slide-toggle-${nextId++}`;\n\n id = input<string>(this._uniqueId);\n name = input<string \| null>(null);\n labelPosition = input<'before' \| 'after'>('after');\n ariaLabel = input<string \| null>(null, { alias: 'aria-label' });\n ariaLabelledby = input<string \| null>(null, { alias: 'aria-labelledby' });\n ariaDescribedby = input<string \| null>(null, { alias: 'aria-describedby' });\n required = input(false, { transform: booleanAttribute });\n disabled = model(false);\n disableRipple = input(false, { transform: booleanAttribute });\n tabIndex = input(0, { transform: numberAttribute });\n hideIcon = input(false, { transform: booleanAttribute });\n color = input<string \| undefined>();\n\n checked = model(false);\n\n change = output<SlideToggleChange>();\n toggleChange = output<void>();\n\n private _onChange = (_: any) => {};\n private _onTouched = () => {};\n\n constructor() {}\n\n writeValue(value: any): void {\n this.checked.set(!!value);\n }\n\n registerOnChange(fn: any): void {\n this._onChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this._onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled.set(isDisabled);\n }\n\n toggle(): void {\n this.checked.update(checked => !checked);\n this._onChange(this.checked());\n this._emitChangeEvent();\n }\n\n _onInputClick(event: Event): void {\n event.stopPropagation();\n this.toggle();\n this.toggleChange.emit();\n }\n\n private _emitChangeEvent(): void {\n this.change.emit(new SlideToggleChange(this, this.checked()));\n }\n\n _onInputBlur(): void {\n this._onTouched();\n }\n}\n","<label class=\"ngs-slide-toggle-label\" [attr.for]=\"id() + '-input'\">\n <div class=\"ngs-slide-toggle-bar\">\n <input\n type=\"checkbox\"\n role=\"switch\"\n class=\"ngs-slide-toggle-input\"\n [id]=\"id() + '-input'\"\n [name]=\"name()\"\n [tabIndex]=\"tabIndex()\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n (change)=\"_onInputClick($event)\"\n (blur)=\"_onInputBlur()\">\n <div class=\"ngs-slide-toggle-thumb-container\">\n <div class=\"ngs-slide-toggle-thumb\"></div>\n </div>\n </div>\n <span class=\"ngs-slide-toggle-content\" [id]=\"id() + '-content'\">\n <ng-content/>\n </span>\n</label>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;MAYa,iBAAiB,CAAA;AAEnB,IAAA,MAAA;AACA,IAAA,OAAA;IAFT,WAAA,CACS,MAAmB,EACnB,OAAgB,EAAA;QADhB,IAAA,CAAA,MAAM,GAAN,MAAM;QACN,IAAA,CAAA,OAAO,GAAP,OAAO;IAEhB;AACD;AAED,IAAI,MAAM,GAAG,CAAC;MAyBD,WAAW,CAAA;AACd,IAAA,SAAS,GAAG,CAAA,iBAAA,EAAoB,MAAM,EAAE,EAAE;AAElD,IAAA,EAAE,GAAG,KAAK,CAAS,IAAI,CAAC,SAAS,yEAAC;AAClC,IAAA,IAAI,GAAG,KAAK,CAAgB,IAAI,2EAAC;AACjC,IAAA,aAAa,GAAG,KAAK,CAAqB,OAAO,oFAAC;IAClD,SAAS,GAAG,KAAK,CAAgB,IAAI,iFAAI,KAAK,EAAE,YAAY,EAAA,CAAG;IAC/D,cAAc,GAAG,KAAK,CAAgB,IAAI,sFAAI,KAAK,EAAE,iBAAiB,EAAA,CAAG;IACzE,eAAe,GAAG,KAAK,CAAgB,IAAI,uFAAI,KAAK,EAAE,kBAAkB,EAAA,CAAG;IAC3E,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACxD,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC;IACvB,aAAa,GAAG,KAAK,CAAC,KAAK,qFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAC7D,QAAQ,GAAG,KAAK,CAAC,CAAC,gFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;IACnD,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IACxD,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAsB;AAEnC,IAAA,OAAO,GAAG,KAAK,CAAC,KAAK,8EAAC;IAEtB,MAAM,GAAG,MAAM,EAAqB;IACpC,YAAY,GAAG,MAAM,EAAQ;AAErB,IAAA,SAAS,GAAG,CAAC,CAAM,KAAI,EAAE,CAAC;AAC1B,IAAA,UAAU,GAAG,MAAK,EAAE,CAAC;AAE7B,IAAA,WAAA,GAAA,EAAe;AAEf,IAAA,UAAU,CAAC,KAAU,EAAA;QACnB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAC3B;AAEA,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACtB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE;IACtB;AAEA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC;IAC/B;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC;QACxC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QAC9B,IAAI,CAAC,gBAAgB,EAAE;IACzB;AAEA,IAAA,aAAa,CAAC,KAAY,EAAA;QACxB,KAAK,CAAC,eAAe,EAAE;QACvB,IAAI,CAAC,MAAM,EAAE;AACb,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;IAEQ,gBAAgB,GAAA;AACtB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IAC/D;IAEA,YAAY,GAAA;QACV,IAAI,CAAC,UAAU,EAAE;IACnB;uGA5DW,WAAW,EAAA,IAAA,EAAA,EAAA,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,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,OAAA,EAAA,eAAA,EAAA,MAAA,EAAA,QAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gCAAA,EAAA,WAAA,EAAA,iCAAA,EAAA,YAAA,EAAA,qCAAA,EAAA,gCAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,SAAA,EATX;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,WAAW,CAAC;AAC1C,gBAAA,KAAK,EAAE;AACR;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1CH,+1BAyBA,EAAA,MAAA,EAAA,CAAA,isEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDoBa,WAAW,EAAA,UAAA,EAAA,CAAA;kBAvBvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,YAClB,gBAAgB,EAAA,UAAA,EACd,IAAI,EAAA,OAAA,EACP,EAAE,EAAA,IAAA,EAGL;AACJ,wBAAA,OAAO,EAAE,kBAAkB;AAC3B,wBAAA,kCAAkC,EAAE,WAAW;AAC/C,wBAAA,mCAAmC,EAAE,YAAY;AACjD,wBAAA,uCAAuC,EAAE,8BAA8B;AACvE,wBAAA,WAAW,EAAE,MAAM;qBACpB,EAAA,SAAA,EACU;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,iBAAiB,CAAC;AAC1C,4BAAA,KAAK,EAAE;AACR;qBACF,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+1BAAA,EAAA,MAAA,EAAA,CAAA,isEAAA,CAAA,EAAA;;;AE3CjD;;AAEG;;;;"}
1	+ {"version":3,"file":"ngstarter-ui-components-slide-toggle.mjs","sources":["../../../projects/components/slide-toggle/src/slide-toggle/slide-toggle.ts","../../../projects/components/slide-toggle/src/slide-toggle/slide-toggle.html","../../../projects/components/slide-toggle/src/slide-toggle-group/slide-toggle-group.ts","../../../projects/components/slide-toggle/src/slide-toggle-group/slide-toggle-group.html","../../../projects/components/slide-toggle/ngstarter-ui-components-slide-toggle.ts"],"sourcesContent":["import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n forwardRef,\n input,\n model,\n numberAttribute,\n output\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport class SlideToggleChange {\n constructor(\n public source: SlideToggle,\n public checked: boolean\n ) {\n }\n}\n\nlet nextId = 0;\n\n@Component({\n selector: 'ngs-slide-toggle',\n exportAs: 'ngsSlideToggle',\n standalone: true,\n imports: [],\n templateUrl: './slide-toggle.html',\n styleUrl: './slide-toggle.scss',\n host: {\n 'class': 'ngs-slide-toggle',\n '[class.ngs-slide-toggle-checked]': 'checked()',\n '[class.ngs-slide-toggle-disabled]': 'disabled()',\n '[class.ngs-slide-toggle-label-before]': 'labelPosition() === \"before\"',\n '[attr.id]': 'id()',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => SlideToggle),\n multi: true\n }\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SlideToggle implements ControlValueAccessor {\n private _uniqueId = `ngs-slide-toggle-${nextId++}`;\n\n id = input<string>(this._uniqueId);\n name = input<string \| null>(null);\n labelPosition = input<'before' \| 'after'>('after');\n ariaLabel = input<string \| null>(null, { alias: 'aria-label' });\n ariaLabelledby = input<string \| null>(null, { alias: 'aria-labelledby' });\n ariaDescribedby = input<string \| null>(null, { alias: 'aria-describedby' });\n required = input(false, { transform: booleanAttribute });\n disabled = model(false);\n disableRipple = input(false, { transform: booleanAttribute });\n tabIndex = input(0, { transform: numberAttribute });\n hideIcon = input(false, { transform: booleanAttribute });\n color = input<string \| undefined>();\n\n checked = model(false);\n\n change = output<SlideToggleChange>();\n toggleChange = output<void>();\n\n private _onChange = (_: any) => {};\n private _onTouched = () => {};\n\n constructor() {}\n\n writeValue(value: any): void {\n this.checked.set(!!value);\n }\n\n registerOnChange(fn: any): void {\n this._onChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this._onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled.set(isDisabled);\n }\n\n toggle(): void {\n this.checked.update(checked => !checked);\n this._onChange(this.checked());\n this._emitChangeEvent();\n }\n\n _onInputClick(event: Event): void {\n event.stopPropagation();\n this.toggle();\n this.toggleChange.emit();\n }\n\n private _emitChangeEvent(): void {\n this.change.emit(new SlideToggleChange(this, this.checked()));\n }\n\n _onInputBlur(): void {\n this._onTouched();\n }\n}\n","<label class=\"ngs-slide-toggle-label\" [attr.for]=\"id() + '-input'\">\n <div class=\"ngs-slide-toggle-bar\">\n <input\n type=\"checkbox\"\n role=\"switch\"\n class=\"ngs-slide-toggle-input\"\n [id]=\"id() + '-input'\"\n [name]=\"name()\"\n [tabIndex]=\"tabIndex()\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n (change)=\"_onInputClick($event)\"\n (blur)=\"_onInputBlur()\">\n <div class=\"ngs-slide-toggle-thumb-container\">\n <div class=\"ngs-slide-toggle-thumb\"></div>\n </div>\n </div>\n <span class=\"ngs-slide-toggle-content\" [id]=\"id() + '-content'\">\n <ng-content/>\n </span>\n</label>\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-slide-toggle-group',\n exportAs: 'ngsSlideToggleGroup',\n standalone: true,\n imports: [],\n templateUrl: './slide-toggle-group.html',\n styleUrl: './slide-toggle-group.scss',\n host: {\n 'class': 'ngs-slide-toggle-group'\n },\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SlideToggleGroup {}\n","<ng-content select=\"ngs-slide-toggle\"/>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@ngstarter-ui/components",
   "description": "NgStarter - AI-friendly Enterprise Angular UI Components and Admin Panel",
-  "version": "21.0.41",
+  "version": "21.0.43",
   "repository": {
     "type": "git",
     "url": "https://github.com/elementarlabsdev/ngstarter.git"
@@ -297,10 +297,6 @@
       "types": "./types/ngstarter-ui-components-form-field.d.ts",
       "default": "./fesm2022/ngstarter-ui-components-form-field.mjs"
     },
-    "./form-renderer": {
-      "types": "./types/ngstarter-ui-components-form-renderer.d.ts",
-      "default": "./fesm2022/ngstarter-ui-components-form-renderer.mjs"
-    },
     "./gauge": {
       "types": "./types/ngstarter-ui-components-gauge.d.ts",
       "default": "./fesm2022/ngstarter-ui-components-gauge.mjs"

package/types/ngstarter-ui-components-country-select.d.ts CHANGED Viewed

@@ -11,28 +11,37 @@ interface Country {
     flag?: string;
 }
-declare class CountrySelect implements OnInit, OnDestroy, ControlValueAccessor, FormFieldControl<string | null> {
+type CountrySelectValue = string | string[] | null;
+declare class CountrySelect implements OnInit, OnDestroy, ControlValueAccessor, FormFieldControl<CountrySelectValue> {
     private static readonly COUNTRY_RENDER_CHUNK_SIZE;
     private static readonly COUNTRY_RENDER_CHUNK_DELAY;
     private _elementRef;
     private _renderer;
     private _formField;
     static nextId: number;
-    id: string;
     readonly stateChanges: Subject<void>;
     protected searchTerm: _angular_core.ModelSignal<string>;
     protected visibleCountryCount: _angular_core.WritableSignal<number>;
-    private readonly _valueSignal;
+    readonly valueSignal: _angular_core.ModelSignal<CountrySelectValue>;
     private readonly _focusedSignal;
     private _touched;
+    readonly idSignal: _angular_core.InputSignal<string>;
     placeholderInputSignal: _angular_core.InputSignal<string>;
     isRequiredSignal: _angular_core.ModelSignal<boolean>;
     isDisabledSignal: _angular_core.ModelSignal<boolean>;
+    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hideCheckIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly tabIndex: _angular_core.InputSignalWithTransform<number, any>;
+    readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
     readonly showCountryCode: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly internalCountries: Country[];
     readonly filteredCountries: _angular_core.Signal<Country[]>;
     readonly visibleCountries: _angular_core.Signal<Country[]>;
-    readonly selectedCountryDisplay: _angular_core.Signal<Country | undefined>;
+    readonly selectedCountryDisplays: _angular_core.Signal<Country[]>;
+    readonly selectedCountryDisplay: _angular_core.Signal<Country>;
+    readonly selectedCountriesText: _angular_core.Signal<string>;
     readonly ngsSelect: _angular_core.Signal<Select>;
     readonly searchInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     private readonly fm;
@@ -41,6 +50,7 @@ declare class CountrySelect implements OnInit, OnDestroy, ControlValueAccessor,
     private readonly destroyRef;
     readonly opened: _angular_core.OutputEmitterRef<void>;
     readonly closed: _angular_core.OutputEmitterRef<void>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<SelectChange>;
     private onChangeFn;
     private onTouchedFn;
     private _countryRenderTimeout;
@@ -48,8 +58,9 @@ declare class CountrySelect implements OnInit, OnDestroy, ControlValueAccessor,
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
-    get value(): string | null;
-    set value(val: string | null);
+    get id(): string;
+    get value(): CountrySelectValue;
+    set value(val: CountrySelectValue);
     get focused(): boolean;
     onFocusIn(): void;
     onFocusOut(event: any): void;
@@ -65,7 +76,7 @@ declare class CountrySelect implements OnInit, OnDestroy, ControlValueAccessor,
     get touched(): boolean;
     setDescribedByIds(ids: string[]): void;
     onContainerClick(): void;
-    writeValue(value: string | null): void;
+    writeValue(value: CountrySelectValue): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
@@ -81,10 +92,10 @@ declare class CountrySelect implements OnInit, OnDestroy, ControlValueAccessor,
     private clearCountryRenderTimeout;
     private clearCountrySearchFocusTimeout;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CountrySelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CountrySelect, "ngs-country-select", ["ngsCountrySelect"], { "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "placeholderInputSignal": { "alias": "placeholder"; "required": false; "isSignal": true; }; "isRequiredSignal": { "alias": "required"; "required": false; "isSignal": true; }; "isDisabledSignal": { "alias": "disabled"; "required": false; "isSignal": true; }; "showCountryCode": { "alias": "showCountryCode"; "required": false; "isSignal": true; }; }, { "searchTerm": "searchTermChange"; "isRequiredSignal": "requiredChange"; "isDisabledSignal": "disabledChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CountrySelect, "ngs-country-select", ["ngsCountrySelect"], { "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "valueSignal": { "alias": "value"; "required": false; "isSignal": true; }; "idSignal": { "alias": "id"; "required": false; "isSignal": true; }; "placeholderInputSignal": { "alias": "placeholder"; "required": false; "isSignal": true; }; "isRequiredSignal": { "alias": "required"; "required": false; "isSignal": true; }; "isDisabledSignal": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "hideCheckIcon": { "alias": "hideCheckIcon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "showCountryCode": { "alias": "showCountryCode"; "required": false; "isSignal": true; }; }, { "searchTerm": "searchTermChange"; "valueSignal": "valueChange"; "isRequiredSignal": "requiredChange"; "isDisabledSignal": "disabledChange"; "opened": "opened"; "closed": "closed"; "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
 declare const countries: Country[];
 export { CountrySelect, countries };
-export type { Country };
+export type { Country, CountrySelectValue };

package/types/ngstarter-ui-components-form-builder.d.ts CHANGED Viewed

@@ -3,6 +3,9 @@ import { ValidatorFn, FormControl, FormGroup } from '@angular/forms';
 import * as _angular_core from '@angular/core';
 import { Type, InjectionToken, EnvironmentProviders, TemplateRef } from '@angular/core';
 import { TreeNodeDropPosition, Tree, TreeNodeDrop } from '@ngstarter-ui/components/tree';
+import { DateRangeInput } from '@ngstarter-ui/components/datepicker';
+import { RadioGroupOrientation } from '@ngstarter-ui/components/radio';
+import { UploadFileSelectedEvent } from '@ngstarter-ui/components/upload';
 import * as _ngstarter_ui_components_form_builder from '@ngstarter-ui/components/form-builder';
 type FormBuilderFieldWidth = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
@@ -10,6 +13,7 @@ type FormBuilderItemKind = 'field' | 'layout' | 'static';
 interface FormBuilderOption {
     label: string;
     value: any;
+    selected?: boolean;
 }
 interface FormBuilderValidationRule {
     type: 'required' | 'email' | 'minLength' | 'maxLength' | 'min' | 'max' | string;
@@ -31,6 +35,8 @@ interface FormBuilderField {
     placeholder?: string;
     hint?: string;
     defaultValue?: any;
+    multiple?: boolean;
+    clearable?: boolean;
     required?: boolean;
     disabled?: boolean;
     readonly?: boolean;
@@ -63,6 +69,15 @@ interface FormBuilderFieldRenderContext {
     control: FormControl;
     readonly: boolean;
 }
+interface FormBuilderUploadContext {
+    field: FormBuilderField;
+    control: FormControl;
+    event: any;
+    files: File[];
+    fileList: FileList | null;
+    multiple: boolean;
+}
+type FormBuilderUploadCallback = (context: FormBuilderUploadContext) => any | Promise<any>;
 interface FormBuilderSettingsContext {
     field: FormBuilderField;
     schema: FormBuilderSchema;
@@ -116,6 +131,7 @@ interface FormBuilderFieldChange {
 declare const FORM_BUILDER_ITEMS: InjectionToken<FormBuilderItemDefinition[]>;
 declare const FORM_BUILDER_FIELDS: InjectionToken<FormBuilderFieldDefinition[]>;
 declare const FORM_BUILDER_SETTINGS: InjectionToken<FormBuilderSettingsDefinition[]>;
+declare const FORM_BUILDER_UPLOAD_CALLBACK: InjectionToken<FormBuilderUploadCallback>;
 declare function formBuilderField(definition: FormBuilderFieldDefinition): FormBuilderFieldDefinition;
 declare function formBuilderItem(definition: FormBuilderItemDefinition): FormBuilderItemDefinition;
 declare function formBuilderSettings(definition: FormBuilderSettingsDefinition): FormBuilderSettingsDefinition;
@@ -123,6 +139,7 @@ declare function provideFormBuilder(config?: {
     items?: FormBuilderItemDefinition[];
     fields?: FormBuilderFieldDefinition[];
     settings?: FormBuilderSettingsDefinition[];
+    uploadCallback?: FormBuilderUploadCallback;
 }): EnvironmentProviders;
 declare const DEFAULT_FORM_BUILDER_FIELDS: FormBuilderFieldDefinition[];
 declare const DEFAULT_FORM_BUILDER_ITEMS: FormBuilderItemDefinition[];
@@ -170,6 +187,7 @@ declare class FormBuilder {
     readonly schema: _angular_core.ModelSignal<FormBuilderSchema>;
     readonly paletteTitle: _angular_core.InputSignal<string>;
     readonly inspectorTitle: _angular_core.InputSignal<string>;
+    readonly uploadCallback: _angular_core.InputSignal<FormBuilderUploadCallback | null | undefined>;
     readonly fieldSelected: _angular_core.OutputEmitterRef<FormBuilderFieldChange>;
     readonly fieldAdded: _angular_core.OutputEmitterRef<FormBuilderFieldChange>;
     readonly fieldRemoved: _angular_core.OutputEmitterRef<FormBuilderFieldChange>;
@@ -275,6 +293,7 @@ declare class FormBuilder {
     private findCanvasFieldElement;
     private findCanvasSectionElement;
     private syncPreviewControl;
+    private fieldInitialValue;
     private scrollElementFullyIntoView;
     private afterNextPaint;
     private upsertSectionTreeNode;
@@ -286,7 +305,7 @@ declare class FormBuilder {
     private findFieldLocation;
     private deletePreviewControls;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilder, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilder, "ngs-form-builder", ["ngsFormBuilder"], { "schema": { "alias": "schema"; "required": false; "isSignal": true; }; "paletteTitle": { "alias": "paletteTitle"; "required": false; "isSignal": true; }; "inspectorTitle": { "alias": "inspectorTitle"; "required": false; "isSignal": true; }; }, { "schema": "schemaChange"; "fieldSelected": "fieldSelected"; "fieldAdded": "fieldAdded"; "fieldRemoved": "fieldRemoved"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilder, "ngs-form-builder", ["ngsFormBuilder"], { "schema": { "alias": "schema"; "required": false; "isSignal": true; }; "paletteTitle": { "alias": "paletteTitle"; "required": false; "isSignal": true; }; "inspectorTitle": { "alias": "inspectorTitle"; "required": false; "isSignal": true; }; "uploadCallback": { "alias": "uploadCallback"; "required": false; "isSignal": true; }; }, { "schema": "schemaChange"; "fieldSelected": "fieldSelected"; "fieldAdded": "fieldAdded"; "fieldRemoved": "fieldRemoved"; }, never, never, true, never>;
 }
 declare function createDefaultFormBuilderSchema(): FormBuilderSchema;
@@ -302,6 +321,7 @@ declare class FormBuilderRenderer {
     readonly readonly: _angular_core.InputSignal<boolean>;
     readonly showSubmit: _angular_core.InputSignal<boolean>;
     readonly submitLabel: _angular_core.InputSignal<string>;
+    readonly uploadCallback: _angular_core.InputSignal<FormBuilderUploadCallback | null | undefined>;
     readonly value: _angular_core.ModelSignal<Record<string, any>>;
     readonly formSubmit: _angular_core.OutputEmitterRef<Record<string, any>>;
     readonly formReady: _angular_core.OutputEmitterRef<FormGroup<any>>;
@@ -315,23 +335,38 @@ declare class FormBuilderRenderer {
     protected submit(): void;
     private createFormGroup;
     private visibleFields;
+    private fieldInitialValue;
     private resolveCanvasItems;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderRenderer, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilderRenderer, "ngs-form-builder-renderer", ["ngsFormBuilderRenderer"], { "schema": { "alias": "schema"; "required": true; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "showSubmit": { "alias": "showSubmit"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "formSubmit": "formSubmit"; "formReady": "formReady"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilderRenderer, "ngs-form-renderer", ["ngsFormRenderer"], { "schema": { "alias": "schema"; "required": true; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "showSubmit": { "alias": "showSubmit"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "uploadCallback": { "alias": "uploadCallback"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "formSubmit": "formSubmit"; "formReady": "formReady"; }, never, never, true, never>;
 }
 declare class FormBuilderFieldHost {
+    private readonly providedUploadCallback;
     readonly field: _angular_core.InputSignal<FormBuilderField>;
     readonly control: _angular_core.InputSignal<FormControl<any>>;
     readonly definitions: _angular_core.InputSignal<FormBuilderFieldDefinition[]>;
     readonly readonly: _angular_core.InputSignal<boolean>;
     readonly editableCanvas: _angular_core.InputSignal<boolean>;
+    readonly uploadCallback: _angular_core.InputSignal<FormBuilderUploadCallback | null | undefined>;
     protected readonly customLoaded: _angular_core.WritableSignal<boolean>;
+    protected readonly controlValue: _angular_core.WritableSignal<any>;
     protected readonly textInputType: _angular_core.Signal<"email" | "text" | "number">;
+    protected readonly radioOrientation: _angular_core.Signal<RadioGroupOrientation>;
+    protected readonly uploadAccept: _angular_core.Signal<any>;
+    protected readonly uploadDisabled: _angular_core.Signal<boolean>;
+    protected readonly dateRangeDisabled: _angular_core.Signal<boolean>;
+    protected readonly uploadSelectedText: _angular_core.Signal<any>;
+    protected readonly spacerHeight: _angular_core.Signal<number>;
+    protected readonly dateRangeStartValue: _angular_core.Signal<string>;
+    protected readonly dateRangeEndValue: _angular_core.Signal<string>;
     private readonly anchor;
     constructor();
+    protected onUploadFilesSelected(event: UploadFileSelectedEvent): Promise<void>;
+    protected onDateRangeChanged(rangeInput: DateRangeInput<any>): void;
+    private formatDateRangePart;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderFieldHost, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilderFieldHost, "ngs-form-builder-field-host", ["ngsFormBuilderFieldHost"], { "field": { "alias": "field"; "required": true; "isSignal": true; }; "control": { "alias": "control"; "required": true; "isSignal": true; }; "definitions": { "alias": "definitions"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "editableCanvas": { "alias": "editableCanvas"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilderFieldHost, "ngs-form-builder-field-host", ["ngsFormBuilderFieldHost"], { "field": { "alias": "field"; "required": true; "isSignal": true; }; "control": { "alias": "control"; "required": true; "isSignal": true; }; "definitions": { "alias": "definitions"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "editableCanvas": { "alias": "editableCanvas"; "required": false; "isSignal": true; }; "uploadCallback": { "alias": "uploadCallback"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class FormBuilderSettingsHost {
@@ -353,16 +388,39 @@ declare class FormBuilderSettingsHost {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilderSettingsHost, "ngs-form-builder-settings-host", ["ngsFormBuilderSettingsHost"], { "field": { "alias": "field"; "required": false; "isSignal": true; }; "section": { "alias": "section"; "required": false; "isSignal": true; }; "schema": { "alias": "schema"; "required": true; "isSignal": true; }; "definitions": { "alias": "definitions"; "required": false; "isSignal": true; }; "settingsDefinitions": { "alias": "settingsDefinitions"; "required": false; "isSignal": true; }; "update": { "alias": "update"; "required": false; "isSignal": true; }; "updateSection": { "alias": "updateSection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+type RadioOrientation = 'vertical' | 'horizontal';
+type SpacerHeight = 8 | 16 | 24 | 32 | 48 | 64;
 declare class BasicFormBuilderFieldSettings {
+    private readonly destroyRef;
     readonly field: _angular_core.InputSignal<FormBuilderField>;
     readonly update: _angular_core.InputSignal<(changes: Partial<FormBuilderField>) => void>;
+    protected readonly optionsControl: FormControl<string>;
     protected readonly fieldWidthOptions: FormBuilderFieldWidth[];
+    protected readonly radioOrientationOptions: RadioOrientation[];
+    protected readonly spacerHeightOptions: SpacerHeight[];
     protected readonly hasCheckedState: _angular_core.Signal<boolean>;
     protected readonly hasPlaceholder: _angular_core.Signal<boolean>;
     protected readonly hasOptions: _angular_core.Signal<boolean>;
+    protected readonly hasClearable: _angular_core.Signal<boolean>;
+    protected readonly hasMultiple: _angular_core.Signal<boolean>;
+    protected readonly isSelect: _angular_core.Signal<boolean>;
+    protected readonly isUpload: _angular_core.Signal<boolean>;
+    protected readonly isRadio: _angular_core.Signal<boolean>;
+    protected readonly isSpacer: _angular_core.Signal<boolean>;
+    protected readonly hasBehaviorToggles: _angular_core.Signal<boolean>;
+    protected readonly radioOrientation: _angular_core.Signal<RadioOrientation>;
     protected readonly optionsText: _angular_core.Signal<string>;
+    constructor();
     protected patch(changes: Partial<FormBuilderField>): void;
+    protected patchSettings(changes: Record<string, any>): void;
+    protected patchMultiple(multiple: boolean): void;
+    protected patchSelectMultiple(multiple: boolean): void;
+    protected patchRadioOrientation(orientation: RadioOrientation): void;
     protected patchOptions(value: string): void;
+    private normalizeSelectedOptions;
+    private resolveSelectedDefaultValue;
+    private selectedOptionValues;
+    private isOptionSelected;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BasicFormBuilderFieldSettings, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BasicFormBuilderFieldSettings, "ngs-basic-form-builder-field-settings", ["ngsBasicFormBuilderFieldSettings"], { "field": { "alias": "field"; "required": true; "isSignal": true; }; "update": { "alias": "update"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -384,5 +442,5 @@ declare class BasicFormBuilderSectionSettings {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BasicFormBuilderSectionSettings, "ngs-basic-form-builder-section-settings", ["ngsBasicFormBuilderSectionSettings"], { "section": { "alias": "section"; "required": true; "isSignal": true; }; "update": { "alias": "update"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export { BasicFormBuilderFieldSettings, BasicFormBuilderLayoutSettings, BasicFormBuilderSectionSettings, DEFAULT_FORM_BUILDER_FIELDS, DEFAULT_FORM_BUILDER_ITEMS, FORM_BUILDER_FIELDS, FORM_BUILDER_ITEMS, FORM_BUILDER_SETTINGS, FormBuilder, FormBuilderFieldHost, FormBuilderRenderer, FormBuilderSettingsHost, FormBuilderRenderer as FormRenderer, createDefaultFormBuilderSchema, formBuilderField, formBuilderItem, formBuilderSettings, provideFormBuilder, validatorsFromRules };
-export type { FormBuilderComponentImporter, FormBuilderField, FormBuilderFieldChange, FormBuilderFieldDefinition, FormBuilderFieldRenderContext, FormBuilderFieldSettingsContext, FormBuilderFieldWidth, FormBuilderItemDefinition, FormBuilderItemKind, FormBuilderLayoutItem, FormBuilderOption, FormBuilderSchema, FormBuilderSection, FormBuilderSectionSettingsContext, FormBuilderSettingsContext, FormBuilderSettingsDefinition, FormBuilderValidationRule, FormBuilderVisibility };
+export { BasicFormBuilderFieldSettings, BasicFormBuilderLayoutSettings, BasicFormBuilderSectionSettings, DEFAULT_FORM_BUILDER_FIELDS, DEFAULT_FORM_BUILDER_ITEMS, FORM_BUILDER_FIELDS, FORM_BUILDER_ITEMS, FORM_BUILDER_SETTINGS, FORM_BUILDER_UPLOAD_CALLBACK, FormBuilder, FormBuilderFieldHost, FormBuilderRenderer, FormBuilderSettingsHost, createDefaultFormBuilderSchema, formBuilderField, formBuilderItem, formBuilderSettings, provideFormBuilder, validatorsFromRules };
+export type { FormBuilderComponentImporter, FormBuilderField, FormBuilderFieldChange, FormBuilderFieldDefinition, FormBuilderFieldRenderContext, FormBuilderFieldSettingsContext, FormBuilderFieldWidth, FormBuilderItemDefinition, FormBuilderItemKind, FormBuilderLayoutItem, FormBuilderOption, FormBuilderSchema, FormBuilderSection, FormBuilderSectionSettingsContext, FormBuilderSettingsContext, FormBuilderSettingsDefinition, FormBuilderUploadCallback, FormBuilderUploadContext, FormBuilderValidationRule, FormBuilderVisibility };

package/types/ngstarter-ui-components-radio.d.ts CHANGED Viewed

@@ -2,10 +2,12 @@ import * as _angular_core from '@angular/core';
 import { AfterContentInit, OnInit, ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+type RadioGroupOrientation = 'horizontal' | 'vertical';
 declare class RadioGroup implements ControlValueAccessor, AfterContentInit {
     readonly _radios: _angular_core.Signal<readonly any[]>;
     disabled: _angular_core.ModelSignal<boolean>;
     name: _angular_core.InputSignal<string | undefined>;
+    orientation: _angular_core.InputSignal<RadioGroupOrientation>;
     value: _angular_core.ModelSignal<any>;
     readonly change: _angular_core.OutputEmitterRef<any>;
     constructor();
@@ -21,7 +23,7 @@ declare class RadioGroup implements ControlValueAccessor, AfterContentInit {
     private _markRadiosForCheck;
     _onRadioClick(radio: RadioButton): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroup, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroup, "ngs-radio-group", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "value": "valueChange"; "change": "change"; }, ["_radios"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroup, "ngs-radio-group", ["ngsRadioGroup"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "value": "valueChange"; "change": "change"; }, ["_radios"], ["*"], true, never>;
 }
 declare class RadioButton implements OnInit {
@@ -43,3 +45,4 @@ declare class RadioButton implements OnInit {
 }
 export { RadioButton, RadioGroup };
+export type { RadioGroupOrientation };

package/types/ngstarter-ui-components-slide-toggle.d.ts CHANGED Viewed

@@ -38,4 +38,9 @@ declare class SlideToggle implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlideToggle, "ngs-slide-toggle", ["ngsSlideToggle"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "hideIcon": { "alias": "hideIcon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "checked": "checkedChange"; "change": "change"; "toggleChange": "toggleChange"; }, never, ["*"], true, never>;
 }
-export { SlideToggle, SlideToggleChange };
+declare class SlideToggleGroup {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlideToggleGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlideToggleGroup, "ngs-slide-toggle-group", ["ngsSlideToggleGroup"], {}, {}, never, ["ngs-slide-toggle"], true, never>;
+}
+export { SlideToggle, SlideToggleChange, SlideToggleGroup };