@ng-atomic/components 1.2.1 → 1.5.0

package/atoms/smart-menu-button/index.d.ts

@@ -0,0 +1,2 @@
+export { SmartMenuButtonAtom } from './smart-menu-button.atom';
+export { SmartMenuButtonModule } from './smart-menu-button.module';

package/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ng-atomic/components/atoms/smart-menu-button" />
+export * from './index';

package/atoms/smart-menu-button/package.json

@@ -0,0 +1,10 @@
+{
+  "main": "../../bundles/ng-atomic-components-atoms-smart-menu-button.umd.js",
+  "module": "../../fesm2015/ng-atomic-components-atoms-smart-menu-button.js",
+  "es2015": "../../fesm2015/ng-atomic-components-atoms-smart-menu-button.js",
+  "esm2015": "../../esm2015/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.js",
+  "fesm2015": "../../fesm2015/ng-atomic-components-atoms-smart-menu-button.js",
+  "typings": "ng-atomic-components-atoms-smart-menu-button.d.ts",
+  "sideEffects": false,
+  "name": "@ng-atomic/components/atoms/smart-menu-button"
+}

package/atoms/smart-menu-button/smart-menu-button.atom.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from '@angular/core';
+import { ActionItem } from '@ng-atomic/common/models';
+import * as i0 from "@angular/core";
+export declare class SmartMenuButtonAtom {
+    actionItems: ActionItem[];
+    actionItemClick: EventEmitter<ActionItem>;
+    static ɵfac: i0.ɵɵFactoryDef<SmartMenuButtonAtom, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<SmartMenuButtonAtom, "atoms-smart-menu-button", never, { "actionItems": "actionItems"; }, { "actionItemClick": "actionItemClick"; }, never, never>;
+}

package/atoms/smart-menu-button/smart-menu-button.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./smart-menu-button.atom";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/menu";
+export declare class SmartMenuButtonModule {
+    static ɵfac: i0.ɵɵFactoryDef<SmartMenuButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<SmartMenuButtonModule, [typeof i1.SmartMenuButtonAtom], [typeof i2.CommonModule, typeof i3.MatButtonModule, typeof i4.MatIconModule, typeof i5.MatMenuModule], [typeof i1.SmartMenuButtonAtom]>;
+    static ɵinj: i0.ɵɵInjectorDef<SmartMenuButtonModule>;
+}

package/bundles/ng-atomic-components-atoms-smart-menu-button.umd.js

@@ -0,0 +1,102 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/material/menu')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/atoms/smart-menu-button', ['exports', '@angular/core', '@angular/common', '@angular/material/button', '@angular/material/icon', '@angular/material/menu'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-atomic'] = global['ng-atomic'] || {}, global['ng-atomic'].components = global['ng-atomic'].components || {}, global['ng-atomic'].components.atoms = global['ng-atomic'].components.atoms || {}, global['ng-atomic'].components.atoms['smart-menu-button'] = {}), global.ng.core, global.ng.common, global.ng.material.button, global.ng.material.icon, global.ng.material.menu));
+}(this, (function (exports, i0, i1, i2, i3, i4) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return 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__*/_interopNamespace(i0);
+
+    var SmartMenuButtonAtom = /** @class */ (function () {
+        function SmartMenuButtonAtom() {
+            this.actionItems = [];
+            this.actionItemClick = new i0.EventEmitter();
+        }
+        return SmartMenuButtonAtom;
+    }());
+    SmartMenuButtonAtom.ɵfac = function SmartMenuButtonAtom_Factory(t) { return new (t || SmartMenuButtonAtom)(); };
+    SmartMenuButtonAtom.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0__namespace, template: "<ng-container [ngSwitch]=\"actionItems.length\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"actionItemClick.emit([actionItems[0]])\">\n      <mat-icon>{{ actionItems[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"actionItems.length\">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let actionItem of actionItems\"\n    mat-menu-item \n    (click)=\"actionItemClick.emit([actionItem])\"\n  >{{ actionItem.name }}</button>\n</mat-menu>\n", styles: [":host{display:block;width:100%;height:100%}"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuButtonAtom, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'atoms-smart-menu-button',
+                        templateUrl: './smart-menu-button.atom.html',
+                        styleUrls: ['./smart-menu-button.atom.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], null, { actionItems: [{
+                    type: i0.Input
+                }], actionItemClick: [{
+                    type: i0.Output
+                }] });
+    })();
+
+    var SmartMenuButtonModule = /** @class */ (function () {
+        function SmartMenuButtonModule() {
+        }
+        return SmartMenuButtonModule;
+    }());
+    SmartMenuButtonModule.ɵfac = function SmartMenuButtonModule_Factory(t) { return new (t || SmartMenuButtonModule)(); };
+    SmartMenuButtonModule.ɵmod = i0.ɵɵdefineNgModule({ type: SmartMenuButtonModule });
+    SmartMenuButtonModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+                i1.CommonModule,
+                // Material
+                i2.MatButtonModule,
+                i3.MatIconModule,
+                i4.MatMenuModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartMenuButtonModule, { declarations: [SmartMenuButtonAtom], imports: [i1.CommonModule,
+                // Material
+                i2.MatButtonModule,
+                i3.MatIconModule,
+                i4.MatMenuModule], exports: [SmartMenuButtonAtom] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuButtonModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [SmartMenuButtonAtom],
+                        imports: [
+                            i1.CommonModule,
+                            // Material
+                            i2.MatButtonModule,
+                            i3.MatIconModule,
+                            i4.MatMenuModule,
+                        ],
+                        exports: [SmartMenuButtonAtom]
+                    }]
+            }], null, null);
+    })();
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.SmartMenuButtonAtom = SmartMenuButtonAtom;
+    exports.SmartMenuButtonModule = SmartMenuButtonModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ng-atomic-components-atoms-smart-menu-button.umd.js.map

package/bundles/ng-atomic-components-atoms-smart-menu-button.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-atoms-smart-menu-button.umd.js","sources":["../../../../libs/components/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../libs/components/atoms/smart-menu-button/smart-menu-button.atom.html","../../../../libs/components/atoms/smart-menu-button/smart-menu-button.module.ts","../../../../libs/components/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'atoms-smart-menu-button',\n  templateUrl: './smart-menu-button.atom.html',\n  styleUrls: ['./smart-menu-button.atom.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SmartMenuButtonAtom {\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<ActionItem>();\n}\n","<ng-container [ngSwitch]=\"actionItems.length\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"actionItemClick.emit([actionItems[0]])\">\n      <mat-icon>{{ actionItems[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"actionItems.length\">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let actionItem of actionItems\"\n    mat-menu-item \n    (click)=\"actionItemClick.emit([actionItem])\"\n  >{{ actionItem.name }}</button>\n</mat-menu>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { SmartMenuButtonAtom } from './smart-menu-button.atom';\n\n\n\n@NgModule({\n  declarations: [SmartMenuButtonAtom],\n  imports: [\n    CommonModule,\n    // Material\n    MatButtonModule,\n    MatIconModule,\n    MatMenuModule,\n  ],\n  exports: [SmartMenuButtonAtom]\n})\nexport class SmartMenuButtonModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","ChangeDetectionStrategy","Input","Output","CommonModule","MatButtonModule","MatIconModule","MatMenuModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAGA;YAQE,gBAAW,GAAiB,EAAE,CAAC;YAG/B,oBAAe,GAAG,IAAIA,eAAY,EAAc,CAAC;SAClD;;;0FANY,mBAAmB;mFAAnB,mBAAmB,mKCThC,0tBAqBA;;gFDZa,mBAAmB;sBAN/BC,YAAS;uBAAC;wBACT,QAAQ,EAAE,yBAAyB;wBACnC,WAAW,EAAE,+BAA+B;wBAC5C,SAAS,EAAE,CAAC,+BAA+B,CAAC;wBAC5C,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;wBAGC,WAAW;0BADVC,QAAK;oBAIN,eAAe;0BADdC,SAAM;;;;;QEOT;;;;8FAAa,qBAAqB;6DAArB,qBAAqB;iEATvB;gBACPC,eAAY;;gBAEZC,kBAAe;gBACfC,gBAAa;gBACbC,gBAAa;aACd;;iFAGU,qBAAqB,mBAVjB,mBAAmB,aAEhCH,eAAY;;gBAEZC,kBAAe;gBACfC,gBAAa;gBACbC,gBAAa,aAEL,mBAAmB;;;gFAElB,qBAAqB;sBAXjCC,WAAQ;uBAAC;wBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;wBACnC,OAAO,EAAE;4BACPJ,eAAY;;4BAEZC,kBAAe;4BACfC,gBAAa;4BACbC,gBAAa;yBACd;wBACD,OAAO,EAAE,CAAC,mBAAmB,CAAC;qBAC/B;;;;ICnBD;;;;;;;;;;;;;"}

package/bundles/ng-atomic-components-atoms-smart-menu-button.umd.min.js

@@ -0,0 +1,2 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/button"),require("@angular/material/icon"),require("@angular/material/menu")):"function"==typeof define&&define.amd?define("@ng-atomic/components/atoms/smart-menu-button",["exports","@angular/core","@angular/common","@angular/material/button","@angular/material/icon","@angular/material/menu"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-atomic"]=t["ng-atomic"]||{},t["ng-atomic"].components=t["ng-atomic"].components||{},t["ng-atomic"].components.atoms=t["ng-atomic"].components.atoms||{},t["ng-atomic"].components.atoms["smart-menu-button"]={}),t.ng.core,t.ng.common,t.ng.material.button,t.ng.material.icon,t.ng.material.menu)}(this,(function(t,e,n,o,a,i){"use strict";function u(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var r=u(e),m=function(){this.actionItems=[],this.actionItemClick=new e.EventEmitter};m.ɵfac=function(t){return new(t||m)},m.ɵcmp=e.ɵɵngDeclareComponent({version:"11.2.14",type:m,selector:"atoms-smart-menu-button",inputs:{actionItems:"actionItems"},outputs:{actionItemClick:"actionItemClick"},ngImport:r,template:'<ng-container [ngSwitch]="actionItems.length">\n  <ng-container *ngSwitchCase="0"></ng-container>\n  <ng-container *ngSwitchCase="1">\n    <button mat-icon-button (click)="actionItemClick.emit([actionItems[0]])">\n      <mat-icon>{{ actionItems[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]="menu" *ngIf="actionItems.length">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu="matMenu">\n  <button \n    *ngFor="let actionItem of actionItems"\n    mat-menu-item \n    (click)="actionItemClick.emit([actionItem])"\n  >{{ actionItem.name }}</button>\n</mat-menu>\n',styles:[":host{display:block;width:100%;height:100%}"],directives:[{type:n.NgSwitch,selector:"[ngSwitch]",inputs:["ngSwitch"]},{type:n.NgSwitchCase,selector:"[ngSwitchCase]",inputs:["ngSwitchCase"]},{type:o.MatButton,selector:"button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]",inputs:["disabled","disableRipple","color"],exportAs:["matButton"]},{type:a.MatIcon,selector:"mat-icon",inputs:["color","inline","svgIcon","fontSet","fontIcon"],exportAs:["matIcon"]},{type:n.NgSwitchDefault,selector:"[ngSwitchDefault]"},{type:n.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:i.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:i.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:n.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:i.MatMenuItem,selector:"[mat-menu-item]",inputs:["disabled","disableRipple","role"],exportAs:["matMenuItem"]}],changeDetection:e.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&e.ɵsetClassMetadata(m,[{type:e.Component,args:[{selector:"atoms-smart-menu-button",templateUrl:"./smart-menu-button.atom.html",styleUrls:["./smart-menu-button.atom.scss"],changeDetection:e.ChangeDetectionStrategy.OnPush}]}],null,{actionItems:[{type:e.Input}],actionItemClick:[{type:e.Output}]});var c=function(){};c.ɵfac=function(t){return new(t||c)},c.ɵmod=e.ɵɵdefineNgModule({type:c}),c.ɵinj=e.ɵɵdefineInjector({imports:[[n.CommonModule,o.MatButtonModule,a.MatIconModule,i.MatMenuModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&e.ɵɵsetNgModuleScope(c,{declarations:[m],imports:[n.CommonModule,o.MatButtonModule,a.MatIconModule,i.MatMenuModule],exports:[m]}),("undefined"==typeof ngDevMode||ngDevMode)&&e.ɵsetClassMetadata(c,[{type:e.NgModule,args:[{declarations:[m],imports:[n.CommonModule,o.MatButtonModule,a.MatIconModule,i.MatMenuModule],exports:[m]}]}],null,null),t.SmartMenuButtonAtom=m,t.SmartMenuButtonModule=c,Object.defineProperty(t,"__esModule",{value:!0})}));
+//# sourceMappingURL=ng-atomic-components-atoms-smart-menu-button.umd.min.js.map

package/bundles/ng-atomic-components-atoms-smart-menu-button.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../libs/components/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../libs/components/atoms/smart-menu-button/smart-menu-button.atom.html","../../../../libs/components/atoms/smart-menu-button/smart-menu-button.module.ts"],"names":["this","actionItems","actionItemClick","EventEmitter","SmartMenuButtonAtom","selector","inputs","outputs","ngImport","i0__namespace","template","styles","directives","type","i1","NgSwitch","NgSwitchCase","i2","MatButton","exportAs","i3","MatIcon","NgSwitchDefault","NgIf","i4","MatMenuTrigger","MatMenu","NgForOf","MatMenuItem","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","Input","Output","SmartMenuButtonModule","CommonModule","MatButtonModule","MatIconModule","MatMenuModule","declarations","imports","exports","NgModule"],"mappings":"4nCAGA,WAQEA,KAAAC,YAA4B,GAG5BD,KAAAE,gBAAkB,IAAIC,EAAAA,+CALXC,0DAAAA,EAAmBC,SAAA,0BAAAC,OAAA,CAAAL,YAAA,eAAAM,QAAA,CAAAL,gBAAA,mBAAAM,SAAAC,EAAAC,SCThC,ysBAqBAC,OAAA,CAAA,+CAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,SAAAV,SAAA,aAAAC,OAAA,CAAA,aAAA,CAAAO,KAAAC,EAAAE,aAAAX,SAAA,iBAAAC,OAAA,CAAA,iBAAA,CAAAO,KAAAI,EAAAC,UAAAb,SAAA,6LAAAC,OAAA,CAAA,WAAA,gBAAA,SAAAa,SAAA,CAAA,cAAA,CAAAN,KAAAO,EAAAC,QAAAhB,SAAA,WAAAC,OAAA,CAAA,QAAA,SAAA,UAAA,UAAA,YAAAa,SAAA,CAAA,YAAA,CAAAN,KAAAC,EAAAQ,gBAAAjB,SAAA,qBAAA,CAAAQ,KAAAC,EAAAS,KAAAlB,SAAA,SAAAC,OAAA,CAAA,OAAA,WAAA,aAAA,CAAAO,KAAAW,EAAAC,eAAApB,SAAA,8CAAAC,OAAA,CAAA,6BAAA,uBAAA,oBAAA,sBAAAC,QAAA,CAAA,aAAA,aAAA,aAAA,eAAAY,SAAA,CAAA,mBAAA,CAAAN,KAAAW,EAAAE,QAAArB,SAAA,WAAAc,SAAA,CAAA,YAAA,CAAAN,KAAAC,EAAAa,QAAAtB,SAAA,mBAAAC,OAAA,CAAA,UAAA,eAAA,kBAAA,CAAAO,KAAAW,EAAAI,YAAAvB,SAAA,kBAAAC,OAAA,CAAA,WAAA,gBAAA,QAAAa,SAAA,CAAA,iBAAAU,gBAAAC,EAAAC,wBAAAC,yEDZa5B,EAAmB,CAAA,MAN/B6B,EAAAA,gBAAU,CACT5B,SAAU,0BACV6B,YAAa,gCACbC,UAAW,CAAC,iCACZN,gBAAiBE,EAAAA,wBAAwBC,iBAIzC/B,YAAW,CAAA,MADVmC,EAAAA,QAIDlC,gBAAe,CAAA,MADdmC,EAAAA,iBEOH,8CAAaC,oCAAAA,wCATF,CACPC,EAAAA,aAEAC,EAAAA,gBACAC,EAAAA,cACAC,EAAAA,mFAISJ,EAAqB,CAAAK,aAAA,CAVjBvC,GAAmBwC,QAAA,CAEhCL,EAAAA,aAEAC,EAAAA,gBACAC,EAAAA,cACAC,EAAAA,eAAaG,QAAA,CAELzC,qEAECkC,EAAqB,CAAA,MAXjCQ,EAAAA,eAAS,CACRH,aAAc,CAACvC,GACfwC,QAAS,CACPL,EAAAA,aAEAC,EAAAA,gBACAC,EAAAA,cACAC,EAAAA,eAEFG,QAAS,CAACzC","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'atoms-smart-menu-button',\n  templateUrl: './smart-menu-button.atom.html',\n  styleUrls: ['./smart-menu-button.atom.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SmartMenuButtonAtom {\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<ActionItem>();\n}\n","<ng-container [ngSwitch]=\"actionItems.length\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"actionItemClick.emit([actionItems[0]])\">\n      <mat-icon>{{ actionItems[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"actionItems.length\">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let actionItem of actionItems\"\n    mat-menu-item \n    (click)=\"actionItemClick.emit([actionItem])\"\n  >{{ actionItem.name }}</button>\n</mat-menu>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { SmartMenuButtonAtom } from './smart-menu-button.atom';\n\n\n\n@NgModule({\n  declarations: [SmartMenuButtonAtom],\n  imports: [\n    CommonModule,\n    // Material\n    MatButtonModule,\n    MatIconModule,\n    MatMenuModule,\n  ],\n  exports: [SmartMenuButtonAtom]\n})\nexport class SmartMenuButtonModule { }\n"]}

package/bundles/ng-atomic-components-frames-auto-layout.umd.js

@@ -32,7 +32,7 @@
         return AutoLayoutFrame;
     }());
     AutoLayoutFrame.ɵfac = function AutoLayoutFrame_Factory(t) { return new (t || AutoLayoutFrame)(); };
-    AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: AutoLayoutFrame, selector: "frames-auto-layout", ngImport: i0__namespace, template: "<ng-content></ng-content>", styles: [":host{--gap:24px;--gap-SCOPED-IN-auto-layout-fRsN:var(--gap);--vertical-padding:24px;--vertical-padding-SCOPED-IN-auto-layout-fRsN:var(--vertical-padding);display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-fRsN);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-fRsN) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: AutoLayoutFrame, selector: "frames-auto-layout", ngImport: i0__namespace, template: "<ng-content></ng-content>", styles: [":host{--gap:24px;--gap-SCOPED-IN-auto-layout-Xad2:var(--gap);--vertical-padding:24px;--vertical-padding-SCOPED-IN-auto-layout-Xad2:var(--vertical-padding);display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-Xad2);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-Xad2) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoLayoutFrame, [{
                 type: i0.Component,

package/bundles/ng-atomic-components-frames-auto-layout.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ng-atomic/components/frames/auto-layout",["exports","@angular/core","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.frames=e["ng-atomic"].components.frames||{},e["ng-atomic"].components.frames["auto-layout"]={}),e.ng.core,e.ng.common)}(this,(function(e,t,o){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var a=n(t),r=function(){};r.ɵfac=function(e){return new(e||r)},r.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:r,selector:"frames-auto-layout",ngImport:a,template:"<ng-content></ng-content>",styles:[":host{--gap:24px;--gap-SCOPED-IN-auto-layout-fRsN:var(--gap);--vertical-padding:24px;--vertical-padding-SCOPED-IN-auto-layout-fRsN:var(--vertical-padding);display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-fRsN);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-fRsN) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}"],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(r,[{type:t.Component,args:[{selector:"frames-auto-layout",templateUrl:"./auto-layout.frame.html",styleUrls:["./auto-layout.frame.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],null,null);var u=function(){};u.ɵfac=function(e){return new(e||u)},u.ɵmod=t.ɵɵdefineNgModule({type:u}),u.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(u,{declarations:[r],imports:[o.CommonModule],exports:[r]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(u,[{type:t.NgModule,args:[{declarations:[r],imports:[o.CommonModule],exports:[r]}]}],null,null),e.AutoLayoutFrame=r,e.AutoLayoutModule=u,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ng-atomic/components/frames/auto-layout",["exports","@angular/core","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.frames=e["ng-atomic"].components.frames||{},e["ng-atomic"].components.frames["auto-layout"]={}),e.ng.core,e.ng.common)}(this,(function(e,t,o){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var a=n(t),r=function(){};r.ɵfac=function(e){return new(e||r)},r.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:r,selector:"frames-auto-layout",ngImport:a,template:"<ng-content></ng-content>",styles:[":host{--gap:24px;--gap-SCOPED-IN-auto-layout-Xad2:var(--gap);--vertical-padding:24px;--vertical-padding-SCOPED-IN-auto-layout-Xad2:var(--vertical-padding);display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-Xad2);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-Xad2) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}"],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(r,[{type:t.Component,args:[{selector:"frames-auto-layout",templateUrl:"./auto-layout.frame.html",styleUrls:["./auto-layout.frame.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],null,null);var u=function(){};u.ɵfac=function(e){return new(e||u)},u.ɵmod=t.ɵɵdefineNgModule({type:u}),u.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(u,{declarations:[r],imports:[o.CommonModule],exports:[r]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(u,[{type:t.NgModule,args:[{declarations:[r],imports:[o.CommonModule],exports:[r]}]}],null,null),e.AutoLayoutFrame=r,e.AutoLayoutModule=u,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-frames-auto-layout.umd.min.js.map

package/bundles/ng-atomic-components-frames-drawer.umd.js

@@ -0,0 +1,104 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/sidenav'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/frames/drawer', ['exports', '@angular/core', '@angular/material/sidenav', '@angular/common'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-atomic'] = global['ng-atomic'] || {}, global['ng-atomic'].components = global['ng-atomic'].components || {}, global['ng-atomic'].components.frames = global['ng-atomic'].components.frames || {}, global['ng-atomic'].components.frames.drawer = {}), global.ng.core, global.ng.material.sidenav, global.ng.common));
+}(this, (function (exports, i0, i1, common) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return 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__*/_interopNamespace(i0);
+
+    var DrawerFrame = /** @class */ (function () {
+        function DrawerFrame() {
+        }
+        Object.defineProperty(DrawerFrame.prototype, "isOpen", {
+            get: function () {
+                return this._isOpen;
+            },
+            set: function (_isOpen) {
+                var _a, _b;
+                _isOpen ? (_a = this.drawer) === null || _a === void 0 ? void 0 : _a.open() : (_b = this.drawer) === null || _b === void 0 ? void 0 : _b.close();
+                this._isOpen = _isOpen;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return DrawerFrame;
+    }());
+    DrawerFrame.ɵfac = function DrawerFrame_Factory(t) { return new (t || DrawerFrame)(); };
+    DrawerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: DrawerFrame, selector: "frames-drawer", inputs: { isOpen: "isOpen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: i1.MatDrawer, emitDistinctChangesOnly: false, descendants: true }], ngImport: i0__namespace, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width:360px;--content-width-SCOPED-IN-drawer-SXZS:var(--content-width)}:host mat-drawer-content{width:100%}"], directives: [{ type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { type: i1.MatDrawerContent, selector: "mat-drawer-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerFrame, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'frames-drawer',
+                        templateUrl: './drawer.frame.html',
+                        styleUrls: ['./drawer.frame.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], null, { drawer: [{
+                    type: i0.ViewChild,
+                    args: [i1.MatDrawer]
+                }], isOpen: [{
+                    type: i0.Input
+                }] });
+    })();
+
+    var DrawerModule = /** @class */ (function () {
+        function DrawerModule() {
+        }
+        return DrawerModule;
+    }());
+    DrawerModule.ɵfac = function DrawerModule_Factory(t) { return new (t || DrawerModule)(); };
+    DrawerModule.ɵmod = i0.ɵɵdefineNgModule({ type: DrawerModule });
+    DrawerModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+                common.CommonModule,
+                i1.MatSidenavModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrawerModule, { declarations: [DrawerFrame], imports: [common.CommonModule,
+                i1.MatSidenavModule], exports: [DrawerFrame] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [DrawerFrame],
+                        imports: [
+                            common.CommonModule,
+                            i1.MatSidenavModule,
+                        ],
+                        exports: [DrawerFrame]
+                    }]
+            }], null, null);
+    })();
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.DrawerFrame = DrawerFrame;
+    exports.DrawerModule = DrawerModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ng-atomic-components-frames-drawer.umd.js.map

package/bundles/ng-atomic-components-frames-drawer.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-drawer.umd.js","sources":["../../../../libs/components/frames/drawer/drawer.frame.ts","../../../../libs/components/frames/drawer/drawer.frame.html","../../../../libs/components/frames/drawer/drawer.module.ts","../../../../libs/components/frames/drawer/ng-atomic-components-frames-drawer.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';\nimport { MatDrawer } from '@angular/material/sidenav';\n\n@Component({\n  selector: 'frames-drawer',\n  templateUrl: './drawer.frame.html',\n  styleUrls: ['./drawer.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DrawerFrame {\n\n  @ViewChild(MatDrawer)\n  drawer!: MatDrawer;\n\n  private _isOpen: boolean;\n\n  @Input()\n  set isOpen(_isOpen: boolean) {\n    _isOpen ? this.drawer?.open() : this.drawer?.close();\n    this._isOpen = _isOpen\n  }\n\n  get isOpen(): boolean {\n    return this._isOpen\n  }\n\n}\n","<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DrawerFrame } from './drawer.frame';\nimport { MatSidenavModule } from '@angular/material/sidenav';\n\n\n\n@NgModule({\n  declarations: [DrawerFrame],\n  imports: [\n    CommonModule,\n    MatSidenavModule,\n  ],\n  exports: [DrawerFrame]\n})\nexport class DrawerModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MatDrawer","Component","ChangeDetectionStrategy","ViewChild","Input","CommonModule","MatSidenavModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QASA;;QAOE,sBACI,+BAAM;iBAKV;gBACE,OAAO,IAAI,CAAC,OAAO,CAAA;aACpB;iBARD,UACW,OAAgB;;gBACzB,OAAO,SAAG,IAAI,CAAC,MAAM,0CAAE,IAAI,WAAK,IAAI,CAAC,MAAM,0CAAE,KAAK,EAAE,CAAC;gBACrD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;aACvB;;;WAAA;;;0EAXU,WAAW;2EAAX,WAAW,2HAEXA,YAAS,2FCXtB,oRASuB;;gFDAV,WAAW;sBANvBC,YAAS;uBAAC;wBACT,QAAQ,EAAE,eAAe;wBACzB,WAAW,EAAE,qBAAqB;wBAClC,SAAS,EAAE,CAAC,qBAAqB,CAAC;wBAClC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;wBAIC,MAAM;0BADLC,YAAS;2BAACH,YAAS;oBAMhB,MAAM;0BADTI,QAAK;;;;;QEDR;;;;4EAAa,YAAY;oDAAZ,YAAY;wDANd;gBACPC,mBAAY;gBACZC,mBAAgB;aACjB;;iFAGU,YAAY,mBAPR,WAAW,aAExBD,mBAAY;gBACZC,mBAAgB,aAER,WAAW;;;gFAEV,YAAY;sBARxBC,WAAQ;uBAAC;wBACR,YAAY,EAAE,CAAC,WAAW,CAAC;wBAC3B,OAAO,EAAE;4BACPF,mBAAY;4BACZC,mBAAgB;yBACjB;wBACD,OAAO,EAAE,CAAC,WAAW,CAAC;qBACvB;;;;ICdD;;;;;;;;;;;;;"}

package/bundles/ng-atomic-components-frames-drawer.umd.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/material/sidenav"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ng-atomic/components/frames/drawer",["exports","@angular/core","@angular/material/sidenav","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.frames=e["ng-atomic"].components.frames||{},e["ng-atomic"].components.frames.drawer={}),e.ng.core,e.ng.material.sidenav,e.ng.common)}(this,(function(e,t,n,r){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=o(t),i=function(){function e(){}return Object.defineProperty(e.prototype,"isOpen",{get:function(){return this._isOpen},set:function(e){var t,n;e?null===(t=this.drawer)||void 0===t||t.open():null===(n=this.drawer)||void 0===n||n.close(),this._isOpen=e},enumerable:!1,configurable:!0}),e}();i.ɵfac=function(e){return new(e||i)},i.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:i,selector:"frames-drawer",inputs:{isOpen:"isOpen"},viewQueries:[{propertyName:"drawer",first:!0,predicate:n.MatDrawer,emitDistinctChangesOnly:!1,descendants:!0}],ngImport:a,template:'<mat-drawer-container [autosize]="false">\n  <mat-drawer #drawer mode="side">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>',styles:[":host{--content-width:360px;--content-width-SCOPED-IN-drawer-SXZS:var(--content-width)}:host mat-drawer-content{width:100%}"],directives:[{type:n.MatDrawerContainer,selector:"mat-drawer-container",inputs:["autosize","hasBackdrop"],outputs:["backdropClick"],exportAs:["matDrawerContainer"]},{type:n.MatDrawer,selector:"mat-drawer",inputs:["position","mode","disableClose","autoFocus","opened"],outputs:["openedChange","opened","openedStart","closed","closedStart","positionChanged"],exportAs:["matDrawer"]},{type:n.MatDrawerContent,selector:"mat-drawer-content"}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(i,[{type:t.Component,args:[{selector:"frames-drawer",templateUrl:"./drawer.frame.html",styleUrls:["./drawer.frame.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],null,{drawer:[{type:t.ViewChild,args:[n.MatDrawer]}],isOpen:[{type:t.Input}]});var s=function(){};s.ɵfac=function(e){return new(e||s)},s.ɵmod=t.ɵɵdefineNgModule({type:s}),s.ɵinj=t.ɵɵdefineInjector({imports:[[r.CommonModule,n.MatSidenavModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(s,{declarations:[i],imports:[r.CommonModule,n.MatSidenavModule],exports:[i]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(s,[{type:t.NgModule,args:[{declarations:[i],imports:[r.CommonModule,n.MatSidenavModule],exports:[i]}]}],null,null),e.DrawerFrame=i,e.DrawerModule=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=ng-atomic-components-frames-drawer.umd.min.js.map

package/bundles/ng-atomic-components-frames-drawer.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../libs/components/frames/drawer/drawer.frame.ts","../../../../libs/components/frames/drawer/drawer.frame.html","../../../../libs/components/frames/drawer/drawer.module.ts"],"names":["DrawerFrame","Object","defineProperty","prototype","this","_isOpen","_a","drawer","open","_b","close","selector","inputs","isOpen","viewQueries","propertyName","first","predicate","MatDrawer","emitDistinctChangesOnly","descendants","ngImport","i0__namespace","template","styles","directives","type","i1","MatDrawerContainer","outputs","exportAs","MatDrawerContent","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","ViewChild","Input","DrawerModule","CommonModule","MatSidenavModule","declarations","imports","exports","NgModule"],"mappings":"q9BASA,SAAAA,YAOEC,OAAAC,eACIF,EAAAG,UAAA,SAAM,KAKV,WACE,OAAOC,KAAKC,aAPd,SACWA,WACTA,EAAqB,QAAdC,EAAGF,KAAKG,cAAM,IAAAD,GAAAA,EAAEE,OAAoB,QAAhBC,EAAKL,KAAKG,cAAM,IAAAE,GAAAA,EAAEC,QAC7CN,KAAKC,QAAUA,yEAVNL,0DAAAA,EAAWW,SAAA,gBAAAC,OAAA,CAAAC,OAAA,UAAAC,YAAA,CAAA,CAAAC,aAAA,SAAAC,OAAA,EAAAC,UAEXC,EAAAA,UAASC,yBAAA,EAAAC,aAAA,IAAAC,SAAAC,EAAAC,SCXtB,iRASuBC,OAAA,CAAA,+HAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,mBAAAjB,SAAA,uBAAAC,OAAA,CAAA,WAAA,eAAAiB,QAAA,CAAA,iBAAAC,SAAA,CAAA,uBAAA,CAAAJ,KAAAC,EAAAT,UAAAP,SAAA,aAAAC,OAAA,CAAA,WAAA,OAAA,eAAA,YAAA,UAAAiB,QAAA,CAAA,eAAA,SAAA,cAAA,SAAA,cAAA,mBAAAC,SAAA,CAAA,cAAA,CAAAJ,KAAAC,EAAAI,iBAAApB,SAAA,uBAAAqB,gBAAAC,EAAAC,wBAAAC,yEDAVnC,EAAW,CAAA,MANvBoC,EAAAA,gBAAU,CACTzB,SAAU,gBACV0B,YAAa,sBACbC,UAAW,CAAC,uBACZN,gBAAiBE,EAAAA,wBAAwBC,iBAKzC5B,OAAM,CAAA,MADLgC,EAAAA,gBAAUrB,EAAAA,aAMPL,OAAM,CAAA,MADT2B,EAAAA,gBEDH,8CAAaC,oCAAAA,wCANF,CACPC,EAAAA,aACAC,EAAAA,sFAISF,EAAY,CAAAG,aAAA,CAPR5C,GAAW6C,QAAA,CAExBH,EAAAA,aACAC,EAAAA,kBAAgBG,QAAA,CAER9C,qEAECyC,EAAY,CAAA,MARxBM,EAAAA,eAAS,CACRH,aAAc,CAAC5C,GACf6C,QAAS,CACPH,EAAAA,aACAC,EAAAA,kBAEFG,QAAS,CAAC9C","sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';\nimport { MatDrawer } from '@angular/material/sidenav';\n\n@Component({\n  selector: 'frames-drawer',\n  templateUrl: './drawer.frame.html',\n  styleUrls: ['./drawer.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DrawerFrame {\n\n  @ViewChild(MatDrawer)\n  drawer!: MatDrawer;\n\n  private _isOpen: boolean;\n\n  @Input()\n  set isOpen(_isOpen: boolean) {\n    _isOpen ? this.drawer?.open() : this.drawer?.close();\n    this._isOpen = _isOpen\n  }\n\n  get isOpen(): boolean {\n    return this._isOpen\n  }\n\n}\n","<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DrawerFrame } from './drawer.frame';\nimport { MatSidenavModule } from '@angular/material/sidenav';\n\n\n\n@NgModule({\n  declarations: [DrawerFrame],\n  imports: [\n    CommonModule,\n    MatSidenavModule,\n  ],\n  exports: [DrawerFrame]\n})\nexport class DrawerModule { }\n"]}