@ng-atomic/components 2.0.1 → 3.2.0

package/fesm2020/ng-atomic-components-atoms-chips-input.mjs

@@ -0,0 +1,130 @@
+import { ENTER, COMMA, SPACE } from '@angular/cdk/keycodes';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { FormControl } from '@ngneat/reactive-forms';
+import { ReplaySubject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import * as i1 from '@ng-atomic/common/services/chips-manager';
+import { ChipsManager } from '@ng-atomic/common/services/chips-manager';
+import * as i2 from '@angular/material/chips';
+import { MatChipsModule } from '@angular/material/chips';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i5 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import { ReactiveFormsModule } from '@angular/forms';
+
+function ChipsInputAtom_mat_chip_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-chip", 3);
+    i0.ɵɵlistener("removed", function ChipsInputAtom_mat_chip_2_Template_mat_chip_removed_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const chip_r2 = restoredCtx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.remove(chip_r2); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "mat-icon", 4);
+    i0.ɵɵtext(3, "cancel");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const chip_r2 = ctx.$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", chip_r2, " ");
+} }
+class ChipsInputAtom {
+    constructor(cd, chipsManager) {
+        this.cd = cd;
+        this.chipsManager = chipsManager;
+        this.destroy$ = new ReplaySubject(1);
+        this.separators = [ENTER, COMMA, SPACE];
+        this.control = new FormControl('');
+        this.placeholder = '';
+    }
+    ngOnInit() {
+        this.chipsManager.setValue(this.control.value);
+        this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {
+            this.chipsManager.setValue(value);
+            this.cd.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+    }
+    onChiInputTokenEnd(event) {
+        this.chipsManager.add(event.value);
+        this.control.setValue(this.chipsManager.getValue());
+        event.input.value = '';
+    }
+    remove(value) {
+        this.chipsManager.remove(value);
+        this.control.setValue(this.chipsManager.getValue());
+    }
+}
+ChipsInputAtom.ɵfac = function ChipsInputAtom_Factory(t) { return new (t || ChipsInputAtom)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.ChipsManager)); };
+ChipsInputAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChipsInputAtom, selectors: [["atoms-chips-input"]], inputs: { separators: "separators", control: "control", placeholder: "placeholder" }, features: [i0.ɵɵProvidersFeature([ChipsManager])], decls: 4, vars: 5, consts: [["chipList", ""], [3, "removed", 4, "ngFor", "ngForOf"], ["matInput", "", 3, "placeholder", "matChipInputFor", "matChipInputSeparatorKeyCodes", "matChipInputAddOnBlur", "matChipInputTokenEnd"], [3, "removed"], ["matChipRemove", ""]], template: function ChipsInputAtom_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-chip-list", null, 0);
+        i0.ɵɵtemplate(2, ChipsInputAtom_mat_chip_2_Template, 4, 1, "mat-chip", 1);
+        i0.ɵɵelementStart(3, "input", 2);
+        i0.ɵɵlistener("matChipInputTokenEnd", function ChipsInputAtom_Template_input_matChipInputTokenEnd_3_listener($event) { return ctx.onChiInputTokenEnd($event); });
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        const _r0 = i0.ɵɵreference(1);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx.chipsManager.chips);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("placeholder", ctx.placeholder)("matChipInputFor", _r0)("matChipInputSeparatorKeyCodes", ctx.separators)("matChipInputAddOnBlur", true);
+    } }, directives: [i2.MatChipList, i3.NgForOf, i2.MatChip, i4.MatIcon, i2.MatChipRemove, i5.MatInput, i2.MatChipInput], styles: [""], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputAtom, [{
+        type: Component,
+        args: [{ selector: 'atoms-chips-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ChipsManager], template: "<mat-chip-list #chipList>\n  <mat-chip *ngFor=\"let chip of chipsManager.chips\" (removed)=\"remove(chip)\">\n    {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip>\n  <input\n    matInput\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separators\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n  >\n</mat-chip-list>\n", styles: [""] }]
+    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ChipsManager }]; }, { separators: [{
+            type: Input
+        }], control: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
+        }] }); })();
+
+class ChipsInputModule {
+}
+ChipsInputModule.ɵfac = function ChipsInputModule_Factory(t) { return new (t || ChipsInputModule)(); };
+ChipsInputModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ChipsInputModule, bootstrap: [ChipsInputAtom] });
+ChipsInputModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            // Materials
+            MatChipsModule,
+            MatIconModule,
+            MatInputModule,
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    ChipsInputAtom
+                ],
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule,
+                    // Materials
+                    MatChipsModule,
+                    MatIconModule,
+                    MatInputModule,
+                ],
+                exports: [
+                    ChipsInputAtom
+                ],
+                bootstrap: [ChipsInputAtom],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ChipsInputModule, { declarations: [ChipsInputAtom], imports: [CommonModule,
+        ReactiveFormsModule,
+        // Materials
+        MatChipsModule,
+        MatIconModule,
+        MatInputModule], exports: [ChipsInputAtom] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ChipsInputAtom, ChipsInputModule };
+//# sourceMappingURL=ng-atomic-components-atoms-chips-input.mjs.map

package/fesm2020/ng-atomic-components-atoms-chips-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-atoms-chips-input.mjs","sources":["../../../../libs/components/src/atoms/chips-input/chips-input.atom.html","../../../../libs/components/src/atoms/chips-input/chips-input.atom.ts","../../../../libs/components/src/atoms/chips-input/chips-input.module.ts","../../../../libs/components/src/atoms/chips-input/ng-atomic-components-atoms-chips-input.ts"],"sourcesContent":["<mat-chip-list #chipList>\n  <mat-chip *ngFor=\"let chip of chipsManager.chips\" (removed)=\"remove(chip)\">\n    {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip>\n  <input\n    matInput\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separators\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n  >\n</mat-chip-list>\n","import { COMMA, ENTER, SPACE } from '@angular/cdk/keycodes';\nimport { Component, OnInit, ChangeDetectionStrategy, Input, ChangeDetectorRef } from '@angular/core';\nimport { MatChipInputEvent } from '@angular/material/chips';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { ReplaySubject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ChipsManager } from '@ng-atomic/common/services/chips-manager';\n\n\n@Component({\n  selector: 'atoms-chips-input',\n  templateUrl: './chips-input.atom.html',\n  styleUrls: ['./chips-input.atom.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [ChipsManager],\n})\nexport class ChipsInputAtom implements OnInit {\n  private readonly destroy$ = new ReplaySubject<void>(1);\n\n  @Input()\n  separators = [ENTER, COMMA, SPACE] as const;\n\n  @Input()\n  control = new FormControl<string>('');\n\n  @Input()\n  placeholder = '';\n\n  constructor(\n    private cd: ChangeDetectorRef,\n    public chipsManager: ChipsManager,\n  ) { }\n\n  ngOnInit(): void {\n    this.chipsManager.setValue(this.control.value);\n    this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n      this.chipsManager.setValue(value);\n      this.cd.markForCheck();\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n  }\n\n  onChiInputTokenEnd(event: MatChipInputEvent): void {\n    this.chipsManager.add(event.value);\n    this.control.setValue(this.chipsManager.getValue());\n    event.input.value = '';\n  }\n\n  remove(value: string): void {\n    this.chipsManager.remove(value);\n    this.control.setValue(this.chipsManager.getValue());\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { ChipsInputAtom } from './chips-input.atom';\n\n\n@NgModule({\n  declarations: [\n    ChipsInputAtom\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    MatChipsModule,\n    MatIconModule,\n    MatInputModule,\n  ],\n  exports: [\n    ChipsInputAtom\n  ],\n  bootstrap: [ChipsInputAtom],\n})\nexport class ChipsInputModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs

@@ -0,0 +1,128 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+
+function SmartMenuButtonAtom_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function SmartMenuButtonAtom_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "button", 5);
+    i0.ɵɵlistener("click", function SmartMenuButtonAtom_ng_container_2_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.actionItemClick.emit([ctx_r5.actionItems[0]]); });
+    i0.ɵɵelementStart(2, "mat-icon");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.actionItems[0] == null ? null : ctx_r1.actionItems[0].icon);
+} }
+function SmartMenuButtonAtom_ng_container_3_button_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 7)(1, "mat-icon");
+    i0.ɵɵtext(2, "menu");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    i0.ɵɵnextContext(2);
+    const _r3 = i0.ɵɵreference(5);
+    i0.ɵɵproperty("matMenuTriggerFor", _r3);
+} }
+function SmartMenuButtonAtom_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, SmartMenuButtonAtom_ng_container_3_button_1_Template, 3, 1, "button", 6);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r2.actionItems.length);
+} }
+function SmartMenuButtonAtom_button_6_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 8);
+    i0.ɵɵlistener("click", function SmartMenuButtonAtom_button_6_Template_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r10); const actionItem_r8 = restoredCtx.$implicit; const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.actionItemClick.emit([actionItem_r8]); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const actionItem_r8 = ctx.$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(actionItem_r8.name);
+} }
+class SmartMenuButtonAtom {
+    constructor() {
+        this.actionItems = [];
+        this.actionItemClick = new EventEmitter();
+    }
+}
+SmartMenuButtonAtom.ɵfac = function SmartMenuButtonAtom_Factory(t) { return new (t || SmartMenuButtonAtom)(); };
+SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuButtonAtom, selectors: [["atoms-smart-menu-button"]], inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, decls: 7, vars: 4, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], ["menu", "matMenu"], ["mat-menu-item", "", 3, "click", 4, "ngFor", "ngForOf"], ["mat-icon-button", "", 3, "click"], ["mat-icon-button", "", 3, "matMenuTriggerFor", 4, "ngIf"], ["mat-icon-button", "", 3, "matMenuTriggerFor"], ["mat-menu-item", "", 3, "click"]], template: function SmartMenuButtonAtom_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementContainerStart(0, 0);
+        i0.ɵɵtemplate(1, SmartMenuButtonAtom_ng_container_1_Template, 1, 0, "ng-container", 1);
+        i0.ɵɵtemplate(2, SmartMenuButtonAtom_ng_container_2_Template, 4, 1, "ng-container", 1);
+        i0.ɵɵtemplate(3, SmartMenuButtonAtom_ng_container_3_Template, 2, 1, "ng-container", 2);
+        i0.ɵɵelementContainerEnd();
+        i0.ɵɵelementStart(4, "mat-menu", null, 3);
+        i0.ɵɵtemplate(6, SmartMenuButtonAtom_button_6_Template, 2, 1, "button", 4);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngSwitch", ctx.actionItems.length);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngSwitchCase", 0);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngSwitchCase", 1);
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("ngForOf", ctx.actionItems);
+    } }, directives: [i1.NgSwitch, i1.NgSwitchCase, i2.MatButton, i3.MatIcon, i1.NgSwitchDefault, i1.NgIf, i4.MatMenuTrigger, i4.MatMenu, i1.NgForOf, i4.MatMenuItem], styles: ["[_nghost-%COMP%]{display:block;width:100%;height:100%}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuButtonAtom, [{
+        type: Component,
+        args: [{ selector: 'atoms-smart-menu-button', changeDetection: ChangeDetectionStrategy.OnPush, 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%}\n"] }]
+    }], null, { actionItems: [{
+            type: Input
+        }], actionItemClick: [{
+            type: Output
+        }] }); })();
+
+class SmartMenuButtonModule {
+}
+SmartMenuButtonModule.ɵfac = function SmartMenuButtonModule_Factory(t) { return new (t || SmartMenuButtonModule)(); };
+SmartMenuButtonModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SmartMenuButtonModule });
+SmartMenuButtonModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Material
+            MatButtonModule,
+            MatIconModule,
+            MatMenuModule,
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuButtonModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [SmartMenuButtonAtom],
+                imports: [
+                    CommonModule,
+                    // Material
+                    MatButtonModule,
+                    MatIconModule,
+                    MatMenuModule,
+                ],
+                exports: [SmartMenuButtonAtom]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartMenuButtonModule, { declarations: [SmartMenuButtonAtom], imports: [CommonModule,
+        // Material
+        MatButtonModule,
+        MatIconModule,
+        MatMenuModule], exports: [SmartMenuButtonAtom] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SmartMenuButtonAtom, SmartMenuButtonModule };
+//# sourceMappingURL=ng-atomic-components-atoms-smart-menu-button.mjs.map

package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-atoms-smart-menu-button.mjs","sources":["../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.html","../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.module.ts","../../../../libs/components/src/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.ts"],"sourcesContent":["<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 { 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","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';\n\nimport { SmartMenuButtonAtom } from './smart-menu-button.atom';\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 * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ng-atomic-components-frames-auto-layout.mjs

@@ -0,0 +1,46 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+const _c0 = ["*"];
+class AutoLayoutFrame {
+}
+AutoLayoutFrame.ɵfac = function AutoLayoutFrame_Factory(t) { return new (t || AutoLayoutFrame)(); };
+AutoLayoutFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AutoLayoutFrame, selectors: [["frames-auto-layout"]], ngContentSelectors: _c0, decls: 1, vars: 0, template: function AutoLayoutFrame_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef();
+        i0.ɵɵprojection(0);
+    } }, styles: ["[_nghost-%COMP%]{--gap: 24px;--gap-SCOPED-IN-auto-layout-17iU: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-17iU: var(--vertical-padding)}[_nghost-%COMP%]{display:flex;width:100%;height:100%;justify-content:center;grid-gap:var(--gap-SCOPED-IN-auto-layout-17iU);gap:var(--gap-SCOPED-IN-auto-layout-17iU);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-17iU) 0}[horizontal][_nghost-%COMP%]{flex-direction:row}[vertical][_nghost-%COMP%]{flex-direction:column}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoLayoutFrame, [{
+        type: Component,
+        args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-17iU: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-17iU: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;grid-gap:var(--gap-SCOPED-IN-auto-layout-17iU);gap:var(--gap-SCOPED-IN-auto-layout-17iU);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-17iU) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
+    }], null, null); })();
+
+class AutoLayoutModule {
+}
+AutoLayoutModule.ɵfac = function AutoLayoutModule_Factory(t) { return new (t || AutoLayoutModule)(); };
+AutoLayoutModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AutoLayoutModule });
+AutoLayoutModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoLayoutModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    AutoLayoutFrame
+                ],
+                imports: [
+                    CommonModule
+                ],
+                exports: [
+                    AutoLayoutFrame
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AutoLayoutModule, { declarations: [AutoLayoutFrame], imports: [CommonModule], exports: [AutoLayoutFrame] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AutoLayoutFrame, AutoLayoutModule };
+//# sourceMappingURL=ng-atomic-components-frames-auto-layout.mjs.map

package/fesm2020/ng-atomic-components-frames-auto-layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-auto-layout.mjs","sources":["../../../../libs/components/src/frames/auto-layout/auto-layout.frame.ts","../../../../libs/components/src/frames/auto-layout/auto-layout.frame.html","../../../../libs/components/src/frames/auto-layout/auto-layout.module.ts","../../../../libs/components/src/frames/auto-layout/ng-atomic-components-frames-auto-layout.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'frames-auto-layout',\n  templateUrl: './auto-layout.frame.html',\n  styleUrls: ['./auto-layout.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AutoLayoutFrame { }\n","<ng-content></ng-content>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { AutoLayoutFrame } from './auto-layout.frame';\n\n\n@NgModule({\n  declarations: [\n    AutoLayoutFrame\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    AutoLayoutFrame\n  ]\n})\nexport class AutoLayoutModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAQa,eAAe,CAAA;;8EAAf,eAAe,GAAA,CAAA,EAAA,CAAA;kEAAf,eAAe,EAAA,SAAA,EAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,kBAAA,EAAA,GAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAA,wBAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;;QCR5B,EAAyB,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;;uFDQZ,eAAe,EAAA,CAAA;cAN3B,SAAS;2BACE,oBAAoB,EAAA,eAAA,EAGb,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,2dAAA,CAAA,EAAA,CAAA;;;MEWpC,gBAAgB,CAAA;;gFAAhB,gBAAgB,GAAA,CAAA,EAAA,CAAA;kEAAhB,gBAAgB,EAAA,CAAA,CAAA;AAPlB,gBAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;AACb,SAAA,CAAA,EAAA,CAAA,CAAA;uFAKU,gBAAgB,EAAA,CAAA;cAX5B,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACR,gBAAA,YAAY,EAAE;oBACZ,eAAe;AAChB,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,YAAY;AACb,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,eAAe;AAChB,iBAAA;AACF,aAAA,CAAA;;AACY,CAAA,YAAA,EAAA,CAAA,OAAA,SAAA,KAAA,WAAA,IAAA,SAAA,KAAA,EAAA,CAAA,kBAAA,CAAA,gBAAgB,EATzB,EAAA,YAAA,EAAA,CAAA,eAAe,CAGf,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACdnB;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-frames-card.mjs

@@ -0,0 +1,56 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import { CommonModule } from '@angular/common';
+
+const _c0 = ["*"];
+class CardFrame {
+}
+CardFrame.ɵfac = function CardFrame_Factory(t) { return new (t || CardFrame)(); };
+CardFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardFrame, selectors: [["frames-card"]], ngContentSelectors: _c0, decls: 2, vars: 0, template: function CardFrame_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef();
+        i0.ɵɵelementStart(0, "mat-card");
+        i0.ɵɵprojection(1);
+        i0.ɵɵelementEnd();
+    } }, directives: [i1.MatCard], styles: ["[_nghost-%COMP%]{display:block}[_nghost-%COMP%]   mat-card[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;width:100%;height:100%}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardFrame, [{
+        type: Component,
+        args: [{ selector: 'frames-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card><ng-content></ng-content></mat-card>", styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;width:100%;height:100%}\n"] }]
+    }], null, null); })();
+
+class CardModule {
+}
+CardModule.ɵfac = function CardModule_Factory(t) { return new (t || CardModule)(); };
+CardModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CardModule });
+CardModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Material
+            MatCardModule,
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    CardFrame
+                ],
+                imports: [
+                    CommonModule,
+                    // Material
+                    MatCardModule,
+                ],
+                exports: [
+                    CardFrame
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CardModule, { declarations: [CardFrame], imports: [CommonModule,
+        // Material
+        MatCardModule], exports: [CardFrame] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CardFrame, CardModule };
+//# sourceMappingURL=ng-atomic-components-frames-card.mjs.map

package/fesm2020/ng-atomic-components-frames-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-card.mjs","sources":["../../../../libs/components/src/frames/card/card.frame.ts","../../../../libs/components/src/frames/card/card.frame.html","../../../../libs/components/src/frames/card/card.module.ts","../../../../libs/components/src/frames/card/ng-atomic-components-frames-card.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'frames-card',\n  templateUrl: './card.frame.html',\n  styleUrls: ['./card.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardFrame { }\n","<mat-card><ng-content></ng-content></mat-card>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatCardModule } from '@angular/material/card';\nimport { CardFrame } from './card.frame';\n\n\n\n@NgModule({\n  declarations: [\n    CardFrame\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatCardModule,\n  ],\n  exports: [\n    CardFrame\n  ]\n})\nexport class CardModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAQa,SAAS,CAAA;;kEAAT,SAAS,GAAA,CAAA,EAAA,CAAA;4DAAT,SAAS,EAAA,SAAA,EAAA,CAAA,CAAA,aAAA,CAAA,CAAA,EAAA,kBAAA,EAAA,GAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAA,kBAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;;QCRtB,EAAU,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,CAAA,CAAA;QAAA,EAAyB,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;QAAA,EAAW,CAAA,YAAA,EAAA,CAAA;;uFDQjC,SAAS,EAAA,CAAA;cANrB,SAAS;2BACE,aAAa,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gDAAA,EAAA,MAAA,EAAA,CAAA,iKAAA,CAAA,EAAA,CAAA;;;MEcpC,UAAU,CAAA;;oEAAV,UAAU,GAAA,CAAA,EAAA,CAAA;4DAAV,UAAU,EAAA,CAAA,CAAA;AATZ,UAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,aAAa;AACd,SAAA,CAAA,EAAA,CAAA,CAAA;uFAKU,UAAU,EAAA,CAAA;cAbtB,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACR,gBAAA,YAAY,EAAE;oBACZ,SAAS;AACV,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,YAAY;;oBAEZ,aAAa;AACd,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,SAAS;AACV,iBAAA;AACF,aAAA,CAAA;;wFACY,UAAU,EAAA,EAAA,YAAA,EAAA,CAXnB,SAAS,CAAA,EAAA,OAAA,EAAA,CAGT,YAAY;;AAEZ,QAAA,aAAa,aAGb,SAAS,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACjBb;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-frames-drawer.mjs

@@ -0,0 +1,75 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewChild, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/material/sidenav';
+import { MatDrawer, MatSidenavModule } from '@angular/material/sidenav';
+import { CommonModule } from '@angular/common';
+
+const _c0 = [[["", "drawer", ""]], [["", "contents", ""]]];
+const _c1 = ["[drawer]", "[contents]"];
+class DrawerFrame {
+    constructor() {
+        this._isOpen = false;
+    }
+    set isOpen(_isOpen) {
+        _isOpen ? this.drawer?.open() : this.drawer?.close();
+        this._isOpen = _isOpen;
+    }
+    get isOpen() {
+        return this._isOpen;
+    }
+}
+DrawerFrame.ɵfac = function DrawerFrame_Factory(t) { return new (t || DrawerFrame)(); };
+DrawerFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DrawerFrame, selectors: [["frames-drawer"]], viewQuery: function DrawerFrame_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(MatDrawer, 5);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.drawer = _t.first);
+    } }, inputs: { isOpen: "isOpen" }, ngContentSelectors: _c1, decls: 6, vars: 1, consts: [[3, "autosize"], ["mode", "side"], ["drawer", ""]], template: function DrawerFrame_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef(_c0);
+        i0.ɵɵelementStart(0, "mat-drawer-container", 0)(1, "mat-drawer", 1, 2);
+        i0.ɵɵprojection(3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "mat-drawer-content");
+        i0.ɵɵprojection(5, 1);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵproperty("autosize", false);
+    } }, directives: [i1.MatDrawerContainer, i1.MatDrawer, i1.MatDrawerContent], styles: ["[_nghost-%COMP%]{--content-width: 360px;--content-width-SCOPED-IN-drawer-TNSX: var(--content-width)}[_nghost-%COMP%]   mat-drawer-content[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerFrame, [{
+        type: Component,
+        args: [{ selector: 'frames-drawer', changeDetection: ChangeDetectionStrategy.OnPush, 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-TNSX: var(--content-width)}:host mat-drawer-content{width:100%}\n"] }]
+    }], null, { drawer: [{
+            type: ViewChild,
+            args: [MatDrawer]
+        }], isOpen: [{
+            type: Input
+        }] }); })();
+
+class DrawerModule {
+}
+DrawerModule.ɵfac = function DrawerModule_Factory(t) { return new (t || DrawerModule)(); };
+DrawerModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: DrawerModule });
+DrawerModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            MatSidenavModule,
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [DrawerFrame],
+                imports: [
+                    CommonModule,
+                    MatSidenavModule,
+                ],
+                exports: [DrawerFrame]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrawerModule, { declarations: [DrawerFrame], imports: [CommonModule,
+        MatSidenavModule], exports: [DrawerFrame] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DrawerFrame, DrawerModule };
+//# sourceMappingURL=ng-atomic-components-frames-drawer.mjs.map

package/fesm2020/ng-atomic-components-frames-drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-drawer.mjs","sources":["../../../../libs/components/src/frames/drawer/drawer.frame.ts","../../../../libs/components/src/frames/drawer/drawer.frame.html","../../../../libs/components/src/frames/drawer/drawer.module.ts","../../../../libs/components/src/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 = false;\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 { MatSidenavModule } from '@angular/material/sidenav';\n\nimport { DrawerFrame } from './drawer.frame';\n\n\n\n@NgModule({\n  declarations: [DrawerFrame],\n  imports: [\n    CommonModule,\n    MatSidenavModule,\n  ],\n  exports: [DrawerFrame]\n})\nexport class DrawerModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MASa,WAAW,CAAA;AANxB,IAAA,WAAA,GAAA;QAWU,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;AAYzB,KAAA;IAVC,IACI,MAAM,CAAC,OAAgB,EAAA;AACzB,QAAA,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;AACrD,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;KACvB;AAED,IAAA,IAAI,MAAM,GAAA;QACR,OAAO,IAAI,CAAC,OAAO,CAAA;KACpB;;sEAfU,WAAW,GAAA,CAAA,EAAA,CAAA;8DAAX,WAAW,EAAA,SAAA,EAAA,CAAA,CAAA,eAAA,CAAA,CAAA,EAAA,SAAA,EAAA,SAAA,iBAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;uBAEX,SAAS,EAAA,CAAA,CAAA,CAAA;;;;;;ACXtB,QAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,sBAAA,EAAA,CAAA,CAAyC,CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA;QAErC,EAAyC,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;QAC3C,EAAa,CAAA,YAAA,EAAA,CAAA;QAEb,EAAoB,CAAA,cAAA,CAAA,CAAA,EAAA,oBAAA,CAAA,CAAA;QAClB,EAA2C,CAAA,YAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAC7C,QAAA,EAAA,CAAA,YAAA,EAAqB,EAAA,CAAA;;QAPD,EAAkB,CAAA,UAAA,CAAA,UAAA,EAAA,KAAA,CAAA,CAAA;;uFDS3B,WAAW,EAAA,CAAA;cANvB,SAAS;2BACE,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oRAAA,EAAA,MAAA,EAAA,CAAA,iIAAA,CAAA,EAAA,CAAA;gBAK/C,MAAM,EAAA,CAAA;kBADL,SAAS;mBAAC,SAAS,CAAA;YAMhB,MAAM,EAAA,CAAA;kBADT,KAAK;;;MEAK,YAAY,CAAA;;wEAAZ,YAAY,GAAA,CAAA,EAAA,CAAA;8DAAZ,YAAY,EAAA,CAAA,CAAA;AANd,YAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,gBAAgB;AACjB,SAAA,CAAA,EAAA,CAAA,CAAA;uFAGU,YAAY,EAAA,CAAA;cARxB,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;gBACR,YAAY,EAAE,CAAC,WAAW,CAAC;AAC3B,gBAAA,OAAO,EAAE;oBACP,YAAY;oBACZ,gBAAgB;AACjB,iBAAA;gBACD,OAAO,EAAE,CAAC,WAAW,CAAC;AACvB,aAAA,CAAA;;wFACY,YAAY,EAAA,EAAA,YAAA,EAAA,CAPR,WAAW,CAAA,EAAA,OAAA,EAAA,CAExB,YAAY;AACZ,QAAA,gBAAgB,aAER,WAAW,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACdvB;;AAEG;;;;"}