@lucca-front/ng 7.4.0 → 8.0.0

package/fesm2015/lucca-front-ng-modal.mjs

@@ -0,0 +1,320 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, Inject, ChangeDetectionStrategy, LOCALE_ID, Directive, ViewChild, Component, Injector, NgModule } from '@angular/core';
+import { LuPopup, ALuPopupRef } from '@lucca-front/ng/popup';
+import * as i3 from '@angular/cdk/portal';
+import { CdkPortalOutlet, ComponentPortal, PortalModule } from '@angular/cdk/portal';
+import { ALuIntl } from '@lucca-front/ng/core';
+import { Subject, Subscription, Observable, timer } from 'rxjs';
+import { tap, delay } from 'rxjs/operators';
+import * as i2 from '@angular/cdk/a11y';
+import { A11yModule } from '@angular/cdk/a11y';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
+
+/** Injection token that can be used to access the data that was passed in to a dialog. */
+const LU_MODAL_DATA = new InjectionToken('LuModalData');
+const LU_MODAL_CONFIG = new InjectionToken('LuModalDefaultConfig');
+const LU_MODAL_REF_FACTORY = new InjectionToken('LuModalRefFactory');
+const LU_MODAL_TRANSLATIONS = new InjectionToken('LuModalTranslations');
+
+class LuModal extends LuPopup {
+    constructor(_factory, _config) {
+        super(_factory, _config);
+        this._factory = _factory;
+        this._config = _config;
+    }
+}
+LuModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModal, deps: [{ token: LU_MODAL_REF_FACTORY }, { token: LU_MODAL_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+LuModal.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModal });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModal, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LU_MODAL_REF_FACTORY]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LU_MODAL_CONFIG]
+                    }] }];
+    } });
+
+const luDefaultModalConfig = {
+    position: 'center',
+    noBackdrop: false,
+    undismissable: false,
+    backdropClass: ['cdk-overlay-dark-backdrop', 'lu-popup-backdrop'],
+    panelClass: 'lu-popup-panel',
+    size: 'standard',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+};
+
+class LuModalIntl extends ALuIntl {
+    constructor(translations, locale) {
+        super(translations, locale);
+    }
+}
+LuModalIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModalIntl, deps: [{ token: LU_MODAL_TRANSLATIONS }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+LuModalIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModalIntl });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModalIntl, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LU_MODAL_TRANSLATIONS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LOCALE_ID]
+                    }] }];
+    } });
+
+class ALuModalRef extends ALuPopupRef {
+}
+
+class ALuModalPanelComponent {
+    constructor(_ref, _cdr, intl) {
+        this._ref = _ref;
+        this._cdr = _cdr;
+        this.intl = intl;
+        this.submitClass$ = new Subject();
+        this.error$ = new Subject();
+        this._subs = new Subscription();
+    }
+    get title() {
+        return this._componentInstance.title;
+    }
+    get submitLabel() {
+        return this._componentInstance.submitLabel || this.intl.submit;
+    }
+    get cancelLabel() {
+        return this._componentInstance.cancelLabel || this.intl.cancel;
+    }
+    get isSubmitDisabled() {
+        return this._componentInstance.submitDisabled;
+    }
+    get isSubmitHidden() {
+        return !this._componentInstance.submitAction;
+    }
+    get submitPalette() {
+        return this._componentInstance.submitPalette || 'primary';
+    }
+    get hasSubmitCounter() {
+        return !!this._componentInstance.submitCounter;
+    }
+    get submitCounter() {
+        return this._componentInstance.submitCounter || 0;
+    }
+    attach(portal) {
+        const ref = this._outlet.attach(portal);
+        this._componentInstance = ref.instance;
+        return ref;
+    }
+    detach() {
+        return this._outlet.detach();
+    }
+    dispose() {
+        return this._outlet.dispose();
+    }
+    hasAttached() {
+        return this._outlet.hasAttached();
+    }
+    ngOnDestroy() {
+        this._subs.unsubscribe();
+        this.detach();
+        this.dispose();
+    }
+    dismiss() {
+        this._ref.dismiss();
+    }
+    submit() {
+        this.error$.next(undefined);
+        this.submitClass$.next('is-loading');
+        const result$ = this._componentInstance.submitAction();
+        if (result$ instanceof Observable) {
+            this._subs.add(result$.pipe(tap(_ => this.submitClass$.next('is-success')), tap(() => this._cdr.markForCheck()), delay(500))
+                .subscribe(result => {
+                this._ref.close(result);
+            }, err => {
+                this.submitClass$.next('is-error');
+                this.error$.next(err);
+                this._cdr.markForCheck();
+                timer(2000).subscribe(_ => {
+                    this.submitClass$.next('');
+                    this._cdr.markForCheck();
+                });
+            }));
+        }
+        else {
+            const result = result$;
+            this._ref.close(result);
+        }
+    }
+}
+ALuModalPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ALuModalPanelComponent, deps: [{ token: ALuModalRef }, { token: i0.ChangeDetectorRef }, { token: LU_MODAL_TRANSLATIONS }], target: i0.ɵɵFactoryTarget.Directive });
+ALuModalPanelComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: ALuModalPanelComponent, viewQueries: [{ propertyName: "_outlet", first: true, predicate: ["outlet"], descendants: true, read: CdkPortalOutlet, static: true }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ALuModalPanelComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: function () {
+        return [{ type: ALuModalRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LU_MODAL_TRANSLATIONS]
+                    }] }];
+    }, propDecorators: { _outlet: [{
+                type: ViewChild,
+                args: ['outlet', { read: CdkPortalOutlet, static: true }]
+            }] } });
+class LuModalPanelComponent extends ALuModalPanelComponent {
+    constructor(_ref, _cdr, intl) {
+        super(_ref, _cdr, intl);
+    }
+}
+LuModalPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModalPanelComponent, deps: [{ token: ALuModalRef }, { token: i0.ChangeDetectorRef }, { token: LuModalIntl }], target: i0.ɵɵFactoryTarget.Component });
+LuModalPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuModalPanelComponent, selector: "lu-modal-panel", host: { classAttribute: "lu-modal-panel" }, usesInheritance: true, ngImport: i0, template: "<div class=\"lu-modal-panel-inner\" cdkTrapFocus=\"true\" cdkTrapFocusAutoCapture=\"true\" role=\"dialog\" aria-modal=\"true\">\r\n\t<div class=\"lu-modal-header\">\r\n\t\t<h3 class=\"lu-modal-header-title\">{{title}}</h3>\r\n\t\t<button class=\"lu-modal-header-close\" (click)=\"dismiss()\"><span aria-hidden=\"true\" class=\"lucca-icon\">cross</span><span class=\"u-mask\">Close</span></button>\r\n\t</div>\r\n\t<div class=\"lu-modal-content\">\r\n\t\t<ng-container cdkPortalOutlet #outlet></ng-container>\r\n\t</div>\r\n\t<div class=\"lu-modal-footer\">\r\n\t\t<button\r\n\t\t\t*ngIf=\"!isSubmitHidden\"\r\n\t\t\tclass=\"button palette-{{submitPalette}}\"\r\n\t\t\t[disabled]=\"isSubmitDisabled\"\r\n\t\t\t[class.mod-counter]=\"hasSubmitCounter\"\r\n\t\t\t[ngClass]=\"submitClass$ | async\"\r\n\t\t\t(click)=\"submit()\"\r\n\t\t>\r\n\t\t\t{{submitLabel}}\r\n\t\t\t<label class=\"button-counter\" *ngIf=\"hasSubmitCounter\">{{submitCounter}}</label>\r\n\t\t</button>\r\n\t\t<button class=\"button mod-link\" (click)=\"dismiss()\">{{cancelLabel}}</button>\r\n\t</div>\r\n</div>\r\n", styles: [""], directives: [{ type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModalPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-modal-panel', host: { 'class': 'lu-modal-panel' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"lu-modal-panel-inner\" cdkTrapFocus=\"true\" cdkTrapFocusAutoCapture=\"true\" role=\"dialog\" aria-modal=\"true\">\r\n\t<div class=\"lu-modal-header\">\r\n\t\t<h3 class=\"lu-modal-header-title\">{{title}}</h3>\r\n\t\t<button class=\"lu-modal-header-close\" (click)=\"dismiss()\"><span aria-hidden=\"true\" class=\"lucca-icon\">cross</span><span class=\"u-mask\">Close</span></button>\r\n\t</div>\r\n\t<div class=\"lu-modal-content\">\r\n\t\t<ng-container cdkPortalOutlet #outlet></ng-container>\r\n\t</div>\r\n\t<div class=\"lu-modal-footer\">\r\n\t\t<button\r\n\t\t\t*ngIf=\"!isSubmitHidden\"\r\n\t\t\tclass=\"button palette-{{submitPalette}}\"\r\n\t\t\t[disabled]=\"isSubmitDisabled\"\r\n\t\t\t[class.mod-counter]=\"hasSubmitCounter\"\r\n\t\t\t[ngClass]=\"submitClass$ | async\"\r\n\t\t\t(click)=\"submit()\"\r\n\t\t>\r\n\t\t\t{{submitLabel}}\r\n\t\t\t<label class=\"button-counter\" *ngIf=\"hasSubmitCounter\">{{submitCounter}}</label>\r\n\t\t</button>\r\n\t\t<button class=\"button mod-link\" (click)=\"dismiss()\">{{cancelLabel}}</button>\r\n\t</div>\r\n</div>\r\n", styles: [""] }]
+        }], ctorParameters: function () {
+        return [{ type: ALuModalRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LuModalIntl]
+                    }] }];
+    } });
+class LuModalPanelComponentDefaultCD extends ALuModalPanelComponent {
+    constructor(_ref, _cdr, intl) {
+        super(_ref, _cdr, intl);
+    }
+}
+LuModalPanelComponentDefaultCD.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModalPanelComponentDefaultCD, deps: [{ token: ALuModalRef }, { token: i0.ChangeDetectorRef }, { token: LuModalIntl }], target: i0.ɵɵFactoryTarget.Component });
+LuModalPanelComponentDefaultCD.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuModalPanelComponentDefaultCD, selector: "lu-modal-panel-default", host: { classAttribute: "lu-modal-panel" }, usesInheritance: true, ngImport: i0, template: "<div class=\"lu-modal-panel-inner\" cdkTrapFocus=\"true\" cdkTrapFocusAutoCapture=\"true\" role=\"dialog\" aria-modal=\"true\">\r\n\t<div class=\"lu-modal-header\">\r\n\t\t<h3 class=\"lu-modal-header-title\">{{title}}</h3>\r\n\t\t<button class=\"lu-modal-header-close\" (click)=\"dismiss()\"><span aria-hidden=\"true\" class=\"lucca-icon\">cross</span><span class=\"u-mask\">Close</span></button>\r\n\t</div>\r\n\t<div class=\"lu-modal-content\">\r\n\t\t<ng-container cdkPortalOutlet #outlet></ng-container>\r\n\t</div>\r\n\t<div class=\"lu-modal-footer\">\r\n\t\t<button\r\n\t\t\t*ngIf=\"!isSubmitHidden\"\r\n\t\t\tclass=\"button palette-{{submitPalette}}\"\r\n\t\t\t[disabled]=\"isSubmitDisabled\"\r\n\t\t\t[class.mod-counter]=\"hasSubmitCounter\"\r\n\t\t\t[ngClass]=\"submitClass$ | async\"\r\n\t\t\t(click)=\"submit()\"\r\n\t\t>\r\n\t\t\t{{submitLabel}}\r\n\t\t\t<label class=\"button-counter\" *ngIf=\"hasSubmitCounter\">{{submitCounter}}</label>\r\n\t\t</button>\r\n\t\t<button class=\"button mod-link\" (click)=\"dismiss()\">{{cancelLabel}}</button>\r\n\t</div>\r\n</div>\r\n", styles: [""], directives: [{ type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.Default });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModalPanelComponentDefaultCD, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-modal-panel-default', host: { 'class': 'lu-modal-panel' }, changeDetection: ChangeDetectionStrategy.Default, template: "<div class=\"lu-modal-panel-inner\" cdkTrapFocus=\"true\" cdkTrapFocusAutoCapture=\"true\" role=\"dialog\" aria-modal=\"true\">\r\n\t<div class=\"lu-modal-header\">\r\n\t\t<h3 class=\"lu-modal-header-title\">{{title}}</h3>\r\n\t\t<button class=\"lu-modal-header-close\" (click)=\"dismiss()\"><span aria-hidden=\"true\" class=\"lucca-icon\">cross</span><span class=\"u-mask\">Close</span></button>\r\n\t</div>\r\n\t<div class=\"lu-modal-content\">\r\n\t\t<ng-container cdkPortalOutlet #outlet></ng-container>\r\n\t</div>\r\n\t<div class=\"lu-modal-footer\">\r\n\t\t<button\r\n\t\t\t*ngIf=\"!isSubmitHidden\"\r\n\t\t\tclass=\"button palette-{{submitPalette}}\"\r\n\t\t\t[disabled]=\"isSubmitDisabled\"\r\n\t\t\t[class.mod-counter]=\"hasSubmitCounter\"\r\n\t\t\t[ngClass]=\"submitClass$ | async\"\r\n\t\t\t(click)=\"submit()\"\r\n\t\t>\r\n\t\t\t{{submitLabel}}\r\n\t\t\t<label class=\"button-counter\" *ngIf=\"hasSubmitCounter\">{{submitCounter}}</label>\r\n\t\t</button>\r\n\t\t<button class=\"button mod-link\" (click)=\"dismiss()\">{{cancelLabel}}</button>\r\n\t</div>\r\n</div>\r\n", styles: [""] }]
+        }], ctorParameters: function () {
+        return [{ type: ALuModalRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LuModalIntl]
+                    }] }];
+    } });
+
+class LuModalRef extends ALuPopupRef {
+    constructor(_overlay, _injector, _component, _config) {
+        super(_overlay, _injector, _component, _config);
+        this._overlay = _overlay;
+        this._injector = _injector;
+        this._component = _component;
+        this._config = _config;
+    }
+    _openPopup(data) {
+        const injector = Injector.create({ providers: [{ provide: ALuModalRef, useValue: this }, { provide: LU_MODAL_DATA, useValue: data }], parent: this._injector });
+        if (this._config.changeDetection === ChangeDetectionStrategy.OnPush) {
+            const containerPortal = new ComponentPortal(LuModalPanelComponent, undefined, injector);
+            this._containerRef = this._overlayRef.attach(containerPortal);
+        }
+        else {
+            const containerPortal = new ComponentPortal(LuModalPanelComponentDefaultCD, undefined, injector);
+            this._containerRef = this._overlayRef.attach(containerPortal);
+        }
+        this._containerOutlet = this._containerRef.instance;
+        const portal = new ComponentPortal(this._component, undefined, injector);
+        this._componentRef = this._containerOutlet.attach(portal);
+    }
+    _closePopup() {
+        this._componentRef.destroy();
+        this._containerRef.destroy();
+    }
+}
+class LuModalRefFactory {
+    constructor(_overlay, _injector) {
+        this._overlay = _overlay;
+        this._injector = _injector;
+    }
+    forge(component, config) {
+        return new LuModalRef(this._overlay, this._injector, component, config);
+    }
+}
+LuModalRefFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModalRefFactory, deps: [{ token: i1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+LuModalRefFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModalRefFactory });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModalRefFactory, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.Injector }]; } });
+
+class ALuModalLabel {
+}
+const luModalTranslations = {
+    en: {
+        submit: 'Ok',
+        cancel: 'Cancel',
+    },
+    fr: {
+        submit: 'Ok',
+        cancel: 'Annuler',
+    },
+    es: {
+        submit: 'Ok',
+        cancel: 'Cancelar',
+    }
+};
+
+class LuModalModule {
+}
+LuModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModalModule, declarations: [LuModalPanelComponent,
+        LuModalPanelComponentDefaultCD], imports: [OverlayModule,
+        PortalModule,
+        CommonModule,
+        A11yModule], exports: [LuModalPanelComponent,
+        LuModalPanelComponentDefaultCD] });
+LuModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModalModule, providers: [
+        LuModal,
+        LuModalIntl,
+        { provide: LU_MODAL_CONFIG, useValue: luDefaultModalConfig },
+        { provide: LU_MODAL_REF_FACTORY, useClass: LuModalRefFactory },
+        { provide: LU_MODAL_TRANSLATIONS, useValue: luModalTranslations },
+    ], imports: [[
+            OverlayModule,
+            PortalModule,
+            CommonModule,
+            A11yModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        OverlayModule,
+                        PortalModule,
+                        CommonModule,
+                        A11yModule,
+                    ],
+                    declarations: [
+                        LuModalPanelComponent,
+                        LuModalPanelComponentDefaultCD,
+                    ],
+                    entryComponents: [
+                        LuModalPanelComponent,
+                        LuModalPanelComponentDefaultCD,
+                    ],
+                    exports: [
+                        LuModalPanelComponent,
+                        LuModalPanelComponentDefaultCD,
+                    ],
+                    providers: [
+                        LuModal,
+                        LuModalIntl,
+                        { provide: LU_MODAL_CONFIG, useValue: luDefaultModalConfig },
+                        { provide: LU_MODAL_REF_FACTORY, useClass: LuModalRefFactory },
+                        { provide: LU_MODAL_TRANSLATIONS, useValue: luModalTranslations },
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of safe-content
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ALuModalLabel, ALuModalPanelComponent, ALuModalRef, LU_MODAL_CONFIG, LU_MODAL_DATA, LU_MODAL_REF_FACTORY, LU_MODAL_TRANSLATIONS, LuModal, LuModalIntl, LuModalModule, LuModalPanelComponent, LuModalPanelComponentDefaultCD, LuModalRefFactory, luDefaultModalConfig, luModalTranslations };
+//# sourceMappingURL=lucca-front-ng-modal.mjs.map

package/fesm2015/lucca-front-ng-modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucca-front-ng-modal.mjs","sources":["../../../packages/ng/modal/src/lib/modal.token.ts","../../../packages/ng/modal/src/lib/modal.service.ts","../../../packages/ng/modal/src/lib/modal-config.default.ts","../../../packages/ng/modal/src/lib/modal.intl.ts","../../../packages/ng/modal/src/lib/modal-ref.model.ts","../../../packages/ng/modal/src/lib/modal-panel.component.ts","../../../packages/ng/modal/src/lib/modal-panel.component.html","../../../packages/ng/modal/src/lib/modal-ref.factory.ts","../../../packages/ng/modal/src/lib/modal.translate.ts","../../../packages/ng/modal/src/lib/modal.module.ts","../../../packages/ng/modal/src/public-api.ts","../../../packages/ng/modal/src/lucca-front-ng-modal.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\n/** Injection token that can be used to access the data that was passed in to a dialog. */\r\nexport const LU_MODAL_DATA = new InjectionToken<any>('LuModalData');\r\nexport const LU_MODAL_CONFIG = new InjectionToken<any>('LuModalDefaultConfig');\r\nexport const LU_MODAL_REF_FACTORY = new InjectionToken<any>('LuModalRefFactory');\r\nexport const LU_MODAL_TRANSLATIONS = new InjectionToken('LuModalTranslations');\r\n","import { Injectable, Inject } from '@angular/core';\r\nimport { LuPopup, ILuPopupRefFactory } from '@lucca-front/ng/popup';\r\nimport { ILuModalConfig } from './modal-config.model';\r\nimport { LU_MODAL_CONFIG, LU_MODAL_REF_FACTORY } from './modal.token';\r\n\r\n@Injectable()\r\nexport class LuModal<C extends ILuModalConfig = ILuModalConfig> extends LuPopup<C> {\r\n\tconstructor(\r\n\t\t@Inject(LU_MODAL_REF_FACTORY) protected override _factory: ILuPopupRefFactory,\r\n\t\t@Inject(LU_MODAL_CONFIG) protected override _config: ILuModalConfig,\r\n\t) {\r\n\t\tsuper(_factory, _config);\r\n\t}\r\n}\r\n","import { ILuModalConfig } from './modal-config.model';\r\nimport { ChangeDetectionStrategy } from '@angular/core';\r\n\r\nexport const luDefaultModalConfig: ILuModalConfig = {\r\n\tposition: 'center',\r\n\tnoBackdrop: false,\r\n\tundismissable: false,\r\n\tbackdropClass: ['cdk-overlay-dark-backdrop', 'lu-popup-backdrop'],\r\n\tpanelClass: 'lu-popup-panel',\r\n\tsize: 'standard',\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n};\r\n","import { Injectable, LOCALE_ID, Inject } from '@angular/core';\r\nimport { LU_MODAL_TRANSLATIONS } from './modal.token';\r\nimport { ILuModalLabel } from './modal.translate';\r\nimport { ALuIntl } from '@lucca-front/ng/core';\r\n\r\n@Injectable()\r\nexport class LuModalIntl extends ALuIntl<ILuModalLabel> {\r\n\tconstructor(@Inject(LU_MODAL_TRANSLATIONS) translations, @Inject(LOCALE_ID) locale) {\r\n\t\tsuper(translations, locale);\r\n\t}\r\n}\r\n","import { ILuPopupRef, ALuPopupRef } from '@lucca-front/ng/popup';\r\nimport { ILuModalContent } from './modal.model';\r\n\r\nexport interface ILuModalRef<T extends ILuModalContent = ILuModalContent, D = any, R = any> extends ILuPopupRef<T, D, R> {}\r\nexport abstract class ALuModalRef<T extends ILuModalContent = ILuModalContent, D = any, R = any> extends ALuPopupRef<T, D, R> implements ILuModalRef<T, D, R> {}\r\n","import { Component, ViewChild, ComponentRef, OnDestroy, ChangeDetectionStrategy, ChangeDetectorRef, Inject, Directive } from '@angular/core';\r\nimport { PortalOutlet, CdkPortalOutlet, Portal } from '@angular/cdk/portal';\r\nimport { ILuModalContent } from './modal.model';\r\nimport { ALuModalRef } from './modal-ref.model';\r\nimport { LuModalIntl } from './modal.intl';\r\nimport { ILuModalLabel } from './modal.translate';\r\nimport { Subject, timer, Observable, Subscription } from 'rxjs';\r\nimport { tap, delay } from 'rxjs/operators';\r\nimport { LU_MODAL_TRANSLATIONS } from './modal.token';\r\n\r\n@Directive()\r\nexport abstract class ALuModalPanelComponent<T extends ILuModalContent = ILuModalContent> implements PortalOutlet, OnDestroy {\r\n\t@ViewChild('outlet', { read: CdkPortalOutlet, static: true }) protected _outlet: PortalOutlet;\r\n\tprotected _componentInstance: T;\r\n\tget title() {\r\n\t\treturn this._componentInstance.title;\r\n\t}\r\n\tget submitLabel() {\r\n\t\treturn this._componentInstance.submitLabel || this.intl.submit;\r\n\t}\r\n\tget cancelLabel() {\r\n\t\treturn this._componentInstance.cancelLabel || this.intl.cancel;\r\n\t}\r\n\tget isSubmitDisabled() {\r\n\t\treturn this._componentInstance.submitDisabled;\r\n\t}\r\n\tget isSubmitHidden() {\r\n\t\treturn !this._componentInstance.submitAction;\r\n\t}\r\n\tget submitPalette() {\r\n\t\treturn this._componentInstance.submitPalette || 'primary';\r\n\t}\r\n\tget hasSubmitCounter() {\r\n\t\treturn !!this._componentInstance.submitCounter;\r\n\t}\r\n\tget submitCounter() {\r\n\t\treturn this._componentInstance.submitCounter || 0;\r\n\t}\r\n\t\r\n\tsubmitClass$ = new Subject();\r\n\terror$ = new Subject();\r\n\r\n\tprivate _subs = new Subscription();\r\n\r\n\tconstructor(\r\n\t\tprotected _ref: ALuModalRef<LuModalPanelComponent>,\r\n\t\tprotected _cdr: ChangeDetectorRef,\r\n\t\t@Inject(LU_MODAL_TRANSLATIONS) public intl: ILuModalLabel,\r\n\t) {}\r\n\tattach<U extends T = T>(portal: Portal<U>) {\r\n\t\tconst ref = this._outlet.attach(portal) as ComponentRef<U>;\r\n\t\tthis._componentInstance = ref.instance;\r\n\t\treturn ref;\r\n\t}\r\n\tdetach() {\r\n\t\treturn this._outlet.detach();\r\n\t}\r\n\tdispose() {\r\n\t\treturn this._outlet.dispose();\r\n\t}\r\n\thasAttached() {\r\n\t\treturn this._outlet.hasAttached();\r\n\t}\r\n\tngOnDestroy() {\r\n\t\tthis._subs.unsubscribe();\r\n\t\tthis.detach();\r\n\t\tthis.dispose();\r\n\t}\r\n\tdismiss() {\r\n\t\tthis._ref.dismiss();\r\n\t}\r\n\tsubmit() {\r\n\t\tthis.error$.next(undefined);\r\n\t\tthis.submitClass$.next('is-loading');\r\n\t\tconst result$ = this._componentInstance.submitAction();\r\n\t\tif (result$ instanceof Observable) {\r\n\t\t\tthis._subs.add(result$.pipe(\r\n\t\t\t\ttap(_ => this.submitClass$.next('is-success')),\r\n\t\t\t\ttap(() => this._cdr.markForCheck()),\r\n\t\t\t\tdelay(500),\r\n\t\t\t)\r\n\t\t\t.subscribe(result => {\r\n\t\t\t\tthis._ref.close(result);\r\n\t\t\t}, err => {\r\n\t\t\t\tthis.submitClass$.next('is-error');\r\n\t\t\t\tthis.error$.next(err);\r\n\t\t\t\tthis._cdr.markForCheck();\r\n\t\t\t\ttimer(2000).subscribe(_ => {\r\n\t\t\t\t\tthis.submitClass$.next('');\r\n\t\t\t\t\tthis._cdr.markForCheck();\r\n\t\t\t\t});\r\n\t\t\t}));\r\n\t\t} else {\r\n\t\t\tconst result = result$;\r\n\t\t\tthis._ref.close(result);\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n@Component({\r\n\tselector: 'lu-modal-panel',\r\n\ttemplateUrl: './modal-panel.component.html',\r\n\tstyleUrls: ['./modal-panel.component.scss'],\r\n\thost: {'class': 'lu-modal-panel'},\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class LuModalPanelComponent<T extends ILuModalContent = ILuModalContent> extends ALuModalPanelComponent<T> {\r\n\tconstructor(\r\n\t\t_ref: ALuModalRef<LuModalPanelComponent>,\r\n\t\t_cdr: ChangeDetectorRef,\r\n\t\t@Inject(LuModalIntl) intl: ILuModalLabel,\r\n\t) {\r\n\t\tsuper(_ref, _cdr, intl);\r\n\t}\r\n}\r\n@Component({\r\n\tselector: 'lu-modal-panel-default',\r\n\ttemplateUrl: './modal-panel.component.html',\r\n\tstyleUrls: ['./modal-panel.component.scss'],\r\n\thost: {'class': 'lu-modal-panel'},\r\n\tchangeDetection: ChangeDetectionStrategy.Default,\r\n})\r\nexport class LuModalPanelComponentDefaultCD<T extends ILuModalContent = ILuModalContent> extends ALuModalPanelComponent<T> {\r\n\tconstructor(\r\n\t\t_ref: ALuModalRef<LuModalPanelComponent>,\r\n\t\t_cdr: ChangeDetectorRef,\r\n\t\t@Inject(LuModalIntl) intl: ILuModalLabel,\r\n\t) {\r\n\t\tsuper(_ref, _cdr, intl);\r\n\t}\r\n}\r\n","<div class=\"lu-modal-panel-inner\" cdkTrapFocus=\"true\" cdkTrapFocusAutoCapture=\"true\" role=\"dialog\" aria-modal=\"true\">\r\n\t<div class=\"lu-modal-header\">\r\n\t\t<h3 class=\"lu-modal-header-title\">{{title}}</h3>\r\n\t\t<button class=\"lu-modal-header-close\" (click)=\"dismiss()\"><span aria-hidden=\"true\" class=\"lucca-icon\">cross</span><span class=\"u-mask\">Close</span></button>\r\n\t</div>\r\n\t<div class=\"lu-modal-content\">\r\n\t\t<ng-container cdkPortalOutlet #outlet></ng-container>\r\n\t</div>\r\n\t<div class=\"lu-modal-footer\">\r\n\t\t<button\r\n\t\t\t*ngIf=\"!isSubmitHidden\"\r\n\t\t\tclass=\"button palette-{{submitPalette}}\"\r\n\t\t\t[disabled]=\"isSubmitDisabled\"\r\n\t\t\t[class.mod-counter]=\"hasSubmitCounter\"\r\n\t\t\t[ngClass]=\"submitClass$ | async\"\r\n\t\t\t(click)=\"submit()\"\r\n\t\t>\r\n\t\t\t{{submitLabel}}\r\n\t\t\t<label class=\"button-counter\" *ngIf=\"hasSubmitCounter\">{{submitCounter}}</label>\r\n\t\t</button>\r\n\t\t<button class=\"button mod-link\" (click)=\"dismiss()\">{{cancelLabel}}</button>\r\n\t</div>\r\n</div>\r\n","import { ComponentType, Overlay } from '@angular/cdk/overlay';\r\nimport { ComponentPortal, PortalOutlet } from '@angular/cdk/portal';\r\nimport { ChangeDetectionStrategy, ComponentRef, Injectable, Injector } from '@angular/core';\r\nimport { ALuPopupRef, ILuPopupRefFactory } from '@lucca-front/ng/popup';\r\nimport { ILuModalConfig } from './modal-config.model';\r\nimport { LuModalPanelComponent, LuModalPanelComponentDefaultCD } from './modal-panel.component';\r\nimport { ALuModalRef, ILuModalRef } from './modal-ref.model';\r\nimport { ILuModalContent } from './modal.model';\r\nimport { LU_MODAL_DATA } from './modal.token';\r\n\r\nclass LuModalRef<T extends ILuModalContent = ILuModalContent, D = any, R = any> extends ALuPopupRef<T, D, R> implements ILuModalRef<T, D, R> {\r\n\tprotected _containerRef: ComponentRef<LuModalPanelComponent>;\r\n\tprotected _containerOutlet: PortalOutlet;\r\n\tconstructor(\r\n\t\tprotected override _overlay: Overlay,\r\n\t\tprotected override _injector: Injector,\r\n\t\tprotected override _component: ComponentType<T>,\r\n\t\tprotected override _config: ILuModalConfig,\r\n\t) {\r\n\t\tsuper(_overlay, _injector, _component, _config);\r\n\t}\r\n\tprotected override _openPopup(data?: D) {\r\n\t\tconst injector = Injector.create({ providers: [{ provide: ALuModalRef, useValue: this }, { provide: LU_MODAL_DATA, useValue: data }], parent: this._injector });\r\n\t\tif (this._config.changeDetection === ChangeDetectionStrategy.OnPush) {\r\n\t\t\tconst containerPortal = new ComponentPortal(LuModalPanelComponent, undefined, injector);\r\n\t\t\tthis._containerRef = this._overlayRef.attach<LuModalPanelComponent>(containerPortal);\r\n\t\t} else {\r\n\t\t\tconst containerPortal = new ComponentPortal(LuModalPanelComponentDefaultCD, undefined, injector);\r\n\t\t\tthis._containerRef = this._overlayRef.attach<LuModalPanelComponent>(containerPortal);\r\n\t\t}\r\n\t\tthis._containerOutlet = this._containerRef.instance;\r\n\t\tconst portal = new ComponentPortal(this._component, undefined, injector);\r\n\t\tthis._componentRef = this._containerOutlet.attach(portal) as ComponentRef<T>;\r\n\t}\r\n\tprotected override _closePopup() {\r\n\t\tthis._componentRef.destroy();\r\n\t\tthis._containerRef.destroy();\r\n\t}\r\n}\r\n\r\n@Injectable()\r\nexport class LuModalRefFactory implements ILuPopupRefFactory<ILuModalContent, ILuModalConfig> {\r\n\tconstructor(\r\n\t\tprotected _overlay: Overlay,\r\n\t\tprotected _injector: Injector,\r\n\t) { }\r\n\tforge<T extends ILuModalContent, C extends ILuModalConfig>(component: ComponentType<T>, config: C) {\r\n\t\treturn new LuModalRef(this._overlay, this._injector, component, config);\r\n\t}\r\n}\r\n","import { ILuTranslation } from '@lucca-front/ng/core';\r\n\r\nexport interface ILuModalLabel {\r\n\tsubmit: string;\r\n\tcancel: string;\r\n}\r\nexport abstract class ALuModalLabel {\r\n\tsubmit: string;\r\n\tcancel: string;\r\n}\r\n\r\nexport const luModalTranslations = {\r\n\ten: {\r\n\t\tsubmit: 'Ok',\r\n\t\tcancel: 'Cancel',\r\n\t},\r\n\tfr: {\r\n\t\tsubmit: 'Ok',\r\n\t\tcancel: 'Annuler',\r\n\t},\r\n\tes: {\r\n\t\tsubmit: 'Ok',\r\n\t\tcancel: 'Cancelar',\r\n\t}\r\n} as ILuTranslation<ILuModalLabel>;\r\n\r\n","import { NgModule } from '@angular/core';\r\nimport { LuModal } from './modal.service';\r\nimport { LU_MODAL_CONFIG, LU_MODAL_TRANSLATIONS, LU_MODAL_REF_FACTORY } from './modal.token';\r\nimport { luDefaultModalConfig } from './modal-config.default';\r\nimport { LuModalPanelComponent, LuModalPanelComponentDefaultCD } from './modal-panel.component';\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\nimport { LuModalRefFactory } from './modal-ref.factory';\r\nimport { LuModalIntl } from './modal.intl';\r\nimport { luModalTranslations } from './modal.translate';\r\nimport { CommonModule } from '@angular/common';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\n\r\n\r\n@NgModule({\r\n\timports: [\r\n\t\tOverlayModule,\r\n\t\tPortalModule,\r\n\t\tCommonModule,\r\n\t\tA11yModule,\r\n\t],\r\n\tdeclarations: [\r\n\t\tLuModalPanelComponent,\r\n\t\tLuModalPanelComponentDefaultCD,\r\n\t],\r\n\tentryComponents: [\r\n\t\tLuModalPanelComponent,\r\n\t\tLuModalPanelComponentDefaultCD,\r\n\t],\r\n\texports: [\r\n\t\tLuModalPanelComponent,\r\n\t\tLuModalPanelComponentDefaultCD,\r\n\t],\r\n\tproviders: [\r\n\t\tLuModal,\r\n\t\tLuModalIntl,\r\n\t\t{ provide: LU_MODAL_CONFIG, useValue: luDefaultModalConfig },\r\n\t\t{ provide: LU_MODAL_REF_FACTORY, useClass: LuModalRefFactory },\r\n\t\t{ provide: LU_MODAL_TRANSLATIONS, useValue: luModalTranslations },\r\n\t]\r\n})\r\nexport class LuModalModule {}\r\n","/*\r\n * Public API Surface of safe-content\r\n */\r\n\r\nexport * from './index';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/lucca-front-ng-number.mjs

@@ -0,0 +1,62 @@
+import * as i0 from '@angular/core';
+import { LOCALE_ID, Pipe, Inject, NgModule } from '@angular/core';
+import { formatNumber, getLocaleNumberSymbol, NumberSymbol, CommonModule } from '@angular/common';
+
+class LuNumberPipe {
+    constructor(locale) {
+        this.locale = locale;
+    }
+    transform(number, precision = 2) {
+        const formatted = formatNumber(number, this.locale, `1.${precision}-${precision}`);
+        const separator = getLocaleNumberSymbol(this.locale, NumberSymbol.Decimal);
+        const split = formatted.split(separator);
+        const integral = split[0];
+        const decimal = split[1];
+        const hideDecimal = Math.round(number) === number;
+        if (precision > 0) {
+            return `${integral}<span class="decimal-part${hideDecimal ? ' u-hidden' : ''}">${separator}${decimal}</span>`;
+        }
+        else {
+            return integral;
+        }
+    }
+}
+LuNumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuNumberPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });
+LuNumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuNumberPipe, name: "luNumber" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuNumberPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'luNumber',
+                    pure: true,
+                }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LOCALE_ID]
+                    }] }];
+    } });
+
+class LuNumberModule {
+}
+LuNumberModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuNumberModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuNumberModule, declarations: [LuNumberPipe], imports: [CommonModule], exports: [LuNumberPipe] });
+LuNumberModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuNumberModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuNumberModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [LuNumberPipe],
+                    exports: [LuNumberPipe],
+                }]
+        }] });
+
+/*
+ * Public API Surface of safe-content
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LuNumberModule, LuNumberPipe };
+//# sourceMappingURL=lucca-front-ng-number.mjs.map

package/fesm2015/lucca-front-ng-number.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucca-front-ng-number.mjs","sources":["../../../packages/ng/number/src/lib/number.pipe.ts","../../../packages/ng/number/src/lib/number.module.ts","../../../packages/ng/number/src/public-api.ts","../../../packages/ng/number/src/lucca-front-ng-number.ts"],"sourcesContent":["import { Pipe, PipeTransform, Inject, LOCALE_ID } from '@angular/core';\r\nimport { formatNumber, getLocaleNumberSymbol, NumberSymbol } from '@angular/common';\r\n\r\n@Pipe({\r\n\tname: 'luNumber',\r\n\tpure: true,\r\n})\r\nexport class LuNumberPipe implements PipeTransform {\r\n\tconstructor(@Inject(LOCALE_ID) protected locale) {}\r\n\ttransform(number: number, precision = 2) {\r\n\t\tconst formatted = formatNumber(number, this.locale, `1.${precision}-${precision}`);\r\n\t\tconst separator = getLocaleNumberSymbol(this.locale, NumberSymbol.Decimal);\r\n\t\tconst split = formatted.split(separator);\r\n\t\tconst integral = split[0];\r\n\t\tconst decimal = split[1];\r\n\t\tconst hideDecimal = Math.round(number) === number;\r\n\t\tif (precision > 0) {\r\n\t\t\treturn `${integral}<span class=\"decimal-part${hideDecimal ? ' u-hidden' : ''}\">${separator}${decimal}</span>`;\r\n\t\t} else {\r\n\t\t\treturn integral;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { LuNumberPipe } from './number.pipe';\r\n\r\n@NgModule({\r\n\timports: [CommonModule],\r\n\tdeclarations: [LuNumberPipe],\r\n\texports: [LuNumberPipe],\r\n})\r\nexport class LuNumberModule {}\r\n","/*\r\n * Public API Surface of safe-content\r\n */\r\n\r\nexport * from './index';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,YAAY;IACxB,YAAyC,MAAM;QAAN,WAAM,GAAN,MAAM,CAAA;KAAI;IACnD,SAAS,CAAC,MAAc,EAAE,SAAS,GAAG,CAAC;QACtC,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC;QACnF,MAAM,SAAS,GAAG,qBAAqB,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;QAC3E,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACzC,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QAC1B,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACzB,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC;QAClD,IAAI,SAAS,GAAG,CAAC,EAAE;YAClB,OAAO,GAAG,QAAQ,4BAA4B,WAAW,GAAG,WAAW,GAAG,EAAE,KAAK,SAAS,GAAG,OAAO,SAAS,CAAC;SAC9G;aAAM;YACN,OAAO,QAAQ,CAAC;SAChB;KAED;;yGAfW,YAAY,kBACJ,SAAS;uGADjB,YAAY;2FAAZ,YAAY;kBAJxB,IAAI;mBAAC;oBACL,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,IAAI;iBACV;;;8BAEa,MAAM;+BAAC,SAAS;;;;MCCjB,cAAc;;2GAAd,cAAc;4GAAd,cAAc,iBAHX,YAAY,aADjB,YAAY,aAEZ,YAAY;4GAEV,cAAc,YAJjB,CAAC,YAAY,CAAC;2FAIX,cAAc;kBAL1B,QAAQ;mBAAC;oBACT,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,YAAY,CAAC;oBAC5B,OAAO,EAAE,CAAC,YAAY,CAAC;iBACvB;;;ACRD;;;;ACAA;;;;;;"}