@wavemaker/app-ng-runtime 11.13.0-rc.6255 → 11.14.0-rc.6276

package/components/input/color-picker/fesm2022/index.mjs

@@ -1,13 +1,12 @@
-import { PROP_STRING, PROP_BOOLEAN, PROP_NUMBER, register, registerFormWidget, styler, AUTOCLOSE_TYPE, provideAs, provideAsWidgetRef, WmComponentsModule } from '@wm/components/base';
-import * as i2 from '@angular/forms';
-import { NgModel, NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule } from '@angular/forms';
-import * as i1 from 'ngx-color-picker';
-import { ColorPickerDirective, ColorPickerService, ColorPickerModule } from 'ngx-color-picker';
+import * as i1 from '@angular/forms';
+import { FormsModule, NgModel, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import { ColorPickerDirective, ColorPickerService } from 'ngx-color-picker';
 import * as i0 from '@angular/core';
-import { ElementRef, Component, Inject, Optional, ViewChild } from '@angular/core';
+import { ElementRef, ViewChild, Inject, Optional, Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormWidgetType, addClass, removeClass } from '@wm/core';
-import { BaseFormCustomComponent } from '@wm/components/input';
+import { PROP_STRING, PROP_BOOLEAN, PROP_NUMBER, register, registerFormWidget, styler, AUTOCLOSE_TYPE, provideAs, provideAsWidgetRef } from '@wm/components/base';
+import { BaseFormCustomComponent } from '@wm/components/input/base-form-custom';
 
 const colorPickerProps = new Map([
     ['autoclose', { value: 'outsideClick', ...PROP_STRING }],
@@ -29,9 +28,6 @@ const registerProps = () => {
     registerFormWidget(FormWidgetType.COLORPICKER, new Map(colorPickerProps));
 };
 
-const _c0 = ["input"];
-const _c1 = ["wmColorPicker", ""];
-const _c2 = () => ({ updateOn: "change", standalone: true });
 const DEFAULT_CLS = 'input-group app-colorpicker';
 const WIDGET_CONFIG = {
     widgetType: 'wm-colorpicker',
@@ -44,7 +40,6 @@ class ColorPickerComponent extends BaseFormCustomComponent {
         super(inj, WIDGET_CONFIG, explicitContext);
         styler(this.nativeElement, this);
     }
-    // To remove space occupied by colorpicker when it is closed
     colorPickerToggleChange(isOpen) {
         const colorPickerContainer = this.nativeElement.querySelector(`.color-picker`);
         if (colorPickerContainer) {
@@ -53,21 +48,17 @@ class ColorPickerComponent extends BaseFormCustomComponent {
     }
     colorPickerOpen(value) {
         $('.hex-text input').attr('placeholder', 'Enter hex color code');
-        // Whenever autoclose property is set to 'always', adding the onclick listener to the colorPicker container to close the picker.
         if (this.autoclose === AUTOCLOSE_TYPE.ALWAYS) {
             const colorPickerContainer = this.nativeElement.querySelector(`.color-picker`);
             colorPickerContainer.onclick = () => this.cpDirective.closeDialog();
         }
     }
-    // This mehtod is used to show/open the colorpicker popup.
     open() {
         this.cpDirective.openDialog();
     }
-    // This mehtod is used to hide/close the colorpicker popup.
     close() {
         this.cpDirective.closeDialog();
     }
-    // change and blur events are added from the template
     handleEvent(node, eventName, callback, locals) {
         if (eventName !== 'change' && eventName !== 'blur') {
             super.handleEvent(this.inputEl.nativeElement, eventName, callback, locals);
@@ -81,7 +72,6 @@ class ColorPickerComponent extends BaseFormCustomComponent {
             return;
         }
         if (key === 'required') {
-            /* WMS-18269 | Update Angular about the required attr value change */
             this._onChange(this.datavalue);
             return;
         }
@@ -94,66 +84,37 @@ class ColorPickerComponent extends BaseFormCustomComponent {
         }
         super.onPropertyChange(key, nv, ov);
     }
-    static { this.ɵfac = function ColorPickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ColorPickerComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ColorPickerComponent, selectors: [["", "wmColorPicker", ""]], viewQuery: function ColorPickerComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(NgModel, 5);
-            i0.ɵɵviewQuery(_c0, 7, ElementRef);
-            i0.ɵɵviewQuery(ColorPickerDirective, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ngModel = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputEl = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.cpDirective = _t.first);
-        } }, standalone: true, features: [i0.ɵɵProvidersFeature([
-                provideAs(ColorPickerComponent, NG_VALUE_ACCESSOR, true),
-                provideAs(ColorPickerComponent, NG_VALIDATORS, true),
-                provideAsWidgetRef(ColorPickerComponent),
-                ColorPickerService
-            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c1, decls: 5, vars: 15, consts: [["input", ""], ["aria-haspopup", "true", "focus-target", "", 1, "form-control", "app-textbox", 3, "colorPickerChange", "cpToggleChange", "colorPickerOpen", "ngModelChange", "blur", "colorPicker", "cpPosition", "cpCloseClickOutside", "disabled", "required", "tabindex", "ngModel", "ngModelOptions"], [1, "input-group-addon", "colorpicker-container"], [1, "colored-box"]], template: function ColorPickerComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "input", 1, 0);
-            i0.ɵɵtwoWayListener("colorPickerChange", function ColorPickerComponent_Template_input_colorPickerChange_0_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.datavalue, $event) || (ctx.datavalue = $event); return i0.ɵɵresetView($event); });
-            i0.ɵɵlistener("colorPickerChange", function ColorPickerComponent_Template_input_colorPickerChange_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleChange($event)); })("cpToggleChange", function ColorPickerComponent_Template_input_cpToggleChange_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.colorPickerToggleChange($event)); })("colorPickerOpen", function ColorPickerComponent_Template_input_colorPickerOpen_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.colorPickerOpen($event)); });
-            i0.ɵɵtwoWayListener("ngModelChange", function ColorPickerComponent_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.datavalue, $event) || (ctx.datavalue = $event); return i0.ɵɵresetView($event); });
-            i0.ɵɵlistener("ngModelChange", function ColorPickerComponent_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleChange($event)); })("blur", function ColorPickerComponent_Template_input_blur_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.invokeOnTouched($event)); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(2, "span", 2)(3, "i", 3);
-            i0.ɵɵtext(4, "\u00A0");
-            i0.ɵɵelementEnd()();
-        } if (rf & 2) {
-            i0.ɵɵtwoWayProperty("colorPicker", ctx.datavalue);
-            i0.ɵɵproperty("cpPosition", "bottom")("cpCloseClickOutside", ctx.outsideclick)("disabled", ctx.readonly || ctx.disabled)("required", ctx.required)("tabindex", ctx.tabindex);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.datavalue);
-            i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(14, _c2));
-            i0.ɵɵattribute("name", ctx.name)("aria-label", ctx.arialabel)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey);
-            i0.ɵɵadvance(3);
-            i0.ɵɵstyleProp("background-color", ctx.datavalue);
-        } }, dependencies: [CommonModule, ColorPickerModule, i1.ColorPickerDirective, FormsModule, i2.DefaultValueAccessor, i2.NgControlStatus, i2.RequiredValidator, i2.NgModel, WmComponentsModule], encapsulation: 2 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColorPickerComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ColorPickerComponent, isStandalone: true, selector: "[wmColorPicker]", providers: [
+            provideAs(ColorPickerComponent, NG_VALUE_ACCESSOR, true),
+            provideAs(ColorPickerComponent, NG_VALIDATORS, true),
+            provideAsWidgetRef(ColorPickerComponent),
+            ColorPickerService
+        ], viewQueries: [{ propertyName: "ngModel", first: true, predicate: NgModel, descendants: true }, { propertyName: "inputEl", first: true, predicate: ["input"], descendants: true, read: ElementRef, static: true }, { propertyName: "cpDirective", first: true, predicate: ColorPickerDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<input aria-haspopup=\"true\" class=\"form-control app-textbox\"\n       #input\n       focus-target\n       [attr.name]=\"name\"\n       [attr.aria-label]=\"arialabel\"\n       [(colorPicker)]=\"datavalue\"\n       (colorPickerChange)=\"handleChange($event);\"\n       (cpToggleChange)=\"colorPickerToggleChange($event)\"\n       [cpPosition]=\"'bottom'\"\n       [cpCloseClickOutside]=\"outsideclick\"\n       (colorPickerOpen)=\"colorPickerOpen($event)\"\n       [attr.placeholder]=\"placeholder\"\n       [disabled]=\"readonly || disabled\"\n       [required]=\"required\"\n       [tabindex]=\"tabindex\"\n       [(ngModel)]=\"datavalue\"\n       (ngModelChange)=\"handleChange($event);\"\n       [ngModelOptions]=\"{updateOn: 'change', standalone: true}\"\n       (blur)=\"invokeOnTouched($event)\"\n       [attr.accesskey]=\"shortcutkey\">\n<span class=\"input-group-addon colorpicker-container\">\n    <i class=\"colored-box\" [style.backgroundColor]=\"datavalue\">&nbsp;</i>\n</span>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ColorPickerDirective, selector: "[colorPicker]", inputs: ["colorPicker", "cpWidth", "cpHeight", "cpToggle", "cpDisabled", "cpIgnoredElements", "cpFallbackColor", "cpColorMode", "cpCmykEnabled", "cpOutputFormat", "cpAlphaChannel", "cpDisableInput", "cpDialogDisplay", "cpSaveClickOutside", "cpCloseClickOutside", "cpUseRootViewContainer", "cpPosition", "cpPositionOffset", "cpPositionRelativeToArrow", "cpOKButton", "cpOKButtonText", "cpOKButtonClass", "cpCancelButton", "cpCancelButtonText", "cpCancelButtonClass", "cpEyeDropper", "cpPresetLabel", "cpPresetColors", "cpPresetColorsClass", "cpMaxPresetColorsLength", "cpPresetEmptyMessage", "cpPresetEmptyMessageClass", "cpAddColorButton", "cpAddColorButtonText", "cpAddColorButtonClass", "cpRemoveColorButtonClass", "cpArrowPosition", "cpExtraTemplate"], outputs: ["cpInputChange", "cpToggleChange", "cpSliderChange", "cpSliderDragEnd", "cpSliderDragStart", "colorPickerOpen", "colorPickerClose", "colorPickerCancel", "colorPickerSelect", "colorPickerChange", "cpCmykColorChange", "cpPresetColorsChange"], exportAs: ["ngxColorPicker"] }] }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ColorPickerComponent, [{
-        type: Component,
-        args: [{ standalone: true, imports: [CommonModule, ColorPickerModule, FormsModule, WmComponentsModule], selector: '[wmColorPicker]', providers: [
-                    provideAs(ColorPickerComponent, NG_VALUE_ACCESSOR, true),
-                    provideAs(ColorPickerComponent, NG_VALIDATORS, true),
-                    provideAsWidgetRef(ColorPickerComponent),
-                    ColorPickerService
-                ], template: "<input aria-haspopup=\"true\" class=\"form-control app-textbox\"\n       #input\n       focus-target\n       [attr.name]=\"name\"\n       [attr.aria-label]=\"arialabel\"\n       [(colorPicker)]=\"datavalue\"\n       (colorPickerChange)=\"handleChange($event);\"\n       (cpToggleChange)=\"colorPickerToggleChange($event)\"\n       [cpPosition]=\"'bottom'\"\n       [cpCloseClickOutside]=\"outsideclick\"\n       (colorPickerOpen)=\"colorPickerOpen($event)\"\n       [attr.placeholder]=\"placeholder\"\n       [disabled]=\"readonly || disabled\"\n       [required]=\"required\"\n       [tabindex]=\"tabindex\"\n       [(ngModel)]=\"datavalue\"\n       (ngModelChange)=\"handleChange($event);\"\n       [ngModelOptions]=\"{updateOn: 'change', standalone: true}\"\n       (blur)=\"invokeOnTouched($event)\"\n       [attr.accesskey]=\"shortcutkey\">\n<span class=\"input-group-addon colorpicker-container\">\n    <i class=\"colored-box\" [style.backgroundColor]=\"datavalue\">&nbsp;</i>\n</span>\n" }]
-    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
-            }, {
-                type: Optional
-            }] }], { ngModel: [{
-            type: ViewChild,
-            args: [NgModel]
-        }], inputEl: [{
-            type: ViewChild,
-            args: ['input', { static: true, read: ElementRef }]
-        }], cpDirective: [{
-            type: ViewChild,
-            args: [ColorPickerDirective]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ColorPickerComponent, { className: "ColorPickerComponent", filePath: "color-picker.component.ts", lineNumber: 34 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColorPickerComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, FormsModule, ColorPickerDirective], selector: '[wmColorPicker]', providers: [
+                        provideAs(ColorPickerComponent, NG_VALUE_ACCESSOR, true),
+                        provideAs(ColorPickerComponent, NG_VALIDATORS, true),
+                        provideAsWidgetRef(ColorPickerComponent),
+                        ColorPickerService
+                    ], template: "<input aria-haspopup=\"true\" class=\"form-control app-textbox\"\n       #input\n       focus-target\n       [attr.name]=\"name\"\n       [attr.aria-label]=\"arialabel\"\n       [(colorPicker)]=\"datavalue\"\n       (colorPickerChange)=\"handleChange($event);\"\n       (cpToggleChange)=\"colorPickerToggleChange($event)\"\n       [cpPosition]=\"'bottom'\"\n       [cpCloseClickOutside]=\"outsideclick\"\n       (colorPickerOpen)=\"colorPickerOpen($event)\"\n       [attr.placeholder]=\"placeholder\"\n       [disabled]=\"readonly || disabled\"\n       [required]=\"required\"\n       [tabindex]=\"tabindex\"\n       [(ngModel)]=\"datavalue\"\n       (ngModelChange)=\"handleChange($event);\"\n       [ngModelOptions]=\"{updateOn: 'change', standalone: true}\"\n       (blur)=\"invokeOnTouched($event)\"\n       [attr.accesskey]=\"shortcutkey\">\n<span class=\"input-group-addon colorpicker-container\">\n    <i class=\"colored-box\" [style.backgroundColor]=\"datavalue\">&nbsp;</i>\n</span>\n" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { ngModel: [{
+                type: ViewChild,
+                args: [NgModel]
+            }], inputEl: [{
+                type: ViewChild,
+                args: ['input', { static: true, read: ElementRef }]
+            }], cpDirective: [{
+                type: ViewChild,
+                args: [ColorPickerDirective]
+            }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/components/input/color-picker/fesm2022/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/color-picker/src/color-picker.props.ts","../../../../../projects/components/widgets/input/color-picker/src/color-picker.component.ts","../../../../../projects/components/widgets/input/color-picker/src/color-picker.component.html","../../../../../projects/components/widgets/input/color-picker/src/index.ts"],"sourcesContent":["import {PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register, registerFormWidget} from '@wm/components/base';\nimport {FormWidgetType} from '@wm/core';\n\nexport const colorPickerProps = new Map(\n    [\n        ['autoclose', {value: 'outsideClick', ...PROP_STRING}],\n        ['class', PROP_STRING],\n        ['datavalue', PROP_STRING],\n        ['disabled', PROP_BOOLEAN],\n        ['hint', PROP_STRING],\n        ['arialabel', PROP_STRING],\n        ['name', PROP_STRING],\n        ['placeholder', {value: 'Select Color', ...PROP_STRING}],\n        ['readonly', PROP_BOOLEAN],\n        ['required', PROP_BOOLEAN],\n        ['shortcutkey', PROP_STRING],\n        ['show', {value: true, ...PROP_BOOLEAN}],\n        ['tabindex', {value: 0, ...PROP_NUMBER}]\n    ]\n);\n\nexport const registerProps = () => {\n    register(\n        'wm-colorpicker',\n        colorPickerProps\n    );\n    registerFormWidget(\n        FormWidgetType.COLORPICKER,\n        new Map(colorPickerProps)\n    );\n};\n","import { WmComponentsModule } from \"@wm/components/base\";\nimport { FormsModule } from '@angular/forms';\nimport { ColorPickerModule, ColorPickerService } from 'ngx-color-picker';\nimport { Component, ElementRef, Inject, Injector, Optional, ViewChild } from '@angular/core';\nimport { CommonModule } from \"@angular/common\";\nimport {NG_VALIDATORS, NG_VALUE_ACCESSOR, NgModel} from '@angular/forms';\nimport {ColorPickerDirective} from 'ngx-color-picker';\n\nimport {addClass, removeClass} from '@wm/core';\nimport {AUTOCLOSE_TYPE, IWidgetConfig, provideAs, provideAsWidgetRef, styler} from '@wm/components/base';\nimport {BaseFormCustomComponent} from '@wm/components/input';\nimport {registerProps} from './color-picker.props';\n\n\nconst DEFAULT_CLS = 'input-group app-colorpicker';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-colorpicker',\n    hostClass: DEFAULT_CLS,\n    displayType: 'inline-block'\n};\n\n@Component({\n  standalone: true,\n  imports: [ CommonModule, ColorPickerModule, FormsModule, WmComponentsModule ],\n    selector: '[wmColorPicker]',\n    templateUrl: './color-picker.component.html',\n    providers: [\n        provideAs(ColorPickerComponent, NG_VALUE_ACCESSOR, true),\n        provideAs(ColorPickerComponent, NG_VALIDATORS, true),\n        provideAsWidgetRef(ColorPickerComponent),\n        ColorPickerService\n    ]\n})\nexport class ColorPickerComponent extends BaseFormCustomComponent {\n    static initializeProps = registerProps();\n\n    public required: boolean;\n    public readonly: boolean;\n    public disabled: boolean;\n    public name: string;\n    public placeholder: any;\n    public tabindex: any;\n    public shortcutkey: string;\n    public outsideclick: boolean;\n    public autoclose: string;\n    public hint: string;\n    public arialabel: string;\n\n\n    @ViewChild(NgModel) ngModel: NgModel;\n    @ViewChild('input', { static: true, read: ElementRef }) inputEl: ElementRef;\n    @ViewChild(ColorPickerDirective) cpDirective: ColorPickerDirective;\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n    }\n\n    // To remove space occupied by colorpicker when it is closed\n    public colorPickerToggleChange(isOpen: boolean) {\n        const colorPickerContainer = this.nativeElement.querySelector(`.color-picker`) as HTMLElement;\n        if (colorPickerContainer) {\n            (!isOpen) ? addClass(colorPickerContainer, 'hidden') : removeClass(colorPickerContainer, 'hidden');\n        }\n    }\n\n    colorPickerOpen(value: string) {\n        $('.hex-text input').attr('placeholder', 'Enter hex color code')\n        // Whenever autoclose property is set to 'always', adding the onclick listener to the colorPicker container to close the picker.\n        if (this.autoclose === AUTOCLOSE_TYPE.ALWAYS) {\n            const colorPickerContainer = this.nativeElement.querySelector(`.color-picker`) as HTMLElement;\n            colorPickerContainer.onclick = () => this.cpDirective.closeDialog();\n        }\n    }\n\n    // This mehtod is used to show/open the colorpicker popup.\n    open() {\n        this.cpDirective.openDialog();\n    }\n\n    // This mehtod is used to hide/close the colorpicker popup.\n    close() {\n        this.cpDirective.closeDialog();\n    }\n\n\n    // change and blur events are added from the template\n    protected handleEvent(node: HTMLElement, eventName: string, callback: Function, locals: any) {\n        if (eventName !== 'change' && eventName !== 'blur') {\n            super.handleEvent(this.inputEl.nativeElement, eventName, callback, locals);\n        }\n    }\n\n    public handleChange(newVal: boolean) {\n        this.invokeOnChange(this.datavalue, {type: 'change'}, this.ngModel.valid);\n    }\n\n    protected onPropertyChange(key: string, nv: any, ov: any) {\n        if (key === 'tabindex') {\n            return;\n        }\n        if (key === 'required') {\n            /* WMS-18269 | Update Angular about the required attr value change */\n            this._onChange(this.datavalue);\n            return;\n        }\n        if (key === 'datavalue') {\n            this._onChange(nv);\n            return;\n        }\n        if (key === 'autoclose') {\n            this.outsideclick = (nv === AUTOCLOSE_TYPE.OUTSIDECLICK || nv === AUTOCLOSE_TYPE.ALWAYS) ? true : false;\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n}\n","<input aria-haspopup=\"true\" class=\"form-control app-textbox\"\n       #input\n       focus-target\n       [attr.name]=\"name\"\n       [attr.aria-label]=\"arialabel\"\n       [(colorPicker)]=\"datavalue\"\n       (colorPickerChange)=\"handleChange($event);\"\n       (cpToggleChange)=\"colorPickerToggleChange($event)\"\n       [cpPosition]=\"'bottom'\"\n       [cpCloseClickOutside]=\"outsideclick\"\n       (colorPickerOpen)=\"colorPickerOpen($event)\"\n       [attr.placeholder]=\"placeholder\"\n       [disabled]=\"readonly || disabled\"\n       [required]=\"required\"\n       [tabindex]=\"tabindex\"\n       [(ngModel)]=\"datavalue\"\n       (ngModelChange)=\"handleChange($event);\"\n       [ngModelOptions]=\"{updateOn: 'change', standalone: true}\"\n       (blur)=\"invokeOnTouched($event)\"\n       [attr.accesskey]=\"shortcutkey\">\n<span class=\"input-group-addon colorpicker-container\">\n    <i class=\"colored-box\" [style.backgroundColor]=\"datavalue\">&nbsp;</i>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/color-picker/src/color-picker.props.ts","../../../../../projects/components/widgets/input/color-picker/src/color-picker.component.ts","../../../../../projects/components/widgets/input/color-picker/src/color-picker.component.html","../../../../../projects/components/widgets/input/color-picker/src/index.ts"],"sourcesContent":["import {PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register, registerFormWidget} from '@wm/components/base';\nimport {FormWidgetType} from '@wm/core';\n\nexport const colorPickerProps = new Map(\n    [\n        ['autoclose', {value: 'outsideClick', ...PROP_STRING}],\n        ['class', PROP_STRING],\n        ['datavalue', PROP_STRING],\n        ['disabled', PROP_BOOLEAN],\n        ['hint', PROP_STRING],\n        ['arialabel', PROP_STRING],\n        ['name', PROP_STRING],\n        ['placeholder', {value: 'Select Color', ...PROP_STRING}],\n        ['readonly', PROP_BOOLEAN],\n        ['required', PROP_BOOLEAN],\n        ['shortcutkey', PROP_STRING],\n        ['show', {value: true, ...PROP_BOOLEAN}],\n        ['tabindex', {value: 0, ...PROP_NUMBER}]\n    ]\n);\n\nexport const registerProps = () => {\n    register(\n        'wm-colorpicker',\n        colorPickerProps\n    );\n    registerFormWidget(\n        FormWidgetType.COLORPICKER,\n        new Map(colorPickerProps)\n    );\n};\n","import { FormsModule } from '@angular/forms';\nimport { ColorPickerService, ColorPickerDirective } from 'ngx-color-picker';\nimport { Component, ElementRef, Inject, Injector, Optional, ViewChild } from '@angular/core';\nimport { CommonModule } from \"@angular/common\";\nimport { NG_VALIDATORS, NG_VALUE_ACCESSOR, NgModel } from '@angular/forms';\n\nimport { addClass, removeClass } from '@wm/core';\nimport { AUTOCLOSE_TYPE, IWidgetConfig, provideAs, provideAsWidgetRef, styler } from '@wm/components/base';\nimport { BaseFormCustomComponent } from '@wm/components/input/base-form-custom';\nimport { registerProps } from './color-picker.props';\n\nconst DEFAULT_CLS = 'input-group app-colorpicker';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-colorpicker',\n    hostClass: DEFAULT_CLS,\n    displayType: 'inline-block'\n};\n\n@Component({\n    standalone: true,\n    imports: [CommonModule, FormsModule, ColorPickerDirective],\n    selector: '[wmColorPicker]',\n    templateUrl: './color-picker.component.html',\n    providers: [\n        provideAs(ColorPickerComponent, NG_VALUE_ACCESSOR, true),\n        provideAs(ColorPickerComponent, NG_VALIDATORS, true),\n        provideAsWidgetRef(ColorPickerComponent),\n        ColorPickerService\n    ]\n})\nexport class ColorPickerComponent extends BaseFormCustomComponent {\n    static initializeProps = registerProps();\n\n    public required: boolean;\n    public readonly: boolean;\n    public disabled: boolean;\n    public name: string;\n    public placeholder: any;\n    public tabindex: any;\n    public shortcutkey: string;\n    public outsideclick: boolean;\n    public autoclose: string;\n    public hint: string;\n    public arialabel: string;\n\n    @ViewChild(NgModel) ngModel: NgModel;\n    @ViewChild('input', { static: true, read: ElementRef }) inputEl: ElementRef;\n    @ViewChild(ColorPickerDirective) cpDirective: ColorPickerDirective;\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n    }\n\n    public colorPickerToggleChange(isOpen: boolean) {\n        const colorPickerContainer = this.nativeElement.querySelector(`.color-picker`) as HTMLElement;\n        if (colorPickerContainer) {\n            (!isOpen) ? addClass(colorPickerContainer, 'hidden') : removeClass(colorPickerContainer, 'hidden');\n        }\n    }\n\n    colorPickerOpen(value: string) {\n        $('.hex-text input').attr('placeholder', 'Enter hex color code');\n        if (this.autoclose === AUTOCLOSE_TYPE.ALWAYS) {\n            const colorPickerContainer = this.nativeElement.querySelector(`.color-picker`) as HTMLElement;\n            colorPickerContainer.onclick = () => this.cpDirective.closeDialog();\n        }\n    }\n\n    open() {\n        this.cpDirective.openDialog();\n    }\n\n    close() {\n        this.cpDirective.closeDialog();\n    }\n\n    protected handleEvent(node: HTMLElement, eventName: string, callback: Function, locals: any) {\n        if (eventName !== 'change' && eventName !== 'blur') {\n            super.handleEvent(this.inputEl.nativeElement, eventName, callback, locals);\n        }\n    }\n\n    public handleChange(newVal: boolean) {\n        this.invokeOnChange(this.datavalue, { type: 'change' }, this.ngModel.valid);\n    }\n\n    protected onPropertyChange(key: string, nv: any, ov: any) {\n        if (key === 'tabindex') {\n            return;\n        }\n        if (key === 'required') {\n            this._onChange(this.datavalue);\n            return;\n        }\n        if (key === 'datavalue') {\n            this._onChange(nv);\n            return;\n        }\n        if (key === 'autoclose') {\n            this.outsideclick = (nv === AUTOCLOSE_TYPE.OUTSIDECLICK || nv === AUTOCLOSE_TYPE.ALWAYS) ? true : false;\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n}\n","<input aria-haspopup=\"true\" class=\"form-control app-textbox\"\n       #input\n       focus-target\n       [attr.name]=\"name\"\n       [attr.aria-label]=\"arialabel\"\n       [(colorPicker)]=\"datavalue\"\n       (colorPickerChange)=\"handleChange($event);\"\n       (cpToggleChange)=\"colorPickerToggleChange($event)\"\n       [cpPosition]=\"'bottom'\"\n       [cpCloseClickOutside]=\"outsideclick\"\n       (colorPickerOpen)=\"colorPickerOpen($event)\"\n       [attr.placeholder]=\"placeholder\"\n       [disabled]=\"readonly || disabled\"\n       [required]=\"required\"\n       [tabindex]=\"tabindex\"\n       [(ngModel)]=\"datavalue\"\n       (ngModelChange)=\"handleChange($event);\"\n       [ngModelOptions]=\"{updateOn: 'change', standalone: true}\"\n       (blur)=\"invokeOnTouched($event)\"\n       [attr.accesskey]=\"shortcutkey\">\n<span class=\"input-group-addon colorpicker-container\">\n    <i class=\"colored-box\" [style.backgroundColor]=\"datavalue\">&nbsp;</i>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/input/color-picker/package.json

@@ -16,8 +16,5 @@
       "esm": "./esm2022/index.mjs",
       "default": "./fesm2022/index.mjs"
     }
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
   }
 }

package/components/input/composite/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json

package/components/input/composite/bundles/index.umd.js

@@ -0,0 +1,111 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@wm/core'), require('@wm/components/base')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@wm/core', '@wm/components/base'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.input = global.wm.components.input || {}, global.wm.components.input.composite = {}), global.ng.core, global.wm.core, global.wm.components.base));
+})(this, (function (exports, i0, core, base) { 'use strict';
+
+    function _interopNamespaceDefault(e) {
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n.default = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+
+    const registerProps = () => {
+        base.register('wm-form-group', new Map([
+            ['captionposition', base.PROP_STRING],
+            ['name', base.PROP_STRING],
+            ['required', base.PROP_BOOLEAN],
+            ['show', { value: true, ...base.PROP_BOOLEAN }]
+        ]));
+    };
+
+    const DEFAULT_CLS = 'form-group app-composite-widget clearfix';
+    const WIDGET_CONFIG = {
+        widgetType: 'wm-form-group',
+        hostClass: DEFAULT_CLS
+    };
+    const CAPTION_POSITION = {
+        left: 'caption-left',
+        right: 'caption-right',
+        top: 'caption-top',
+        floating: 'caption-floating'
+    };
+    class CompositeDirective extends base.StylableComponent {
+        static { this.initializeProps = registerProps(); }
+        constructor(inj, explicitContext) {
+            super(inj, WIDGET_CONFIG, explicitContext);
+            base.styler(this.nativeElement, this, base.APPLY_STYLES_TYPE.CONTAINER);
+        }
+        /**
+         * this is onPropertyChange handler for the form-group component
+         * @param key
+         * @param nv
+         * @param ov
+         */
+        onPropertyChange(key, nv, ov) {
+            if (key === 'captionposition') {
+                core.switchClass(this.nativeElement, CAPTION_POSITION[nv], CAPTION_POSITION[ov]);
+            }
+            else if (key === 'required') {
+                this.required = nv;
+                this.assignRequiredToSubComponents();
+            }
+            else {
+                super.onPropertyChange(key, nv, ov);
+            }
+        }
+        /**
+         * this method assigns the required on the component/directive based on the required attribute of the form-group
+         */
+        assignRequiredToSubComponents() {
+            if (this.required && this.componentRefs) {
+                setTimeout(() => {
+                    this.componentRefs.forEach(componentRef => componentRef.widget.required = true);
+                }, 50);
+            }
+        }
+        ngAfterViewInit() {
+            super.ngAfterViewInit();
+            core.addForIdAttributes(this.nativeElement);
+            this.assignRequiredToSubComponents();
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: CompositeDirective, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: CompositeDirective, isStandalone: true, selector: "div[wmComposite]", providers: [
+                base.provideAsWidgetRef(CompositeDirective)
+            ], queries: [{ propertyName: "componentRefs", predicate: base.WidgetRef, descendants: true }], usesInheritance: true, ngImport: i0__namespace }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: CompositeDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: 'div[wmComposite]',
+                        providers: [
+                            base.provideAsWidgetRef(CompositeDirective)
+                        ]
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { componentRefs: [{
+                    type: i0.ContentChildren,
+                    args: [base.WidgetRef, { descendants: true }]
+                }] } });
+
+    exports.CompositeDirective = CompositeDirective;
+
+}));

package/components/input/composite/esm2022/composite.directive.mjs

@@ -0,0 +1,79 @@
+import { ContentChildren, Directive, Inject, Injector, Optional } from '@angular/core';
+import { addForIdAttributes, switchClass } from '@wm/core';
+import { APPLY_STYLES_TYPE, provideAsWidgetRef, StylableComponent, styler, WidgetRef } from '@wm/components/base';
+import { registerProps } from './composite.props';
+import * as i0 from "@angular/core";
+const DEFAULT_CLS = 'form-group app-composite-widget clearfix';
+const WIDGET_CONFIG = {
+    widgetType: 'wm-form-group',
+    hostClass: DEFAULT_CLS
+};
+const CAPTION_POSITION = {
+    left: 'caption-left',
+    right: 'caption-right',
+    top: 'caption-top',
+    floating: 'caption-floating'
+};
+export class CompositeDirective extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
+    }
+    /**
+     * this is onPropertyChange handler for the form-group component
+     * @param key
+     * @param nv
+     * @param ov
+     */
+    onPropertyChange(key, nv, ov) {
+        if (key === 'captionposition') {
+            switchClass(this.nativeElement, CAPTION_POSITION[nv], CAPTION_POSITION[ov]);
+        }
+        else if (key === 'required') {
+            this.required = nv;
+            this.assignRequiredToSubComponents();
+        }
+        else {
+            super.onPropertyChange(key, nv, ov);
+        }
+    }
+    /**
+     * this method assigns the required on the component/directive based on the required attribute of the form-group
+     */
+    assignRequiredToSubComponents() {
+        if (this.required && this.componentRefs) {
+            setTimeout(() => {
+                this.componentRefs.forEach(componentRef => componentRef.widget.required = true);
+            }, 50);
+        }
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        addForIdAttributes(this.nativeElement);
+        this.assignRequiredToSubComponents();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CompositeDirective, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: CompositeDirective, isStandalone: true, selector: "div[wmComposite]", providers: [
+            provideAsWidgetRef(CompositeDirective)
+        ], queries: [{ propertyName: "componentRefs", predicate: WidgetRef, descendants: true }], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CompositeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'div[wmComposite]',
+                    providers: [
+                        provideAsWidgetRef(CompositeDirective)
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { componentRefs: [{
+                type: ContentChildren,
+                args: [WidgetRef, { descendants: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9zaXRlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9pbnB1dC9jb21wb3NpdGUvc3JjL2NvbXBvc2l0ZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixlQUFlLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXBHLE9BQU8sRUFBQyxrQkFBa0IsRUFBRSxXQUFXLEVBQUMsTUFBTSxVQUFVLENBQUM7QUFFekQsT0FBTyxFQUFFLGlCQUFpQixFQUFpQixrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFakksT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQUlsRCxNQUFNLFdBQVcsR0FBRywwQ0FBMEMsQ0FBQztBQUMvRCxNQUFNLGFBQWEsR0FBa0I7SUFDakMsVUFBVSxFQUFFLGVBQWU7SUFDM0IsU0FBUyxFQUFFLFdBQVc7Q0FDekIsQ0FBQztBQUVGLE1BQU0sZ0JBQWdCLEdBQUc7SUFDckIsSUFBSSxFQUFFLGNBQWM7SUFDcEIsS0FBSyxFQUFFLGVBQWU7SUFDdEIsR0FBRyxFQUFFLGFBQWE7SUFDbEIsUUFBUSxFQUFFLGtCQUFrQjtDQUMvQixDQUFDO0FBU0YsTUFBTSxPQUFPLGtCQUFtQixTQUFRLGlCQUFpQjthQUM5QyxvQkFBZSxHQUFHLGFBQWEsRUFBRSxBQUFsQixDQUFtQjtJQU96QyxZQUFZLEdBQWEsRUFBMEMsZUFBb0I7UUFDbkYsS0FBSyxDQUFDLEdBQUcsRUFBRSxhQUFhLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFDM0MsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxFQUFFLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNILGdCQUFnQixDQUFDLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRTtRQUN4QixJQUFJLEdBQUcsS0FBSyxpQkFBaUIsRUFBRSxDQUFDO1lBQzVCLFdBQVcsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLGdCQUFnQixDQUFDLEVBQUUsQ0FBQyxFQUFFLGdCQUFnQixDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDaEYsQ0FBQzthQUFNLElBQUksR0FBRyxLQUFLLFVBQVUsRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyw2QkFBNkIsRUFBRSxDQUFDO1FBQ3pDLENBQUM7YUFBTSxDQUFDO1lBQ0osS0FBSyxDQUFDLGdCQUFnQixDQUFDLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDeEMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNPLDZCQUE2QjtRQUNuQyxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3RDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ1osSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsQ0FBQztZQUNwRixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDWCxDQUFDO0lBQ0wsQ0FBQztJQUVELGVBQWU7UUFDWCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsa0JBQWtCLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRXZDLElBQUksQ0FBQyw2QkFBNkIsRUFBRSxDQUFDO0lBQ3pDLENBQUM7K0dBOUNRLGtCQUFrQiwwQ0FRUSxrQkFBa0I7bUdBUjVDLGtCQUFrQiwrREFKaEI7WUFDUCxrQkFBa0IsQ0FBQyxrQkFBa0IsQ0FBQztTQUN6Qyx3REFNZ0IsU0FBUzs7NEZBSmpCLGtCQUFrQjtrQkFQOUIsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDZCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixTQUFTLEVBQUU7d0JBQ1Asa0JBQWtCLG9CQUFvQjtxQkFDekM7aUJBQ0o7OzBCQVMrQixNQUFNOzJCQUFDLGtCQUFrQjs7MEJBQUcsUUFBUTt5Q0FKZixhQUFhO3NCQUE3RCxlQUFlO3VCQUFDLFNBQVMsRUFBRSxFQUFDLFdBQVcsRUFBRSxJQUFJLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FmdGVyVmlld0luaXQsIENvbnRlbnRDaGlsZHJlbiwgRGlyZWN0aXZlLCBJbmplY3QsIEluamVjdG9yLCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7YWRkRm9ySWRBdHRyaWJ1dGVzLCBzd2l0Y2hDbGFzc30gZnJvbSAnQHdtL2NvcmUnO1xuXG5pbXBvcnQgeyBBUFBMWV9TVFlMRVNfVFlQRSwgSVdpZGdldENvbmZpZywgcHJvdmlkZUFzV2lkZ2V0UmVmLCBTdHlsYWJsZUNvbXBvbmVudCwgc3R5bGVyLCBXaWRnZXRSZWYgfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcblxuaW1wb3J0IHsgcmVnaXN0ZXJQcm9wcyB9IGZyb20gJy4vY29tcG9zaXRlLnByb3BzJztcblxuZGVjbGFyZSBjb25zdCAkO1xuXG5jb25zdCBERUZBVUxUX0NMUyA9ICdmb3JtLWdyb3VwIGFwcC1jb21wb3NpdGUtd2lkZ2V0IGNsZWFyZml4JztcbmNvbnN0IFdJREdFVF9DT05GSUc6IElXaWRnZXRDb25maWcgPSB7XG4gICAgd2lkZ2V0VHlwZTogJ3dtLWZvcm0tZ3JvdXAnLFxuICAgIGhvc3RDbGFzczogREVGQVVMVF9DTFNcbn07XG5cbmNvbnN0IENBUFRJT05fUE9TSVRJT04gPSB7XG4gICAgbGVmdDogJ2NhcHRpb24tbGVmdCcsXG4gICAgcmlnaHQ6ICdjYXB0aW9uLXJpZ2h0JyxcbiAgICB0b3A6ICdjYXB0aW9uLXRvcCcsXG4gICAgZmxvYXRpbmc6ICdjYXB0aW9uLWZsb2F0aW5nJ1xufTtcblxuQERpcmVjdGl2ZSh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdkaXZbd21Db21wb3NpdGVdJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgcHJvdmlkZUFzV2lkZ2V0UmVmKENvbXBvc2l0ZURpcmVjdGl2ZSlcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIENvbXBvc2l0ZURpcmVjdGl2ZSBleHRlbmRzIFN0eWxhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgc3RhdGljIGluaXRpYWxpemVQcm9wcyA9IHJlZ2lzdGVyUHJvcHMoKTtcblxuICAgIC8vIHRoaXMgaXMgdGhlIHJlZmVyZW5jZSB0byB0aGUgY29tcG9uZW50IHJlZnMgaW5zaWRlIHRoZSBmb3JtLWdyb3VwXG4gICAgQENvbnRlbnRDaGlsZHJlbihXaWRnZXRSZWYsIHtkZXNjZW5kYW50czogdHJ1ZX0pIGNvbXBvbmVudFJlZnM7XG5cbiAgICBwdWJsaWMgcmVxdWlyZWQ6IGJvb2xlYW47XG5cbiAgICBjb25zdHJ1Y3Rvcihpbmo6IEluamVjdG9yLCBASW5qZWN0KCdFWFBMSUNJVF9DT05URVhUJykgQE9wdGlvbmFsKCkgZXhwbGljaXRDb250ZXh0OiBhbnkpIHtcbiAgICAgICAgc3VwZXIoaW5qLCBXSURHRVRfQ09ORklHLCBleHBsaWNpdENvbnRleHQpO1xuICAgICAgICBzdHlsZXIodGhpcy5uYXRpdmVFbGVtZW50LCB0aGlzLCBBUFBMWV9TVFlMRVNfVFlQRS5DT05UQUlORVIpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIHRoaXMgaXMgb25Qcm9wZXJ0eUNoYW5nZSBoYW5kbGVyIGZvciB0aGUgZm9ybS1ncm91cCBjb21wb25lbnRcbiAgICAgKiBAcGFyYW0ga2V5XG4gICAgICogQHBhcmFtIG52XG4gICAgICogQHBhcmFtIG92XG4gICAgICovXG4gICAgb25Qcm9wZXJ0eUNoYW5nZShrZXksIG52LCBvdikge1xuICAgICAgICBpZiAoa2V5ID09PSAnY2FwdGlvbnBvc2l0aW9uJykge1xuICAgICAgICAgICAgc3dpdGNoQ2xhc3ModGhpcy5uYXRpdmVFbGVtZW50LCBDQVBUSU9OX1BPU0lUSU9OW252XSwgQ0FQVElPTl9QT1NJVElPTltvdl0pO1xuICAgICAgICB9IGVsc2UgaWYgKGtleSA9PT0gJ3JlcXVpcmVkJykge1xuICAgICAgICAgICAgdGhpcy5yZXF1aXJlZCA9IG52O1xuICAgICAgICAgICAgdGhpcy5hc3NpZ25SZXF1aXJlZFRvU3ViQ29tcG9uZW50cygpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc3VwZXIub25Qcm9wZXJ0eUNoYW5nZShrZXksIG52LCBvdik7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiB0aGlzIG1ldGhvZCBhc3NpZ25zIHRoZSByZXF1aXJlZCBvbiB0aGUgY29tcG9uZW50L2RpcmVjdGl2ZSBiYXNlZCBvbiB0aGUgcmVxdWlyZWQgYXR0cmlidXRlIG9mIHRoZSBmb3JtLWdyb3VwXG4gICAgICovXG4gICAgcHJvdGVjdGVkIGFzc2lnblJlcXVpcmVkVG9TdWJDb21wb25lbnRzKCkge1xuICAgICAgICBpZiAodGhpcy5yZXF1aXJlZCAmJiB0aGlzLmNvbXBvbmVudFJlZnMpIHtcbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuY29tcG9uZW50UmVmcy5mb3JFYWNoKGNvbXBvbmVudFJlZiA9PiBjb21wb25lbnRSZWYud2lkZ2V0LnJlcXVpcmVkID0gdHJ1ZSk7XG4gICAgICAgICAgICB9LCA1MCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgICAgIHN1cGVyLm5nQWZ0ZXJWaWV3SW5pdCgpO1xuICAgICAgICBhZGRGb3JJZEF0dHJpYnV0ZXModGhpcy5uYXRpdmVFbGVtZW50KTtcblxuICAgICAgICB0aGlzLmFzc2lnblJlcXVpcmVkVG9TdWJDb21wb25lbnRzKCk7XG4gICAgfVxufVxuIl19

package/components/input/composite/esm2022/composite.props.mjs

@@ -0,0 +1,10 @@
+import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';
+export const registerProps = () => {
+    register('wm-form-group', new Map([
+        ['captionposition', PROP_STRING],
+        ['name', PROP_STRING],
+        ['required', PROP_BOOLEAN],
+        ['show', { value: true, ...PROP_BOOLEAN }]
+    ]));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9zaXRlLnByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2lucHV0L2NvbXBvc2l0ZS9zcmMvY29tcG9zaXRlLnByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRTFFLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxHQUFHLEVBQUU7SUFDOUIsUUFBUSxDQUNKLGVBQWUsRUFDZixJQUFJLEdBQUcsQ0FDSDtRQUNJLENBQUMsaUJBQWlCLEVBQUUsV0FBVyxDQUFDO1FBQ2hDLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztRQUNyQixDQUFDLFVBQVUsRUFBRSxZQUFZLENBQUM7UUFDMUIsQ0FBQyxNQUFNLEVBQUUsRUFBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7S0FDM0MsQ0FDSixDQUNKLENBQUM7QUFDTixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQUk9QX0JPT0xFQU4sIFBST1BfU1RSSU5HLCByZWdpc3RlciB9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5leHBvcnQgY29uc3QgcmVnaXN0ZXJQcm9wcyA9ICgpID0+IHtcbiAgICByZWdpc3RlcihcbiAgICAgICAgJ3dtLWZvcm0tZ3JvdXAnLFxuICAgICAgICBuZXcgTWFwKFxuICAgICAgICAgICAgW1xuICAgICAgICAgICAgICAgIFsnY2FwdGlvbnBvc2l0aW9uJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnbmFtZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ3JlcXVpcmVkJywgUFJPUF9CT09MRUFOXSxcbiAgICAgICAgICAgICAgICBbJ3Nob3cnLCB7dmFsdWU6IHRydWUsIC4uLlBST1BfQk9PTEVBTn1dXG4gICAgICAgICAgICBdXG4gICAgICAgIClcbiAgICApO1xufTtcbiJdfQ==

package/components/input/composite/esm2022/index.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvaW5wdXQvY29tcG9zaXRlL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19

package/components/input/composite/esm2022/public_api.mjs

@@ -0,0 +1,2 @@
+export * from './composite.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9pbnB1dC9jb21wb3NpdGUvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY29tcG9zaXRlLmRpcmVjdGl2ZSc7XG4iXX0=

package/components/input/composite/fesm2022/index.mjs

@@ -0,0 +1,94 @@
+import * as i0 from '@angular/core';
+import { ContentChildren, Inject, Optional, Directive } from '@angular/core';
+import { switchClass, addForIdAttributes } from '@wm/core';
+import { register, PROP_STRING, PROP_BOOLEAN, StylableComponent, styler, APPLY_STYLES_TYPE, WidgetRef, provideAsWidgetRef } from '@wm/components/base';
+
+const registerProps = () => {
+    register('wm-form-group', new Map([
+        ['captionposition', PROP_STRING],
+        ['name', PROP_STRING],
+        ['required', PROP_BOOLEAN],
+        ['show', { value: true, ...PROP_BOOLEAN }]
+    ]));
+};
+
+const DEFAULT_CLS = 'form-group app-composite-widget clearfix';
+const WIDGET_CONFIG = {
+    widgetType: 'wm-form-group',
+    hostClass: DEFAULT_CLS
+};
+const CAPTION_POSITION = {
+    left: 'caption-left',
+    right: 'caption-right',
+    top: 'caption-top',
+    floating: 'caption-floating'
+};
+class CompositeDirective extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
+    }
+    /**
+     * this is onPropertyChange handler for the form-group component
+     * @param key
+     * @param nv
+     * @param ov
+     */
+    onPropertyChange(key, nv, ov) {
+        if (key === 'captionposition') {
+            switchClass(this.nativeElement, CAPTION_POSITION[nv], CAPTION_POSITION[ov]);
+        }
+        else if (key === 'required') {
+            this.required = nv;
+            this.assignRequiredToSubComponents();
+        }
+        else {
+            super.onPropertyChange(key, nv, ov);
+        }
+    }
+    /**
+     * this method assigns the required on the component/directive based on the required attribute of the form-group
+     */
+    assignRequiredToSubComponents() {
+        if (this.required && this.componentRefs) {
+            setTimeout(() => {
+                this.componentRefs.forEach(componentRef => componentRef.widget.required = true);
+            }, 50);
+        }
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        addForIdAttributes(this.nativeElement);
+        this.assignRequiredToSubComponents();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CompositeDirective, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: CompositeDirective, isStandalone: true, selector: "div[wmComposite]", providers: [
+            provideAsWidgetRef(CompositeDirective)
+        ], queries: [{ propertyName: "componentRefs", predicate: WidgetRef, descendants: true }], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CompositeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'div[wmComposite]',
+                    providers: [
+                        provideAsWidgetRef(CompositeDirective)
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { componentRefs: [{
+                type: ContentChildren,
+                args: [WidgetRef, { descendants: true }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CompositeDirective };
+//# sourceMappingURL=index.mjs.map

package/components/input/composite/fesm2022/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/composite/src/composite.props.ts","../../../../../projects/components/widgets/input/composite/src/composite.directive.ts","../../../../../projects/components/widgets/input/composite/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-form-group',\n        new Map(\n            [\n                ['captionposition', PROP_STRING],\n                ['name', PROP_STRING],\n                ['required', PROP_BOOLEAN],\n                ['show', {value: true, ...PROP_BOOLEAN}]\n            ]\n        )\n    );\n};\n","import {AfterViewInit, ContentChildren, Directive, Inject, Injector, Optional} from '@angular/core';\n\nimport {addForIdAttributes, switchClass} from '@wm/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, StylableComponent, styler, WidgetRef } from '@wm/components/base';\n\nimport { registerProps } from './composite.props';\n\ndeclare const $;\n\nconst DEFAULT_CLS = 'form-group app-composite-widget clearfix';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-form-group',\n    hostClass: DEFAULT_CLS\n};\n\nconst CAPTION_POSITION = {\n    left: 'caption-left',\n    right: 'caption-right',\n    top: 'caption-top',\n    floating: 'caption-floating'\n};\n\n@Directive({\n  standalone: true,\n    selector: 'div[wmComposite]',\n    providers: [\n        provideAsWidgetRef(CompositeDirective)\n    ]\n})\nexport class CompositeDirective extends StylableComponent implements AfterViewInit {\n    static initializeProps = registerProps();\n\n    // this is the reference to the component refs inside the form-group\n    @ContentChildren(WidgetRef, {descendants: true}) componentRefs;\n\n    public required: boolean;\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n    }\n\n    /**\n     * this is onPropertyChange handler for the form-group component\n     * @param key\n     * @param nv\n     * @param ov\n     */\n    onPropertyChange(key, nv, ov) {\n        if (key === 'captionposition') {\n            switchClass(this.nativeElement, CAPTION_POSITION[nv], CAPTION_POSITION[ov]);\n        } else if (key === 'required') {\n            this.required = nv;\n            this.assignRequiredToSubComponents();\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    /**\n     * this method assigns the required on the component/directive based on the required attribute of the form-group\n     */\n    protected assignRequiredToSubComponents() {\n        if (this.required && this.componentRefs) {\n            setTimeout(() => {\n                this.componentRefs.forEach(componentRef => componentRef.widget.required = true);\n            }, 50);\n        }\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n        addForIdAttributes(this.nativeElement);\n\n        this.assignRequiredToSubComponents();\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/input/composite/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@wm/components/input/composite" />
+export * from './public_api';

package/components/input/composite/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@wm/components/input/composite",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2022/index.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/index.mjs",
+      "esm": "./esm2022/index.mjs",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

package/components/input/composite/public_api.d.ts

@@ -0,0 +1 @@
+export * from './composite.directive';