@anglr/dynamic 1.0.0-beta.20231009101926 → 1.0.0-beta.20231010100212

package/es2015/material-components/src/dynamicItems/index.js

@@ -7,4 +7,5 @@ export * from './select';
 export * from './textarea';
 export * from './textField';
 export * from './expansionPanel';
+export * from './tabGroup';
 //# sourceMappingURL=index.js.map

package/es2015/material-components/src/dynamicItems/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../material-components/src/dynamicItems/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './checkbox';\nexport * from './datepicker';\nexport * from './numberField';\nexport * from './period';\nexport * from './radio';\nexport * from './select';\nexport * from './textarea';\nexport * from './textField';\nexport * from './expansionPanel';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../material-components/src/dynamicItems/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC","sourcesContent":["export * from './checkbox';\nexport * from './datepicker';\nexport * from './numberField';\nexport * from './period';\nexport * from './radio';\nexport * from './select';\nexport * from './textarea';\nexport * from './textField';\nexport * from './expansionPanel';\nexport * from './tabGroup';\n"]}

package/es2015/material-components/src/dynamicItems/tab/index.js

@@ -0,0 +1,2 @@
+export * from './tab.options';
+//# sourceMappingURL=index.js.map

package/es2015/material-components/src/dynamicItems/tab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../material-components/src/dynamicItems/tab/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC","sourcesContent":["export * from './tab.options';\n"]}

package/es2015/material-components/src/dynamicItems/tab/metadata/tab.layoutMetadata.js

@@ -0,0 +1,62 @@
+import { ComponentStylingModel, ComponentStylingPropertiesControlComponent } from '@anglr/dynamic/layout-editor';
+import { MaterialTabModel } from './tab.model';
+/**
+ * Material expansion panel layout metadata
+ */
+export class MaterialTabLayoutEditorMetadata {
+    //######################### constructor #########################
+    constructor() {
+        //######################### public properties - implementation of LayoutEditorMetadataDescriptor #########################
+        /**
+         * @inheritdoc
+         */
+        this.metaInfo = {
+            name: 'Tabs',
+            description: 'Material tabs',
+            group: 'Material',
+            optionsMetadata: {
+                propertiesMetadata: [
+                    {
+                        modelType: ComponentStylingModel,
+                        propertiesControls: [
+                            ComponentStylingPropertiesControlComponent,
+                        ],
+                    },
+                    {
+                        modelType: MaterialTabModel,
+                        propertiesControls: [
+                        // genericPropertiesControlFor<MaterialExpansionPanelModel>(['title', 'description', 'expanded'])
+                        ],
+                    },
+                ]
+            }
+        };
+        /**
+         * @inheritdoc
+         */
+        this.addDescendant = (metadata, options, index) => {
+            var _a;
+            (_a = options.children) !== null && _a !== void 0 ? _a : (options.children = []);
+            options.children.splice(index, 0, metadata);
+        };
+        /**
+         * @inheritdoc
+         */
+        this.canDropMetadata = () => true;
+        /**
+         * @inheritdoc
+         */
+        this.getChildrenContainer = element => element.querySelector('.mat-expansion-panel-body');
+        /**
+         * @inheritdoc
+         */
+        this.removeDescendant = (id, options) => {
+            var _a;
+            (_a = options.children) !== null && _a !== void 0 ? _a : (options.children = []);
+            const index = options.children.findIndex(itm => itm.id === id);
+            options.children.splice(index, 1);
+        };
+        Object.freeze(this);
+    }
+}
+//# sourceMappingURL=tab.layoutMetadata.js.map

package/es2015/material-components/src/dynamicItems/tab/metadata/tab.layoutMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.layoutMetadata.js","sourceRoot":"","sources":["../../../../../../material-components/src/dynamicItems/tab/metadata/tab.layoutMetadata.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,qBAAqB,EAAE,0CAA0C,EAA2D,MAAM,8BAA8B,CAAC;AAIzK,OAAO,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAG7C;;GAEG;AACH,MAAM,OAAO,+BAA+B;IA+DxC,iEAAiE;IACjE;QA9DA,0HAA0H;QAE1H;;WAEG;QACI,aAAQ,GACf;YACI,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,eAAe;YAC5B,KAAK,EAAE,UAAU;YACjB,eAAe,EACf;gBACI,kBAAkB,EAClB;oBACI;wBACI,SAAS,EAAE,qBAAqB;wBAChC,kBAAkB,EAClB;4BACI,0CAA0C;yBAC7C;qBACJ;oBACD;wBACI,SAAS,EAAE,gBAAgB;wBAC3B,kBAAkB,EAClB;wBACI,iGAAiG;yBACpG;qBACJ;iBACJ;aACJ;SACJ,CAAC;QAEF;;WAEG;QACI,kBAAa,GAA4E,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE;;YAEzH,MAAA,OAAO,CAAC,QAAQ,oCAAhB,OAAO,CAAC,QAAQ,GAAK,EAAE,EAAC;YACxB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;QAChD,CAAC,CAAC;QAEF;;WAEG;QACI,oBAAe,GAAiE,GAAG,EAAE,CAAC,IAAI,CAAC;QAElG;;WAEG;QACI,yBAAoB,GAAmC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;QAE5H;;WAEG;QACI,qBAAgB,GAAmD,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE;;YAEtF,MAAA,OAAO,CAAC,QAAQ,oCAAhB,OAAO,CAAC,QAAQ,GAAK,EAAE,EAAC;YACxB,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YAC/D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACtC,CAAC,CAAA;QAKG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;CACJ","sourcesContent":["import {LayoutComponentMetadata} from '@anglr/dynamic/layout';\nimport {ComponentStylingModel, ComponentStylingPropertiesControlComponent, LayoutEditorMetadataDescriptor, LayoutEditorMetadataInfo} from '@anglr/dynamic/layout-editor';\nimport {Action, Func} from '@jscrpt/common';\n\nimport {MaterialTabComponentOptions} from '../tab.options';\nimport {MaterialTabModel} from './tab.model';\n\n\n/**\n * Material expansion panel layout metadata\n */\nexport class MaterialTabLayoutEditorMetadata implements LayoutEditorMetadataDescriptor<MaterialTabComponentOptions>\n{\n    //######################### public properties - implementation of LayoutEditorMetadataDescriptor #########################\n\n    /**\n     * @inheritdoc\n     */\n    public metaInfo?: LayoutEditorMetadataInfo =\n    {\n        name: 'Tabs',\n        description: 'Material tabs',\n        group: 'Material',\n        optionsMetadata:\n        {\n            propertiesMetadata:\n            [\n                {\n                    modelType: ComponentStylingModel,\n                    propertiesControls: \n                    [\n                        ComponentStylingPropertiesControlComponent,\n                    ],\n                },\n                {\n                    modelType: MaterialTabModel,\n                    propertiesControls: \n                    [\n                        // genericPropertiesControlFor<MaterialExpansionPanelModel>(['title', 'description', 'expanded'])\n                    ],\n                },\n            ]\n        }\n    };\n\n    /**\n     * @inheritdoc\n     */\n    public addDescendant?: Action<[LayoutComponentMetadata, MaterialTabComponentOptions, number]> = (metadata, options, index) =>\n    {\n        options.children ??= [];\n        options.children.splice(index, 0, metadata);\n    };\n\n    /**\n     * @inheritdoc\n     */\n    public canDropMetadata?: Func<boolean, [MaterialTabComponentOptions|undefined|null]> = () => true;\n\n    /**\n     * @inheritdoc\n     */\n    public getChildrenContainer?: Func<Element|null, [Element]> = element => element.querySelector('.mat-expansion-panel-body');\n\n    /**\n     * @inheritdoc\n     */\n    public removeDescendant?: Action<[string, MaterialTabComponentOptions]> = (id, options) =>\n    {\n        options.children ??= [];\n        const index = options.children.findIndex(itm => itm.id === id);\n        options.children.splice(index, 1);\n    }\n\n    //######################### constructor #########################\n    constructor()\n    {\n        Object.freeze(this);\n    }\n}"]}

package/es2015/material-components/src/dynamicItems/tab/metadata/tab.model.js

@@ -0,0 +1,11 @@
+import { mapValuesToThis } from '@jscrpt/common';
+/**
+ * Material tab model for properties editor
+ */
+export class MaterialTabModel {
+    //######################### constructor #########################
+    constructor(value) {
+        mapValuesToThis.bind(this)(value);
+    }
+}
+//# sourceMappingURL=tab.model.js.map

package/es2015/material-components/src/dynamicItems/tab/metadata/tab.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.model.js","sourceRoot":"","sources":["../../../../../../material-components/src/dynamicItems/tab/metadata/tab.model.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAI/C;;GAEG;AACH,MAAM,OAAO,gBAAgB;IASzB,iEAAiE;IACjE,YAAY,KAAiD;QAEzD,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;CACJ","sourcesContent":["import {LayoutComponentMetadata} from '@anglr/dynamic/layout';\nimport {mapValuesToThis} from '@jscrpt/common';\n\nimport {MaterialTabComponentOptions} from '../tab.options';\n\n/**\n * Material tab model for properties editor\n */\nexport class MaterialTabModel implements MaterialTabComponentOptions\n{\n    //######################### public properties #########################\n\n    /**\n     * @inheritdoc\n     */\n    public children: LayoutComponentMetadata[]|undefined|null;\n\n    //######################### constructor #########################\n    constructor(value: MaterialTabComponentOptions|undefined|null)\n    {\n        mapValuesToThis.bind(this)(value);\n    }\n}"]}

package/es2015/material-components/src/dynamicItems/tab/metadata/tab.relationsMetadata.js

@@ -0,0 +1,24 @@
+import { MaterialTabNodeSAComponent } from '../node/tabNode.component';
+/**
+ * Material tab relations metadata
+ */
+export class MaterialTabRelationsEditorMetadata {
+    //######################### constructor #########################
+    constructor() {
+        //######################### public properties - implementation of RelationsEditorMetadataDescriptor #########################
+        /**
+         * @inheritdoc
+         */
+        this.metaInfo = {
+            name: 'Tab',
+            description: 'Material tab',
+            group: 'Material',
+        };
+        /**
+         * @inheritdoc
+         */
+        this.nodeDefinition = MaterialTabNodeSAComponent;
+        Object.freeze(this);
+    }
+}
+//# sourceMappingURL=tab.relationsMetadata.js.map

package/es2015/material-components/src/dynamicItems/tab/metadata/tab.relationsMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.relationsMetadata.js","sourceRoot":"","sources":["../../../../../../material-components/src/dynamicItems/tab/metadata/tab.relationsMetadata.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,0BAA0B,EAAC,MAAM,2BAA2B,CAAC;AAErE;;GAEG;AACH,MAAM,OAAO,kCAAkC;IAmB3C,iEAAiE;IACjE;QAlBA,6HAA6H;QAE7H;;WAEG;QACI,aAAQ,GACf;YACI,IAAI,EAAE,KAAK;YACX,WAAW,EAAE,cAAc;YAC3B,KAAK,EAAE,UAAU;SACpB,CAAC;QAEF;;WAEG;QACI,mBAAc,GAAwB,0BAA0B,CAAC;QAKpE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;CACJ","sourcesContent":["import {Type} from '@angular/core';\nimport {RelationsEditorMetadataDescriptor, RelationsEditorMetadataInfo, RelationsNode} from '@anglr/dynamic/relations-editor';\n\nimport {MaterialTabNodeSAComponent} from '../node/tabNode.component';\n\n/**\n * Material tab relations metadata\n */\nexport class MaterialTabRelationsEditorMetadata implements RelationsEditorMetadataDescriptor\n{\n    //######################### public properties - implementation of RelationsEditorMetadataDescriptor #########################\n\n    /**\n     * @inheritdoc\n     */\n    public metaInfo?: RelationsEditorMetadataInfo =\n    {\n        name: 'Tab',\n        description: 'Material tab',\n        group: 'Material',\n    };\n\n    /**\n     * @inheritdoc\n     */\n    public nodeDefinition: Type<RelationsNode> = MaterialTabNodeSAComponent;\n\n    //######################### constructor #########################\n    constructor()\n    {\n        Object.freeze(this);\n    }\n}"]}

package/es2015/material-components/src/dynamicItems/tab/node/tabNode.component.js

@@ -0,0 +1,19 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { RelationsNodeBase, RelationNodeInputSAComponent, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent } from '@anglr/dynamic/relations-editor';
+import * as i0 from "@angular/core";
+/**
+ * Relations node component for material tab
+ */
+export class MaterialTabNodeSAComponent extends RelationsNodeBase {
+}
+MaterialTabNodeSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: MaterialTabNodeSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MaterialTabNodeSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: MaterialTabNodeSAComponent, isStandalone: true, selector: "material-tab-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"visible\" [parent]=\"this\"></relation-node-input>\n                <div>visible</div>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderSAComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputSAComponent, selector: "relation-node-input" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: MaterialTabNodeSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'material-tab-node', standalone: true, imports: [
+                        RelationsNodeHeaderSAComponent,
+                        RelationNodeInputSAComponent,
+                        RelationNodeOutputSAComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"visible\" [parent]=\"this\"></relation-node-input>\n                <div>visible</div>\n            </div>\n        </div>\n    </div>\n</div>" }]
+        }] });
+//# sourceMappingURL=tabNode.component.js.map

package/es2015/material-components/src/dynamicItems/tab/node/tabNode.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabNode.component.js","sourceRoot":"","sources":["../../../../../../material-components/src/dynamicItems/tab/node/tabNode.component.ts","../../../../../../material-components/src/dynamicItems/tab/node/tabNode.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EAAgB,iBAAiB,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,8BAA8B,EAAC,MAAM,iCAAiC,CAAC;;AAE9K;;GAEG;AAcH,MAAM,OAAO,0BAA2B,SAAQ,iBAAiB;;uHAApD,0BAA0B;2GAA1B,0BAA0B,oGCnBvC,yeAWM,4CDEE,8BAA8B,gHAC9B,4BAA4B;2FAKvB,0BAA0B;kBAbtC,SAAS;+BAEI,mBAAmB,cAEjB,IAAI,WAEhB;wBACI,8BAA8B;wBAC9B,4BAA4B;wBAC5B,6BAA6B;qBAChC,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {RelationsNode, RelationsNodeBase, RelationNodeInputSAComponent, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent} from '@anglr/dynamic/relations-editor';\n\n/**\n * Relations node component for material tab\n */\n@Component(\n{\n    selector: 'material-tab-node',\n    templateUrl: 'tabNode.component.html',\n    standalone: true,\n    imports:\n    [\n        RelationsNodeHeaderSAComponent,\n        RelationNodeInputSAComponent,\n        RelationNodeOutputSAComponent,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MaterialTabNodeSAComponent extends RelationsNodeBase implements RelationsNode\n{\n}","<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"visible\" [parent]=\"this\"></relation-node-input>\n                <div>visible</div>\n            </div>\n        </div>\n    </div>\n</div>"]}

package/es2015/material-components/src/dynamicItems/tab/tab.component.js

@@ -0,0 +1,100 @@
+import { __decorate, __metadata } from "tslib";
+import { Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, Injector, Inject, Optional, Input } from '@angular/core';
+import { MAT_TAB, MatTab, MatTabsModule } from '@angular/material/tabs';
+import { CommonModule } from '@angular/common';
+import { LayoutComponentBase, LayoutComponentRendererSADirective } from '@anglr/dynamic/layout';
+import { DescendantsGetter, LayoutEditorMetadata } from '@anglr/dynamic/layout-editor';
+import { RelationsEditorMetadata } from '@anglr/dynamic/relations-editor';
+import { HostDisplayBlockStyle } from '@anglr/common';
+import { MaterialTabLayoutMetadataLoader, MaterialTabRelationsMetadataLoader } from './tab.metadata';
+import { MATERIAL_TAB_GROUP, MaterialTabGroupSAComponent } from '../tabGroup/tabGroup.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../tabGroup/tabGroup.component";
+import * as i3 from "@angular/material/tabs";
+/**
+ * Component used for displaying toggle panel layout
+ */
+let MaterialTabSAComponent = class MaterialTabSAComponent extends LayoutComponentBase {
+    //######################### public properties - inputs #########################
+    /**
+     * Indication whether tab is visible
+     */
+    set visible(visible) {
+        this._visible = visible;
+        if (this.visible) {
+            this.showTab();
+        }
+        else {
+            this.hideTab();
+        }
+    }
+    get visible() {
+        return this._visible;
+    }
+    //######################### constructor #########################
+    constructor(changeDetector, componentElement, injector, _closestTabGroup, _closestTab) {
+        super(changeDetector, componentElement, injector);
+        this._closestTabGroup = _closestTabGroup;
+        this._closestTab = _closestTab;
+    }
+    //######################### protected - overrides #########################
+    /**
+     * @inheritdoc
+     */
+    onOptionsSet() { }
+    /**
+     * Hides tab content
+     */
+    hideTab() {
+        var _a;
+        if (this._closestTab) {
+            this._closestTab.disabled = true;
+        }
+        (_a = this._closestTabGroup) === null || _a === void 0 ? void 0 : _a.onHideTab(this.tabGroupIndex);
+    }
+    /**
+     * Shows tab content
+     */
+    showTab() {
+        var _a;
+        if (this._closestTab) {
+            this._closestTab.disabled = false;
+        }
+        (_a = this._closestTabGroup) === null || _a === void 0 ? void 0 : _a.invalidateVisuals();
+    }
+};
+MaterialTabSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: MaterialTabSAComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Injector }, { token: MATERIAL_TAB_GROUP, optional: true }, { token: MAT_TAB, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+MaterialTabSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: MaterialTabSAComponent, isStandalone: true, selector: "material-tab", inputs: { visible: "visible" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let type of options?.children\">\n    <ng-template [layoutComponentRenderer]=\"type\"></ng-template>\n</ng-container>", styles: [":host{display: block;}"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: LayoutComponentRendererSADirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererInjector", "layoutComponentRendererDisableTransformer"], outputs: ["layoutComponentRendererComponentChange", "componentElementChange"], exportAs: ["layoutComponentRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MaterialTabSAComponent = __decorate([
+    DescendantsGetter(options => { var _a; return (_a = options === null || options === void 0 ? void 0 : options.children) !== null && _a !== void 0 ? _a : []; }),
+    LayoutEditorMetadata(MaterialTabLayoutMetadataLoader),
+    RelationsEditorMetadata(MaterialTabRelationsMetadataLoader),
+    __metadata("design:paramtypes", [ChangeDetectorRef,
+        ElementRef,
+        Injector,
+        MaterialTabGroupSAComponent,
+        MatTab])
+], MaterialTabSAComponent);
+export { MaterialTabSAComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: MaterialTabSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'material-tab', standalone: true, imports: [
+                        CommonModule,
+                        MatTabsModule,
+                        LayoutComponentRendererSADirective,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngFor=\"let type of options?.children\">\n    <ng-template [layoutComponentRenderer]=\"type\"></ng-template>\n</ng-container>", styles: [":host{display: block;}"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Injector }, { type: i2.MaterialTabGroupSAComponent, decorators: [{
+                    type: Inject,
+                    args: [MATERIAL_TAB_GROUP]
+                }, {
+                    type: Optional
+                }] }, { type: i3.MatTab, decorators: [{
+                    type: Inject,
+                    args: [MAT_TAB]
+                }, {
+                    type: Optional
+                }] }]; }, propDecorators: { visible: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=tab.component.js.map

package/es2015/material-components/src/dynamicItems/tab/tab.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.component.js","sourceRoot":"","sources":["../../../../../material-components/src/dynamicItems/tab/tab.component.ts","../../../../../material-components/src/dynamicItems/tab/tab.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AACnI,OAAO,EAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAC,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAkB,mBAAmB,EAAE,kCAAkC,EAAC,MAAM,uBAAuB,CAAC;AAC/G,OAAO,EAAC,iBAAiB,EAAE,oBAAoB,EAAC,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAC,uBAAuB,EAAC,MAAM,iCAAiC,CAAC;AAExE,OAAO,EAAC,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAC,+BAA+B,EAAE,kCAAkC,EAAC,MAAM,gBAAgB,CAAC;AACnG,OAAO,EAAC,kBAAkB,EAAE,2BAA2B,EAAC,MAAM,gCAAgC,CAAC;;;;;AAE/F;;GAEG;AAkBI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,mBAAgD;IAqBxF,gFAAgF;IAEhF;;OAEG;IACH,IACW,OAAO,CAAC,OAA+B;QAE9C,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,IAAI,CAAC,OAAO,EAChB;YACI,IAAI,CAAC,OAAO,EAAE,CAAC;SAClB;aAED;YACI,IAAI,CAAC,OAAO,EAAE,CAAC;SAClB;IACL,CAAC;IACD,IAAW,OAAO;QAEd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,iEAAiE;IACjE,YAAY,cAAiC,EACjC,gBAAyC,EACzC,QAAkB,EAC8B,gBAA6C,EACxD,WAAmB;QAEhE,KAAK,CAAC,cAAc,EAAE,gBAAgB,EAAE,QAAQ,CAAC,CAAC;QAHM,qBAAgB,GAAhB,gBAAgB,CAA6B;QACxD,gBAAW,GAAX,WAAW,CAAQ;IAGpE,CAAC;IAED,2EAA2E;IAE3E;;OAEG;IACgB,YAAY,KAC9B,CAAC;IAEF;;OAEG;IACO,OAAO;;QAEb,IAAI,IAAI,CAAC,WAAW,EACpB;YACI,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC;SACpC;QAED,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACzD,CAAC;IAED;;OAEG;IACO,OAAO;;QAEb,IAAI,IAAI,CAAC,WAAW,EACpB;YACI,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,KAAK,CAAC;SACrC;QAED,MAAA,IAAI,CAAC,gBAAgB,0CAAE,iBAAiB,EAAE,CAAC;IAC/C,CAAC;;mHAtFQ,sBAAsB,qGAgDX,kBAAkB,6BAClB,OAAO;uGAjDlB,sBAAsB,+HCjCnC,8IAEe,+EDsBP,YAAY,2JACZ,aAAa,+BACb,kCAAkC;AAO7B,sBAAsB;IAHlC,iBAAiB,CAA8B,OAAO,CAAC,EAAE,WAAC,OAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,EAAE,CAAA,EAAA,CAAC;IAClF,oBAAoB,CAAC,+BAA+B,CAAC;IACrD,uBAAuB,CAAC,kCAAkC,CAAC;qCA8C5B,iBAAiB;QACf,UAAU;QAClB,QAAQ;QACgD,2BAA2B;QAC3C,MAAM;GAjD3D,sBAAsB,CAuFlC;SAvFY,sBAAsB;2FAAtB,sBAAsB;kBAjBlC,SAAS;+BAEI,cAAc,cAGZ,IAAI,WAEhB;wBACI,YAAY;wBACZ,aAAa;wBACb,kCAAkC;qBACrC,mBACgB,uBAAuB,CAAC,MAAM;;0BAqDlC,MAAM;2BAAC,kBAAkB;;0BAAG,QAAQ;;0BACpC,MAAM;2BAAC,OAAO;;0BAAG,QAAQ;4CAtB3B,OAAO;sBADjB,KAAK","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, Injector, Inject, Optional, Input} from '@angular/core';\nimport {MAT_TAB, MatTab, MatTabsModule} from '@angular/material/tabs';\nimport {CommonModule} from '@angular/common';\nimport {LayoutComponent, LayoutComponentBase, LayoutComponentRendererSADirective} from '@anglr/dynamic/layout';\nimport {DescendantsGetter, LayoutEditorMetadata} from '@anglr/dynamic/layout-editor';\nimport {RelationsEditorMetadata} from '@anglr/dynamic/relations-editor';\nimport {RelationsComponent} from '@anglr/dynamic/relations';\nimport {HostDisplayBlockStyle} from '@anglr/common';\n\nimport {MaterialTabComponentOptions} from './tab.options';\nimport {MaterialTabLayoutMetadataLoader, MaterialTabRelationsMetadataLoader} from './tab.metadata';\nimport {MATERIAL_TAB_GROUP, MaterialTabGroupSAComponent} from '../tabGroup/tabGroup.component';\n\n/**\n * Component used for displaying toggle panel layout\n */\n@Component(\n{\n    selector: 'material-tab',\n    templateUrl: 'tab.component.html',\n    styles: [HostDisplayBlockStyle],\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n        MatTabsModule,\n        LayoutComponentRendererSADirective,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\n@DescendantsGetter<MaterialTabComponentOptions>(options => options?.children ?? [])\n@LayoutEditorMetadata(MaterialTabLayoutMetadataLoader)\n@RelationsEditorMetadata(MaterialTabRelationsMetadataLoader)\nexport class MaterialTabSAComponent extends LayoutComponentBase<MaterialTabComponentOptions> implements LayoutComponent<MaterialTabComponentOptions>, RelationsComponent\n{\n    //######################### private properties #########################\n\n    /**\n     * Indication whether tab is visible\n     */\n    private _visible: boolean|null|undefined;\n\n    //######################### public properties #########################\n\n    /**\n     * Material tab relation options\n     */\n    public relationsOptions: any;\n\n    /**\n     * Material tab index in parent tab group\n     */\n    public tabGroupIndex: number|null|undefined;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Indication whether tab is visible\n     */\n    @Input()\n    public set visible(visible: boolean|null|undefined)\n    {\n        this._visible = visible;\n        if (this.visible)\n        {\n            this.showTab();\n        }\n        else\n        {\n            this.hideTab();\n        }\n    }\n    public get visible(): boolean|null|undefined\n    {\n        return this._visible;\n    }\n\n    //######################### constructor #########################\n    constructor(changeDetector: ChangeDetectorRef,\n                componentElement: ElementRef<HTMLElement>,\n                injector: Injector,\n                @Inject(MATERIAL_TAB_GROUP) @Optional() private _closestTabGroup: MaterialTabGroupSAComponent,\n                @Inject(MAT_TAB) @Optional() private _closestTab: MatTab)\n    {\n        super(changeDetector, componentElement, injector);\n    }\n\n    //######################### protected - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected override onOptionsSet(): void\n    {}\n\n    /**\n     * Hides tab content\n     */\n    protected hideTab()\n    {\n        if (this._closestTab)\n        {\n            this._closestTab.disabled = true;\n        }\n            \n        this._closestTabGroup?.onHideTab(this.tabGroupIndex);\n    }\n\n    /**\n     * Shows tab content\n     */\n    protected showTab()\n    {\n        if (this._closestTab)\n        {\n            this._closestTab.disabled = false;\n        }\n\n        this._closestTabGroup?.invalidateVisuals();\n    }\n}","<ng-container *ngFor=\"let type of options?.children\">\n    <ng-template [layoutComponentRenderer]=\"type\"></ng-template>\n</ng-container>"]}

package/es2015/material-components/src/dynamicItems/tab/tab.metadata.js

@@ -0,0 +1,10 @@
+import { __awaiter } from "tslib";
+/**
+ * Material tab layout metadata loader
+ */
+export const MaterialTabLayoutMetadataLoader = () => __awaiter(void 0, void 0, void 0, function* () { return new (yield import('./metadata/tab.layoutMetadata')).MaterialTabLayoutEditorMetadata(); });
+/**
+ * Material tab relations metadata loader
+ */
+export const MaterialTabRelationsMetadataLoader = () => __awaiter(void 0, void 0, void 0, function* () { return new (yield import('./metadata/tab.relationsMetadata')).MaterialTabRelationsEditorMetadata(); });
+//# sourceMappingURL=tab.metadata.js.map

package/es2015/material-components/src/dynamicItems/tab/tab.metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.metadata.js","sourceRoot":"","sources":["../../../../../material-components/src/dynamicItems/tab/tab.metadata.ts"],"names":[],"mappings":";AAMA;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAuF,GAAS,EAAE,kDAAC,OAAA,IAAI,CAAC,MAAM,MAAM,CAAC,+BAA+B,CAAC,CAAC,CAAC,+BAA+B,EAAE,CAAA,GAAA,CAAC;AAErO;;GAEG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAA6D,GAAS,EAAE,kDAAC,OAAA,IAAI,CAAC,MAAM,MAAM,CAAC,kCAAkC,CAAC,CAAC,CAAC,kCAAkC,EAAE,CAAA,GAAA,CAAC","sourcesContent":["import {DynamicMetadataLoader} from '@anglr/dynamic';\nimport {LayoutEditorMetadataDescriptor} from '@anglr/dynamic/layout-editor';\nimport {RelationsEditorMetadataDescriptor} from '@anglr/dynamic/relations-editor';\n\nimport {MaterialTabComponentOptions} from './tab.options';\n\n/**\n * Material tab layout metadata loader\n */\nexport const MaterialTabLayoutMetadataLoader: DynamicMetadataLoader<LayoutEditorMetadataDescriptor<MaterialTabComponentOptions>> = async () => new (await import('./metadata/tab.layoutMetadata')).MaterialTabLayoutEditorMetadata();\n\n/**\n * Material tab relations metadata loader\n */\nexport const MaterialTabRelationsMetadataLoader: DynamicMetadataLoader<RelationsEditorMetadataDescriptor> = async () => new (await import('./metadata/tab.relationsMetadata')).MaterialTabRelationsEditorMetadata();\n"]}

package/es2015/material-components/src/dynamicItems/tab/tab.options.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tab.options.js.map

package/es2015/material-components/src/dynamicItems/tab/tab.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.options.js","sourceRoot":"","sources":["../../../../../material-components/src/dynamicItems/tab/tab.options.ts"],"names":[],"mappings":"","sourcesContent":["import {LayoutComponentMetadata} from '@anglr/dynamic/layout';\n\n/**\n * Options for material expansion panel component\n */\nexport interface MaterialTabComponentOptions\n{\n    //######################### properties #########################\n\n    /**\n     * Array of children that are going to be rendered\n     */\n    children: LayoutComponentMetadata[]|undefined|null;\n}"]}

package/es2015/material-components/src/dynamicItems/tab/type.js

@@ -0,0 +1,6 @@
+import { ComponentStylingExtension } from '@anglr/dynamic/layout';
+import { RelationsRegistrationExtension } from '@anglr/dynamic/relations';
+import { MaterialTabSAComponent } from './tab.component';
+export default MaterialTabSAComponent;
+export const extensions = [ComponentStylingExtension, RelationsRegistrationExtension];
+//# sourceMappingURL=type.js.map

package/es2015/material-components/src/dynamicItems/tab/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../../../material-components/src/dynamicItems/tab/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,yBAAyB,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAC,8BAA8B,EAAC,MAAM,0BAA0B,CAAC;AAExE,OAAO,EAAC,sBAAsB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,eAAe,sBAAsB,CAAC;AAEtC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,yBAAyB,EAAE,8BAA8B,CAAC,CAAC","sourcesContent":["import {ComponentStylingExtension} from '@anglr/dynamic/layout';\nimport {RelationsRegistrationExtension} from '@anglr/dynamic/relations';\n\nimport {MaterialTabSAComponent} from './tab.component';\n\nexport default MaterialTabSAComponent;\n\nexport const extensions = [ComponentStylingExtension, RelationsRegistrationExtension];"]}

package/es2015/material-components/src/dynamicItems/tabGroup/index.js

@@ -0,0 +1,2 @@
+export * from './tabGroup.options';
+//# sourceMappingURL=index.js.map

package/es2015/material-components/src/dynamicItems/tabGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../material-components/src/dynamicItems/tabGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './tabGroup.options';\n"]}

package/es2015/material-components/src/dynamicItems/tabGroup/metadata/tabGroup.layoutMetadata.js

@@ -0,0 +1,46 @@
+import { ComponentStylingModel, ComponentStylingPropertiesControlComponent } from '@anglr/dynamic/layout-editor';
+import { MaterialTabGroupModel } from './tabGroup.model';
+import { MaterialTabGroupPropertiesControlSAComponent } from '../misc/components';
+/**
+ * Material expansion panel layout metadata
+ */
+export class MaterialTabGroupLayoutEditorMetadata {
+    //######################### constructor #########################
+    constructor() {
+        //######################### public properties - implementation of LayoutEditorMetadataDescriptor #########################
+        /**
+         * @inheritdoc
+         */
+        this.metaInfo = {
+            name: 'Tabs',
+            description: 'Material tabs',
+            group: 'Material',
+            optionsMetadata: {
+                propertiesMetadata: [
+                    {
+                        modelType: ComponentStylingModel,
+                        propertiesControls: [
+                            ComponentStylingPropertiesControlComponent,
+                        ],
+                    },
+                    {
+                        modelType: MaterialTabGroupModel,
+                        propertiesControls: [
+                            MaterialTabGroupPropertiesControlSAComponent,
+                        ],
+                    },
+                ]
+            }
+        };
+        /**
+         * @inheritdoc
+         */
+        this.canDropMetadata = () => false;
+        /**
+         * @inheritdoc
+         */
+        this.getChildrenContainer = element => element.querySelector('.mat-expansion-panel-body');
+        Object.freeze(this);
+    }
+}
+//# sourceMappingURL=tabGroup.layoutMetadata.js.map

package/es2015/material-components/src/dynamicItems/tabGroup/metadata/tabGroup.layoutMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabGroup.layoutMetadata.js","sourceRoot":"","sources":["../../../../../../material-components/src/dynamicItems/tabGroup/metadata/tabGroup.layoutMetadata.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,qBAAqB,EAAE,0CAA0C,EAA2D,MAAM,8BAA8B,CAAC;AAIzK,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAC,4CAA4C,EAAC,MAAM,oBAAoB,CAAC;AAGhF;;GAEG;AACH,MAAM,OAAO,oCAAoC;IA4C7C,iEAAiE;IACjE;QA3CA,0HAA0H;QAE1H;;WAEG;QACI,aAAQ,GACf;YACI,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,eAAe;YAC5B,KAAK,EAAE,UAAU;YACjB,eAAe,EACf;gBACI,kBAAkB,EAClB;oBACI;wBACI,SAAS,EAAE,qBAAqB;wBAChC,kBAAkB,EAClB;4BACI,0CAA0C;yBAC7C;qBACJ;oBACD;wBACI,SAAS,EAAE,qBAAqB;wBAChC,kBAAkB,EAClB;4BACI,4CAA4C;yBAC/C;qBACJ;iBACJ;aACJ;SACJ,CAAC;QAEF;;WAEG;QACI,oBAAe,GAAsE,GAAG,EAAE,CAAC,KAAK,CAAC;QAExG;;WAEG;QACI,yBAAoB,GAAmC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;QAKxH,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;CACJ","sourcesContent":["import {ComponentStylingModel, ComponentStylingPropertiesControlComponent, LayoutEditorMetadataDescriptor, LayoutEditorMetadataInfo} from '@anglr/dynamic/layout-editor';\nimport {Func} from '@jscrpt/common';\n\nimport {MaterialTabGroupComponentOptions} from '../tabGroup.options';\nimport {MaterialTabGroupModel} from './tabGroup.model';\nimport {MaterialTabGroupPropertiesControlSAComponent} from '../misc/components';\n\n\n/**\n * Material expansion panel layout metadata\n */\nexport class MaterialTabGroupLayoutEditorMetadata implements LayoutEditorMetadataDescriptor<MaterialTabGroupComponentOptions>\n{\n    //######################### public properties - implementation of LayoutEditorMetadataDescriptor #########################\n\n    /**\n     * @inheritdoc\n     */\n    public metaInfo?: LayoutEditorMetadataInfo =\n    {\n        name: 'Tabs',\n        description: 'Material tabs',\n        group: 'Material',\n        optionsMetadata:\n        {\n            propertiesMetadata:\n            [\n                {\n                    modelType: ComponentStylingModel,\n                    propertiesControls: \n                    [\n                        ComponentStylingPropertiesControlComponent,\n                    ],\n                },\n                {\n                    modelType: MaterialTabGroupModel,\n                    propertiesControls: \n                    [\n                        MaterialTabGroupPropertiesControlSAComponent,\n                    ],\n                },\n            ]\n        }\n    };\n\n    /**\n     * @inheritdoc\n     */\n    public canDropMetadata?: Func<boolean, [MaterialTabGroupComponentOptions|undefined|null]> = () => false;\n\n    /**\n     * @inheritdoc\n     */\n    public getChildrenContainer?: Func<Element|null, [Element]> = element => element.querySelector('.mat-expansion-panel-body');\n\n    //######################### constructor #########################\n    constructor()\n    {\n        Object.freeze(this);\n    }\n}"]}

package/es2015/material-components/src/dynamicItems/tabGroup/metadata/tabGroup.model.js

@@ -0,0 +1,21 @@
+import { __decorate, __metadata } from "tslib";
+import { FormGroup } from '@angular/forms';
+import { FormArrayChild, FormArrayProperty } from '@anglr/common/forms';
+import { mapValuesToThis } from '@jscrpt/common';
+/**
+ * Material tab model for properties editor
+ */
+export class MaterialTabGroupModel {
+    //######################### constructor #########################
+    constructor(value) {
+        //######################### public properties #########################
+        this.tabs = [];
+        mapValuesToThis.bind(this)(value);
+    }
+}
+__decorate([
+    FormArrayChild(FormGroup),
+    FormArrayProperty(),
+    __metadata("design:type", Object)
+], MaterialTabGroupModel.prototype, "tabs", void 0);
+//# sourceMappingURL=tabGroup.model.js.map

package/es2015/material-components/src/dynamicItems/tabGroup/metadata/tabGroup.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabGroup.model.js","sourceRoot":"","sources":["../../../../../../material-components/src/dynamicItems/tabGroup/metadata/tabGroup.model.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAI/C;;GAEG;AACH,MAAM,OAAO,qBAAqB;IAQ9B,iEAAiE;IACjE,YAAY,KAAsD;QAPlE,uEAAuE;QAIhE,SAAI,GAAyB,EAAE,CAAC;QAKnC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;CACJ;AATG;IAAC,cAAc,CAAC,SAAS,CAAC;IACzB,iBAAiB,EAAE;;mDACmB","sourcesContent":["import {FormGroup} from '@angular/forms';\nimport {FormArrayChild, FormArrayProperty} from '@anglr/common/forms';\nimport {mapValuesToThis} from '@jscrpt/common';\n\nimport {MaterialTabGroupComponentOptions, Tab} from '../tabGroup.options';\n\n/**\n * Material tab model for properties editor\n */\nexport class MaterialTabGroupModel implements MaterialTabGroupComponentOptions\n{\n    //######################### public properties #########################\n\n    @FormArrayChild(FormGroup)\n    @FormArrayProperty()\n    public tabs: Tab[]|undefined|null = [];\n\n    //######################### constructor #########################\n    constructor(value: MaterialTabGroupComponentOptions|undefined|null)\n    {\n        mapValuesToThis.bind(this)(value);\n    }\n}"]}

package/es2015/material-components/src/dynamicItems/tabGroup/misc/components/index.js

@@ -0,0 +1,2 @@
+export * from './tabGroupPropertiesControl/tabGroupPropertiesControl.component';
+//# sourceMappingURL=index.js.map

package/es2015/material-components/src/dynamicItems/tabGroup/misc/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../material-components/src/dynamicItems/tabGroup/misc/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iEAAiE,CAAC","sourcesContent":["export * from './tabGroupPropertiesControl/tabGroupPropertiesControl.component';\n"]}

package/es2015/material-components/src/dynamicItems/tabGroup/misc/components/tabGroupPropertiesControl/tabGroupPropertiesControl.component.js

@@ -0,0 +1,74 @@
+import { __awaiter } from "tslib";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormBuilder, ReactiveFormsModule } from '@angular/forms';
+import { TitledDialogService } from '@anglr/common/material';
+import { LayoutEditorMetadataExtractor, PropertiesControlBase } from '@anglr/dynamic/layout-editor';
+import { generateId } from '@jscrpt/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@anglr/dynamic/layout-editor";
+import * as i2 from "@anglr/common/material";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/common";
+/**
+ * Component used for displaying material tab group properties control
+ */
+export class MaterialTabGroupPropertiesControlSAComponent extends PropertiesControlBase {
+    //######################### protected properties #########################
+    /**
+     * Tabs control
+     */
+    get tabsControl() {
+        var _a;
+        return (_a = this.form) === null || _a === void 0 ? void 0 : _a.controls.tabs;
+    }
+    /**
+     * Tabs control form groups
+     */
+    get tabsControls() {
+        var _a;
+        return (_a = this.tabsControl) === null || _a === void 0 ? void 0 : _a.controls;
+    }
+    //######################### constructor #########################
+    constructor(changeDetector, metadataExtractor, dialog, fb) {
+        super(changeDetector, metadataExtractor);
+        this.dialog = dialog;
+        this.fb = fb;
+    }
+    //######################### protected methods - template bindings #########################
+    /**
+     * Adds new tab to tab group
+     */
+    addTab() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            (_a = this.tabsControl) === null || _a === void 0 ? void 0 : _a.push(this.fb.group({
+                title: 'Tab',
+                content: {
+                    id: `${generateId(6)}-tab`,
+                    package: 'material-components',
+                    name: 'tab',
+                    options: {}
+                }
+            }));
+        });
+    }
+    /**
+     * Removes tab on specified index in form array
+     * @param index Tab index to remove
+     */
+    removeTab(index) {
+        var _a;
+        (_a = this.tabsControl) === null || _a === void 0 ? void 0 : _a.removeAt(index);
+    }
+}
+MaterialTabGroupPropertiesControlSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: MaterialTabGroupPropertiesControlSAComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.LayoutEditorMetadataExtractor }, { token: i2.TitledDialogService }, { token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+MaterialTabGroupPropertiesControlSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: MaterialTabGroupPropertiesControlSAComponent, isStandalone: true, selector: "material-tab-group-properties-control", usesInheritance: true, ngImport: i0, template: "<div class=\"properties-form-group\">\n    <div>Tabs</div>\n    <div>\n        <div class=\"dynamic-flex-row\" *ngFor=\"let tabControl of tabsControls; let i = index\" [formGroup]=\"tabControl\">\n            <div>{{i+1}}.</div>\n            <input class=\"properties-form-control dynamic-flex-1\" type=\"text\" formControlName=\"title\">\n            <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-horizontal-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeTab(i)\">\n                <span class=\"fas fa-times\"></span>\n            </button>\n        </div>\n        \n        <button type=\"button\" class=\"dynamic-btn dynamic-btn-primary dynamic-margin-vertical-small\" (click)=\"addTab()\">\n            <span>Add tab</span>\n        </button>\n    </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: MaterialTabGroupPropertiesControlSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'material-tab-group-properties-control', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"properties-form-group\">\n    <div>Tabs</div>\n    <div>\n        <div class=\"dynamic-flex-row\" *ngFor=\"let tabControl of tabsControls; let i = index\" [formGroup]=\"tabControl\">\n            <div>{{i+1}}.</div>\n            <input class=\"properties-form-control dynamic-flex-1\" type=\"text\" formControlName=\"title\">\n            <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-horizontal-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeTab(i)\">\n                <span class=\"fas fa-times\"></span>\n            </button>\n        </div>\n        \n        <button type=\"button\" class=\"dynamic-btn dynamic-btn-primary dynamic-margin-vertical-small\" (click)=\"addTab()\">\n            <span>Add tab</span>\n        </button>\n    </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.LayoutEditorMetadataExtractor }, { type: i2.TitledDialogService }, { type: i3.FormBuilder }]; } });
+//# sourceMappingURL=tabGroupPropertiesControl.component.js.map

package/es2015/material-components/src/dynamicItems/tabGroup/misc/components/tabGroupPropertiesControl/tabGroupPropertiesControl.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabGroupPropertiesControl.component.js","sourceRoot":"","sources":["../../../../../../../../material-components/src/dynamicItems/tabGroup/misc/components/tabGroupPropertiesControl/tabGroupPropertiesControl.component.ts","../../../../../../../../material-components/src/dynamicItems/tabGroup/misc/components/tabGroupPropertiesControl/tabGroupPropertiesControl.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAC,uBAAuB,EAAE,iBAAiB,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACpF,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAY,WAAW,EAAa,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACtF,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAC,6BAA6B,EAAqB,qBAAqB,EAAC,MAAM,8BAA8B,CAAC;AACrH,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;;;;;;AAI1C;;GAEG;AAaH,MAAM,OAAO,4CAA6C,SAAQ,qBAAuD;IAErH,0EAA0E;IAE1E;;OAEG;IACH,IAAc,WAAW;;QAErB,OAAkB,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,IAAI,CAAC;IAC/C,CAAC;IAED;;OAEG;IACH,IAAc,YAAY;;QAEtB,OAAoB,MAAA,IAAI,CAAC,WAAW,0CAAE,QAAQ,CAAC;IACnD,CAAC;IAED,iEAAiE;IACjE,YAAY,cAAiC,EACjC,iBAAgD,EACtC,MAA2B,EAC3B,EAAe;QAEjC,KAAK,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;QAHvB,WAAM,GAAN,MAAM,CAAqB;QAC3B,OAAE,GAAF,EAAE,CAAa;IAGrC,CAAC;IAED,2FAA2F;IAE3F;;OAEG;IACa,MAAM;;;YAElB,MAAA,IAAI,CAAC,WAAW,0CAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;gBACjC,KAAK,EAAE,KAAK;gBACZ,OAAO,EAAE;oBACL,EAAE,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM;oBAC1B,OAAO,EAAE,qBAAqB;oBAC9B,IAAI,EAAE,KAAK;oBACX,OAAO,EAAE,EAAE;iBACd;aACJ,CAAC,CAAC,CAAC;;KACP;IAED;;;OAGG;IACO,SAAS,CAAC,KAAa;;QAE7B,MAAA,IAAI,CAAC,WAAW,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;;yIAtDQ,4CAA4C;6HAA5C,4CAA4C,wHCxBzD,wzBAgBA,2CDGQ,YAAY,2JACZ,mBAAmB;2FAId,4CAA4C;kBAZxD,SAAS;+BAEI,uCAAuC,cAErC,IAAI,WAEhB;wBACI,YAAY;wBACZ,mBAAmB;qBACtB,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {ChangeDetectionStrategy, ChangeDetectorRef, Component} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {FormArray, FormBuilder, FormGroup, ReactiveFormsModule} from '@angular/forms';\nimport {TitledDialogService} from '@anglr/common/material';\nimport {LayoutEditorMetadataExtractor, PropertiesControl, PropertiesControlBase} from '@anglr/dynamic/layout-editor';\nimport {generateId} from '@jscrpt/common';\n\nimport {MaterialTabGroupComponentOptions} from '../../../tabGroup.options';\n\n/**\n * Component used for displaying material tab group properties control\n */\n@Component(\n{\n    selector: 'material-tab-group-properties-control',\n    templateUrl: 'tabGroupPropertiesControl.component.html',\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n        ReactiveFormsModule,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MaterialTabGroupPropertiesControlSAComponent extends PropertiesControlBase<MaterialTabGroupComponentOptions> implements PropertiesControl<MaterialTabGroupComponentOptions>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Tabs control\n     */\n    protected get tabsControl(): FormArray|null|undefined\n    {\n        return <FormArray>this.form?.controls.tabs;\n    }\n\n    /**\n     * Tabs control form groups\n     */\n    protected get tabsControls(): FormGroup[]|null|undefined\n    {\n        return <FormGroup[]>this.tabsControl?.controls;\n    }\n\n    //######################### constructor #########################\n    constructor(changeDetector: ChangeDetectorRef,\n                metadataExtractor: LayoutEditorMetadataExtractor,\n                protected dialog: TitledDialogService,\n                protected fb: FormBuilder)\n    {\n        super(changeDetector, metadataExtractor);\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Adds new tab to tab group\n     */\n    protected async addTab(): Promise<void>\n    {\n        this.tabsControl?.push(this.fb.group({\n            title: 'Tab',\n            content: {\n                id: `${generateId(6)}-tab`,\n                package: 'material-components',\n                name: 'tab',\n                options: {}\n            }\n        }));\n    }\n\n    /**\n     * Removes tab on specified index in form array\n     * @param index Tab index to remove\n     */\n    protected removeTab(index: number): void\n    {\n        this.tabsControl?.removeAt(index);\n    }\n}\n","<div class=\"properties-form-group\">\n    <div>Tabs</div>\n    <div>\n        <div class=\"dynamic-flex-row\" *ngFor=\"let tabControl of tabsControls; let i = index\" [formGroup]=\"tabControl\">\n            <div>{{i+1}}.</div>\n            <input class=\"properties-form-control dynamic-flex-1\" type=\"text\" formControlName=\"title\">\n            <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-horizontal-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeTab(i)\">\n                <span class=\"fas fa-times\"></span>\n            </button>\n        </div>\n        \n        <button type=\"button\" class=\"dynamic-btn dynamic-btn-primary dynamic-margin-vertical-small\" (click)=\"addTab()\">\n            <span>Add tab</span>\n        </button>\n    </div>\n</div>\n"]}