@wavemaker/app-ng-runtime 11.13.0-rc.222 → 11.14.0-rc.226

package/components/input/base-form-custom/esm2022/base-form-custom.component.mjs

@@ -0,0 +1,94 @@
+import { FormControlName } from '@angular/forms';
+import { Injectable } from '@angular/core';
+import { BaseFormComponent } from '@wm/components/input/base-form';
+import * as i0 from "@angular/core";
+/*
+ * WMS-18269
+ * custom 'required' validator for components,
+ * as the bound values are resolved at runtime
+ * Called on 'required' property change
+ *
+ * Note: Component needs NG_VALIDATOR provider for this to work
+ */
+function isValidValue(val) {
+    switch (typeof val) {
+        case 'object': return (!!val && (!!val.length || !!Object.keys(val).length));
+        case 'number': return (!!val || val === 0);
+        default: return !(val === undefined || val === null || val === '');
+    }
+}
+function validateRequiredBind(required) {
+    return (control) => required
+        ? (isValidValue(control.value)
+            ? null
+            : { required: true })
+        : null;
+}
+export class BaseFormCustomComponent extends BaseFormComponent {
+    constructor() {
+        super(...arguments);
+        this._onChange = () => { };
+        this._onTouched = () => { };
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this._formControl = this.inj.get(FormControlName, null);
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    writeValue(value) {
+        if (this.isDestroyed) {
+            return;
+        }
+        if (this._formControl) {
+            if (this._formControl.valueAccessor["widgetSubType"].startsWith('wm-custom-'))
+                return;
+            this.datavalue = value;
+            this.onPropertyChange('datavalue', value);
+            this.updatePrevDatavalue(value);
+        }
+        /*
+         * WMS:18246
+         * Call onChange on default value, so that the Component Model is updated
+         * Do only When the Model Value is different from datavalue
+         */
+        (value !== this.datavalue) && this._onChange(this.datavalue);
+    }
+    get formControl() {
+        return this._formControl;
+    }
+    invokeOnChange(value, $event, valid) {
+        // let the angular know about the change
+        this._onChange(value);
+        if ($event) {
+            super.invokeOnChange(value, $event);
+        }
+        else if (valid) {
+            // Fix for [WMS-24869]: updating PrevDatavalue when there is a default value for the widget.
+            this.updatePrevDatavalue(value);
+        }
+    }
+    invokeOnTouched($event) {
+        this._onTouched();
+        if ($event) {
+            this.invokeEventCallback('blur', { $event });
+        }
+    }
+    invokeOnFocus($event) {
+        this.invokeEventCallback('focus', { $event });
+    }
+    /* WMS-18269 */
+    validate(control) {
+        return this['show'] ? validateRequiredBind(this['required'])(control) : null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseFormCustomComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseFormCustomComponent }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseFormCustomComponent, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1mb3JtLWN1c3RvbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvaW5wdXQvYmFzZS1mb3JtLWN1c3RvbS9zcmMvYmFzZS1mb3JtLWN1c3RvbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF3QixlQUFlLEVBQTJDLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEgsT0FBTyxFQUFFLFVBQVUsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUVuRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7QUFFbkU7Ozs7Ozs7R0FPRztBQUNILFNBQVMsWUFBWSxDQUFDLEdBQUc7SUFDckIsUUFBTyxPQUFPLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLEtBQUssUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO1FBQzdFLEtBQUssUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQ3ZDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsS0FBSyxTQUFTLElBQUksR0FBRyxLQUFLLElBQUksSUFBSSxHQUFHLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDM0UsQ0FBQztBQUNMLENBQUM7QUFDRCxTQUFTLG9CQUFvQixDQUFDLFFBQWlCO0lBQzNDLE9BQU8sQ0FBQyxPQUF3QixFQUFFLEVBQUUsQ0FDaEMsUUFBUTtRQUNKLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO1lBQzFCLENBQUMs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VmFsdWVBY2Nlc3NvciwgRm9ybUNvbnRyb2xOYW1lLCBWYWxpZGF0b3IsIFZhbGlkYXRvckZuLCBBYnN0cmFjdENvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBJbmplY3RhYmxlLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQmFzZUZvcm1Db21wb25lbnQgfSBmcm9tICdAd20vY29tcG9uZW50cy9pbnB1dC9iYXNlLWZvcm0nO1xuXG4vKlxuICogV01TLTE4MjY5XG4gKiBjdXN0b20gJ3JlcXVpcmVkJyB2YWxpZGF0b3IgZm9yIGNvbXBvbmVudHMsXG4gKiBhcyB0aGUgYm91bmQgdmFsdWVzIGFyZSByZXNvbHZlZCBhdCBydW50aW1lXG4gKiBDYWxsZWQgb24gJ3JlcXVpcmVkJyBwcm9wZXJ0eSBjaGFuZ2VcbiAqXG4gKiBOb3RlOiBDb21wb25lbnQgbmVlZHMgTkdfVkFMSURBVE9SIHByb3ZpZGVyIGZvciB0aGlzIHRvIHdvcmtcbiAqL1xuZnVuY3Rpb24gaXNWYWxpZFZhbHVlKHZhbCk6IEJvb2xlYW4ge1xuICAgIHN3aXRjaCh0eXBlb2YgdmFsKSB7XG4gICAgICAgIGNhc2UgJ29iamVjdCc6IHJldHVybiAoISF2YWwgJiYgKCEhdmFsLmxlbmd0aCB8fCAhIU9iamVjdC5rZXlzKHZhbCkubGVuZ3RoKSk7XG4gICAgICAgIGNhc2UgJ251bWJlcic6IHJldHVybiAoISF2YWwgfHwgdmFsID09PSAwKTtcbiAgICAgICAgICAgIGRlZmF1bHQ6IHJldHVybiAhKHZhbCA9PT0gdW5kZWZpbmVkIHx8IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09ICcnKTtcbiAgICB9XG59XG5mdW5jdGlvbiB2YWxpZGF0ZVJlcXVpcmVkQmluZChyZXF1aXJlZDogYm9vbGVhbik6IFZhbGlkYXRvckZuIHtcbiAgICByZXR1cm4gKGNvbnRyb2w6IEFic3RyYWN0Q29udHJvbCkgPT5cbiAgICAgICAgcmVxdWlyZWRcbiAgICAgICAgICAgID8gKGlzVmFsaWRWYWx1ZShjb250cm9sLnZhbHVlKVxuICAgICAgICAgICAgICAgID8gbnVsbFxuICAgICAgICAgICAgICAgIDogeyByZXF1aXJlZDogdHJ1ZSB9KVxuICAgICAgICAgICAgOiBudWxsO1xufVxuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQmFzZUZvcm1DdXN0b21Db21wb25lbnQgZXh0ZW5kcyBCYXNlRm9ybUNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBPbkluaXQsIFZhbGlkYXRvciB7XG5cbiAgICBwcml2YXRlIF9mb3JtQ29udHJvbDogRm9ybUNvbnRyb2xOYW1lO1xuICAgIHByb3RlY3RlZCBfb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xuICAgIHByaXZhdGUgX29uVG91Y2hlZDogYW55ID0gKCkgPT4ge307XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAgICAgdGhpcy5fZm9ybUNvbnRyb2wgPSB0aGlzLmluai5nZXQoRm9ybUNvbnRyb2xOYW1lLCBudWxsKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgcmVnaXN0ZXJPbkNoYW5nZShmbikge1xuICAgICAgICB0aGlzLl9vbkNoYW5nZSA9IGZuO1xuICAgIH1cblxuICAgIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChmbikge1xuICAgICAgICB0aGlzLl9vblRvdWNoZWQgPSBmbjtcbiAgICB9XG5cbiAgICBwdWJsaWMgd3JpdGVWYWx1ZSh2YWx1ZSkge1xuICAgICAgICBpZiAodGhpcy5pc0Rlc3Ryb3llZCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLl9mb3JtQ29udHJvbCkge1xuXG4gICAgICAgICAgICBpZih0aGlzLl9mb3JtQ29udHJvbC52YWx1ZUFjY2Vzc29yW1wid2lkZ2V0U3ViVHlwZVwiXS5zdGFydHNXaXRoKCd3bS1jdXN0b20tJykpXG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuXG4gICAgICAgICAgICB0aGlzLmRhdGF2YWx1ZSA9IHZhbHVlO1xuICAgICAgICAgICAgdGhpcy5vblByb3BlcnR5Q2hhbmdlKCdkYXRhdmFsdWUnLCB2YWx1ZSk7XG4gICAgICAgICAgICB0aGlzLnVwZGF0ZVByZXZEYXRhdmFsdWUodmFsdWUpO1xuICAgICAgICB9XG4gICAgICAgIC8qXG4gICAgICAgICAqIFdNUzoxODI0NlxuICAgICAgICAgKiBDYWxsIG9uQ2hhbmdlIG9uIGRlZmF1bHQgdmFsdWUsIHNvIHRoYXQgdGhlIENvbXBvbmVudCBNb2RlbCBpcyB1cGRhdGVkXG4gICAgICAgICAqIERvIG9ubHkgV2hlbiB0aGUgTW9kZWwgVmFsdWUgaXMgZGlmZmVyZW50IGZyb20gZGF0YXZhbHVlXG4gICAgICAgICAqL1xuICAgICAgICAodmFsdWUhPT10aGlzLmRhdGF2YWx1ZSkgJiYgdGhpcy5fb25DaGFuZ2UodGhpcy5kYXRhdmFsdWUpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgZm9ybUNvbnRyb2woKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9mb3JtQ29udHJvbDtcbiAgICB9XG5cbiAgICBwdWJsaWMgaW52b2tlT25DaGFuZ2UodmFsdWUsICRldmVudD86IEV2ZW50IHwgYW55LCB2YWxpZD86IGJvb2xlYW4pIHtcbiAgICAgICAgLy8gbGV0IHRoZSBhbmd1bGFyIGtub3cgYWJvdXQgdGhlIGNoYW5nZVxuICAgICAgICB0aGlzLl9vbkNoYW5nZSh2YWx1ZSk7XG4gICAgICAgIGlmICgkZXZlbnQpIHtcbiAgICAgICAgICAgIHN1cGVyLmludm9rZU9uQ2hhbmdlKHZhbHVlLCAkZXZlbnQpO1xuICAgICAgICB9IGVsc2UgaWYgKHZhbGlkKSB7XG4gICAgICAgICAgICAvLyBGaXggZm9yIFtXTVMtMjQ4NjldOiB1cGRhdGluZyBQcmV2RGF0YXZhbHVlIHdoZW4gdGhlcmUgaXMgYSBkZWZhdWx0IHZhbHVlIGZvciB0aGUgd2lkZ2V0LlxuICAgICAgICAgICAgdGhpcy51cGRhdGVQcmV2RGF0YXZhbHVlKHZhbHVlKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBpbnZva2VPblRvdWNoZWQoJGV2ZW50PzogRXZlbnQpIHtcbiAgICAgICAgdGhpcy5fb25Ub3VjaGVkKCk7XG5cbiAgICAgICAgaWYgKCRldmVudCkge1xuICAgICAgICAgICAgdGhpcy5pbnZva2VFdmVudENhbGxiYWNrKCdibHVyJywgeyRldmVudH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIGludm9rZU9uRm9jdXMoJGV2ZW50OiBFdmVudCkge1xuICAgICAgICB0aGlzLmludm9rZUV2ZW50Q2FsbGJhY2soJ2ZvY3VzJywgeyRldmVudH0pO1xuICAgIH1cbiAgICAvKiBXTVMtMTgyNjkgKi9cbiAgICB2YWxpZGF0ZShjb250cm9sOiBBYnN0cmFjdENvbnRyb2wpOntba2V5OiBzdHJpbmddOmFueX0ge1xuICAgICAgICByZXR1cm4gdGhpc1snc2hvdyddID8gdmFsaWRhdGVSZXF1aXJlZEJpbmQodGhpc1sncmVxdWlyZWQnXSkoY29udHJvbCkgOiBudWxsO1xuICAgIH1cbn1cbiJdfQ==

package/components/input/base-form-custom/esm2022/index.mjs

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

package/components/input/base-form-custom/esm2022/public_api.mjs

@@ -0,0 +1,2 @@
+export * from './base-form-custom.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9pbnB1dC9iYXNlLWZvcm0tY3VzdG9tL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsOEJBQThCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2Jhc2UtZm9ybS1jdXN0b20uY29tcG9uZW50JztcbiJdfQ==

package/components/input/base-form-custom/fesm2022/index.mjs

@@ -0,0 +1,101 @@
+import { FormControlName } from '@angular/forms';
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import { BaseFormComponent } from '@wm/components/input/base-form';
+
+/*
+ * WMS-18269
+ * custom 'required' validator for components,
+ * as the bound values are resolved at runtime
+ * Called on 'required' property change
+ *
+ * Note: Component needs NG_VALIDATOR provider for this to work
+ */
+function isValidValue(val) {
+    switch (typeof val) {
+        case 'object': return (!!val && (!!val.length || !!Object.keys(val).length));
+        case 'number': return (!!val || val === 0);
+        default: return !(val === undefined || val === null || val === '');
+    }
+}
+function validateRequiredBind(required) {
+    return (control) => required
+        ? (isValidValue(control.value)
+            ? null
+            : { required: true })
+        : null;
+}
+class BaseFormCustomComponent extends BaseFormComponent {
+    constructor() {
+        super(...arguments);
+        this._onChange = () => { };
+        this._onTouched = () => { };
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this._formControl = this.inj.get(FormControlName, null);
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    writeValue(value) {
+        if (this.isDestroyed) {
+            return;
+        }
+        if (this._formControl) {
+            if (this._formControl.valueAccessor["widgetSubType"].startsWith('wm-custom-'))
+                return;
+            this.datavalue = value;
+            this.onPropertyChange('datavalue', value);
+            this.updatePrevDatavalue(value);
+        }
+        /*
+         * WMS:18246
+         * Call onChange on default value, so that the Component Model is updated
+         * Do only When the Model Value is different from datavalue
+         */
+        (value !== this.datavalue) && this._onChange(this.datavalue);
+    }
+    get formControl() {
+        return this._formControl;
+    }
+    invokeOnChange(value, $event, valid) {
+        // let the angular know about the change
+        this._onChange(value);
+        if ($event) {
+            super.invokeOnChange(value, $event);
+        }
+        else if (valid) {
+            // Fix for [WMS-24869]: updating PrevDatavalue when there is a default value for the widget.
+            this.updatePrevDatavalue(value);
+        }
+    }
+    invokeOnTouched($event) {
+        this._onTouched();
+        if ($event) {
+            this.invokeEventCallback('blur', { $event });
+        }
+    }
+    invokeOnFocus($event) {
+        this.invokeEventCallback('focus', { $event });
+    }
+    /* WMS-18269 */
+    validate(control) {
+        return this['show'] ? validateRequiredBind(this['required'])(control) : null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseFormCustomComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseFormCustomComponent }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseFormCustomComponent, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseFormCustomComponent };
+//# sourceMappingURL=index.mjs.map

package/components/input/base-form-custom/fesm2022/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/base-form-custom/src/base-form-custom.component.ts","../../../../../projects/components/widgets/input/base-form-custom/src/index.ts"],"sourcesContent":["import { ControlValueAccessor, FormControlName, Validator, ValidatorFn, AbstractControl } from '@angular/forms';\nimport { Injectable, OnInit } from '@angular/core';\n\nimport { BaseFormComponent } from '@wm/components/input/base-form';\n\n/*\n * WMS-18269\n * custom 'required' validator for components,\n * as the bound values are resolved at runtime\n * Called on 'required' property change\n *\n * Note: Component needs NG_VALIDATOR provider for this to work\n */\nfunction isValidValue(val): Boolean {\n    switch(typeof val) {\n        case 'object': return (!!val && (!!val.length || !!Object.keys(val).length));\n        case 'number': return (!!val || val === 0);\n            default: return !(val === undefined || val === null || val === '');\n    }\n}\nfunction validateRequiredBind(required: boolean): ValidatorFn {\n    return (control: AbstractControl) =>\n        required\n            ? (isValidValue(control.value)\n                ? null\n                : { required: true })\n            : null;\n}\n\n@Injectable()\nexport abstract class BaseFormCustomComponent extends BaseFormComponent implements ControlValueAccessor, OnInit, Validator {\n\n    private _formControl: FormControlName;\n    protected _onChange: any = () => {};\n    private _onTouched: any = () => {};\n\n    ngOnInit() {\n        super.ngOnInit();\n        this._formControl = this.inj.get(FormControlName, null);\n    }\n\n    public registerOnChange(fn) {\n        this._onChange = fn;\n    }\n\n    public registerOnTouched(fn) {\n        this._onTouched = fn;\n    }\n\n    public writeValue(value) {\n        if (this.isDestroyed) {\n            return;\n        }\n        if (this._formControl) {\n\n            if(this._formControl.valueAccessor[\"widgetSubType\"].startsWith('wm-custom-'))\n                return;\n\n            this.datavalue = value;\n            this.onPropertyChange('datavalue', value);\n            this.updatePrevDatavalue(value);\n        }\n        /*\n         * WMS:18246\n         * Call onChange on default value, so that the Component Model is updated\n         * Do only When the Model Value is different from datavalue\n         */\n        (value!==this.datavalue) && this._onChange(this.datavalue);\n    }\n\n    public get formControl() {\n        return this._formControl;\n    }\n\n    public invokeOnChange(value, $event?: Event | any, valid?: boolean) {\n        // let the angular know about the change\n        this._onChange(value);\n        if ($event) {\n            super.invokeOnChange(value, $event);\n        } else if (valid) {\n            // Fix for [WMS-24869]: updating PrevDatavalue when there is a default value for the widget.\n            this.updatePrevDatavalue(value);\n        }\n    }\n\n    public invokeOnTouched($event?: Event) {\n        this._onTouched();\n\n        if ($event) {\n            this.invokeEventCallback('blur', {$event});\n        }\n    }\n\n    public invokeOnFocus($event: Event) {\n        this.invokeEventCallback('focus', {$event});\n    }\n    /* WMS-18269 */\n    validate(control: AbstractControl):{[key: string]:any} {\n        return this['show'] ? validateRequiredBind(this['required'])(control) : null;\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/base-form-custom/index.d.ts

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

package/components/input/base-form-custom/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@wm/components/input/base-form-custom",
+  "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/base-form-custom/public_api.d.ts

@@ -0,0 +1 @@
+export * from './base-form-custom.component';

package/components/input/button/.npmignore

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

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

@@ -0,0 +1,98 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@wm/components/base')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@angular/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.button = {}), global.ng.common, global.ng.core, global.wm.components.base));
+})(this, (function (exports, i1, i0, 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 i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+
+    const registerProps = () => {
+        base.register('wm-button', new Map([
+            ['animation', base.PROP_STRING],
+            ['badgevalue', base.PROP_STRING],
+            ['caption', base.PROP_STRING],
+            ['class', base.PROP_STRING],
+            ['conditionalclass', base.PROP_ANY],
+            ['conditionalstyle', base.PROP_ANY],
+            ['disabled', base.PROP_BOOLEAN],
+            ['hint', base.PROP_STRING],
+            ['arialabel', base.PROP_STRING],
+            ['iconclass', base.PROP_STRING],
+            ['iconheight', base.PROP_STRING],
+            ['iconmargin', base.PROP_STRING],
+            ['iconposition', base.PROP_STRING],
+            ['iconurl', base.PROP_STRING],
+            ['iconwidth', base.PROP_STRING],
+            ['name', base.PROP_STRING],
+            ['shortcutkey', base.PROP_STRING],
+            ['show', { value: true, ...base.PROP_BOOLEAN }],
+            ['tabindex', { value: 0, ...base.PROP_NUMBER }],
+            ['type', base.PROP_STRING]
+        ]));
+    };
+
+    const DEFAULT_CLS = 'btn app-button';
+    const WIDGET_CONFIG = {
+        widgetType: 'wm-button',
+        hostClass: DEFAULT_CLS,
+        displayType: base.DISPLAY_TYPE.INLINE_BLOCK
+    };
+    class ButtonComponent extends base.StylableComponent {
+        static { this.initializeProps = registerProps(); }
+        constructor(inj, explicitContext) {
+            super(inj, WIDGET_CONFIG, explicitContext);
+            base.styler(this.nativeElement, this);
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: ButtonComponent, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ButtonComponent, isStandalone: true, selector: "button[wmButton]", host: { properties: { "type": "this.type", "tabIndex": "this.tabindex", "disabled": "this.disabled", "attr.accesskey": "this.shortcutkey", "attr.icon-position": "this.iconposition" } }, providers: [
+                base.provideAsWidgetRef(ButtonComponent)
+            ], exportAs: ["wmButton"], usesInheritance: true, ngImport: i0__namespace, template: "@if (iconurl) {\n  <img data-identifier=\"img\" alt=\"button image\" class=\"button-image-icon\" [src]=\"iconurl | image\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n}\n@if (iconclass) {\n  <i class=\"app-icon {{iconclass}}\" aria-hidden=\"true\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin, fontSize:iconwidth}\"></i>\n}\n@if (iconclass) {\n  <span class=\"sr-only\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n}\n<span class=\"btn-caption\" [innerHTML]=\"caption\"></span>\n<ng-content select=\".caret\"></ng-content>\n@if (badgevalue) {\n  <span class=\"badge pull-right\" [textContent]=\"badgevalue\"></span>\n}\n", dependencies: [{ kind: "ngmodule", type: i1.CommonModule }, { kind: "directive", type: i1__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: base.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "pipe", type: base.ImagePipe, name: "image" }] }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: ButtonComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [i1.CommonModule, base.TextContentDirective, base.ImagePipe], selector: 'button[wmButton]', providers: [
+                            base.provideAsWidgetRef(ButtonComponent)
+                        ], exportAs: 'wmButton', template: "@if (iconurl) {\n  <img data-identifier=\"img\" alt=\"button image\" class=\"button-image-icon\" [src]=\"iconurl | image\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n}\n@if (iconclass) {\n  <i class=\"app-icon {{iconclass}}\" aria-hidden=\"true\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin, fontSize:iconwidth}\"></i>\n}\n@if (iconclass) {\n  <span class=\"sr-only\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n}\n<span class=\"btn-caption\" [innerHTML]=\"caption\"></span>\n<ng-content select=\".caret\"></ng-content>\n@if (badgevalue) {\n  <span class=\"badge pull-right\" [textContent]=\"badgevalue\"></span>\n}\n" }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { type: [{
+                    type: i0.HostBinding,
+                    args: ['type']
+                }], tabindex: [{
+                    type: i0.HostBinding,
+                    args: ['tabIndex']
+                }], disabled: [{
+                    type: i0.HostBinding,
+                    args: ['disabled']
+                }], shortcutkey: [{
+                    type: i0.HostBinding,
+                    args: ['attr.accesskey']
+                }], iconposition: [{
+                    type: i0.HostBinding,
+                    args: ['attr.icon-position']
+                }] } });
+
+    exports.ButtonComponent = ButtonComponent;
+
+}));

package/components/input/button/esm2022/button.component.mjs

@@ -0,0 +1,50 @@
+import { CommonModule } from '@angular/common';
+import { Component, HostBinding, Inject, Injector, Optional } from '@angular/core';
+import { DISPLAY_TYPE, ImagePipe, provideAsWidgetRef, StylableComponent, styler, TextContentDirective } from '@wm/components/base';
+import { registerProps } from './button.props';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const DEFAULT_CLS = 'btn app-button';
+const WIDGET_CONFIG = {
+    widgetType: 'wm-button',
+    hostClass: DEFAULT_CLS,
+    displayType: DISPLAY_TYPE.INLINE_BLOCK
+};
+export class ButtonComponent extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        styler(this.nativeElement, this);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ButtonComponent, isStandalone: true, selector: "button[wmButton]", host: { properties: { "type": "this.type", "tabIndex": "this.tabindex", "disabled": "this.disabled", "attr.accesskey": "this.shortcutkey", "attr.icon-position": "this.iconposition" } }, providers: [
+            provideAsWidgetRef(ButtonComponent)
+        ], exportAs: ["wmButton"], usesInheritance: true, ngImport: i0, template: "@if (iconurl) {\n  <img data-identifier=\"img\" alt=\"button image\" class=\"button-image-icon\" [src]=\"iconurl | image\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n}\n@if (iconclass) {\n  <i class=\"app-icon {{iconclass}}\" aria-hidden=\"true\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin, fontSize:iconwidth}\"></i>\n}\n@if (iconclass) {\n  <span class=\"sr-only\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n}\n<span class=\"btn-caption\" [innerHTML]=\"caption\"></span>\n<ng-content select=\".caret\"></ng-content>\n@if (badgevalue) {\n  <span class=\"badge pull-right\" [textContent]=\"badgevalue\"></span>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "pipe", type: ImagePipe, name: "image" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, TextContentDirective, ImagePipe], selector: 'button[wmButton]', providers: [
+                        provideAsWidgetRef(ButtonComponent)
+                    ], exportAs: 'wmButton', template: "@if (iconurl) {\n  <img data-identifier=\"img\" alt=\"button image\" class=\"button-image-icon\" [src]=\"iconurl | image\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n}\n@if (iconclass) {\n  <i class=\"app-icon {{iconclass}}\" aria-hidden=\"true\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin, fontSize:iconwidth}\"></i>\n}\n@if (iconclass) {\n  <span class=\"sr-only\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n}\n<span class=\"btn-caption\" [innerHTML]=\"caption\"></span>\n<ng-content select=\".caret\"></ng-content>\n@if (badgevalue) {\n  <span class=\"badge pull-right\" [textContent]=\"badgevalue\"></span>\n}\n" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { type: [{
+                type: HostBinding,
+                args: ['type']
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['tabIndex']
+            }], disabled: [{
+                type: HostBinding,
+                args: ['disabled']
+            }], shortcutkey: [{
+                type: HostBinding,
+                args: ['attr.accesskey']
+            }], iconposition: [{
+                type: HostBinding,
+                args: ['attr.icon-position']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9pbnB1dC9idXR0b24vc3JjL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvaW5wdXQvYnV0dG9uL3NyYy9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRWpGLE9BQU8sRUFBQyxZQUFZLEVBQUUsU0FBUyxFQUFpQixrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsb0JBQW9CLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUVoSixPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7OztBQUU3QyxNQUFNLFdBQVcsR0FBRyxnQkFBZ0IsQ0FBQztBQUNyQyxNQUFNLGFBQWEsR0FBa0I7SUFDakMsVUFBVSxFQUFFLFdBQVc7SUFDdkIsU0FBUyxFQUFFLFdBQVc7SUFDdEIsV0FBVyxFQUFFLFlBQVksQ0FBQyxZQUFZO0NBQ3pDLENBQUM7QUFZRixNQUFNLE9BQU8sZUFBZ0IsU0FBUSxpQkFBaUI7YUFDM0Msb0JBQWUsR0FBRyxhQUFhLEVBQUUsQUFBbEIsQ0FBbUI7SUFhekMsWUFBWSxHQUFhLEVBQTBDLGVBQWU7UUFDOUUsS0FBSyxDQUFDLEdBQUcsRUFBRSxhQUFhLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFDM0MsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDckMsQ0FBQzsrR0FqQlEsZUFBZSwwQ0FjVyxrQkFBa0I7bUdBZDVDLGVBQWUseVBBTGI7WUFDUCxrQkFBa0IsQ0FBQyxlQUFlLENBQUM7U0FDdEMseUVDckJMLGlxQkFjQSwyQ0RFYyxZQUFZLG9IQUFFLG9CQUFvQiw4RUFBRSxTQUFTOzs0RkFROUMsZUFBZTtrQkFWM0IsU0FBUztpQ0FDTSxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsU0FBUyxDQUFDLFlBQzlDLGtCQUFrQixhQUVqQjt3QkFDUCxrQkFBa0IsaUJBQWlCO3FCQUN0QyxZQUNTLFVBQVU7OzBCQWdCUSxNQUFNOzJCQUFDLGtCQUFrQjs7MEJBQUcsUUFBUTt5Q0FOM0MsSUFBSTtzQkFBeEIsV0FBVzt1QkFBQyxNQUFNO2dCQUNNLFFBQVE7c0JBQWhDLFdBQVc7dUJBQUMsVUFBVTtnQkFDRSxRQUFRO3NCQUFoQyxXQUFXO3VCQUFDLFVBQVU7Z0JBQ1EsV0FBVztzQkFBekMsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBQ00sWUFBWTtzQkFBOUMsV0FBVzt1QkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbmplY3QsIEluamVjdG9yLCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7RElTUExBWV9UWVBFLCBJbWFnZVBpcGUsIElXaWRnZXRDb25maWcsIHByb3ZpZGVBc1dpZGdldFJlZiwgU3R5bGFibGVDb21wb25lbnQsIHN0eWxlciwgVGV4dENvbnRlbnREaXJlY3RpdmV9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5pbXBvcnQge3JlZ2lzdGVyUHJvcHN9IGZyb20gJy4vYnV0dG9uLnByb3BzJztcblxuY29uc3QgREVGQVVMVF9DTFMgPSAnYnRuIGFwcC1idXR0b24nO1xuY29uc3QgV0lER0VUX0NPTkZJRzogSVdpZGdldENvbmZpZyA9IHtcbiAgICB3aWRnZXRUeXBlOiAnd20tYnV0dG9uJyxcbiAgICBob3N0Q2xhc3M6IERFRkFVTFRfQ0xTLFxuICAgIGRpc3BsYXlUeXBlOiBESVNQTEFZX1RZUEUuSU5MSU5FX0JMT0NLXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFRleHRDb250ZW50RGlyZWN0aXZlLCBJbWFnZVBpcGVdLFxuICAgIHNlbGVjdG9yOiAnYnV0dG9uW3dtQnV0dG9uXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHByb3ZpZGVBc1dpZGdldFJlZihCdXR0b25Db21wb25lbnQpXG4gICAgXSxcbiAgICBleHBvcnRBczogJ3dtQnV0dG9uJ1xufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBTdHlsYWJsZUNvbXBvbmVudCB7XG4gICAgc3RhdGljIGluaXRpYWxpemVQcm9wcyA9IHJlZ2lzdGVyUHJvcHMoKTtcblxuICAgIHB1YmxpYyBpY29udXJsOiBzdHJpbmc7XG4gICAgcHVibGljIGljb25jbGFzczogc3RyaW5nO1xuICAgIHB1YmxpYyBjYXB0aW9uOiBzdHJpbmc7XG4gICAgcHVibGljIGJhZGdldmFsdWU6IHN0cmluZztcbiAgICBwdWJsaWMgYXJpYWxhYmVsOiBzdHJpbmc7XG4gICAgQEhvc3RCaW5kaW5nKCd0eXBlJykgdHlwZTogc3RyaW5nO1xuICAgIEBIb3N0QmluZGluZygndGFiSW5kZXgnKSB0YWJpbmRleDogbnVtYmVyO1xuICAgIEBIb3N0QmluZGluZygnZGlzYWJsZWQnKSBkaXNhYmxlZDogYm9vbGVhbjtcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuYWNjZXNza2V5Jykgc2hvcnRjdXRrZXk6IHN0cmluZztcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuaWNvbi1wb3NpdGlvbicpIGljb25wb3NpdGlvbjogc3RyaW5nO1xuXG4gICAgY29uc3RydWN0b3IoaW5qOiBJbmplY3RvciwgQEluamVjdCgnRVhQTElDSVRfQ09OVEVYVCcpIEBPcHRpb25hbCgpIGV4cGxpY2l0Q29udGV4dCkge1xuICAgICAgICBzdXBlcihpbmosIFdJREdFVF9DT05GSUcsIGV4cGxpY2l0Q29udGV4dCk7XG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMpO1xuICAgIH1cbn1cbiIsIkBpZiAoaWNvbnVybCkge1xuICA8aW1nIGRhdGEtaWRlbnRpZmllcj1cImltZ1wiIGFsdD1cImJ1dHRvbiBpbWFnZVwiIGNsYXNzPVwiYnV0dG9uLWltYWdlLWljb25cIiBbc3JjXT1cImljb251cmwgfCBpbWFnZVwiIFtuZ1N0eWxlXT1cInt3aWR0aDppY29ud2lkdGgsIGhlaWdodDppY29uaGVpZ2h0LCBtYXJnaW46aWNvbm1hcmdpbn1cIi8+XG59XG5AaWYgKGljb25jbGFzcykge1xuICA8aSBjbGFzcz1cImFwcC1pY29uIHt7aWNvbmNsYXNzfX1cIiBhcmlhLWhpZGRlbj1cInRydWVcIiBbbmdTdHlsZV09XCJ7d2lkdGg6aWNvbndpZHRoLCBoZWlnaHQ6aWNvbmhlaWdodCwgbWFyZ2luOmljb25tYXJnaW4sIGZvbnRTaXplOmljb253aWR0aH1cIj48L2k+XG59XG5AaWYgKGljb25jbGFzcykge1xuICA8c3BhbiBjbGFzcz1cInNyLW9ubHlcIj57e2NhcHRpb259fSB7e2FwcExvY2FsZS5MQUJFTF9JQ09OfX08L3NwYW4+XG59XG48c3BhbiBjbGFzcz1cImJ0bi1jYXB0aW9uXCIgW2lubmVySFRNTF09XCJjYXB0aW9uXCI+PC9zcGFuPlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiLmNhcmV0XCI+PC9uZy1jb250ZW50PlxuQGlmIChiYWRnZXZhbHVlKSB7XG4gIDxzcGFuIGNsYXNzPVwiYmFkZ2UgcHVsbC1yaWdodFwiIFt0ZXh0Q29udGVudF09XCJiYWRnZXZhbHVlXCI+PC9zcGFuPlxufVxuIl19

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

@@ -0,0 +1,26 @@
+import { PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register } from '@wm/components/base';
+export const registerProps = () => {
+    register('wm-button', new Map([
+        ['animation', PROP_STRING],
+        ['badgevalue', PROP_STRING],
+        ['caption', PROP_STRING],
+        ['class', PROP_STRING],
+        ['conditionalclass', PROP_ANY],
+        ['conditionalstyle', PROP_ANY],
+        ['disabled', PROP_BOOLEAN],
+        ['hint', PROP_STRING],
+        ['arialabel', PROP_STRING],
+        ['iconclass', PROP_STRING],
+        ['iconheight', PROP_STRING],
+        ['iconmargin', PROP_STRING],
+        ['iconposition', PROP_STRING],
+        ['iconurl', PROP_STRING],
+        ['iconwidth', PROP_STRING],
+        ['name', PROP_STRING],
+        ['shortcutkey', PROP_STRING],
+        ['show', { value: true, ...PROP_BOOLEAN }],
+        ['tabindex', { value: 0, ...PROP_NUMBER }],
+        ['type', PROP_STRING]
+    ]));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLnByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2lucHV0L2J1dHRvbi9zcmMvYnV0dG9uLnByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFFL0YsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLEdBQUcsRUFBRTtJQUM5QixRQUFRLENBQ0osV0FBVyxFQUNYLElBQUksR0FBRyxDQUNIO1FBQ0ksQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDO1FBQzFCLENBQUMsWUFBWSxFQUFFLFdBQVcsQ0FBQztRQUMzQixDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7UUFDeEIsQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO1FBQ3RCLENBQUMsa0JBQWtCLEVBQUUsUUFBUSxDQUFDO1FBQzlCLENBQUMsa0JBQWtCLEVBQUUsUUFBUSxDQUFDO1FBQzlCLENBQUMsVUFBVSxFQUFFLFlBQVksQ0FBQztRQUMxQixDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7UUFDckIsQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDO1FBQzFCLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQztRQUMxQixDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7UUFDM0IsQ0FBQyxZQUFZLEVBQUUsV0FBVyxDQUFDO1FBQzNCLENBQUMsY0FBYyxFQUFFLFdBQVcsQ0FBQztRQUM3QixDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7UUFDeEIsQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDO1FBQzFCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztRQUNyQixDQUFDLGFBQWEsRUFBRSxXQUFXLENBQUM7UUFDNUIsQ0FBQyxNQUFNLEVBQUUsRUFBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7UUFDeEMsQ0FBQyxVQUFVLEVBQUUsRUFBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDeEMsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO0tBQ3hCLENBQ0osQ0FDSixDQUFDO0FBQ04sQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtQUk9QX0FOWSwgUFJPUF9CT09MRUFOLCBQUk9QX05VTUJFUiwgUFJPUF9TVFJJTkcsIHJlZ2lzdGVyfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcblxuZXhwb3J0IGNvbnN0IHJlZ2lzdGVyUHJvcHMgPSAoKSA9PiB7XG4gICAgcmVnaXN0ZXIoXG4gICAgICAgICd3bS1idXR0b24nLFxuICAgICAgICBuZXcgTWFwKFxuICAgICAgICAgICAgW1xuICAgICAgICAgICAgICAgIFsnYW5pbWF0aW9uJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnYmFkZ2V2YWx1ZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2NhcHRpb24nLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydjbGFzcycsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2NvbmRpdGlvbmFsY2xhc3MnLCBQUk9QX0FOWV0sXG4gICAgICAgICAgICAgICAgWydjb25kaXRpb25hbHN0eWxlJywgUFJPUF9BTlldLFxuICAgICAgICAgICAgICAgIFsnZGlzYWJsZWQnLCBQUk9QX0JPT0xFQU5dLFxuICAgICAgICAgICAgICAgIFsnaGludCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2FyaWFsYWJlbCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2ljb25jbGFzcycsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2ljb25oZWlnaHQnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydpY29ubWFyZ2luJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnaWNvbnBvc2l0aW9uJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnaWNvbnVybCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2ljb253aWR0aCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ25hbWUnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydzaG9ydGN1dGtleScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ3Nob3cnLCB7dmFsdWU6IHRydWUsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsndGFiaW5kZXgnLCB7dmFsdWU6IDAsIC4uLlBST1BfTlVNQkVSfV0sXG4gICAgICAgICAgICAgICAgWyd0eXBlJywgUFJPUF9TVFJJTkddXG4gICAgICAgICAgICBdXG4gICAgICAgIClcbiAgICApO1xufTtcbiJdfQ==

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

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

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

@@ -0,0 +1,2 @@
+export * from './button.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9pbnB1dC9idXR0b24vc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYnV0dG9uLmNvbXBvbmVudCc7XG4iXX0=

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

@@ -0,0 +1,81 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { HostBinding, Inject, Optional, Component } from '@angular/core';
+import { register, PROP_STRING, PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, DISPLAY_TYPE, StylableComponent, styler, TextContentDirective, ImagePipe, provideAsWidgetRef } from '@wm/components/base';
+
+const registerProps = () => {
+    register('wm-button', new Map([
+        ['animation', PROP_STRING],
+        ['badgevalue', PROP_STRING],
+        ['caption', PROP_STRING],
+        ['class', PROP_STRING],
+        ['conditionalclass', PROP_ANY],
+        ['conditionalstyle', PROP_ANY],
+        ['disabled', PROP_BOOLEAN],
+        ['hint', PROP_STRING],
+        ['arialabel', PROP_STRING],
+        ['iconclass', PROP_STRING],
+        ['iconheight', PROP_STRING],
+        ['iconmargin', PROP_STRING],
+        ['iconposition', PROP_STRING],
+        ['iconurl', PROP_STRING],
+        ['iconwidth', PROP_STRING],
+        ['name', PROP_STRING],
+        ['shortcutkey', PROP_STRING],
+        ['show', { value: true, ...PROP_BOOLEAN }],
+        ['tabindex', { value: 0, ...PROP_NUMBER }],
+        ['type', PROP_STRING]
+    ]));
+};
+
+const DEFAULT_CLS = 'btn app-button';
+const WIDGET_CONFIG = {
+    widgetType: 'wm-button',
+    hostClass: DEFAULT_CLS,
+    displayType: DISPLAY_TYPE.INLINE_BLOCK
+};
+class ButtonComponent extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        styler(this.nativeElement, this);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ButtonComponent, isStandalone: true, selector: "button[wmButton]", host: { properties: { "type": "this.type", "tabIndex": "this.tabindex", "disabled": "this.disabled", "attr.accesskey": "this.shortcutkey", "attr.icon-position": "this.iconposition" } }, providers: [
+            provideAsWidgetRef(ButtonComponent)
+        ], exportAs: ["wmButton"], usesInheritance: true, ngImport: i0, template: "@if (iconurl) {\n  <img data-identifier=\"img\" alt=\"button image\" class=\"button-image-icon\" [src]=\"iconurl | image\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n}\n@if (iconclass) {\n  <i class=\"app-icon {{iconclass}}\" aria-hidden=\"true\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin, fontSize:iconwidth}\"></i>\n}\n@if (iconclass) {\n  <span class=\"sr-only\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n}\n<span class=\"btn-caption\" [innerHTML]=\"caption\"></span>\n<ng-content select=\".caret\"></ng-content>\n@if (badgevalue) {\n  <span class=\"badge pull-right\" [textContent]=\"badgevalue\"></span>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "pipe", type: ImagePipe, name: "image" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, TextContentDirective, ImagePipe], selector: 'button[wmButton]', providers: [
+                        provideAsWidgetRef(ButtonComponent)
+                    ], exportAs: 'wmButton', template: "@if (iconurl) {\n  <img data-identifier=\"img\" alt=\"button image\" class=\"button-image-icon\" [src]=\"iconurl | image\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n}\n@if (iconclass) {\n  <i class=\"app-icon {{iconclass}}\" aria-hidden=\"true\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin, fontSize:iconwidth}\"></i>\n}\n@if (iconclass) {\n  <span class=\"sr-only\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n}\n<span class=\"btn-caption\" [innerHTML]=\"caption\"></span>\n<ng-content select=\".caret\"></ng-content>\n@if (badgevalue) {\n  <span class=\"badge pull-right\" [textContent]=\"badgevalue\"></span>\n}\n" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { type: [{
+                type: HostBinding,
+                args: ['type']
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['tabIndex']
+            }], disabled: [{
+                type: HostBinding,
+                args: ['disabled']
+            }], shortcutkey: [{
+                type: HostBinding,
+                args: ['attr.accesskey']
+            }], iconposition: [{
+                type: HostBinding,
+                args: ['attr.icon-position']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/button/src/button.props.ts","../../../../../projects/components/widgets/input/button/src/button.component.ts","../../../../../projects/components/widgets/input/button/src/button.component.html","../../../../../projects/components/widgets/input/button/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-button',\n        new Map(\n            [\n                ['animation', PROP_STRING],\n                ['badgevalue', PROP_STRING],\n                ['caption', PROP_STRING],\n                ['class', PROP_STRING],\n                ['conditionalclass', PROP_ANY],\n                ['conditionalstyle', PROP_ANY],\n                ['disabled', PROP_BOOLEAN],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING],\n                ['iconclass', PROP_STRING],\n                ['iconheight', PROP_STRING],\n                ['iconmargin', PROP_STRING],\n                ['iconposition', PROP_STRING],\n                ['iconurl', PROP_STRING],\n                ['iconwidth', PROP_STRING],\n                ['name', PROP_STRING],\n                ['shortcutkey', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['tabindex', {value: 0, ...PROP_NUMBER}],\n                ['type', PROP_STRING]\n            ]\n        )\n    );\n};\n","import { CommonModule } from '@angular/common';\nimport {Component, HostBinding, Inject, Injector, Optional} from '@angular/core';\n\nimport {DISPLAY_TYPE, ImagePipe, IWidgetConfig, provideAsWidgetRef, StylableComponent, styler, TextContentDirective} from '@wm/components/base';\n\nimport {registerProps} from './button.props';\n\nconst DEFAULT_CLS = 'btn app-button';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-button',\n    hostClass: DEFAULT_CLS,\n    displayType: DISPLAY_TYPE.INLINE_BLOCK\n};\n\n@Component({\n    standalone: true,\n    imports: [CommonModule, TextContentDirective, ImagePipe],\n    selector: 'button[wmButton]',\n    templateUrl: './button.component.html',\n    providers: [\n        provideAsWidgetRef(ButtonComponent)\n    ],\n    exportAs: 'wmButton'\n})\nexport class ButtonComponent extends StylableComponent {\n    static initializeProps = registerProps();\n\n    public iconurl: string;\n    public iconclass: string;\n    public caption: string;\n    public badgevalue: string;\n    public arialabel: string;\n    @HostBinding('type') type: string;\n    @HostBinding('tabIndex') tabindex: number;\n    @HostBinding('disabled') disabled: boolean;\n    @HostBinding('attr.accesskey') shortcutkey: string;\n    @HostBinding('attr.icon-position') iconposition: string;\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n    }\n}\n","@if (iconurl) {\n  <img data-identifier=\"img\" alt=\"button image\" class=\"button-image-icon\" [src]=\"iconurl | image\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n}\n@if (iconclass) {\n  <i class=\"app-icon {{iconclass}}\" aria-hidden=\"true\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin, fontSize:iconwidth}\"></i>\n}\n@if (iconclass) {\n  <span class=\"sr-only\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n}\n<span class=\"btn-caption\" [innerHTML]=\"caption\"></span>\n<ng-content select=\".caret\"></ng-content>\n@if (badgevalue) {\n  <span class=\"badge pull-right\" [textContent]=\"badgevalue\"></span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;AAEO,MAAM,aAAa,GAAG,MAAK;AAC9B,IAAA,QAAQ,CACJ,WAAW,EACX,IAAI,GAAG,CACH;QACI,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,YAAY,EAAE,WAAW,CAAC;QAC3B,CAAC,SAAS,EAAE,WAAW,CAAC;QACxB,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,kBAAkB,EAAE,QAAQ,CAAC;QAC9B,CAAC,kBAAkB,EAAE,QAAQ,CAAC;QAC9B,CAAC,UAAU,EAAE,YAAY,CAAC;QAC1B,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,YAAY,EAAE,WAAW,CAAC;QAC3B,CAAC,YAAY,EAAE,WAAW,CAAC;QAC3B,CAAC,cAAc,EAAE,WAAW,CAAC;QAC7B,CAAC,SAAS,EAAE,WAAW,CAAC;QACxB,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,aAAa,EAAE,WAAW,CAAC;QAC5B,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAC,CAAC;QACxC,CAAC,UAAU,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,GAAG,WAAW,EAAC,CAAC;QACxC,CAAC,MAAM,EAAE,WAAW;AACvB,KAAA,CACJ,CACJ;AACL,CAAC;;ACvBD,MAAM,WAAW,GAAG,gBAAgB;AACpC,MAAM,aAAa,GAAkB;AACjC,IAAA,UAAU,EAAE,WAAW;AACvB,IAAA,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,YAAY,CAAC;CAC7B;AAYK,MAAO,eAAgB,SAAQ,iBAAiB,CAAA;AAC3C,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB;IAazC,WAAA,CAAY,GAAa,EAA0C,eAAe,EAAA;AAC9E,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC;AAC1C,QAAA,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;IACpC;AAjBS,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,0CAcW,kBAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAd5C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,SAAA,EALb;YACP,kBAAkB,CAAC,eAAe;AACrC,SAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrBL,iqBAcA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDEc,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,8EAAE,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAQ9C,eAAe,EAAA,UAAA,EAAA,CAAA;kBAV3B,SAAS;iCACM,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,oBAAoB,EAAE,SAAS,CAAC,EAAA,QAAA,EAC9C,kBAAkB,EAAA,SAAA,EAEjB;AACP,wBAAA,kBAAkB,CAAA,eAAA;AACrB,qBAAA,EAAA,QAAA,EACS,UAAU,EAAA,QAAA,EAAA,iqBAAA,EAAA;;0BAgBQ,MAAM;2BAAC,kBAAkB;;0BAAG;yCANnC,IAAI,EAAA,CAAA;sBAAxB,WAAW;uBAAC,MAAM;gBACM,QAAQ,EAAA,CAAA;sBAAhC,WAAW;uBAAC,UAAU;gBACE,QAAQ,EAAA,CAAA;sBAAhC,WAAW;uBAAC,UAAU;gBACQ,WAAW,EAAA,CAAA;sBAAzC,WAAW;uBAAC,gBAAgB;gBACM,YAAY,EAAA,CAAA;sBAA9C,WAAW;uBAAC,oBAAoB;;;AEpCrC;;AAEG;;;;"}

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

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

package/components/input/button/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@wm/components/input/button",
+  "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/button/public_api.d.ts

@@ -0,0 +1 @@
+export * from './button.component';

package/components/input/button-group/.npmignore

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