npm - monkey-style-guide-v2 - Versions diffs - 0.0.5 → 0.0.6 - Mend

monkey-style-guide-v2 0.0.5 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (164) hide show

package/esm2022/lib/components/monkey-table/table.mjs ADDED Viewed

@@ -0,0 +1,132 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { Component, ContentChildren, EventEmitter, HostBinding, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
+import { MonkeyPaginationActionComponent } from './components/pagination-action/pagination-action';
+import { MonkeyPaginationSizeComponent } from './components/pagination-size/pagination-size';
+import * as i0 from "@angular/core";
+const defaultX = '880px';
+export class MonkeyTableComponent {
+    constructor() {
+        this.sortChange = new EventEmitter();
+        this._loadingInitialized = false;
+        this.stateChanges = new EventEmitter();
+    }
+    updateScrollStyle() {
+        if (!this._headerEl || !this._tableHeaderEl || !this._tableContentEl || !this._tableScrollEl) {
+            throw Error('monkey-table must have header and content');
+        }
+        const x = this.scroll?.x || defaultX;
+        const y = this.scroll?.y;
+        const styleHeader = this._headerEl.nativeElement.style;
+        const styleTableHeader = this._tableHeaderEl.nativeElement.style;
+        const styleTableContent = this._tableContentEl.nativeElement.style;
+        const styleTableScroll = this._tableScrollEl.nativeElement.style;
+        if (x) {
+            styleTableHeader.minWidth = `${x}`;
+            styleTableContent.minWidth = `${x}`;
+            this._tableScrollEl.nativeElement.addEventListener('scroll', () => {
+                this._headerEl.nativeElement.scrollLeft = this._tableScrollEl.nativeElement.scrollLeft;
+            });
+        }
+        if (y) {
+            styleTableScroll.maxHeight = `${y}`;
+            styleTableScroll.overflowX = 'auto';
+            styleTableScroll.overflowY = 'scroll';
+        }
+        if (x && !y) {
+            styleTableScroll.overflowX = 'scroll';
+            styleHeader.overflowY = 'hidden';
+        }
+    }
+    initializeComponents() {
+        const paginationAction = this._paginationActionChildren?.get(0);
+        const paginationSize = this._paginationSizeChildren?.get(0);
+        if (paginationAction) {
+            paginationAction.disabled = this.loading;
+        }
+        if (paginationSize) {
+            paginationSize.disabled = this.loading;
+        }
+    }
+    initializeLoadingComponent() {
+        if (this._loadingInitialized || !this._tableLoadingEl)
+            return;
+        const styleTableLoading = this._tableLoadingEl?.nativeElement.style;
+        const x = this.scroll?.x || defaultX;
+        if (x) {
+            styleTableLoading.minWidth = `${x}`;
+        }
+        this._loadingInitialized = true;
+    }
+    ngAfterContentInit() {
+        this.updateScrollStyle();
+        this.initializeComponents();
+    }
+    updateSortableOptions(name, sortable) {
+        this._sortOptions = {
+            ...this._sortOptions,
+            [name]: sortable
+        };
+        if (!sortable) {
+            delete this._sortOptions[name];
+        }
+        this.sortChange.emit(this._sortOptions);
+    }
+    ngOnChanges(changes) {
+        let hasChanges = false;
+        let loading = false;
+        // eslint-disable-next-line dot-notation
+        const changesLoading = changes?.['loading'];
+        if (changesLoading?.currentValue !== changesLoading.previousValue) {
+            this.initializeComponents();
+            this.initializeLoadingComponent();
+            loading = changesLoading.currentValue || false;
+            hasChanges = true;
+        }
+        if (hasChanges) {
+            this.stateChanges.emit({ loading });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MonkeyTableComponent, selector: "monkey-table, table[monkey-table]", inputs: { scroll: "scroll", loading: "loading", loadingRef: "loadingRef" }, outputs: { sortChange: "sortChange" }, host: { properties: { "class.disabled": "this.loading" } }, queries: [{ propertyName: "_paginationActionChildren", predicate: MonkeyPaginationActionComponent, descendants: true }, { propertyName: "_paginationSizeChildren", predicate: MonkeyPaginationSizeComponent, descendants: true }], viewQueries: [{ propertyName: "_headerEl", first: true, predicate: ["header"], descendants: true, static: true }, { propertyName: "_tableHeaderEl", first: true, predicate: ["tableHeader"], descendants: true, static: true }, { propertyName: "_tableContentEl", first: true, predicate: ["tableContent"], descendants: true, static: true }, { propertyName: "_tableLoadingEl", first: true, predicate: ["tableLoading"], descendants: true, static: true }, { propertyName: "_tableScrollEl", first: true, predicate: ["tableScroll"], descendants: true, static: true }], exportAs: ["monkeyTable"], usesOnChanges: true, ngImport: i0, template: "<div class=\"mecx-table-container\">\n  <div class=\"mecx-table-wrapper\">\n    <div class=\"mecx-table-header\" #header>\n      <table #tableHeader>\n        <ng-content select=\"thead\"></ng-content>\n      </table>\n    </div>\n    <div class=\"mecx-inner-scroll\" #tableScroll>\n      <table #tableContent>\n        <ng-content select=\"tbody\"></ng-content>\n      </table>\n\n      @if (loadingRef && loading) {\n        <table #tableLoading>\n          <ng-container *ngTemplateOutlet=\"loadingRef\"></ng-container>\n        </table>\n      }\n    </div>\n  </div>\n  <div class=\"mecx-table-footer\">\n    <ng-content select=\"monkey-pagination-size\"></ng-content>\n    <div class=\"mecx-table-actions\">\n      <ng-content select=\"monkey-pagination-label\"></ng-content>\n      <ng-content select=\"monkey-pagination-action\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: ["monkey-table{position:relative;display:block;table-layout:fixed;border:2px solid var(--mecx-color-gray-400);border-radius:16px}.mecx-table-container{scrollbar-color:var(--mecx-color-gray-400) transparent}.mecx-table-wrapper{display:block}.mecx-table-header{overflow-x:hidden;overflow-y:scroll;white-space:nowrap;border-bottom:2px solid var(--mecx-color-gray-300);background:var(--mecx-color-gray-50);border-top-left-radius:16px;border-top-right-radius:16px}.mecx-table-header table{table-layout:fixed;width:100%;text-align:left;border-collapse:separate;height:48px}.mecx-table-header table thead{display:table-header-group;vertical-align:middle;unicode-bidi:isolate}.mecx-table-header table th{text-align:left;vertical-align:middle;padding:8px 12px;color:var(--mecx-color-gray-700);font-size:16px;font-weight:700;font-style:normal;white-space:nowrap;will-change:transform;backface-visibility:hidden;line-height:24px}.mecx-table-header table th svg{opacity:0;transform:opacity 2s ease-in-out}.mecx-table-header table th:hover svg{opacity:1}.mecx-table-header table .mecx-column-checked svg{opacity:1}.mecx-table-header .mecx-column-stick{position:sticky;background:var(--mecx-color-gray-50);z-index:3}.mecx-table-header .mecx-column-stick-left{border-right:1px solid var(--mecx-color-gray-200);left:0}.mecx-table-header .mecx-column-stick-right{border-left:1px solid var(--mecx-color-gray-200);right:0}.mecx-table-header .mecx-column-checked{position:sticky;left:0;border-right:1px solid var(--mecx-color-gray-200);background:var(--mecx-color-gray-50);z-index:3}.mecx-table-header .mecx-column-checked monkey-checkbox{vertical-align:middle}.mecx-inner-scroll{scroll-behavior:smooth}.mecx-inner-scroll table{table-layout:fixed;width:100%;text-align:left;border-collapse:separate;border-spacing:0px}.mecx-inner-scroll table td{text-align:left;border-bottom:2px solid var(--mecx-color-gray-100);padding:8px 12px;vertical-align:middle}.mecx-inner-scroll .mecx-column-stick{position:sticky;right:0;z-index:1;background:#fff}.mecx-inner-scroll .mecx-column-stick-left{border-right:1px solid var(--mecx-color-gray-200);left:0}.mecx-inner-scroll .mecx-column-stick-right{border-left:1px solid var(--mecx-color-gray-200);right:0}.mecx-inner-scroll .mecx-column-checked{position:sticky;left:0;z-index:1;border-right:1px solid var(--mecx-color-gray-200);background:#fff}.mecx-inner-scroll .mecx-column-checked monkey-checkbox{vertical-align:middle}.mecx-table-footer{border-top:1px solid var(--mecx-color-gray-200);padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.mecx-table-footer .mecx-table-actions{display:flex;gap:8px;align-items:center}.mecx-column-sortable-disabled,.mecx-column-checked-disabled{pointer-events:none}.mecx-column-expansible{border-left:none!important;border-right:none!important}@keyframes rotate-right{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes rotate-left{0%{transform:rotate(90deg)}to{transform:rotate(0)}}.mecx-column-expansible .rotate-animation-right{animation:rotate-right .3s ease-in-out}.mecx-column-expansible .rotate-animation-left{animation:rotate-left .3s ease-in-out}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyTableComponent, decorators: [{
+            type: Component,
+            args: [{ encapsulation: ViewEncapsulation.None, selector: 'monkey-table, table[monkey-table]', exportAs: 'monkeyTable', template: "<div class=\"mecx-table-container\">\n  <div class=\"mecx-table-wrapper\">\n    <div class=\"mecx-table-header\" #header>\n      <table #tableHeader>\n        <ng-content select=\"thead\"></ng-content>\n      </table>\n    </div>\n    <div class=\"mecx-inner-scroll\" #tableScroll>\n      <table #tableContent>\n        <ng-content select=\"tbody\"></ng-content>\n      </table>\n\n      @if (loadingRef && loading) {\n        <table #tableLoading>\n          <ng-container *ngTemplateOutlet=\"loadingRef\"></ng-container>\n        </table>\n      }\n    </div>\n  </div>\n  <div class=\"mecx-table-footer\">\n    <ng-content select=\"monkey-pagination-size\"></ng-content>\n    <div class=\"mecx-table-actions\">\n      <ng-content select=\"monkey-pagination-label\"></ng-content>\n      <ng-content select=\"monkey-pagination-action\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: ["monkey-table{position:relative;display:block;table-layout:fixed;border:2px solid var(--mecx-color-gray-400);border-radius:16px}.mecx-table-container{scrollbar-color:var(--mecx-color-gray-400) transparent}.mecx-table-wrapper{display:block}.mecx-table-header{overflow-x:hidden;overflow-y:scroll;white-space:nowrap;border-bottom:2px solid var(--mecx-color-gray-300);background:var(--mecx-color-gray-50);border-top-left-radius:16px;border-top-right-radius:16px}.mecx-table-header table{table-layout:fixed;width:100%;text-align:left;border-collapse:separate;height:48px}.mecx-table-header table thead{display:table-header-group;vertical-align:middle;unicode-bidi:isolate}.mecx-table-header table th{text-align:left;vertical-align:middle;padding:8px 12px;color:var(--mecx-color-gray-700);font-size:16px;font-weight:700;font-style:normal;white-space:nowrap;will-change:transform;backface-visibility:hidden;line-height:24px}.mecx-table-header table th svg{opacity:0;transform:opacity 2s ease-in-out}.mecx-table-header table th:hover svg{opacity:1}.mecx-table-header table .mecx-column-checked svg{opacity:1}.mecx-table-header .mecx-column-stick{position:sticky;background:var(--mecx-color-gray-50);z-index:3}.mecx-table-header .mecx-column-stick-left{border-right:1px solid var(--mecx-color-gray-200);left:0}.mecx-table-header .mecx-column-stick-right{border-left:1px solid var(--mecx-color-gray-200);right:0}.mecx-table-header .mecx-column-checked{position:sticky;left:0;border-right:1px solid var(--mecx-color-gray-200);background:var(--mecx-color-gray-50);z-index:3}.mecx-table-header .mecx-column-checked monkey-checkbox{vertical-align:middle}.mecx-inner-scroll{scroll-behavior:smooth}.mecx-inner-scroll table{table-layout:fixed;width:100%;text-align:left;border-collapse:separate;border-spacing:0px}.mecx-inner-scroll table td{text-align:left;border-bottom:2px solid var(--mecx-color-gray-100);padding:8px 12px;vertical-align:middle}.mecx-inner-scroll .mecx-column-stick{position:sticky;right:0;z-index:1;background:#fff}.mecx-inner-scroll .mecx-column-stick-left{border-right:1px solid var(--mecx-color-gray-200);left:0}.mecx-inner-scroll .mecx-column-stick-right{border-left:1px solid var(--mecx-color-gray-200);right:0}.mecx-inner-scroll .mecx-column-checked{position:sticky;left:0;z-index:1;border-right:1px solid var(--mecx-color-gray-200);background:#fff}.mecx-inner-scroll .mecx-column-checked monkey-checkbox{vertical-align:middle}.mecx-table-footer{border-top:1px solid var(--mecx-color-gray-200);padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.mecx-table-footer .mecx-table-actions{display:flex;gap:8px;align-items:center}.mecx-column-sortable-disabled,.mecx-column-checked-disabled{pointer-events:none}.mecx-column-expansible{border-left:none!important;border-right:none!important}@keyframes rotate-right{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes rotate-left{0%{transform:rotate(90deg)}to{transform:rotate(0)}}.mecx-column-expansible .rotate-animation-right{animation:rotate-right .3s ease-in-out}.mecx-column-expansible .rotate-animation-left{animation:rotate-left .3s ease-in-out}\n"] }]
+        }], propDecorators: { scroll: [{
+                type: Input
+            }], loading: [{
+                type: HostBinding,
+                args: ['class.disabled']
+            }, {
+                type: Input
+            }], loadingRef: [{
+                type: Input
+            }], sortChange: [{
+                type: Output
+            }], _headerEl: [{
+                type: ViewChild,
+                args: ['header', { static: true }]
+            }], _tableHeaderEl: [{
+                type: ViewChild,
+                args: ['tableHeader', { static: true }]
+            }], _tableContentEl: [{
+                type: ViewChild,
+                args: ['tableContent', { static: true }]
+            }], _tableLoadingEl: [{
+                type: ViewChild,
+                args: ['tableLoading', { static: true }]
+            }], _tableScrollEl: [{
+                type: ViewChild,
+                args: ['tableScroll', { static: true }]
+            }], _paginationActionChildren: [{
+                type: ContentChildren,
+                args: [MonkeyPaginationActionComponent, { descendants: true }]
+            }], _paginationSizeChildren: [{
+                type: ContentChildren,
+                args: [MonkeyPaginationSizeComponent, { descendants: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10YWJsZS90YWJsZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS12Mi9zcmMvbGliL2NvbXBvbmVudHMvbW9ua2V5LXRhYmxlL3RhYmxlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NkJBSTZCO0FBRTdCLE9BQU8sRUFFTCxTQUFTLEVBQ1QsZUFBZSxFQUVmLFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUVMLE1BQU0sRUFJTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQ25HLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOztBQUU3RixNQUFNLFFBQVEsR0FBRyxPQUFPLENBQUM7QUFTekIsTUFBTSxPQUFPLG9CQUFvQjtJQVBqQztRQWdCWSxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQW9CbEMsd0JBQW1CLEdBQUcsS0FBSyxDQUFDO1FBRTdCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQXlGMUM7SUF2RlMsaUJBQWlCO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDN0YsTUFBTSxLQUFLLENBQUMsMkNBQTJDLENBQUMsQ0FBQztRQUMzRCxDQUFDO1FBRUQsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLElBQUksUUFBUSxDQUFDO1FBQ3JD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QUFFLElBQUksRUFBRTtnQkFFZSxjQUFjO3NCQUFqRSxTQUFTO3VCQUFDLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBRVcsZUFBZTtzQkFBbkUsU0FBUzt1QkFBQyxjQUFjLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUVVLGVBQWU7c0JBQW5FLFNBQVM7dUJBQUMsY0FBYyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFFUyxjQUFjO3NCQUFqRSxTQUFTO3VCQUFDLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBR2xDLHlCQUF5QjtzQkFEaEMsZUFBZTt1QkFBQywrQkFBK0IsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUU7Z0JBSS9ELHVCQUF1QjtzQkFEOUIsZUFBZTt1QkFBQyw2QkFBNkIsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXG4gKiBUaGlzIHN0eWxlIGd1aWRlIHdhcyBkZXZlbG9wZWQgYnkgTW9ua2V5IEV4Y2hhbmdlIFRlYW1cbiAqIE1JVCBMaWNlbmNlXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiAqL1xuXG5pbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTW9ua2V5VGFibGVTY3JvbGxDb25maWcgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcbmltcG9ydCB7IE1vbmtleVBhZ2luYXRpb25BY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvcGFnaW5hdGlvbi1hY3Rpb24vcGFnaW5hdGlvbi1hY3Rpb24nO1xuaW1wb3J0IHsgTW9ua2V5UGFnaW5hdGlvblNpemVDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvcGFnaW5hdGlvbi1zaXplL3BhZ2luYXRpb24tc2l6ZSc7XG5cbmNvbnN0IGRlZmF1bHRYID0gJzg4MHB4JztcblxuQENvbXBvbmVudCh7XG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHNlbGVjdG9yOiAnbW9ua2V5LXRhYmxlLCB0YWJsZVttb25rZXktdGFibGVdJyxcbiAgZXhwb3J0QXM6ICdtb25rZXlUYWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3RhYmxlLnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIE1vbmtleVRhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgc2Nyb2xsITogTW9ua2V5VGFibGVTY3JvbGxDb25maWc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kaXNhYmxlZCcpXG4gIEBJbnB1dCgpXG4gIGxvYWRpbmchOiBib29sZWFuO1xuXG4gIEBJbnB1dCgpIGxvYWRpbmdSZWYhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIEBPdXRwdXQoKSBzb3J0Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBWaWV3Q2hpbGQoJ2hlYWRlcicsIHsgc3RhdGljOiB0cnVlIH0pIHByaXZhdGUgX2hlYWRlckVsITogRWxlbWVudFJlZjtcblxuICBAVmlld0NoaWxkKCd0YWJsZUhlYWRlcicsIHsgc3RhdGljOiB0cnVlIH0pIHByaXZhdGUgX3RhYmxlSGVhZGVyRWwhOiBFbGVtZW50UmVmO1xuXG4gIEBWaWV3Q2hpbGQoJ3RhYmxlQ29udGVudCcsIHsgc3RhdGljOiB0cnVlIH0pIHByaXZhdGUgX3RhYmxlQ29udGVudEVsITogRWxlbWVudFJlZjtcblxuICBAVmlld0NoaWxkKCd0YWJsZUxvYWRpbmcnLCB7IHN0YXRpYzogdHJ1ZSB9KSBwcml2YXRlIF90YWJsZUxvYWRpbmdFbCE6IEVsZW1lbnRSZWY7XG5cbiAgQFZpZXdDaGlsZCgndGFibGVTY3JvbGwnLCB7IHN0YXRpYzogdHJ1ZSB9KSBwcml2YXRlIF90YWJsZVNjcm9sbEVsITogRWxlbWVudFJlZjtcblxuICBAQ29udGVudENoaWxkcmVuKE1vbmtleVBhZ2luYXRpb25BY3Rpb25Db21wb25lbnQsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgcHJpdmF0ZSBfcGFnaW5hdGlvbkFjdGlvbkNoaWxkcmVuITogUXVlcnlMaXN0PE1vbmtleVBhZ2luYXRpb25BY3Rpb25Db21wb25lbnQ+O1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oTW9ua2V5UGFnaW5hdGlvblNpemVDb21wb25lbnQsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgcHJpdmF0ZSBfcGFnaW5hdGlvblNpemVDaGlsZHJlbiE6IFF1ZXJ5TGlzdDxNb25rZXlQYWdpbmF0aW9uU2l6ZUNvbXBvbmVudD47XG5cbiAgcHJpdmF0ZSBfc29ydE9wdGlvbnMhOiB7IFtrZXk6IHN0cmluZ106IHN0cmluZzsgc29ydGFibGU6IHN0cmluZyB9O1xuXG4gIHByaXZhdGUgX2xvYWRpbmdJbml0aWFsaXplZCA9IGZhbHNlO1xuXG4gIHB1YmxpYyBzdGF0ZUNoYW5nZXMgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgcHJpdmF0ZSB1cGRhdGVTY3JvbGxTdHlsZSgpIHtcbiAgICBpZiAoIXRoaXMuX2hlYWRlckVsIHx8ICF0aGlzLl90YWJsZUhlYWRlckVsIHx8ICF0aGlzLl90YWJsZUNvbnRlbnRFbCB8fCAhdGhpcy5fdGFibGVTY3JvbGxFbCkge1xuICAgICAgdGhyb3cgRXJyb3IoJ21vbmtleS10YWJsZSBtdXN0IGhhdmUgaGVhZGVyIGFuZCBjb250ZW50Jyk7XG4gICAgfVxuXG4gICAgY29uc3QgeCA9IHRoaXMuc2Nyb2xsPy54IHx8IGRlZmF1bHRYO1xuICAgIGNvbnN0IHkgPSB0aGlzLnNjcm9sbD8ueTtcbiAgICBjb25zdCBzdHlsZUhlYWRlciA9IHRoaXMuX2hlYWRlckVsLm5hdGl2ZUVsZW1lbnQuc3R5bGU7XG4gICAgY29uc3Qgc3R5bGVUYWJsZUhlYWRlciA9IHRoaXMuX3RhYmxlSGVhZGVyRWwubmF0aXZlRWxlbWVudC5zdHlsZTtcbiAgICBjb25zdCBzdHlsZVRhYmxlQ29udGVudCA9IHRoaXMuX3RhYmxlQ29udGVudEVsLm5hdGl2ZUVsZW1lbnQuc3R5bGU7XG4gICAgY29uc3Qgc3R5bGVUYWJsZVNjcm9sbCA9IHRoaXMuX3RhYmxlU2Nyb2xsRWwubmF0aXZlRWxlbWVudC5zdHlsZTtcblxuICAgIGlmICh4KSB7XG4gICAgICBzdHlsZVRhYmxlSGVhZGVyLm1pbldpZHRoID0gYCR7eH1gO1xuICAgICAgc3R5bGVUYWJsZUNvbnRlbnQubWluV2lkdGggPSBgJHt4fWA7XG5cbiAgICAgIHRoaXMuX3RhYmxlU2Nyb2xsRWwubmF0aXZlRWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCdzY3JvbGwnLCAoKSA9PiB7XG4gICAgICAgIHRoaXMuX2hlYWRlckVsLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsTGVmdCA9IHRoaXMuX3RhYmxlU2Nyb2xsRWwubmF0aXZlRWxlbWVudC5zY3JvbGxMZWZ0O1xuICAgICAgfSk7XG4gICAgfVxuICAgIGlmICh5KSB7XG4gICAgICBzdHlsZVRhYmxlU2Nyb2xsLm1heEhlaWdodCA9IGAke3l9YDtcbiAgICAgIHN0eWxlVGFibGVTY3JvbGwub3ZlcmZsb3dYID0gJ2F1dG8nO1xuICAgICAgc3R5bGVUYWJsZVNjcm9sbC5vdmVyZmxvd1kgPSAnc2Nyb2xsJztcbiAgICB9XG4gICAgaWYgKHggJiYgIXkpIHtcbiAgICAgIHN0eWxlVGFibGVTY3JvbGwub3ZlcmZsb3dYID0gJ3Njcm9sbCc7XG4gICAgICBzdHlsZUhlYWRlci5vdmVyZmxvd1kgPSAnaGlkZGVuJztcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGluaXRpYWxpemVDb21wb25lbnRzKCkge1xuICAgIGNvbnN0IHBhZ2luYXRpb25BY3Rpb24gPSB0aGlzLl9wYWdpbmF0aW9uQWN0aW9uQ2hpbGRyZW4/LmdldCgwKTtcbiAgICBjb25zdCBwYWdpbmF0aW9uU2l6ZSA9IHRoaXMuX3BhZ2luYXRpb25TaXplQ2hpbGRyZW4/LmdldCgwKTtcbiAgICBpZiAocGFnaW5hdGlvbkFjdGlvbikge1xuICAgICAgcGFnaW5hdGlvbkFjdGlvbi5kaXNhYmxlZCA9IHRoaXMubG9hZGluZztcbiAgICB9XG4gICAgaWYgKHBhZ2luYXRpb25TaXplKSB7XG4gICAgICBwYWdpbmF0aW9uU2l6ZS5kaXNhYmxlZCA9IHRoaXMubG9hZGluZztcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGluaXRpYWxpemVMb2FkaW5nQ29tcG9uZW50KCkge1xuICAgIGlmICh0aGlzLl9sb2FkaW5nSW5pdGlhbGl6ZWQgfHwgIXRoaXMuX3RhYmxlTG9hZGluZ0VsKSByZXR1cm47XG4gICAgY29uc3Qgc3R5bGVUYWJsZUxvYWRpbmcgPSB0aGlzLl90YWJsZUxvYWRpbmdFbD8ubmF0aXZlRWxlbWVudC5zdHlsZTtcbiAgICBjb25zdCB4ID0gdGhpcy5zY3JvbGw/LnggfHwgZGVmYXVsdFg7XG5cbiAgICBpZiAoeCkge1xuICAgICAgc3R5bGVUYWJsZUxvYWRpbmcubWluV2lkdGggPSBgJHt4fWA7XG4gICAgfVxuICAgIHRoaXMuX2xvYWRpbmdJbml0aWFsaXplZCA9IHRydWU7XG4gIH1cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgdGhpcy51cGRhdGVTY3JvbGxTdHlsZSgpO1xuICAgIHRoaXMuaW5pdGlhbGl6ZUNvbXBvbmVudHMoKTtcbiAgfVxuXG4gIHVwZGF0ZVNvcnRhYmxlT3B0aW9ucyhuYW1lOiBzdHJpbmcsIHNvcnRhYmxlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9zb3J0T3B0aW9ucyA9IHtcbiAgICAgIC4uLnRoaXMuX3NvcnRPcHRpb25zLFxuICAgICAgW25hbWVdOiBzb3J0YWJsZVxuICAgIH07XG5cbiAgICBpZiAoIXNvcnRhYmxlKSB7XG4gICAgICBkZWxldGUgdGhpcy5fc29ydE9wdGlvbnNbbmFtZV07XG4gICAgfVxuXG4gICAgdGhpcy5zb3J0Q2hhbmdlLmVtaXQodGhpcy5fc29ydE9wdGlvbnMpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGxldCBoYXNDaGFuZ2VzID0gZmFsc2U7XG4gICAgbGV0IGxvYWRpbmcgPSBmYWxzZTtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZG90LW5vdGF0aW9uXG4gICAgY29uc3QgY2hhbmdlc0xvYWRpbmcgPSBjaGFuZ2VzPy5bJ2xvYWRpbmcnXTtcbiAgICBpZiAoY2hhbmdlc0xvYWRpbmc/LmN1cnJlbnRWYWx1ZSAhPT0gY2hhbmdlc0xvYWRpbmcucHJldmlvdXNWYWx1ZSkge1xuICAgICAgdGhpcy5pbml0aWFsaXplQ29tcG9uZW50cygpO1xuICAgICAgdGhpcy5pbml0aWFsaXplTG9hZGluZ0NvbXBvbmVudCgpO1xuICAgICAgbG9hZGluZyA9IGNoYW5nZXNMb2FkaW5nLmN1cnJlbnRWYWx1ZSB8fCBmYWxzZTtcbiAgICAgIGhhc0NoYW5nZXMgPSB0cnVlO1xuICAgIH1cblxuICAgIGlmIChoYXNDaGFuZ2VzKSB7XG4gICAgICB0aGlzLnN0YXRlQ2hhbmdlcy5lbWl0KHsgbG9hZGluZyB9KTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtZWN4LXRhYmxlLWNvbnRhaW5lclwiPlxuICA8ZGl2IGNsYXNzPVwibWVjeC10YWJsZS13cmFwcGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cIm1lY3gtdGFibGUtaGVhZGVyXCIgI2hlYWRlcj5cbiAgICAgIDx0YWJsZSAjdGFibGVIZWFkZXI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInRoZWFkXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC90YWJsZT5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWVjeC1pbm5lci1zY3JvbGxcIiAjdGFibGVTY3JvbGw+XG4gICAgICA8dGFibGUgI3RhYmxlQ29udGVudD5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwidGJvZHlcIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L3RhYmxlPlxuXG4gICAgICBAaWYgKGxvYWRpbmdSZWYgJiYgbG9hZGluZykge1xuICAgICAgICA8dGFibGUgI3RhYmxlTG9hZGluZz5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibG9hZGluZ1JlZlwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L3RhYmxlPlxuICAgICAgfVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cIm1lY3gtdGFibGUtZm9vdGVyXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibW9ua2V5LXBhZ2luYXRpb24tc2l6ZVwiPjwvbmctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwibWVjeC10YWJsZS1hY3Rpb25zXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJtb25rZXktcGFnaW5hdGlvbi1sYWJlbFwiPjwvbmctY29udGVudD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm1vbmtleS1wYWdpbmF0aW9uLWFjdGlvblwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/monkey-table/table.module.mjs ADDED Viewed

@@ -0,0 +1,60 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { NgModule } from '@angular/core';
+import { MonkeyButtonComponent } from '../monkey-button/monkey-button.component';
+import { MonkeyPaginationActionComponent } from './components/pagination-action/pagination-action';
+import { MonkeyPaginationLabelComponent } from './components/pagination-label/pagination-label';
+import { MonkeyPaginationSizeComponent } from './components/pagination-size/pagination-size';
+import { MonkeyColumnChecked } from './directives/column-checked';
+import { MonkeyColumnExpansible } from './directives/column-expansible';
+import { MonkeyColumnSortable } from './directives/column-sortable';
+import { MonkeyColumnStick } from './directives/column-stick';
+import { MonkeyTableComponent } from './table';
+import * as i0 from "@angular/core";
+export class MonkeyTableModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MonkeyTableModule, declarations: [MonkeyTableComponent,
+            MonkeyColumnStick,
+            MonkeyColumnChecked,
+            MonkeyColumnSortable,
+            MonkeyColumnExpansible], imports: [MonkeyButtonComponent,
+            MonkeyPaginationSizeComponent,
+            MonkeyPaginationLabelComponent,
+            MonkeyPaginationActionComponent], exports: [MonkeyTableComponent,
+            MonkeyColumnStick,
+            MonkeyColumnChecked,
+            MonkeyColumnSortable,
+            MonkeyColumnExpansible] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyTableModule, imports: [MonkeyButtonComponent,
+            MonkeyPaginationSizeComponent,
+            MonkeyPaginationActionComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        MonkeyButtonComponent,
+                        MonkeyPaginationSizeComponent,
+                        MonkeyPaginationLabelComponent,
+                        MonkeyPaginationActionComponent
+                    ],
+                    declarations: [
+                        MonkeyTableComponent,
+                        MonkeyColumnStick,
+                        MonkeyColumnChecked,
+                        MonkeyColumnSortable,
+                        MonkeyColumnExpansible
+                    ],
+                    exports: [
+                        MonkeyTableComponent,
+                        MonkeyColumnStick,
+                        MonkeyColumnChecked,
+                        MonkeyColumnSortable,
+                        MonkeyColumnExpansible
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LXN0eWxlLWd1aWRlLXYyL3NyYy9saWIvY29tcG9uZW50cy9tb25rZXktdGFibGUvdGFibGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OzZCQUk2QjtBQUU3QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQ25HLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ2hHLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQzdGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzlELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7QUF3Qi9DLE1BQU0sT0FBTyxpQkFBaUI7K0dBQWpCLGlCQUFpQjtnSEFBakIsaUJBQWlCLGlCQWQxQixvQkFBb0I7WUFDcEIsaUJBQWlCO1lBQ2pCLG1CQUFtQjtZQUNuQixvQkFBb0I7WUFDcEIsc0JBQXNCLGFBVnRCLHFCQUFxQjtZQUNyQiw2QkFBNkI7WUFDN0IsOEJBQThCO1lBQzlCLCtCQUErQixhQVUvQixvQkFBb0I7WUFDcEIsaUJBQWlCO1lBQ2pCLG1CQUFtQjtZQUNuQixvQkFBb0I7WUFDcEIsc0JBQXNCO2dIQUdiLGlCQUFpQixZQXBCMUIscUJBQXFCO1lBQ3JCLDZCQUE2QjtZQUU3QiwrQkFBK0I7OzRGQWlCdEIsaUJBQWlCO2tCQXRCN0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AscUJBQXFCO3dCQUNyQiw2QkFBNkI7d0JBQzdCLDhCQUE4Qjt3QkFDOUIsK0JBQStCO3FCQUNoQztvQkFDRCxZQUFZLEVBQUU7d0JBQ1osb0JBQW9CO3dCQUNwQixpQkFBaUI7d0JBQ2pCLG1CQUFtQjt3QkFDbkIsb0JBQW9CO3dCQUNwQixzQkFBc0I7cUJBQ3ZCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxvQkFBb0I7d0JBQ3BCLGlCQUFpQjt3QkFDakIsbUJBQW1CO3dCQUNuQixvQkFBb0I7d0JBQ3BCLHNCQUFzQjtxQkFDdkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXG4gKiBUaGlzIHN0eWxlIGd1aWRlIHdhcyBkZXZlbG9wZWQgYnkgTW9ua2V5IEV4Y2hhbmdlIFRlYW1cbiAqIE1JVCBMaWNlbmNlXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiAqL1xuXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTW9ua2V5QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vbW9ua2V5LWJ1dHRvbi9tb25rZXktYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNb25rZXlQYWdpbmF0aW9uQWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3BhZ2luYXRpb24tYWN0aW9uL3BhZ2luYXRpb24tYWN0aW9uJztcbmltcG9ydCB7IE1vbmtleVBhZ2luYXRpb25MYWJlbENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9wYWdpbmF0aW9uLWxhYmVsL3BhZ2luYXRpb24tbGFiZWwnO1xuaW1wb3J0IHsgTW9ua2V5UGFnaW5hdGlvblNpemVDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvcGFnaW5hdGlvbi1zaXplL3BhZ2luYXRpb24tc2l6ZSc7XG5pbXBvcnQgeyBNb25rZXlDb2x1bW5DaGVja2VkIH0gZnJvbSAnLi9kaXJlY3RpdmVzL2NvbHVtbi1jaGVja2VkJztcbmltcG9ydCB7IE1vbmtleUNvbHVtbkV4cGFuc2libGUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvY29sdW1uLWV4cGFuc2libGUnO1xuaW1wb3J0IHsgTW9ua2V5Q29sdW1uU29ydGFibGUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvY29sdW1uLXNvcnRhYmxlJztcbmltcG9ydCB7IE1vbmtleUNvbHVtblN0aWNrIH0gZnJvbSAnLi9kaXJlY3RpdmVzL2NvbHVtbi1zdGljayc7XG5pbXBvcnQgeyBNb25rZXlUYWJsZUNvbXBvbmVudCB9IGZyb20gJy4vdGFibGUnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgTW9ua2V5QnV0dG9uQ29tcG9uZW50LFxuICAgIE1vbmtleVBhZ2luYXRpb25TaXplQ29tcG9uZW50LFxuICAgIE1vbmtleVBhZ2luYXRpb25MYWJlbENvbXBvbmVudCxcbiAgICBNb25rZXlQYWdpbmF0aW9uQWN0aW9uQ29tcG9uZW50XG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIE1vbmtleVRhYmxlQ29tcG9uZW50LFxuICAgIE1vbmtleUNvbHVtblN0aWNrLFxuICAgIE1vbmtleUNvbHVtbkNoZWNrZWQsXG4gICAgTW9ua2V5Q29sdW1uU29ydGFibGUsXG4gICAgTW9ua2V5Q29sdW1uRXhwYW5zaWJsZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgTW9ua2V5VGFibGVDb21wb25lbnQsXG4gICAgTW9ua2V5Q29sdW1uU3RpY2ssXG4gICAgTW9ua2V5Q29sdW1uQ2hlY2tlZCxcbiAgICBNb25rZXlDb2x1bW5Tb3J0YWJsZSxcbiAgICBNb25rZXlDb2x1bW5FeHBhbnNpYmxlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTW9ua2V5VGFibGVNb2R1bGUge31cbiJdfQ==

package/esm2022/lib/components/monkey-toast/index.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './monkey-toast.component';
2	+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b2FzdC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9tb25rZXktdG9hc3QuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/lib/components/monkey-toast/monkey-toast.component.mjs ADDED Viewed

@@ -0,0 +1,74 @@
+import { booleanAttribute, Component, EventEmitter, HostBinding, inject, Input, Output, ViewEncapsulation } from '@angular/core';
+import { IdGenerator } from '../../../utils';
+import { MonkeyButtonComponent } from '../monkey-button';
+import { MonkeyIconComponent } from '../monkey-icon';
+import { MonkeyIconButtonComponent } from '../monkey-icon-button';
+import * as i0 from "@angular/core";
+export class MonkeyToastComponent {
+    get id() {
+        return this._id;
+    }
+    set id(value) {
+        this._id = value || this._uid;
+    }
+    get class() {
+        return this.type;
+    }
+    constructor(host) {
+        this.host = host;
+        this.icon = 'close-circle';
+        this.type = 'default';
+        this.isClosable = false;
+        this.onActionClick = new EventEmitter();
+        this.onClose = new EventEmitter();
+        this._uid = inject(IdGenerator).getId('monkey-toast-');
+        this.animationState = 'hidden';
+        // eslint-disable-next-line no-self-assign
+        this.id = this.id;
+    }
+    close() {
+        this.host.nativeElement.classList.add('closed');
+    }
+    onAnimationEnd(event) {
+        if (event.animationName.includes('fade-out')) {
+            this.onClose.emit(this.id);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyToastComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MonkeyToastComponent, isStandalone: true, selector: "monkey-toast", inputs: { message: "message", icon: "icon", type: "type", isClosable: ["isClosable", "isClosable", booleanAttribute], actionLabel: "actionLabel", actionIcon: "actionIcon", id: "id" }, outputs: { onActionClick: "onActionClick", onClose: "onClose" }, host: { attributes: { "data-testid": "monkey-toast" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "attr.id": "id", "id": "id", "class": "this.class", "animation": "this.animationState" } }, ngImport: i0, template: "<div class=\"content\">\n  @if (icon) {\n    <monkey-icon [icon]=\"icon\" size=\"lg\"></monkey-icon>\n  }\n  <div class=\"message\">\n    {{ message }}\n  </div>\n</div>\n@if (actionLabel) {\n  <div class=\"action\">\n    <monkey-button class=\"btn-action\" type=\"tertiary\" size=\"sm\" (click)=\"onActionClick.emit(id)\">\n      {{ actionLabel }}\n      @if (actionIcon) {\n        <monkey-icon [icon]=\"actionIcon\" first></monkey-icon>\n      }\n    </monkey-button>\n  </div>\n}\n@if (isClosable) {\n  <div class=\"divider\"></div>\n  <div class=\"close\">\n    <monkey-icon-button class=\"btn-close\" type=\"tertiary\" size=\"sm\" icon=\"close\" (click)=\"close()\">\n    </monkey-icon-button>\n  </div>\n}\n", styles: ["monkey-toast{display:flex;align-items:start;min-width:200px;width:100%;gap:16px;padding:16px;box-shadow:0 8px 16px #00000029;background-color:#111418;color:#fff;border-radius:8px;max-width:450px;box-sizing:border-box;animation:fade-in .3s}monkey-toast.closed{animation:fade-out .1s}monkey-toast .content{display:flex;gap:8px;line-height:24px;font-size:14px;letter-spacing:.48px;flex-grow:1}monkey-toast .action .btn-action{margin:0!important}monkey-toast .action .btn-action .mecx-button{height:24px;color:#fff!important;outline-color:#fff}monkey-toast .action .btn-action .mecx-button .content{padding:12px 8px}monkey-toast .action .btn-action .mecx-button:hover{color:#fff!important}monkey-toast .divider{width:1px;height:24px;background-color:#bdc1c7}monkey-toast .close{display:flex}monkey-toast .close .btn-close{margin:0!important}monkey-toast .close .btn-close .mecx-icon-button{height:24px;width:24px;color:#fff!important;outline-color:#fff}monkey-toast .close .btn-close .mecx-icon-button:hover{color:#fff!important}monkey-toast.success{background-color:var(--mecx-color-success-main)}monkey-toast.error{background-color:#db0505}monkey-toast.question{background-color:var(--mecx-color-question-800)}monkey-toast.info{background-color:#003687}@keyframes fade-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-out{to{transform:scale(.9);opacity:0}}\n"], dependencies: [{ kind: "component", type: MonkeyButtonComponent, selector: "monkey-button", inputs: ["disabled", "size", "type", "id"] }, { kind: "component", type: MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "size", "id"] }, { kind: "component", type: MonkeyIconButtonComponent, selector: "monkey-icon-button", inputs: ["type", "size", "disabled", "icon", "id"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyToastComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'monkey-toast', imports: [MonkeyButtonComponent, MonkeyIconComponent, MonkeyIconButtonComponent], encapsulation: ViewEncapsulation.None, host: {
+                        'data-testid': 'monkey-toast',
+                        '(animationend)': 'onAnimationEnd($event)',
+                        '[attr.id]': 'id',
+                        '[id]': 'id'
+                    }, template: "<div class=\"content\">\n  @if (icon) {\n    <monkey-icon [icon]=\"icon\" size=\"lg\"></monkey-icon>\n  }\n  <div class=\"message\">\n    {{ message }}\n  </div>\n</div>\n@if (actionLabel) {\n  <div class=\"action\">\n    <monkey-button class=\"btn-action\" type=\"tertiary\" size=\"sm\" (click)=\"onActionClick.emit(id)\">\n      {{ actionLabel }}\n      @if (actionIcon) {\n        <monkey-icon [icon]=\"actionIcon\" first></monkey-icon>\n      }\n    </monkey-button>\n  </div>\n}\n@if (isClosable) {\n  <div class=\"divider\"></div>\n  <div class=\"close\">\n    <monkey-icon-button class=\"btn-close\" type=\"tertiary\" size=\"sm\" icon=\"close\" (click)=\"close()\">\n    </monkey-icon-button>\n  </div>\n}\n", styles: ["monkey-toast{display:flex;align-items:start;min-width:200px;width:100%;gap:16px;padding:16px;box-shadow:0 8px 16px #00000029;background-color:#111418;color:#fff;border-radius:8px;max-width:450px;box-sizing:border-box;animation:fade-in .3s}monkey-toast.closed{animation:fade-out .1s}monkey-toast .content{display:flex;gap:8px;line-height:24px;font-size:14px;letter-spacing:.48px;flex-grow:1}monkey-toast .action .btn-action{margin:0!important}monkey-toast .action .btn-action .mecx-button{height:24px;color:#fff!important;outline-color:#fff}monkey-toast .action .btn-action .mecx-button .content{padding:12px 8px}monkey-toast .action .btn-action .mecx-button:hover{color:#fff!important}monkey-toast .divider{width:1px;height:24px;background-color:#bdc1c7}monkey-toast .close{display:flex}monkey-toast .close .btn-close{margin:0!important}monkey-toast .close .btn-close .mecx-icon-button{height:24px;width:24px;color:#fff!important;outline-color:#fff}monkey-toast .close .btn-close .mecx-icon-button:hover{color:#fff!important}monkey-toast.success{background-color:var(--mecx-color-success-main)}monkey-toast.error{background-color:#db0505}monkey-toast.question{background-color:var(--mecx-color-question-800)}monkey-toast.info{background-color:#003687}@keyframes fade-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-out{to{transform:scale(.9);opacity:0}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { message: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], isClosable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], actionLabel: [{
+                type: Input
+            }], actionIcon: [{
+                type: Input
+            }], onActionClick: [{
+                type: Output
+            }], onClose: [{
+                type: Output
+            }], id: [{
+                type: Input
+            }], class: [{
+                type: HostBinding,
+                args: ['class']
+            }], animationState: [{
+                type: HostBinding,
+                args: ['animation']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ua2V5LXRvYXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS12Mi9zcmMvbGliL2NvbXBvbmVudHMvbW9ua2V5LXRvYXN0L21vbmtleS10b2FzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b2FzdC9tb25rZXktdG9hc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLGdCQUFnQixFQUNoQixTQUFTLEVBRVQsWUFBWSxFQUNaLFdBQVcsRUFDWCxNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQWdCbEUsTUFBTSxPQUFPLG9CQUFvQjtJQXFCL0IsSUFDSSxFQUFFO1FBQ0osT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDO0lBQ2xCLENBQUM7SUFFRCxJQUFJLEVBQUUsQ0FBQyxLQUFhO1FBQ2xCLElBQUksQ0FBQyxHQUFHLEdBQUcsS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDaEMsQ0FBQztJQUVELElBQ1csS0FBSztRQUNkLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDO0lBSUQsWUFBb0IsSUFBNkI7UUFBN0IsU0FBSSxHQUFKLElBQUksQ0FBeUI7UUFsQ3hDLFNBQUksR0FBdUIsY0FBYyxDQUFDO1FBRTFDLFNBQUksR0FBYyxTQUFTLENBQUM7UUFFRyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBTTFELGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUUzQyxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVyQyxTQUFJLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUMsQ0FBQztRQWtCbEMsbUJBQWMsR0FBRyxRQUFRLENBQUM7UUFHbEQsMENBQTBDO1FBQzFDLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFxQjtRQUNsQyxJQUFJLEtBQUssQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUM7WUFDN0MsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzdCLENBQUM7SUFDSCxDQUFDOytHQWxEVSxvQkFBb0I7bUdBQXBCLG9CQUFvQixtSkFPWCxnQkFBZ0Isd1hDdEN0Qyw0c0JBeUJBLDA2Q0RMWSxxQkFBcUIsc0dBQUUsbUJBQW1CLHdGQUFFLHlCQUF5Qjs7NEZBV3BFLG9CQUFvQjtrQkFkaEMsU0FBUztpQ0FDSSxJQUFJLFlBQ04sY0FBYyxXQUNmLENBQUMscUJBQXFCLEVBQUUsbUJBQW1CLEVBQUUseUJBQXlCLENBQUMsaUJBR2pFLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0osYUFBYSxFQUFFLGNBQWM7d0JBQzdCLGdCQUFnQixFQUFFLHdCQUF3Qjt3QkFDMUMsV0FBVyxFQUFFLElBQUk7d0JBQ2pCLE1BQU0sRUFBRSxJQUFJO3FCQUNiOytFQUdRLE9BQU87c0JBQWYsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVrQyxVQUFVO3NCQUFqRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUU3QixXQUFXO3NCQUFuQixLQUFLO2dCQUVHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksYUFBYTtzQkFBdEIsTUFBTTtnQkFFRyxPQUFPO3NCQUFoQixNQUFNO2dCQU9ILEVBQUU7c0JBREwsS0FBSztnQkFVSyxLQUFLO3NCQURmLFdBQVc7dUJBQUMsT0FBTztnQkFLTSxjQUFjO3NCQUF2QyxXQUFXO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBib29sZWFuQXR0cmlidXRlLFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIGluamVjdCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJZEdlbmVyYXRvciB9IGZyb20gJy4uLy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IHR5cGUgVG9hc3RUeXBlIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBNb25rZXlCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9tb25rZXktYnV0dG9uJztcbmltcG9ydCB7IE1vbmtleUljb25Db21wb25lbnQgfSBmcm9tICcuLi9tb25rZXktaWNvbic7XG5pbXBvcnQgeyBNb25rZXlJY29uQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vbW9ua2V5LWljb24tYnV0dG9uJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnbW9ua2V5LXRvYXN0JyxcbiAgaW1wb3J0czogW01vbmtleUJ1dHRvbkNvbXBvbmVudCwgTW9ua2V5SWNvbkNvbXBvbmVudCwgTW9ua2V5SWNvbkJ1dHRvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9tb25rZXktdG9hc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vbW9ua2V5LXRvYXN0LmNvbXBvbmVudC5zY3NzJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDoge1xuICAgICdkYXRhLXRlc3RpZCc6ICdtb25rZXktdG9hc3QnLFxuICAgICcoYW5pbWF0aW9uZW5kKSc6ICdvbkFuaW1hdGlvbkVuZCgkZXZlbnQpJyxcbiAgICAnW2F0dHIuaWRdJzogJ2lkJyxcbiAgICAnW2lkXSc6ICdpZCdcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBNb25rZXlUb2FzdENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1lc3NhZ2U6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBASW5wdXQoKSBpY29uOiBzdHJpbmcgfCB1bmRlZmluZWQgPSAnY2xvc2UtY2lyY2xlJztcblxuICBASW5wdXQoKSB0eXBlOiBUb2FzdFR5cGUgPSAnZGVmYXVsdCc7XG5cbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGlzQ2xvc2FibGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKSBhY3Rpb25MYWJlbDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIEBJbnB1dCgpIGFjdGlvbkljb246IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBAT3V0cHV0KCkgb25BY3Rpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIEBPdXRwdXQoKSBvbkNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgcHJvdGVjdGVkIF91aWQgPSBpbmplY3QoSWRHZW5lcmF0b3IpLmdldElkKCdtb25rZXktdG9hc3QtJyk7XG5cbiAgcHJvdGVjdGVkIF9pZCE6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBnZXQgaWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5faWQ7XG4gIH1cblxuICBzZXQgaWQodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX2lkID0gdmFsdWUgfHwgdGhpcy5fdWlkO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHB1YmxpYyBnZXQgY2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy50eXBlO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdhbmltYXRpb24nKSBhbmltYXRpb25TdGF0ZSA9ICdoaWRkZW4nO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaG9zdDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tc2VsZi1hc3NpZ25cbiAgICB0aGlzLmlkID0gdGhpcy5pZDtcbiAgfVxuXG4gIGNsb3NlKCkge1xuICAgIHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2Nsb3NlZCcpO1xuICB9XG5cbiAgb25BbmltYXRpb25FbmQoZXZlbnQ6IEFuaW1hdGlvbkV2ZW50KSB7XG4gICAgaWYgKGV2ZW50LmFuaW1hdGlvbk5hbWUuaW5jbHVkZXMoJ2ZhZGUtb3V0JykpIHtcbiAgICAgIHRoaXMub25DbG9zZS5lbWl0KHRoaXMuaWQpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgQGlmIChpY29uKSB7XG4gICAgPG1vbmtleS1pY29uIFtpY29uXT1cImljb25cIiBzaXplPVwibGdcIj48L21vbmtleS1pY29uPlxuICB9XG4gIDxkaXYgY2xhc3M9XCJtZXNzYWdlXCI+XG4gICAge3sgbWVzc2FnZSB9fVxuICA8L2Rpdj5cbjwvZGl2PlxuQGlmIChhY3Rpb25MYWJlbCkge1xuICA8ZGl2IGNsYXNzPVwiYWN0aW9uXCI+XG4gICAgPG1vbmtleS1idXR0b24gY2xhc3M9XCJidG4tYWN0aW9uXCIgdHlwZT1cInRlcnRpYXJ5XCIgc2l6ZT1cInNtXCIgKGNsaWNrKT1cIm9uQWN0aW9uQ2xpY2suZW1pdChpZClcIj5cbiAgICAgIHt7IGFjdGlvbkxhYmVsIH19XG4gICAgICBAaWYgKGFjdGlvbkljb24pIHtcbiAgICAgICAgPG1vbmtleS1pY29uIFtpY29uXT1cImFjdGlvbkljb25cIiBmaXJzdD48L21vbmtleS1pY29uPlxuICAgICAgfVxuICAgIDwvbW9ua2V5LWJ1dHRvbj5cbiAgPC9kaXY+XG59XG5AaWYgKGlzQ2xvc2FibGUpIHtcbiAgPGRpdiBjbGFzcz1cImRpdmlkZXJcIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImNsb3NlXCI+XG4gICAgPG1vbmtleS1pY29uLWJ1dHRvbiBjbGFzcz1cImJ0bi1jbG9zZVwiIHR5cGU9XCJ0ZXJ0aWFyeVwiIHNpemU9XCJzbVwiIGljb249XCJjbG9zZVwiIChjbGljayk9XCJjbG9zZSgpXCI+XG4gICAgPC9tb25rZXktaWNvbi1idXR0b24+XG4gIDwvZGl2PlxufVxuIl19

package/esm2022/lib/components/monkey-toggle/monkey-toggle.component.mjs CHANGED Viewed

@@ -1,14 +1,9 @@
 import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
+import { Component, EventEmitter, HostBinding, HostListener, inject, Input, Output } from '@angular/core';
+import { IdGenerator } from '../../../utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class MonkeyToggleComponent {
-    constructor() {
-        this.disabled = false;
-        this.size = 'md';
-        this.onChange = new EventEmitter();
-        this._checked = false;
-    }
     set value(_) {
         if (typeof _ === 'string') {
             this._checked = _ === 'true';
@@ -17,6 +12,21 @@ export class MonkeyToggleComponent {
             this._checked = _;
         }
     }
+    get id() {
+        return this._id;
+    }
+    set id(value) {
+        this._id = value || this._uid;
+    }
+    constructor() {
+        this.disabled = false;
+        this.size = 'md';
+        this.onChange = new EventEmitter();
+        this._checked = false;
+        this._uid = inject(IdGenerator).getId('monkey-toggle-');
+        // eslint-disable-next-line no-self-assign
+        this.id = this.id;
+    }
     onClick(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -26,15 +36,17 @@ export class MonkeyToggleComponent {
             this._checked = !this._checked;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: MonkeyToggleComponent, isStandalone: true, selector: "monkey-toggle-v2", inputs: { disabled: "disabled", size: "size", value: "value" }, outputs: { onChange: "onChange" }, host: { attributes: { "data-testid": "input-toggle" }, listeners: { "click": "onClick($event)" }, properties: { "class.disabled": "this.disabled", "class": "this.size" } }, ngImport: i0, template: "<input type=\"checkbox\" [checked]=\"_checked\" />\n<div class=\"slider\" [ngClass]=\"{ checked: _checked }\"></div>\n", styles: [":host{position:relative;display:inline-block}:host input{display:none}:host.disabled{box-shadow:none;pointer-events:none;opacity:.2}:host.lg{width:88px;height:48px}:host.lg input:checked+.checked:before{left:calc(100% - 42px)}:host.lg .slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:all .4s ease;background-color:#f8fafb;border:2px solid #bdc1c7}:host.lg .slider:before{position:absolute;content:\"\";bottom:2px;transition:.4s;border-radius:50%;background-color:#1f2024;left:2px;height:40px;width:40px}:host.lg .slider.checked{background-color:#ebfff8;border:2px solid #00875a}:host.lg .slider.checked:before{background-color:#00875a}:host.md{width:72px;height:40px}:host.md input:checked+.checked:before{left:calc(100% - 34px)}:host.md .slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:all .4s ease;background-color:#f8fafb;border:2px solid #bdc1c7}:host.md .slider:before{position:absolute;content:\"\";bottom:2px;transition:.4s;border-radius:50%;background-color:#1f2024;left:2px;height:32px;width:32px}:host.md .slider.checked{background-color:#ebfff8;border:2px solid #00875a}:host.md .slider.checked:before{background-color:#00875a}:host.sm{width:56px;height:32px}:host.sm input:checked+.checked:before{left:calc(100% - 26px)}:host.sm .slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:all .4s ease;background-color:#f8fafb;border:2px solid #bdc1c7}:host.sm .slider:before{position:absolute;content:\"\";bottom:2px;transition:.4s;border-radius:50%;background-color:#1f2024;left:2px;height:24px;width:24px}:host.sm .slider.checked{background-color:#ebfff8;border:2px solid #00875a}:host.sm .slider.checked:before{background-color:#00875a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MonkeyToggleComponent, isStandalone: true, selector: "monkey-toggle", inputs: { disabled: "disabled", size: "size", value: "value", id: "id" }, outputs: { onChange: "onChange" }, host: { attributes: { "data-testid": "monkey-toggle" }, listeners: { "click": "onClick($event)" }, properties: { "attr.id": "id", "id": "id", "class.disabled": "this.disabled", "class": "this.size" } }, ngImport: i0, template: "<input type=\"checkbox\" [checked]=\"_checked\" />\n<div class=\"slider\" [ngClass]=\"{ checked: _checked }\"></div>\n", styles: [":host{position:relative;display:inline-block}:host input{display:none}:host.disabled{box-shadow:none;pointer-events:none;opacity:.2}:host.lg{width:88px;height:48px}:host.lg input:checked+.checked:before{left:calc(100% - 42px)}:host.lg .slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:all .4s ease;background-color:#f8fafb;border:2px solid #bdc1c7}:host.lg .slider:before{position:absolute;content:\"\";bottom:2px;transition:.4s;border-radius:50%;background-color:#1f2024;left:2px;height:40px;width:40px}:host.lg .slider.checked{background-color:#ebfff8;border:2px solid #00875a}:host.lg .slider.checked:before{background-color:#00875a}:host.md{width:72px;height:40px}:host.md input:checked+.checked:before{left:calc(100% - 34px)}:host.md .slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:all .4s ease;background-color:#f8fafb;border:2px solid #bdc1c7}:host.md .slider:before{position:absolute;content:\"\";bottom:2px;transition:.4s;border-radius:50%;background-color:#1f2024;left:2px;height:32px;width:32px}:host.md .slider.checked{background-color:#ebfff8;border:2px solid #00875a}:host.md .slider.checked:before{background-color:#00875a}:host.sm{width:56px;height:32px}:host.sm input:checked+.checked:before{left:calc(100% - 26px)}:host.sm .slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:all .4s ease;background-color:#f8fafb;border:2px solid #bdc1c7}:host.sm .slider:before{position:absolute;content:\"\";bottom:2px;transition:.4s;border-radius:50%;background-color:#1f2024;left:2px;height:24px;width:24px}:host.sm .slider.checked{background-color:#ebfff8;border:2px solid #00875a}:host.sm .slider.checked:before{background-color:#00875a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'monkey-toggle-v2', standalone: true, imports: [CommonModule], host: {
-                        'data-testid': 'input-toggle'
+            args: [{ selector: 'monkey-toggle', standalone: true, imports: [CommonModule], host: {
+                        'data-testid': 'monkey-toggle',
+                        '[attr.id]': 'id',
+                        '[id]': 'id'
                     }, template: "<input type=\"checkbox\" [checked]=\"_checked\" />\n<div class=\"slider\" [ngClass]=\"{ checked: _checked }\"></div>\n", styles: [":host{position:relative;display:inline-block}:host input{display:none}:host.disabled{box-shadow:none;pointer-events:none;opacity:.2}:host.lg{width:88px;height:48px}:host.lg input:checked+.checked:before{left:calc(100% - 42px)}:host.lg .slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:all .4s ease;background-color:#f8fafb;border:2px solid #bdc1c7}:host.lg .slider:before{position:absolute;content:\"\";bottom:2px;transition:.4s;border-radius:50%;background-color:#1f2024;left:2px;height:40px;width:40px}:host.lg .slider.checked{background-color:#ebfff8;border:2px solid #00875a}:host.lg .slider.checked:before{background-color:#00875a}:host.md{width:72px;height:40px}:host.md input:checked+.checked:before{left:calc(100% - 34px)}:host.md .slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:all .4s ease;background-color:#f8fafb;border:2px solid #bdc1c7}:host.md .slider:before{position:absolute;content:\"\";bottom:2px;transition:.4s;border-radius:50%;background-color:#1f2024;left:2px;height:32px;width:32px}:host.md .slider.checked{background-color:#ebfff8;border:2px solid #00875a}:host.md .slider.checked:before{background-color:#00875a}:host.sm{width:56px;height:32px}:host.sm input:checked+.checked:before{left:calc(100% - 26px)}:host.sm .slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:all .4s ease;background-color:#f8fafb;border:2px solid #bdc1c7}:host.sm .slider:before{position:absolute;content:\"\";bottom:2px;transition:.4s;border-radius:50%;background-color:#1f2024;left:2px;height:24px;width:24px}:host.sm .slider.checked{background-color:#ebfff8;border:2px solid #00875a}:host.sm .slider.checked:before{background-color:#00875a}\n"] }]
-        }], propDecorators: { disabled: [{
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
                 type: HostBinding,
                 args: ['class.disabled']
             }, {
@@ -48,8 +60,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
                 type: Output
             }], value: [{
                 type: Input
+            }], id: [{
+                type: Input
             }], onClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ua2V5LXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b2dnbGUvbW9ua2V5LXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b2dnbGUvbW9ua2V5LXRvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFZbEcsTUFBTSxPQUFPLHFCQUFxQjtJQVZsQztRQVcwQyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBSXpELFNBQUksR0FBdUIsSUFBSSxDQUFDO1FBRXRCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBVTdDLGFBQVEsR0FBWSxLQUFLLENBQUM7S0FhM0I7SUFyQkMsSUFBYSxLQUFLLENBQUMsQ0FBNkI7UUFDOUMsSUFBSSxPQUFPLENBQUMsS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsS0FBSyxNQUFNLENBQUM7UUFDL0IsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQztRQUNwQixDQUFDO0lBQ0gsQ0FBQztJQUtELE9BQU8sQ0FBQyxLQUFVO1FBQ2hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFFakMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUNqQyxDQUFDO0lBQ0gsQ0FBQzs4R0E3QlUscUJBQXFCO2tHQUFyQixxQkFBcUIsNFZDYmxDLHdIQUVBLDh2RERJWSxZQUFZOzsyRkFPWCxxQkFBcUI7a0JBVmpDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxRQUdqQjt3QkFDSixhQUFhLEVBQUUsY0FBYztxQkFDOUI7OEJBR3VDLFFBQVE7c0JBQS9DLFdBQVc7dUJBQUMsZ0JBQWdCOztzQkFBRyxLQUFLO2dCQUlyQyxJQUFJO3NCQUZILFdBQVc7dUJBQUMsT0FBTzs7c0JBQ25CLEtBQUs7Z0JBR0ksUUFBUTtzQkFBakIsTUFBTTtnQkFFTSxLQUFLO3NCQUFqQixLQUFLO2dCQVdOLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9ua2V5LXRvZ2dsZS12MicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9ua2V5LXRvZ2dsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9tb25rZXktdG9nZ2xlLmNvbXBvbmVudC5zY3NzJyxcbiAgaG9zdDoge1xuICAgICdkYXRhLXRlc3RpZCc6ICdpbnB1dC10b2dnbGUnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgTW9ua2V5VG9nZ2xlQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kaXNhYmxlZCcpIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIEBJbnB1dCgpXG4gIHNpemU6ICdsZycgfCAnbWQnIHwgJ3NtJyA9ICdtZCc7XG5cbiAgQE91dHB1dCgpIG9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQElucHV0KCkgc2V0IHZhbHVlKF86IGJvb2xlYW4gfCAndHJ1ZScgfCAnZmFsc2UnKSB7XG4gICAgaWYgKHR5cGVvZiBfID09PSAnc3RyaW5nJykge1xuICAgICAgdGhpcy5fY2hlY2tlZCA9IF8gPT09ICd0cnVlJztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fY2hlY2tlZCA9IF87XG4gICAgfVxuICB9XG5cbiAgX2NoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIG9uQ2xpY2soZXZlbnQ6IGFueSkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XG5cbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMub25DaGFuZ2UubmV4dCghdGhpcy5fY2hlY2tlZCk7XG4gICAgICB0aGlzLl9jaGVja2VkID0gIXRoaXMuX2NoZWNrZWQ7XG4gICAgfVxuICB9XG59XG4iLCI8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgW2NoZWNrZWRdPVwiX2NoZWNrZWRcIiAvPlxuPGRpdiBjbGFzcz1cInNsaWRlclwiIFtuZ0NsYXNzXT1cInsgY2hlY2tlZDogX2NoZWNrZWQgfVwiPjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ua2V5LXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b2dnbGUvbW9ua2V5LXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b2dnbGUvbW9ua2V5LXRvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osV0FBVyxFQUNYLFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQWM3QyxNQUFNLE9BQU8scUJBQXFCO0lBU2hDLElBQWEsS0FBSyxDQUFDLENBQTZCO1FBQzlDLElBQUksT0FBTyxDQUFDLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLEtBQUssTUFBTSxDQUFDO1FBQy9CLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUM7UUFDcEIsQ0FBQztJQUNILENBQUM7SUFRRCxJQUNJLEVBQUU7UUFDSixPQUFPLElBQUksQ0FBQyxHQUFHLENBQUM7SUFDbEIsQ0FBQztJQUVELElBQUksRUFBRSxDQUFDLEtBQWE7UUFDbEIsSUFBSSxDQUFDLEdBQUcsR0FBRyxLQUFLLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQztJQUNoQyxDQUFDO0lBRUQ7UUEvQndDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFJekQsU0FBSSxHQUF1QixJQUFJLENBQUM7UUFFdEIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFVN0MsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVoQixTQUFJLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBYzNELDBDQUEwQztRQUMxQyxJQUFJLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUdELE9BQU8sQ0FBQyxLQUFVO1FBQ2hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFFakMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUNqQyxDQUFDO0lBQ0gsQ0FBQzsrR0EvQ1UscUJBQXFCO21HQUFyQixxQkFBcUIsaVlDeEJsQyx3SEFFQSw4dkREYVksWUFBWTs7NEZBU1gscUJBQXFCO2tCQVpqQyxTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsUUFHakI7d0JBQ0osYUFBYSxFQUFFLGVBQWU7d0JBQzlCLFdBQVcsRUFBRSxJQUFJO3dCQUNqQixNQUFNLEVBQUUsSUFBSTtxQkFDYjt3REFHdUMsUUFBUTtzQkFBL0MsV0FBVzt1QkFBQyxnQkFBZ0I7O3NCQUFHLEtBQUs7Z0JBSXJDLElBQUk7c0JBRkgsV0FBVzt1QkFBQyxPQUFPOztzQkFDbkIsS0FBSztnQkFHSSxRQUFRO3NCQUFqQixNQUFNO2dCQUVNLEtBQUs7c0JBQWpCLEtBQUs7Z0JBZUYsRUFBRTtzQkFETCxLQUFLO2dCQWVOLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBIb3N0TGlzdGVuZXIsXG4gIGluamVjdCxcbiAgSW5wdXQsXG4gIE91dHB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElkR2VuZXJhdG9yIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb25rZXktdG9nZ2xlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9tb25rZXktdG9nZ2xlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL21vbmtleS10b2dnbGUuY29tcG9uZW50LnNjc3MnLFxuICBob3N0OiB7XG4gICAgJ2RhdGEtdGVzdGlkJzogJ21vbmtleS10b2dnbGUnLFxuICAgICdbYXR0ci5pZF0nOiAnaWQnLFxuICAgICdbaWRdJzogJ2lkJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIE1vbmtleVRvZ2dsZUNvbXBvbmVudCB7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGlzYWJsZWQnKSBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBASW5wdXQoKVxuICBzaXplOiAnbGcnIHwgJ21kJyB8ICdzbScgPSAnbWQnO1xuXG4gIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBJbnB1dCgpIHNldCB2YWx1ZShfOiBib29sZWFuIHwgJ3RydWUnIHwgJ2ZhbHNlJykge1xuICAgIGlmICh0eXBlb2YgXyA9PT0gJ3N0cmluZycpIHtcbiAgICAgIHRoaXMuX2NoZWNrZWQgPSBfID09PSAndHJ1ZSc7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX2NoZWNrZWQgPSBfO1xuICAgIH1cbiAgfVxuXG4gIF9jaGVja2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHJvdGVjdGVkIF91aWQgPSBpbmplY3QoSWRHZW5lcmF0b3IpLmdldElkKCdtb25rZXktdG9nZ2xlLScpO1xuXG4gIHByb3RlY3RlZCBfaWQhOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZ2V0IGlkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2lkO1xuICB9XG5cbiAgc2V0IGlkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9pZCA9IHZhbHVlIHx8IHRoaXMuX3VpZDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1zZWxmLWFzc2lnblxuICAgIHRoaXMuaWQgPSB0aGlzLmlkO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxuICBvbkNsaWNrKGV2ZW50OiBhbnkpIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpO1xuXG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLm9uQ2hhbmdlLm5leHQoIXRoaXMuX2NoZWNrZWQpO1xuICAgICAgdGhpcy5fY2hlY2tlZCA9ICF0aGlzLl9jaGVja2VkO1xuICAgIH1cbiAgfVxufVxuIiwiPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIFtjaGVja2VkXT1cIl9jaGVja2VkXCIgLz5cbjxkaXYgY2xhc3M9XCJzbGlkZXJcIiBbbmdDbGFzc109XCJ7IGNoZWNrZWQ6IF9jaGVja2VkIH1cIj48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/monkey-toggle-line/index.mjs ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './monkey-toggle-line-button';
+export * from './monkey-toggle-line.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b2dnbGUtbGluZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsZ0NBQWdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL21vbmtleS10b2dnbGUtbGluZS1idXR0b24nO1xuZXhwb3J0ICogZnJvbSAnLi9tb25rZXktdG9nZ2xlLWxpbmUuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/lib/components/monkey-toggle-line/monkey-toggle-line-button/index.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './monkey-toggle-line-button.component';
2	+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b2dnbGUtbGluZS9tb25rZXktdG9nZ2xlLWxpbmUtYnV0dG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUNBQXVDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL21vbmtleS10b2dnbGUtbGluZS1idXR0b24uY29tcG9uZW50JztcbiJdfQ==

package/esm2022/lib/components/monkey-toggle-line/monkey-toggle-line-button/monkey-toggle-line-button.component.mjs ADDED Viewed

@@ -0,0 +1,24 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+export class MonkeyToggleLineButtonComponent {
+    constructor() {
+        this.disabled = false;
+        this.onChange = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyToggleLineButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MonkeyToggleLineButtonComponent, isStandalone: true, selector: "monkey-toggle-line-button", inputs: { disabled: "disabled" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<input\n  type=\"radio\"\n  [name]=\"name\"\n  [id]=\"value + '-' + name\"\n  [checked]=\"checked\"\n  [disabled]=\"disabled\"\n  (change)=\"onChange.emit(this.value)\"\n/>\n<label [for]=\"value + '-' + name\">\n  <ng-content></ng-content>\n</label>\n", styles: ["monkey-toggle-line-button{display:flex;width:100%}monkey-toggle-line-button input{display:none}monkey-toggle-line-button label{display:flex;box-sizing:border-box;gap:8px;background:unset;height:100%;width:100%;align-items:center;justify-content:center;letter-spacing:.03em;text-align:center;color:#1f2024;cursor:pointer;padding:4px 8px;border:2px solid #bdc1c7;transition:all .2s ease-in-out}monkey-toggle-line-button label monkey-icon{transition:all .2s ease-in-out}monkey-toggle-line-button input:disabled+label{color:#bdc1c7!important;cursor:not-allowed!important}monkey-toggle-line-button input:disabled+label monkey-icon{color:#bdc1c7!important}monkey-toggle-line-button input:checked+label[for*=true]{background-color:#00875a;color:#fff}monkey-toggle-line-button input:checked+label[for*=true] monkey-icon{color:#fff}monkey-toggle-line-button input:checked+label[for*=false]{background-color:#db0505;color:#fff}monkey-toggle-line-button input:checked+label[for*=false] monkey-icon{color:#fff}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyToggleLineButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'monkey-toggle-line-button', standalone: true, encapsulation: ViewEncapsulation.None, template: "<input\n  type=\"radio\"\n  [name]=\"name\"\n  [id]=\"value + '-' + name\"\n  [checked]=\"checked\"\n  [disabled]=\"disabled\"\n  (change)=\"onChange.emit(this.value)\"\n/>\n<label [for]=\"value + '-' + name\">\n  <ng-content></ng-content>\n</label>\n", styles: ["monkey-toggle-line-button{display:flex;width:100%}monkey-toggle-line-button input{display:none}monkey-toggle-line-button label{display:flex;box-sizing:border-box;gap:8px;background:unset;height:100%;width:100%;align-items:center;justify-content:center;letter-spacing:.03em;text-align:center;color:#1f2024;cursor:pointer;padding:4px 8px;border:2px solid #bdc1c7;transition:all .2s ease-in-out}monkey-toggle-line-button label monkey-icon{transition:all .2s ease-in-out}monkey-toggle-line-button input:disabled+label{color:#bdc1c7!important;cursor:not-allowed!important}monkey-toggle-line-button input:disabled+label monkey-icon{color:#bdc1c7!important}monkey-toggle-line-button input:checked+label[for*=true]{background-color:#00875a;color:#fff}monkey-toggle-line-button input:checked+label[for*=true] monkey-icon{color:#fff}monkey-toggle-line-button input:checked+label[for*=false]{background-color:#db0505;color:#fff}monkey-toggle-line-button input:checked+label[for*=false] monkey-icon{color:#fff}\n"] }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ua2V5LXRvZ2dsZS1saW5lLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b2dnbGUtbGluZS9tb25rZXktdG9nZ2xlLWxpbmUtYnV0dG9uL21vbmtleS10b2dnbGUtbGluZS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LXN0eWxlLWd1aWRlLXYyL3NyYy9saWIvY29tcG9uZW50cy9tb25rZXktdG9nZ2xlLWxpbmUvbW9ua2V5LXRvZ2dsZS1saW5lLWJ1dHRvbi9tb25rZXktdG9nZ2xlLWxpbmUtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OzZCQUk2QjtBQUM3QixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVMxRixNQUFNLE9BQU8sK0JBQStCO0lBUDVDO1FBUVcsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUV6QixhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQU96QzsrR0FWWSwrQkFBK0I7bUdBQS9CLCtCQUErQiwwSkNkNUMsNlBBV0E7OzRGREdhLCtCQUErQjtrQkFQM0MsU0FBUzsrQkFDRSwyQkFBMkIsY0FDekIsSUFBSSxpQkFHRCxpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixRQUFRO3NCQUFoQixLQUFLO2dCQUVJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXG4gKiBUaGlzIHN0eWxlIGd1aWRlIHdhcyBkZXZlbG9wZWQgYnkgTW9ua2V5IEV4Y2hhbmdlIFRlYW1cbiAqIE1JVCBMaWNlbmNlXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiAqL1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbmtleS10b2dnbGUtbGluZS1idXR0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9ua2V5LXRvZ2dsZS1saW5lLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9tb25rZXktdG9nZ2xlLWxpbmUtYnV0dG9uLmNvbXBvbmVudC5zY3NzJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBNb25rZXlUb2dnbGVMaW5lQnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgdmFsdWU6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG5cbiAgY2hlY2tlZDogYm9vbGVhbiB8IHVuZGVmaW5lZDtcblxuICBuYW1lOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG59XG4iLCI8aW5wdXRcbiAgdHlwZT1cInJhZGlvXCJcbiAgW25hbWVdPVwibmFtZVwiXG4gIFtpZF09XCJ2YWx1ZSArICctJyArIG5hbWVcIlxuICBbY2hlY2tlZF09XCJjaGVja2VkXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgKGNoYW5nZSk9XCJvbkNoYW5nZS5lbWl0KHRoaXMudmFsdWUpXCJcbi8+XG48bGFiZWwgW2Zvcl09XCJ2YWx1ZSArICctJyArIG5hbWVcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9sYWJlbD5cbiJdfQ==

package/esm2022/lib/components/monkey-toggle-line/monkey-toggle-line.component.mjs ADDED Viewed

@@ -0,0 +1,85 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { CommonModule } from '@angular/common';
+import { booleanAttribute, Component, ContentChildren, EventEmitter, HostBinding, inject, Input, Output, ViewEncapsulation } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { IdGenerator } from '../../../utils';
+import { MonkeyToggleLineButtonComponent } from './monkey-toggle-line-button';
+import * as i0 from "@angular/core";
+export class MonkeyToggleLineComponent {
+    get class() {
+        return this.size;
+    }
+    get id() {
+        return this._id;
+    }
+    set id(value) {
+        this._id = value || this._uid;
+    }
+    constructor() {
+        this.name = Math.random().toString();
+        this.size = 'md';
+        this.disabled = false;
+        this.onChange = new EventEmitter();
+        this.subscriptions = new Subscription();
+        this._uid = inject(IdGenerator).getId('monkey-toggle-line-');
+        // eslint-disable-next-line no-self-assign
+        this.id = this.id;
+    }
+    ngAfterContentInit() {
+        this.radioButtons.forEach((_, i) => {
+            _.value = !!i;
+            _.checked = this.value === _.value;
+            _.name = this.name;
+            _.disabled = this.disabled;
+            const subscription = _.onChange.subscribe((value) => {
+                this.onChange.emit(value);
+            });
+            this.subscriptions.add(subscription);
+        });
+    }
+    ngOnChanges() {
+        if (!this.radioButtons)
+            return;
+        this.radioButtons.forEach((_, i) => {
+            _.checked = this.value === _.value;
+            _.disabled = this.disabled;
+        });
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyToggleLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: MonkeyToggleLineComponent, isStandalone: true, selector: "monkey-toggle-line", inputs: { value: "value", name: "name", size: "size", disabled: ["disabled", "disabled", booleanAttribute], id: "id" }, outputs: { onChange: "onChange" }, host: { attributes: { "data-testid": "monkey-toggle-line" }, properties: { "attr.id": "id", "id": "id", "class": "this.class" } }, queries: [{ propertyName: "radioButtons", predicate: MonkeyToggleLineButtonComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["monkey-toggle-line{display:inline-flex;min-width:250px}monkey-toggle-line :first-child label{border-radius:8px 0 0 8px;border-right:none!important}monkey-toggle-line :first-child label monkey-icon{color:#db0505}monkey-toggle-line :last-child label{border-radius:0 8px 8px 0}monkey-toggle-line :last-child label monkey-icon{color:#00875a}monkey-toggle-line.lg{min-height:48px}monkey-toggle-line.lg label{font-size:16px}monkey-toggle-line.md{min-height:40px}monkey-toggle-line.md label{font-size:14px}monkey-toggle-line.sm{min-height:32px}monkey-toggle-line.sm label{font-size:14px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyToggleLineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'monkey-toggle-line', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, host: {
+                        'data-testid': 'monkey-toggle-line',
+                        '[attr.id]': 'id',
+                        '[id]': 'id'
+                    }, template: "<ng-content></ng-content>\n", styles: ["monkey-toggle-line{display:inline-flex;min-width:250px}monkey-toggle-line :first-child label{border-radius:8px 0 0 8px;border-right:none!important}monkey-toggle-line :first-child label monkey-icon{color:#db0505}monkey-toggle-line :last-child label{border-radius:0 8px 8px 0}monkey-toggle-line :last-child label monkey-icon{color:#00875a}monkey-toggle-line.lg{min-height:48px}monkey-toggle-line.lg label{font-size:16px}monkey-toggle-line.md{min-height:40px}monkey-toggle-line.md label{font-size:14px}monkey-toggle-line.sm{min-height:32px}monkey-toggle-line.sm label{font-size:14px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], onChange: [{
+                type: Output
+            }], radioButtons: [{
+                type: ContentChildren,
+                args: [MonkeyToggleLineButtonComponent]
+            }], class: [{
+                type: HostBinding,
+                args: ['class']
+            }], id: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ua2V5LXRvZ2dsZS1saW5lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS12Mi9zcmMvbGliL2NvbXBvbmVudHMvbW9ua2V5LXRvZ2dsZS1saW5lL21vbmtleS10b2dnbGUtbGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b2dnbGUtbGluZS9tb25rZXktdG9nZ2xlLWxpbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NkJBSTZCO0FBQzdCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBRUwsZ0JBQWdCLEVBQ2hCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsWUFBWSxFQUNaLFdBQVcsRUFDWCxNQUFNLEVBQ04sS0FBSyxFQUdMLE1BQU0sRUFFTixpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNwQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBZTlFLE1BQU0sT0FBTyx5QkFBeUI7SUFnQnBDLElBQ1csS0FBSztRQUNkLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDO0lBTUQsSUFDSSxFQUFFO1FBQ0osT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDO0lBQ2xCLENBQUM7SUFFRCxJQUFJLEVBQUUsQ0FBQyxLQUFhO1FBQ2xCLElBQUksQ0FBQyxHQUFHLEdBQUcsS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDaEMsQ0FBQztJQUVEO1FBL0JTLFNBQUksR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFaEMsU0FBSSxHQUF1QixJQUFJLENBQUM7UUFFRCxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRXhELGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXJDLGtCQUFhLEdBQWlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFVL0MsU0FBSSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxLQUFLLENBQUMscUJBQXFCLENBQUMsQ0FBQztRQWNoRSwwQ0FBMEM7UUFDMUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDakMsQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ2QsQ0FBQyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxLQUFLLENBQUMsQ0FBQyxLQUFLLENBQUM7WUFDbkMsQ0FBQyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1lBQ25CLENBQUMsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUUzQixNQUFNLFlBQVksR0FBRyxDQUFDLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQWMsRUFBRSxFQUFFO2dCQUMzRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUM1QixDQUFDLENBQUMsQ0FBQztZQUNILElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3ZDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVk7WUFBRSxPQUFPO1FBQy9CLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ2pDLENBQUMsQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssS0FBSyxDQUFDLENBQUMsS0FBSyxDQUFDO1lBQ25DLENBQUMsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUM3QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNuQyxDQUFDOytHQS9EVSx5QkFBeUI7bUdBQXpCLHlCQUF5QiwrSUFPaEIsZ0JBQWdCLDBPQU1uQiwrQkFBK0Isa0RDbkRsRCw2QkFDQSwrbkJEMkJZLFlBQVk7OzRGQVVYLHlCQUF5QjtrQkFickMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLGlCQUdSLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0osYUFBYSxFQUFFLG9CQUFvQjt3QkFDbkMsV0FBVyxFQUFFLElBQUk7d0JBQ2pCLE1BQU0sRUFBRSxJQUFJO3FCQUNiO3dEQUdRLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVrQyxRQUFRO3NCQUEvQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUU1QixRQUFRO3NCQUFqQixNQUFNO2dCQUtQLFlBQVk7c0JBRFgsZUFBZTt1QkFBQywrQkFBK0I7Z0JBSXJDLEtBQUs7c0JBRGYsV0FBVzt1QkFBQyxPQUFPO2dCQVVoQixFQUFFO3NCQURMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBDb3B5cmlnaHQgTW9ua2V5IEV4Y2hhbmdlLiBBbGwgUmlnaHRzIFJlc2VydmVkXG4gKiBUaGlzIHN0eWxlIGd1aWRlIHdhcyBkZXZlbG9wZWQgYnkgTW9ua2V5IEV4Y2hhbmdlIFRlYW1cbiAqIE1JVCBMaWNlbmNlXG4gKioqKioqKioqKioqKioqKioqKioqKioqKiAqL1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIGJvb2xlYW5BdHRyaWJ1dGUsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBpbmplY3QsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBJZEdlbmVyYXRvciB9IGZyb20gJy4uLy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IE1vbmtleVRvZ2dsZUxpbmVCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL21vbmtleS10b2dnbGUtbGluZS1idXR0b24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb25rZXktdG9nZ2xlLWxpbmUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL21vbmtleS10b2dnbGUtbGluZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9tb25rZXktdG9nZ2xlLWxpbmUuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0OiB7XG4gICAgJ2RhdGEtdGVzdGlkJzogJ21vbmtleS10b2dnbGUtbGluZScsXG4gICAgJ1thdHRyLmlkXSc6ICdpZCcsXG4gICAgJ1tpZF0nOiAnaWQnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgTW9ua2V5VG9nZ2xlTGluZUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQsIE9uRGVzdHJveSwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgdmFsdWU6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG5cbiAgQElucHV0KCkgbmFtZSA9IE1hdGgucmFuZG9tKCkudG9TdHJpbmcoKTtcblxuICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ21kJyB8ICdsZycgPSAnbWQnO1xuXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIHByaXZhdGUgc3Vic2NyaXB0aW9uczogU3Vic2NyaXB0aW9uID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oTW9ua2V5VG9nZ2xlTGluZUJ1dHRvbkNvbXBvbmVudClcbiAgcmFkaW9CdXR0b25zITogUXVlcnlMaXN0PE1vbmtleVRvZ2dsZUxpbmVCdXR0b25Db21wb25lbnQ+O1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwdWJsaWMgZ2V0IGNsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuc2l6ZTtcbiAgfVxuXG4gIHByb3RlY3RlZCBfdWlkID0gaW5qZWN0KElkR2VuZXJhdG9yKS5nZXRJZCgnbW9ua2V5LXRvZ2dsZS1saW5lLScpO1xuXG4gIHByb3RlY3RlZCBfaWQhOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZ2V0IGlkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2lkO1xuICB9XG5cbiAgc2V0IGlkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9pZCA9IHZhbHVlIHx8IHRoaXMuX3VpZDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1zZWxmLWFzc2lnblxuICAgIHRoaXMuaWQgPSB0aGlzLmlkO1xuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIHRoaXMucmFkaW9CdXR0b25zLmZvckVhY2goKF8sIGkpID0+IHtcbiAgICAgIF8udmFsdWUgPSAhIWk7XG4gICAgICBfLmNoZWNrZWQgPSB0aGlzLnZhbHVlID09PSBfLnZhbHVlO1xuICAgICAgXy5uYW1lID0gdGhpcy5uYW1lO1xuICAgICAgXy5kaXNhYmxlZCA9IHRoaXMuZGlzYWJsZWQ7XG5cbiAgICAgIGNvbnN0IHN1YnNjcmlwdGlvbiA9IF8ub25DaGFuZ2Uuc3Vic2NyaWJlKCh2YWx1ZTogYm9vbGVhbikgPT4ge1xuICAgICAgICB0aGlzLm9uQ2hhbmdlLmVtaXQodmFsdWUpO1xuICAgICAgfSk7XG4gICAgICB0aGlzLnN1YnNjcmlwdGlvbnMuYWRkKHN1YnNjcmlwdGlvbik7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMucmFkaW9CdXR0b25zKSByZXR1cm47XG4gICAgdGhpcy5yYWRpb0J1dHRvbnMuZm9yRWFjaCgoXywgaSkgPT4ge1xuICAgICAgXy5jaGVja2VkID0gdGhpcy52YWx1ZSA9PT0gXy52YWx1ZTtcbiAgICAgIF8uZGlzYWJsZWQgPSB0aGlzLmRpc2FibGVkO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25zLnVuc3Vic2NyaWJlKCk7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==