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

package/components/containers/linear-layout/.npmignore

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

package/components/containers/linear-layout/bundles/index.umd.js

@@ -0,0 +1,186 @@
+(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.containers = global.wm.components.containers || {}, global.wm.components.containers.linearlayout = {}), 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$1 = () => {
+        base.register('wm-linearlayout', new Map([
+            ['class', base.PROP_STRING],
+            ['direction', base.PROP_STRING],
+            ['horizontalalign', base.PROP_STRING],
+            ['name', base.PROP_STRING],
+            ['show', { value: true, ...base.PROP_BOOLEAN }],
+            ['spacing', base.PROP_STRING],
+            ['verticalalign', base.PROP_STRING],
+        ]));
+    };
+
+    const DEFAULT_CLS$1 = 'app-linear-layout clearfix';
+    const WIDGET_CONFIG$1 = {
+        widgetType: 'wm-linearlayout',
+        hostClass: DEFAULT_CLS$1
+    };
+    const hAlignValues = {
+        'left': 'flex-start',
+        'right': 'flex-end',
+        'center': 'center',
+    }, vAlignValues = {
+        'top': 'flex-start',
+        'bottom': 'flex-end',
+        'center': 'center',
+    };
+    class LinearLayoutDirective extends base.BaseContainerComponent {
+        static { this.initializeProps = registerProps$1(); }
+        constructor(inj, explicitContext) {
+            super(inj, WIDGET_CONFIG$1, explicitContext);
+            base.styler(this.nativeElement, this, base.APPLY_STYLES_TYPE.CONTAINER);
+        }
+        removeClass($el, prefix) {
+            $el.removeClass((i, className) => {
+                return className.split(' ')
+                    .filter(s => s.startsWith(prefix))
+                    .join(' ');
+            });
+        }
+        changeDirection($el, v) {
+            this.removeClass($el, 'app-linear-layout-direction');
+            $el.addClass('app-linear-layout-direction-' + v);
+            if (v === 'row' || v === 'row-reverse') {
+                $el.css('justify-content', hAlignValues[this.horizontalalign]);
+            }
+            else if (v === 'column' || v === 'column-reverse') {
+                $el.css('justify-content', vAlignValues[this.verticalalign]);
+            }
+            $el.css('flex-direction', v);
+        }
+        onStyleChange(key, nv, ov) {
+            if (key === 'horizontalalign') {
+                if (this.direction === 'row' || this.direction === 'row-reverse') {
+                    this.$element.css('justify-content', hAlignValues[nv]);
+                }
+                else {
+                    this.$element.css('align-items', hAlignValues[nv]);
+                }
+            }
+            else if (key === 'verticalalign') {
+                if (this.direction === 'column' || this.direction === 'column-reverse') {
+                    this.$element.css('justify-content', vAlignValues[nv]);
+                }
+                else {
+                    this.$element.css('align-items', vAlignValues[nv]);
+                }
+            }
+            super.onStyleChange(key, nv, ov);
+        }
+        onPropertyChange(key, nv, ov) {
+            switch (key) {
+                case 'direction':
+                    this.changeDirection(this.$element, nv);
+                    break;
+                case 'horizontalalign':
+                    this.$element.css('justify-content', hAlignValues[nv]);
+                    break;
+                case 'verticalalign':
+                    this.$element.css('justify-content', vAlignValues[nv]);
+                    break;
+                case 'spacing':
+                    this.removeClass(this.$element, 'app-linear-layout-spacing');
+                    this.$element.addClass('app-linear-layout-spacing-' + nv);
+                    break;
+            }
+            super.onPropertyChange(key, nv, ov);
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: LinearLayoutDirective, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: LinearLayoutDirective, isStandalone: true, selector: "[wmLinearLayout]", providers: [
+                base.provideAsWidgetRef(LinearLayoutDirective)
+            ], usesInheritance: true, ngImport: i0__namespace }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: LinearLayoutDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: '[wmLinearLayout]',
+                        providers: [
+                            base.provideAsWidgetRef(LinearLayoutDirective)
+                        ]
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }] });
+
+    const registerProps = () => {
+        base.register('wm-linearlayoutitem', new Map([
+            ['class', base.PROP_STRING],
+            ['flexgrow', base.PROP_NUMBER],
+            ['name', base.PROP_STRING],
+            ['show', { value: true, ...base.PROP_BOOLEAN }]
+        ]));
+    };
+
+    const DEFAULT_CLS = 'app-linear-layout-item clearfix';
+    const WIDGET_CONFIG = {
+        widgetType: 'wm-linearlayoutitem',
+        hostClass: DEFAULT_CLS
+    };
+    class LinearLayoutItemDirective extends base.StylableComponent {
+        static { this.initializeProps = registerProps(); }
+        constructor(inj, explicitContext) {
+            super(inj, WIDGET_CONFIG, explicitContext);
+            base.styler(this.nativeElement, this, base.APPLY_STYLES_TYPE.CONTAINER);
+        }
+        onPropertyChange(key, nv, ov) {
+            switch (key) {
+                case 'flexgrow':
+                    this.$element.css('flex-grow', nv);
+                    break;
+            }
+            super.onPropertyChange(key, nv, ov);
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: LinearLayoutItemDirective, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: LinearLayoutItemDirective, isStandalone: true, selector: "[wmLinearLayoutItem]", providers: [
+                base.provideAsWidgetRef(LinearLayoutItemDirective)
+            ], usesInheritance: true, ngImport: i0__namespace }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: LinearLayoutItemDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: '[wmLinearLayoutItem]',
+                        providers: [
+                            base.provideAsWidgetRef(LinearLayoutItemDirective)
+                        ]
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }] });
+
+    exports.LinearLayoutDirective = LinearLayoutDirective;
+    exports.LinearLayoutItemDirective = LinearLayoutItemDirective;
+
+}));

package/components/containers/linear-layout/esm2022/index.mjs

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

package/components/containers/linear-layout/esm2022/linear-layout-item/linear-layout-item.directive.mjs

@@ -0,0 +1,44 @@
+import { Directive, Inject, Injector, Optional } from '@angular/core';
+import { APPLY_STYLES_TYPE, provideAsWidgetRef, styler, StylableComponent } from '@wm/components/base';
+import { registerProps } from './linear-layout-item.props';
+import * as i0 from "@angular/core";
+const DEFAULT_CLS = 'app-linear-layout-item clearfix';
+const WIDGET_CONFIG = {
+    widgetType: 'wm-linearlayoutitem',
+    hostClass: DEFAULT_CLS
+};
+export class LinearLayoutItemDirective extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
+    }
+    onPropertyChange(key, nv, ov) {
+        switch (key) {
+            case 'flexgrow':
+                this.$element.css('flex-grow', nv);
+                break;
+        }
+        super.onPropertyChange(key, nv, ov);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinearLayoutItemDirective, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: LinearLayoutItemDirective, isStandalone: true, selector: "[wmLinearLayoutItem]", providers: [
+            provideAsWidgetRef(LinearLayoutItemDirective)
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinearLayoutItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmLinearLayoutItem]',
+                    providers: [
+                        provideAsWidgetRef(LinearLayoutItemDirective)
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZWFyLWxheW91dC1pdGVtLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9jb250YWluZXJzL2xpbmVhci1sYXlvdXQvc3JjL2xpbmVhci1sYXlvdXQtaXRlbS9saW5lYXItbGF5b3V0LWl0ZW0uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFcEUsT0FBTyxFQUFFLGlCQUFpQixFQUFpQixrQkFBa0IsRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV0SCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBRTNELE1BQU0sV0FBVyxHQUFHLGlDQUFpQyxDQUFDO0FBQ3RELE1BQU0sYUFBYSxHQUFrQjtJQUNqQyxVQUFVLEVBQUUscUJBQXFCO0lBQ2pDLFNBQVMsRUFBRSxXQUFXO0NBQ3pCLENBQUM7QUFTRixNQUFNLE9BQU8seUJBQTBCLFNBQVEsaUJBQWlCO2FBQ3JELG9CQUFlLEdBQUcsYUFBYSxFQUFFLEFBQWxCLENBQW1CO0lBQ3pDLFlBQVksR0FBYSxFQUEwQyxlQUFvQjtRQUNuRixLQUFLLENBQUMsR0FBRyxFQUFFLGFBQWEsRUFBRSxlQUFlLENBQUMsQ0FBQztRQUUzQyxNQUFNLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxJQUFJLEVBQUUsaUJBQWlCLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDbEUsQ0FBQztJQUVELGdCQUFnQixDQUFDLEdBQVcsRUFBRSxFQUFPLEVBQUUsRUFBUTtRQUMzQyxRQUFRLEdBQUcsRUFBRSxDQUFDO1lBQ1YsS0FBSyxVQUFVO2dCQUNYLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFdBQVcsRUFBRSxFQUFFLENBQUMsQ0FBQztnQkFDdkMsTUFBTTtRQUNWLENBQUM7UUFDRCxLQUFLLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUN4QyxDQUFDOytHQWZRLHlCQUF5QiwwQ0FFQyxrQkFBa0I7bUdBRjVDLHlCQUF5QixtRUFKdkI7WUFDUCxrQkFBa0IsQ0FBQyx5QkFBeUIsQ0FBQztTQUNoRDs7NEZBRVEseUJBQXlCO2tCQVByQyxTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNkLFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFNBQVMsRUFBRTt3QkFDUCxrQkFBa0IsMkJBQTJCO3FCQUNoRDtpQkFDSjs7MEJBRytCLE1BQU07MkJBQUMsa0JBQWtCOzswQkFBRyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEluamVjdCwgSW5qZWN0b3IsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQVBQTFlfU1RZTEVTX1RZUEUsIElXaWRnZXRDb25maWcsIHByb3ZpZGVBc1dpZGdldFJlZiwgc3R5bGVyLCBTdHlsYWJsZUNvbXBvbmVudCB9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5pbXBvcnQgeyByZWdpc3RlclByb3BzIH0gZnJvbSAnLi9saW5lYXItbGF5b3V0LWl0ZW0ucHJvcHMnO1xuXG5jb25zdCBERUZBVUxUX0NMUyA9ICdhcHAtbGluZWFyLWxheW91dC1pdGVtIGNsZWFyZml4JztcbmNvbnN0IFdJREdFVF9DT05GSUc6IElXaWRnZXRDb25maWcgPSB7XG4gICAgd2lkZ2V0VHlwZTogJ3dtLWxpbmVhcmxheW91dGl0ZW0nLFxuICAgIGhvc3RDbGFzczogREVGQVVMVF9DTFNcbn07XG5cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAnW3dtTGluZWFyTGF5b3V0SXRlbV0nLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICBwcm92aWRlQXNXaWRnZXRSZWYoTGluZWFyTGF5b3V0SXRlbURpcmVjdGl2ZSlcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIExpbmVhckxheW91dEl0ZW1EaXJlY3RpdmUgZXh0ZW5kcyBTdHlsYWJsZUNvbXBvbmVudCB7XG4gICAgc3RhdGljIGluaXRpYWxpemVQcm9wcyA9IHJlZ2lzdGVyUHJvcHMoKTtcbiAgICBjb25zdHJ1Y3Rvcihpbmo6IEluamVjdG9yLCBASW5qZWN0KCdFWFBMSUNJVF9DT05URVhUJykgQE9wdGlvbmFsKCkgZXhwbGljaXRDb250ZXh0OiBhbnkpIHtcbiAgICAgICAgc3VwZXIoaW5qLCBXSURHRVRfQ09ORklHLCBleHBsaWNpdENvbnRleHQpO1xuXG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMsIEFQUExZX1NUWUxFU19UWVBFLkNPTlRBSU5FUik7XG4gICAgfVxuXG4gICAgb25Qcm9wZXJ0eUNoYW5nZShrZXk6IHN0cmluZywgbnY6IGFueSwgb3Y/OiBhbnkpIHtcbiAgICAgICAgc3dpdGNoIChrZXkpIHtcbiAgICAgICAgICAgIGNhc2UgJ2ZsZXhncm93JzpcbiAgICAgICAgICAgICAgICB0aGlzLiRlbGVtZW50LmNzcygnZmxleC1ncm93JywgbnYpO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgIH1cbiAgICAgICAgc3VwZXIub25Qcm9wZXJ0eUNoYW5nZShrZXksIG52LCBvdik7XG4gICAgfVxufVxuIl19

package/components/containers/linear-layout/esm2022/linear-layout-item/linear-layout-item.props.mjs

@@ -0,0 +1,10 @@
+import { PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register } from '@wm/components/base';
+export const registerProps = () => {
+    register('wm-linearlayoutitem', new Map([
+        ['class', PROP_STRING],
+        ['flexgrow', PROP_NUMBER],
+        ['name', PROP_STRING],
+        ['show', { value: true, ...PROP_BOOLEAN }]
+    ]));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZWFyLWxheW91dC1pdGVtLnByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2NvbnRhaW5lcnMvbGluZWFyLWxheW91dC9zcmMvbGluZWFyLWxheW91dC1pdGVtL2xpbmVhci1sYXlvdXQtaXRlbS5wcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFdkYsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLEdBQUcsRUFBRTtJQUM5QixRQUFRLENBQ0oscUJBQXFCLEVBQ3JCLElBQUksR0FBRyxDQUNIO1FBQ0ksQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO1FBQ3RCLENBQUMsVUFBVSxFQUFFLFdBQVcsQ0FBQztRQUN6QixDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7UUFDckIsQ0FBQyxNQUFNLEVBQUUsRUFBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7S0FDM0MsQ0FDSixDQUNKLENBQUM7QUFDTixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQUk9QX0JPT0xFQU4sIFBST1BfTlVNQkVSLCBQUk9QX1NUUklORywgcmVnaXN0ZXIgfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcblxuZXhwb3J0IGNvbnN0IHJlZ2lzdGVyUHJvcHMgPSAoKSA9PiB7XG4gICAgcmVnaXN0ZXIoXG4gICAgICAgICd3bS1saW5lYXJsYXlvdXRpdGVtJyxcbiAgICAgICAgbmV3IE1hcChcbiAgICAgICAgICAgIFtcbiAgICAgICAgICAgICAgICBbJ2NsYXNzJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnZmxleGdyb3cnLCBQUk9QX05VTUJFUl0sXG4gICAgICAgICAgICAgICAgWyduYW1lJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnc2hvdycsIHt2YWx1ZTogdHJ1ZSwgLi4uUFJPUF9CT09MRUFOfV1cbiAgICAgICAgICAgIF1cbiAgICAgICAgKVxuICAgICk7XG59O1xuIl19

package/components/containers/linear-layout/esm2022/linear-layout.directive.mjs

@@ -0,0 +1,100 @@
+import { Directive, Inject, Injector, Optional } from '@angular/core';
+import { APPLY_STYLES_TYPE, provideAsWidgetRef, styler, BaseContainerComponent } from '@wm/components/base';
+import { registerProps } from './linear-layout.props';
+import * as i0 from "@angular/core";
+const DEFAULT_CLS = 'app-linear-layout clearfix';
+const WIDGET_CONFIG = {
+    widgetType: 'wm-linearlayout',
+    hostClass: DEFAULT_CLS
+};
+const hAlignValues = {
+    'left': 'flex-start',
+    'right': 'flex-end',
+    'center': 'center',
+}, vAlignValues = {
+    'top': 'flex-start',
+    'bottom': 'flex-end',
+    'center': 'center',
+};
+export class LinearLayoutDirective extends BaseContainerComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
+    }
+    removeClass($el, prefix) {
+        $el.removeClass((i, className) => {
+            return className.split(' ')
+                .filter(s => s.startsWith(prefix))
+                .join(' ');
+        });
+    }
+    changeDirection($el, v) {
+        this.removeClass($el, 'app-linear-layout-direction');
+        $el.addClass('app-linear-layout-direction-' + v);
+        if (v === 'row' || v === 'row-reverse') {
+            $el.css('justify-content', hAlignValues[this.horizontalalign]);
+        }
+        else if (v === 'column' || v === 'column-reverse') {
+            $el.css('justify-content', vAlignValues[this.verticalalign]);
+        }
+        $el.css('flex-direction', v);
+    }
+    onStyleChange(key, nv, ov) {
+        if (key === 'horizontalalign') {
+            if (this.direction === 'row' || this.direction === 'row-reverse') {
+                this.$element.css('justify-content', hAlignValues[nv]);
+            }
+            else {
+                this.$element.css('align-items', hAlignValues[nv]);
+            }
+        }
+        else if (key === 'verticalalign') {
+            if (this.direction === 'column' || this.direction === 'column-reverse') {
+                this.$element.css('justify-content', vAlignValues[nv]);
+            }
+            else {
+                this.$element.css('align-items', vAlignValues[nv]);
+            }
+        }
+        super.onStyleChange(key, nv, ov);
+    }
+    onPropertyChange(key, nv, ov) {
+        switch (key) {
+            case 'direction':
+                this.changeDirection(this.$element, nv);
+                break;
+            case 'horizontalalign':
+                this.$element.css('justify-content', hAlignValues[nv]);
+                break;
+            case 'verticalalign':
+                this.$element.css('justify-content', vAlignValues[nv]);
+                break;
+            case 'spacing':
+                this.removeClass(this.$element, 'app-linear-layout-spacing');
+                this.$element.addClass('app-linear-layout-spacing-' + nv);
+                break;
+        }
+        super.onPropertyChange(key, nv, ov);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinearLayoutDirective, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: LinearLayoutDirective, isStandalone: true, selector: "[wmLinearLayout]", providers: [
+            provideAsWidgetRef(LinearLayoutDirective)
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinearLayoutDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmLinearLayout]',
+                    providers: [
+                        provideAsWidgetRef(LinearLayoutDirective)
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZWFyLWxheW91dC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvY29udGFpbmVycy9saW5lYXItbGF5b3V0L3NyYy9saW5lYXItbGF5b3V0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXBFLE9BQU8sRUFBRSxpQkFBaUIsRUFBaUIsa0JBQWtCLEVBQUUsTUFBTSxFQUFFLHNCQUFzQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFM0gsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQUV0RCxNQUFNLFdBQVcsR0FBRyw0QkFBNEIsQ0FBQztBQUNqRCxNQUFNLGFBQWEsR0FBa0I7SUFDakMsVUFBVSxFQUFFLGlCQUFpQjtJQUM3QixTQUFTLEVBQUUsV0FBVztDQUN6QixDQUFDO0FBQ0YsTUFBTSxZQUFZLEdBQUc7SUFDakIsTUFBTSxFQUFFLFlBQVk7SUFDcEIsT0FBTyxFQUFFLFVBQVU7SUFDbkIsUUFBUSxFQUFFLFFBQVE7Q0FDckIsRUFDRCxZQUFZLEdBQUc7SUFDWCxLQUFLLEVBQUUsWUFBWTtJQUNuQixRQUFRLEVBQUUsVUFBVTtJQUNwQixRQUFRLEVBQUUsUUFBUTtDQUNyQixDQUFDO0FBU0YsTUFBTSxPQUFPLHFCQUFzQixTQUFRLHNCQUFzQjthQUN0RCxvQkFBZSxHQUFHLGFBQWEsRUFBRSxBQUFsQixDQUFtQjtJQU16QyxZQUFZLEdBQWEsRUFBMEMsZUFBb0I7UUFDbkYsS0FBSyxDQUFDLEdBQUcsRUFBRSxhQUFhLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFFM0MsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxFQUFFLGlCQUFpQixDQUFDLFNBQVMsQ0FB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QUFRLENBQUMsR0FBRyxDQUFDLGlCQUFpQixFQUFFLFlBQVksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO2dCQUMzRCxNQUFNO1lBQ04sS0FBSyxTQUFTO2dCQUNWLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSwyQkFBMkIsQ0FBQyxDQUFDO2dCQUM3RCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyw0QkFBNEIsR0FBRyxFQUFFLENBQUMsQ0FBQztnQkFDOUQsTUFBTTtRQUNWLENBQUM7UUFDRCxLQUFLLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUN4QyxDQUFDOytHQWxFUSxxQkFBcUIsMENBT0ssa0JBQWtCO21HQVA1QyxxQkFBcUIsK0RBSm5CO1lBQ1Asa0JBQWtCLENBQUMscUJBQXFCLENBQUM7U0FDNUM7OzRGQUVRLHFCQUFxQjtrQkFQakMsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDZCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixTQUFTLEVBQUU7d0JBQ1Asa0JBQWtCLHVCQUF1QjtxQkFDNUM7aUJBQ0o7OzBCQVErQixNQUFNOzJCQUFDLGtCQUFrQjs7MEJBQUcsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBJbmplY3QsIEluamVjdG9yLCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEFQUExZX1NUWUxFU19UWVBFLCBJV2lkZ2V0Q29uZmlnLCBwcm92aWRlQXNXaWRnZXRSZWYsIHN0eWxlciwgQmFzZUNvbnRhaW5lckNvbXBvbmVudCB9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5pbXBvcnQgeyByZWdpc3RlclByb3BzIH0gZnJvbSAnLi9saW5lYXItbGF5b3V0LnByb3BzJztcblxuY29uc3QgREVGQVVMVF9DTFMgPSAnYXBwLWxpbmVhci1sYXlvdXQgY2xlYXJmaXgnO1xuY29uc3QgV0lER0VUX0NPTkZJRzogSVdpZGdldENvbmZpZyA9IHtcbiAgICB3aWRnZXRUeXBlOiAnd20tbGluZWFybGF5b3V0JyxcbiAgICBob3N0Q2xhc3M6IERFRkFVTFRfQ0xTXG59O1xuY29uc3QgaEFsaWduVmFsdWVzID0ge1xuICAgICdsZWZ0JzogJ2ZsZXgtc3RhcnQnLFxuICAgICdyaWdodCc6ICdmbGV4LWVuZCcsXG4gICAgJ2NlbnRlcic6ICdjZW50ZXInLFxufSxcbnZBbGlnblZhbHVlcyA9IHtcbiAgICAndG9wJzogJ2ZsZXgtc3RhcnQnLFxuICAgICdib3R0b20nOiAnZmxleC1lbmQnLFxuICAgICdjZW50ZXInOiAnY2VudGVyJyxcbn07XG5cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAnW3dtTGluZWFyTGF5b3V0XScsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHByb3ZpZGVBc1dpZGdldFJlZihMaW5lYXJMYXlvdXREaXJlY3RpdmUpXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBMaW5lYXJMYXlvdXREaXJlY3RpdmUgZXh0ZW5kcyBCYXNlQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgICBzdGF0aWMgaW5pdGlhbGl6ZVByb3BzID0gcmVnaXN0ZXJQcm9wcygpO1xuXG4gICAgcHVibGljIGRpcmVjdGlvbjtcbiAgICBwdWJsaWMgaG9yaXpvbnRhbGFsaWduOiBzdHJpbmc7XG4gICAgcHVibGljIHZlcnRpY2FsYWxpZ246IHN0cmluZztcblxuICAgIGNvbnN0cnVjdG9yKGluajogSW5qZWN0b3IsIEBJbmplY3QoJ0VYUExJQ0lUX0NPTlRFWFQnKSBAT3B0aW9uYWwoKSBleHBsaWNpdENvbnRleHQ6IGFueSkge1xuICAgICAgICBzdXBlcihpbmosIFdJREdFVF9DT05GSUcsIGV4cGxpY2l0Q29udGV4dCk7XG5cbiAgICAgICAgc3R5bGVyKHRoaXMubmF0aXZlRWxlbWVudCwgdGhpcywgQVBQTFlfU1RZTEVTX1RZUEUuQ09OVEFJTkVSKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHJlbW92ZUNsYXNzKCRlbCwgcHJlZml4KSB7XG4gICAgICAgICRlbC5yZW1vdmVDbGFzcygoaSwgY2xhc3NOYW1lKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gY2xhc3NOYW1lLnNwbGl0KCcgJylcbiAgICAgICAgICAgIC5maWx0ZXIocyA9PiBzLnN0YXJ0c1dpdGgocHJlZml4KSlcbiAgICAgICAgICAgIC5qb2luKCcgJyk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgY2hhbmdlRGlyZWN0aW9uKCRlbCwgdikge1xuICAgICAgICB0aGlzLnJlbW92ZUNsYXNzKCRlbCwgJ2FwcC1saW5lYXItbGF5b3V0LWRpcmVjdGlvbicpO1xuICAgICAgICAkZWwuYWRkQ2xhc3MoJ2FwcC1saW5lYXItbGF5b3V0LWRpcmVjdGlvbi0nICsgdik7XG4gICAgICAgIGlmICh2ID09PSAncm93JyB8fCB2ID09PSAncm93LXJldmVyc2UnKSB7XG4gICAgICAgICAgICAkZWwuY3NzKCdqdXN0aWZ5LWNvbnRlbnQnLCBoQWxpZ25WYWx1ZXNbdGhpcy5ob3Jpem9udGFsYWxpZ25dKTtcbiAgICAgICAgfSBlbHNlIGlmICh2ID09PSAnY29sdW1uJyB8fCB2ID09PSAnY29sdW1uLXJldmVyc2UnKSB7XG4gICAgICAgICAgICAkZWwuY3NzKCdqdXN0aWZ5LWNvbnRlbnQnLCB2QWxpZ25WYWx1ZXNbdGhpcy52ZXJ0aWNhbGFsaWduXSk7XG4gICAgICAgIH1cbiAgICAgICAgJGVsLmNzcygnZmxleC1kaXJlY3Rpb24nLCB2KTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgb25TdHlsZUNoYW5nZShrZXk6IHN0cmluZywgbnY6IGFueSwgb3Y/OiBhbnkpIHtcbiAgICAgICAgaWYgKGtleSA9PT0gJ2hvcml6b250YWxhbGlnbicpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLmRpcmVjdGlvbiA9PT0gJ3JvdycgfHwgdGhpcy5kaXJlY3Rpb24gPT09ICdyb3ctcmV2ZXJzZScpIHtcbiAgICAgICAgICAgICAgICB0aGlzLiRlbGVtZW50LmNzcygnanVzdGlmeS1jb250ZW50JywgaEFsaWduVmFsdWVzW252XSk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMuJGVsZW1lbnQuY3NzKCdhbGlnbi1pdGVtcycsIGhBbGlnblZhbHVlc1tudl0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9IGVsc2UgaWYgKGtleSA9PT0gJ3ZlcnRpY2FsYWxpZ24nKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5kaXJlY3Rpb24gPT09ICdjb2x1bW4nIHx8IHRoaXMuZGlyZWN0aW9uID09PSAnY29sdW1uLXJldmVyc2UnKSB7XG4gICAgICAgICAgICAgICAgdGhpcy4kZWxlbWVudC5jc3MoJ2p1c3RpZnktY29udGVudCcsIHZBbGlnblZhbHVlc1tudl0pO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLiRlbGVtZW50LmNzcygnYWxpZ24taXRlbXMnLCB2QWxpZ25WYWx1ZXNbbnZdKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICBzdXBlci5vblN0eWxlQ2hhbmdlKGtleSwgbnYsIG92KTtcbiAgICB9XG5cbiAgICBvblByb3BlcnR5Q2hhbmdlKGtleTogc3RyaW5nLCBudjogYW55LCBvdj86IGFueSkge1xuICAgICAgICBzd2l0Y2ggKGtleSkge1xuICAgICAgICAgICAgY2FzZSAnZGlyZWN0aW9uJzpcbiAgICAgICAgICAgICAgICB0aGlzLmNoYW5nZURpcmVjdGlvbih0aGlzLiRlbGVtZW50LCBudik7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ2hvcml6b250YWxhbGlnbic6XG4gICAgICAgICAgICAgICAgdGhpcy4kZWxlbWVudC5jc3MoJ2p1c3RpZnktY29udGVudCcsIGhBbGlnblZhbHVlc1tudl0pO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICd2ZXJ0aWNhbGFsaWduJzpcbiAgICAgICAgICAgICAgICB0aGlzLiRlbGVtZW50LmNzcygnanVzdGlmeS1jb250ZW50JywgdkFsaWduVmFsdWVzW252XSk7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ3NwYWNpbmcnOlxuICAgICAgICAgICAgICAgIHRoaXMucmVtb3ZlQ2xhc3ModGhpcy4kZWxlbWVudCwgJ2FwcC1saW5lYXItbGF5b3V0LXNwYWNpbmcnKTtcbiAgICAgICAgICAgICAgICB0aGlzLiRlbGVtZW50LmFkZENsYXNzKCdhcHAtbGluZWFyLWxheW91dC1zcGFjaW5nLScgKyBudik7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuICAgICAgICBzdXBlci5vblByb3BlcnR5Q2hhbmdlKGtleSwgbnYsIG92KTtcbiAgICB9XG59XG4iXX0=

package/components/containers/linear-layout/esm2022/linear-layout.props.mjs

@@ -0,0 +1,13 @@
+import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';
+export const registerProps = () => {
+    register('wm-linearlayout', new Map([
+        ['class', PROP_STRING],
+        ['direction', PROP_STRING],
+        ['horizontalalign', PROP_STRING],
+        ['name', PROP_STRING],
+        ['show', { value: true, ...PROP_BOOLEAN }],
+        ['spacing', PROP_STRING],
+        ['verticalalign', PROP_STRING],
+    ]));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZWFyLWxheW91dC5wcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9jb250YWluZXJzL2xpbmVhci1sYXlvdXQvc3JjL2xpbmVhci1sYXlvdXQucHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFMUUsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLEdBQUcsRUFBRTtJQUM5QixRQUFRLENBQ0osaUJBQWlCLEVBQ2pCLElBQUksR0FBRyxDQUNIO1FBQ0ksQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO1FBQ3RCLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQztRQUMxQixDQUFDLGlCQUFpQixFQUFFLFdBQVcsQ0FBQztRQUNoQyxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7UUFDckIsQ0FBQyxNQUFNLEVBQUUsRUFBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7UUFDeEMsQ0FBQyxTQUFTLEVBQUUsV0FBVyxDQUFDO1FBQ3hCLENBQUMsZUFBZSxFQUFFLFdBQVcsQ0FBQztLQUNqQyxDQUNKLENBQ0osQ0FBQztBQUNOLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBST1BfQk9PTEVBTiwgUFJPUF9TVFJJTkcsIHJlZ2lzdGVyIH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5cbmV4cG9ydCBjb25zdCByZWdpc3RlclByb3BzID0gKCkgPT4ge1xuICAgIHJlZ2lzdGVyKFxuICAgICAgICAnd20tbGluZWFybGF5b3V0JyxcbiAgICAgICAgbmV3IE1hcChcbiAgICAgICAgICAgIFtcbiAgICAgICAgICAgICAgICBbJ2NsYXNzJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnZGlyZWN0aW9uJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnaG9yaXpvbnRhbGFsaWduJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnbmFtZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ3Nob3cnLCB7dmFsdWU6IHRydWUsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsnc3BhY2luZycsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ3ZlcnRpY2FsYWxpZ24nLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICBdXG4gICAgICAgIClcbiAgICApO1xufTtcbiJdfQ==

package/components/containers/linear-layout/esm2022/public_api.mjs

@@ -0,0 +1,3 @@
+export { LinearLayoutDirective } from './linear-layout.directive';
+export { LinearLayoutItemDirective } from './linear-layout-item/linear-layout-item.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9jb250YWluZXJzL2xpbmVhci1sYXlvdXQvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sbURBQW1ELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBMaW5lYXJMYXlvdXREaXJlY3RpdmUgfSBmcm9tICcuL2xpbmVhci1sYXlvdXQuZGlyZWN0aXZlJztcbmV4cG9ydCB7IExpbmVhckxheW91dEl0ZW1EaXJlY3RpdmUgfSBmcm9tICcuL2xpbmVhci1sYXlvdXQtaXRlbS9saW5lYXItbGF5b3V0LWl0ZW0uZGlyZWN0aXZlJztcbiJdfQ==

package/components/containers/linear-layout/fesm2022/index.mjs

@@ -0,0 +1,167 @@
+import * as i0 from '@angular/core';
+import { Inject, Optional, Directive } from '@angular/core';
+import { register, PROP_STRING, PROP_BOOLEAN, BaseContainerComponent, styler, APPLY_STYLES_TYPE, provideAsWidgetRef, PROP_NUMBER, StylableComponent } from '@wm/components/base';
+
+const registerProps$1 = () => {
+    register('wm-linearlayout', new Map([
+        ['class', PROP_STRING],
+        ['direction', PROP_STRING],
+        ['horizontalalign', PROP_STRING],
+        ['name', PROP_STRING],
+        ['show', { value: true, ...PROP_BOOLEAN }],
+        ['spacing', PROP_STRING],
+        ['verticalalign', PROP_STRING],
+    ]));
+};
+
+const DEFAULT_CLS$1 = 'app-linear-layout clearfix';
+const WIDGET_CONFIG$1 = {
+    widgetType: 'wm-linearlayout',
+    hostClass: DEFAULT_CLS$1
+};
+const hAlignValues = {
+    'left': 'flex-start',
+    'right': 'flex-end',
+    'center': 'center',
+}, vAlignValues = {
+    'top': 'flex-start',
+    'bottom': 'flex-end',
+    'center': 'center',
+};
+class LinearLayoutDirective extends BaseContainerComponent {
+    static { this.initializeProps = registerProps$1(); }
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG$1, explicitContext);
+        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
+    }
+    removeClass($el, prefix) {
+        $el.removeClass((i, className) => {
+            return className.split(' ')
+                .filter(s => s.startsWith(prefix))
+                .join(' ');
+        });
+    }
+    changeDirection($el, v) {
+        this.removeClass($el, 'app-linear-layout-direction');
+        $el.addClass('app-linear-layout-direction-' + v);
+        if (v === 'row' || v === 'row-reverse') {
+            $el.css('justify-content', hAlignValues[this.horizontalalign]);
+        }
+        else if (v === 'column' || v === 'column-reverse') {
+            $el.css('justify-content', vAlignValues[this.verticalalign]);
+        }
+        $el.css('flex-direction', v);
+    }
+    onStyleChange(key, nv, ov) {
+        if (key === 'horizontalalign') {
+            if (this.direction === 'row' || this.direction === 'row-reverse') {
+                this.$element.css('justify-content', hAlignValues[nv]);
+            }
+            else {
+                this.$element.css('align-items', hAlignValues[nv]);
+            }
+        }
+        else if (key === 'verticalalign') {
+            if (this.direction === 'column' || this.direction === 'column-reverse') {
+                this.$element.css('justify-content', vAlignValues[nv]);
+            }
+            else {
+                this.$element.css('align-items', vAlignValues[nv]);
+            }
+        }
+        super.onStyleChange(key, nv, ov);
+    }
+    onPropertyChange(key, nv, ov) {
+        switch (key) {
+            case 'direction':
+                this.changeDirection(this.$element, nv);
+                break;
+            case 'horizontalalign':
+                this.$element.css('justify-content', hAlignValues[nv]);
+                break;
+            case 'verticalalign':
+                this.$element.css('justify-content', vAlignValues[nv]);
+                break;
+            case 'spacing':
+                this.removeClass(this.$element, 'app-linear-layout-spacing');
+                this.$element.addClass('app-linear-layout-spacing-' + nv);
+                break;
+        }
+        super.onPropertyChange(key, nv, ov);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinearLayoutDirective, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: LinearLayoutDirective, isStandalone: true, selector: "[wmLinearLayout]", providers: [
+            provideAsWidgetRef(LinearLayoutDirective)
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinearLayoutDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmLinearLayout]',
+                    providers: [
+                        provideAsWidgetRef(LinearLayoutDirective)
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
+
+const registerProps = () => {
+    register('wm-linearlayoutitem', new Map([
+        ['class', PROP_STRING],
+        ['flexgrow', PROP_NUMBER],
+        ['name', PROP_STRING],
+        ['show', { value: true, ...PROP_BOOLEAN }]
+    ]));
+};
+
+const DEFAULT_CLS = 'app-linear-layout-item clearfix';
+const WIDGET_CONFIG = {
+    widgetType: 'wm-linearlayoutitem',
+    hostClass: DEFAULT_CLS
+};
+class LinearLayoutItemDirective extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
+    }
+    onPropertyChange(key, nv, ov) {
+        switch (key) {
+            case 'flexgrow':
+                this.$element.css('flex-grow', nv);
+                break;
+        }
+        super.onPropertyChange(key, nv, ov);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinearLayoutItemDirective, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: LinearLayoutItemDirective, isStandalone: true, selector: "[wmLinearLayoutItem]", providers: [
+            provideAsWidgetRef(LinearLayoutItemDirective)
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinearLayoutItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmLinearLayoutItem]',
+                    providers: [
+                        provideAsWidgetRef(LinearLayoutItemDirective)
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LinearLayoutDirective, LinearLayoutItemDirective };
+//# sourceMappingURL=index.mjs.map

package/components/containers/linear-layout/fesm2022/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/containers/linear-layout/src/linear-layout.props.ts","../../../../../projects/components/widgets/containers/linear-layout/src/linear-layout.directive.ts","../../../../../projects/components/widgets/containers/linear-layout/src/linear-layout-item/linear-layout-item.props.ts","../../../../../projects/components/widgets/containers/linear-layout/src/linear-layout-item/linear-layout-item.directive.ts","../../../../../projects/components/widgets/containers/linear-layout/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-linearlayout',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['direction', PROP_STRING],\n                ['horizontalalign', PROP_STRING],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['spacing', PROP_STRING],\n                ['verticalalign', PROP_STRING],\n            ]\n        )\n    );\n};\n","import {Directive, Inject, Injector, Optional} from '@angular/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, styler, BaseContainerComponent } from '@wm/components/base';\n\nimport { registerProps } from './linear-layout.props';\n\nconst DEFAULT_CLS = 'app-linear-layout clearfix';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-linearlayout',\n    hostClass: DEFAULT_CLS\n};\nconst hAlignValues = {\n    'left': 'flex-start',\n    'right': 'flex-end',\n    'center': 'center',\n},\nvAlignValues = {\n    'top': 'flex-start',\n    'bottom': 'flex-end',\n    'center': 'center',\n};\n\n@Directive({\n  standalone: true,\n    selector: '[wmLinearLayout]',\n    providers: [\n        provideAsWidgetRef(LinearLayoutDirective)\n    ]\n})\nexport class LinearLayoutDirective extends BaseContainerComponent {\n    static initializeProps = registerProps();\n\n    public direction;\n    public horizontalalign: string;\n    public verticalalign: string;\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    private removeClass($el, prefix) {\n        $el.removeClass((i, className) => {\n            return className.split(' ')\n            .filter(s => s.startsWith(prefix))\n            .join(' ');\n        });\n    }\n\n    private changeDirection($el, v) {\n        this.removeClass($el, 'app-linear-layout-direction');\n        $el.addClass('app-linear-layout-direction-' + v);\n        if (v === 'row' || v === 'row-reverse') {\n            $el.css('justify-content', hAlignValues[this.horizontalalign]);\n        } else if (v === 'column' || v === 'column-reverse') {\n            $el.css('justify-content', vAlignValues[this.verticalalign]);\n        }\n        $el.css('flex-direction', v);\n    }\n\n    protected onStyleChange(key: string, nv: any, ov?: any) {\n        if (key === 'horizontalalign') {\n            if (this.direction === 'row' || this.direction === 'row-reverse') {\n                this.$element.css('justify-content', hAlignValues[nv]);\n            } else {\n                this.$element.css('align-items', hAlignValues[nv]);\n            }\n        } else if (key === 'verticalalign') {\n            if (this.direction === 'column' || this.direction === 'column-reverse') {\n                this.$element.css('justify-content', vAlignValues[nv]);\n            } else {\n                this.$element.css('align-items', vAlignValues[nv]);\n            }\n        }\n        super.onStyleChange(key, nv, ov);\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        switch (key) {\n            case 'direction':\n                this.changeDirection(this.$element, nv);\n            break;\n            case 'horizontalalign':\n                this.$element.css('justify-content', hAlignValues[nv]);\n            break;\n            case 'verticalalign':\n                this.$element.css('justify-content', vAlignValues[nv]);\n            break;\n            case 'spacing':\n                this.removeClass(this.$element, 'app-linear-layout-spacing');\n                this.$element.addClass('app-linear-layout-spacing-' + nv);\n            break;\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n}\n","import { PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-linearlayoutitem',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['flexgrow', PROP_NUMBER],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}]\n            ]\n        )\n    );\n};\n","import {Directive, Inject, Injector, Optional} from '@angular/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, styler, StylableComponent } from '@wm/components/base';\n\nimport { registerProps } from './linear-layout-item.props';\n\nconst DEFAULT_CLS = 'app-linear-layout-item clearfix';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-linearlayoutitem',\n    hostClass: DEFAULT_CLS\n};\n\n@Directive({\n  standalone: true,\n    selector: '[wmLinearLayoutItem]',\n    providers: [\n        provideAsWidgetRef(LinearLayoutItemDirective)\n    ]\n})\nexport class LinearLayoutItemDirective extends StylableComponent {\n    static initializeProps = registerProps();\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    onPropertyChange(key: string, nv: any, ov?: any) {\n        switch (key) {\n            case 'flexgrow':\n                this.$element.css('flex-grow', nv);\n            break;\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["registerProps","DEFAULT_CLS","WIDGET_CONFIG"],"mappings":"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"}

package/components/containers/linear-layout/index.d.ts

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

package/components/containers/linear-layout/linear-layout-item/linear-layout-item.directive.d.ts

@@ -0,0 +1,10 @@
+import { Injector } from '@angular/core';
+import { StylableComponent } from '@wm/components/base';
+import * as i0 from "@angular/core";
+export declare class LinearLayoutItemDirective extends StylableComponent {
+    static initializeProps: void;
+    constructor(inj: Injector, explicitContext: any);
+    onPropertyChange(key: string, nv: any, ov?: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearLayoutItemDirective, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LinearLayoutItemDirective, "[wmLinearLayoutItem]", never, {}, {}, never, never, true, never>;
+}

package/components/containers/linear-layout/linear-layout-item/linear-layout-item.props.d.ts

@@ -0,0 +1 @@
+export declare const registerProps: () => void;

package/components/containers/linear-layout/linear-layout.directive.d.ts

@@ -0,0 +1,16 @@
+import { Injector } from '@angular/core';
+import { BaseContainerComponent } from '@wm/components/base';
+import * as i0 from "@angular/core";
+export declare class LinearLayoutDirective extends BaseContainerComponent {
+    static initializeProps: void;
+    direction: any;
+    horizontalalign: string;
+    verticalalign: string;
+    constructor(inj: Injector, explicitContext: any);
+    private removeClass;
+    private changeDirection;
+    protected onStyleChange(key: string, nv: any, ov?: any): void;
+    onPropertyChange(key: string, nv: any, ov?: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearLayoutDirective, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LinearLayoutDirective, "[wmLinearLayout]", never, {}, {}, never, never, true, never>;
+}

package/components/containers/linear-layout/linear-layout.props.d.ts

@@ -0,0 +1 @@
+export declare const registerProps: () => void;