@wavemaker-ai/app-ng-runtime 1.0.0-rc.309

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

@@ -0,0 +1,112 @@
+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
+        if (this._onChange) {
+            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) {
+        if (this._onTouched) {
+            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;
+    }
+    ngOnDestroy() {
+        // MEMORY LEAK FIX: Clear form control reference
+        this._formControl = null;
+        this._onChange = null;
+        this._onTouched = null;
+        super.ngOnDestroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BaseFormCustomComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BaseFormCustomComponent }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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, OnDestroy, 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, OnDestroy, 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        if (this._onChange) {\n            this._onChange(value);\n        }\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        if (this._onTouched) {\n            this._onTouched();\n        }\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    ngOnDestroy() {\n        // MEMORY LEAK FIX: Clear form control reference\n        this._formControl = null;\n        this._onChange = null;\n        this._onTouched = null;\n\n        super.ngOnDestroy();\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,26 @@
+import { ControlValueAccessor, Validator, FormControlName, AbstractControl } from '@angular/forms';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
+import { BaseFormComponent } from '@wm/components/input/base-form';
+
+declare abstract class BaseFormCustomComponent extends BaseFormComponent implements ControlValueAccessor, OnInit, OnDestroy, Validator {
+    private _formControl;
+    protected _onChange: any;
+    private _onTouched;
+    ngOnInit(): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    writeValue(value: any): void;
+    get formControl(): FormControlName;
+    invokeOnChange(value: any, $event?: Event | any, valid?: boolean): void;
+    invokeOnTouched($event?: Event): void;
+    invokeOnFocus($event: Event): void;
+    validate(control: AbstractControl): {
+        [key: string]: any;
+    };
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseFormCustomComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BaseFormCustomComponent>;
+}
+
+export { BaseFormCustomComponent };

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

@@ -0,0 +1,18 @@
+{
+  "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",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

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: "20.3.19", 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: "20.3.19", 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: "20.3.19", 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/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: "20.3.19", 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: "20.3.19", 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: "20.3.19", 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":"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"}

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

@@ -0,0 +1,22 @@
+import * as i0 from '@angular/core';
+import { Injector } from '@angular/core';
+import { StylableComponent } from '@wm/components/base';
+
+declare class ButtonComponent extends StylableComponent {
+    static initializeProps: void;
+    iconurl: string;
+    iconclass: string;
+    caption: string;
+    badgevalue: string;
+    arialabel: string;
+    type: string;
+    tabindex: number;
+    disabled: boolean;
+    shortcutkey: string;
+    iconposition: string;
+    constructor(inj: Injector, explicitContext: any);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[wmButton]", ["wmButton"], {}, {}, never, [".caret"], true, never>;
+}
+
+export { ButtonComponent };

package/components/input/button/package.json

@@ -0,0 +1,18 @@
+{
+  "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",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

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

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

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

@@ -0,0 +1,80 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@wm/components/base')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@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.buttongroup = {}), global.ng.core, global.wm.components.base));
+})(this, (function (exports, 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 i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+
+    const registerProps = () => {
+        base.register('wm-buttongroup', new Map([
+            ['class', base.PROP_STRING],
+            ['name', base.PROP_STRING],
+            ['show', { value: true, ...base.PROP_BOOLEAN }],
+            ['vertical', base.PROP_BOOLEAN]
+        ]));
+    };
+
+    const DEFAULT_CLS = 'btn-group app-button-group';
+    const WIDGET_CONFIG = {
+        widgetType: 'wm-buttongroup',
+        hostClass: DEFAULT_CLS
+    };
+    class ButtonGroupDirective extends base.StylableComponent {
+        static { this.initializeProps = registerProps(); }
+        handleClick(event) {
+            const $target = $(event.target).closest('.app-button');
+            this.$element.find('.app-button').removeClass('selected');
+            $target.addClass('selected');
+        }
+        constructor(inj, explicitContext) {
+            super(inj, WIDGET_CONFIG, explicitContext);
+            base.styler(this.nativeElement, this, base.APPLY_STYLES_TYPE.CONTAINER);
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: ButtonGroupDirective, 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: "20.3.19", type: ButtonGroupDirective, isStandalone: true, selector: "[wmButtonGroup]", host: { listeners: { "click": "handleClick($event)" }, properties: { "class.btn-group-vertical": "this.vertical" } }, providers: [
+                base.provideAsWidgetRef(ButtonGroupDirective)
+            ], usesInheritance: true, ngImport: i0__namespace }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: ButtonGroupDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: '[wmButtonGroup]',
+                        providers: [
+                            base.provideAsWidgetRef(ButtonGroupDirective)
+                        ]
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { vertical: [{
+                    type: i0.HostBinding,
+                    args: ['class.btn-group-vertical']
+                }], handleClick: [{
+                    type: i0.HostListener,
+                    args: ['click', ['$event']]
+                }] } });
+
+    exports.ButtonGroupDirective = ButtonGroupDirective;
+
+}));

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

@@ -0,0 +1,62 @@
+import * as i0 from '@angular/core';
+import { HostListener, HostBinding, Inject, Optional, Directive } from '@angular/core';
+import { register, PROP_STRING, PROP_BOOLEAN, StylableComponent, styler, APPLY_STYLES_TYPE, provideAsWidgetRef } from '@wm/components/base';
+
+const registerProps = () => {
+    register('wm-buttongroup', new Map([
+        ['class', PROP_STRING],
+        ['name', PROP_STRING],
+        ['show', { value: true, ...PROP_BOOLEAN }],
+        ['vertical', PROP_BOOLEAN]
+    ]));
+};
+
+const DEFAULT_CLS = 'btn-group app-button-group';
+const WIDGET_CONFIG = {
+    widgetType: 'wm-buttongroup',
+    hostClass: DEFAULT_CLS
+};
+class ButtonGroupDirective extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    handleClick(event) {
+        const $target = $(event.target).closest('.app-button');
+        this.$element.find('.app-button').removeClass('selected');
+        $target.addClass('selected');
+    }
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ButtonGroupDirective, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: ButtonGroupDirective, isStandalone: true, selector: "[wmButtonGroup]", host: { listeners: { "click": "handleClick($event)" }, properties: { "class.btn-group-vertical": "this.vertical" } }, providers: [
+            provideAsWidgetRef(ButtonGroupDirective)
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ButtonGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmButtonGroup]',
+                    providers: [
+                        provideAsWidgetRef(ButtonGroupDirective)
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { vertical: [{
+                type: HostBinding,
+                args: ['class.btn-group-vertical']
+            }], handleClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonGroupDirective };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/button-group/src/button-group.props.ts","../../../../../projects/components/widgets/input/button-group/src/button-group.directive.ts","../../../../../projects/components/widgets/input/button-group/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-buttongroup',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['vertical', PROP_BOOLEAN]\n            ]\n        )\n    );\n};\n","import {Directive, HostBinding, HostListener, Inject, Injector, Optional} from '@angular/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';\nimport { registerProps } from './button-group.props';\n\nconst DEFAULT_CLS = 'btn-group app-button-group';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-buttongroup',\n    hostClass: DEFAULT_CLS\n};\n\n@Directive({\n  standalone: true,\n    selector: '[wmButtonGroup]',\n    providers: [\n        provideAsWidgetRef(ButtonGroupDirective)\n    ]\n})\nexport class ButtonGroupDirective extends StylableComponent {\n    static initializeProps = registerProps();\n    @HostBinding('class.btn-group-vertical') vertical: boolean;\n    @HostListener('click', ['$event']) handleClick(event) {\n        const $target = $(event.target).closest('.app-button');\n        this.$element.find('.app-button').removeClass('selected');\n        $target.addClass('selected');\n    }\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n    }\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,gBAAgB,EAChB,IAAI,GAAG,CACH;QACI,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAC,CAAC;QACxC,CAAC,UAAU,EAAE,YAAY;AAC5B,KAAA,CACJ,CACJ;AACL,CAAC;;ACTD,MAAM,WAAW,GAAG,4BAA4B;AAChD,MAAM,aAAa,GAAkB;AACjC,IAAA,UAAU,EAAE,gBAAgB;AAC5B,IAAA,SAAS,EAAE;CACd;AASK,MAAO,oBAAqB,SAAQ,iBAAiB,CAAA;AAChD,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB;AAEN,IAAA,WAAW,CAAC,KAAK,EAAA;AAChD,QAAA,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC;AACtD,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC;AACzD,QAAA,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC;IAChC;IAEA,WAAA,CAAY,GAAa,EAA0C,eAAoB,EAAA;AACnF,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC;QAE1C,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC;IACjE;AAbS,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,oBAAoB,0CASM,kBAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAT5C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,0BAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAJlB;YACP,kBAAkB,CAAC,oBAAoB;AAC1C,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAEQ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AACd,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,SAAS,EAAE;AACP,wBAAA,kBAAkB,CAAA,oBAAA;AACrB;AACJ,iBAAA;;0BAU+B,MAAM;2BAAC,kBAAkB;;0BAAG;;sBAPvD,WAAW;uBAAC,0BAA0B;;sBACtC,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;ACrBrC;;AAEG;;;;"}

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

@@ -0,0 +1,14 @@
+import * as i0 from '@angular/core';
+import { Injector } from '@angular/core';
+import { StylableComponent } from '@wm/components/base';
+
+declare class ButtonGroupDirective extends StylableComponent {
+    static initializeProps: void;
+    vertical: boolean;
+    handleClick(event: any): void;
+    constructor(inj: Injector, explicitContext: any);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupDirective, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonGroupDirective, "[wmButtonGroup]", never, {}, {}, never, never, true, never>;
+}
+
+export { ButtonGroupDirective };

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

@@ -0,0 +1,18 @@
+{
+  "name": "@wm/components/input/button-group",
+  "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",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

package/components/input/calendar/.npmignore

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