@spicainternational/ngx-sds-components 7.12.0-beta.2 → 8.1.1

package/fesm2022/spicainternational-ngx-sds-components-src-lib-modal.mjs

@@ -0,0 +1,343 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ViewChild, Output, Input, ContentChild, Component, ElementRef } from '@angular/core';
+import { faXmark } from '@fortawesome/pro-regular-svg-icons';
+import { CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
+import { NgClass, NgIf } from '@angular/common';
+import { CdkTrapFocus } from '@angular/cdk/a11y';
+
+class SdsModalComponent {
+    constructor() {
+        this.headerContent = { nativeElement: undefined };
+        this.showHeader = true;
+        this.showFooter = true;
+        this.size = 'md';
+        this.showCloseButton = true;
+        this.autoFocusCloseButton = false;
+        this.isScrollable = true;
+        this.isVerticallyCentered = true;
+        this.closeOnEscape = false;
+        this.downSizing = 'discrete';
+        /**
+         * Allow the modal to be draggable by the user. Default is true.
+         *
+         * @memberof SdsModalComponent
+         */
+        this.isDraggable = true;
+        /**
+         * Constrain modal to the viewport. Default is true.
+         *
+         * @memberof SdsModalComponent
+         */
+        this.isDragConstrained = true;
+        /**
+         * @deprecated Use isOpenChange instead
+         */
+        this.modalOpen = new EventEmitter();
+        /**
+         * @deprecated Use isOpenChange instead
+         */
+        this.modalClose = new EventEmitter();
+        this.closeClick = new EventEmitter();
+        this.closeEscapeKeypress = new EventEmitter();
+        this.closeIcon = faXmark;
+        // public isOpen: boolean = false;
+        this.isOpen = false;
+        this.isOpenChange = new EventEmitter();
+        this.translations = {
+            close: undefined
+        };
+    }
+    ngOnChanges(changes) {
+        if (changes['isOpen']) {
+            if (this.isOpen) {
+                this.open();
+            }
+            else {
+                this.close();
+            }
+        }
+    }
+    ngOnInit() { }
+    open() {
+        if (this._modal != undefined) {
+            this._modal.nativeElement.style.display = 'block';
+            this.isOpen = true;
+            if (this.autoFocusCloseButton)
+                this._closeButton?.nativeElement.focus();
+            this.modalOpen.emit();
+        }
+    }
+    close() {
+        if (this._modal != undefined) {
+            this._modal.nativeElement.style.display = 'none';
+            this.isOpen = false;
+            this.modalClose.emit();
+            this.isOpenChange.emit(this.isOpen);
+        }
+    }
+    onCloseButtonClick() {
+        this.closeClick.emit();
+        this.close();
+    }
+    onKeydown(event) {
+        if (event.code === 'Escape' &&
+            this.closeOnEscape &&
+            this._modal != undefined &&
+            this._modal.nativeElement.style.display === 'block') {
+            // console.log(`${this.constructor.name} got event: ${event.code}`);
+            this.closeEscapeKeypress.emit();
+            this.close();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsModalComponent, isStandalone: true, selector: "sds-modal", inputs: { modalTitle: "modalTitle", showHeader: "showHeader", showFooter: "showFooter", size: "size", modalDialogId: "modalDialogId", showCloseButton: "showCloseButton", autoFocusCloseButton: "autoFocusCloseButton", translations: "translations", isScrollable: "isScrollable", isVerticallyCentered: "isVerticallyCentered", closeOnEscape: "closeOnEscape", downSizing: "downSizing", isDraggable: "isDraggable", isDragConstrained: "isDragConstrained", isOpen: "isOpen" }, outputs: { modalOpen: "modalOpen", modalClose: "modalClose", closeClick: "closeClick", closeEscapeKeypress: "closeEscapeKeypress", isOpenChange: "isOpenChange" }, queries: [{ propertyName: "headerContent", first: true, predicate: ["header"], descendants: true }], viewQueries: [{ propertyName: "_modal", first: true, predicate: ["modal"], descendants: true }, { propertyName: "_closeButton", first: true, predicate: ["closeButton"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div \r\n    #modal \r\n    class=\"modal modal-backdrop\" \r\n    (keydown)=\"onKeydown($event)\" \r\n    [cdkTrapFocus]=\"isOpen\" \r\n    [cdkTrapFocusAutoCapture]=\"true\" \r\n    >\r\n    <div\r\n        class=\"modal-dialog\"\r\n        [class.modal-dialog-scrollable] = \"isScrollable\"\r\n        [class.downsize-continuous] = \"downSizing === 'continuous'\"\r\n        [class.modal-dialog-centered] = \"isVerticallyCentered\"\r\n        [attr.id]=\"modalDialogId\"\r\n        [ngClass]=\"'modal-' + size\"\r\n        role=\"document\"\r\n        >\r\n        <div \r\n            class=\"modal-content\" \r\n            cdkDrag [cdkDragDisabled]=\"!isDraggable\" [cdkDragBoundary]=\"isDragConstrained ? '.modal-backdrop' : ''\"\r\n            >\r\n\r\n            <div *ngIf=\"isDraggable\" class=\"modal-drag-handle\" cdkDragHandle></div>\r\n\r\n            <div \r\n                *ngIf=\"showHeader && headerContent\" \r\n                class=\"modal-header\" \r\n                >\r\n                <ng-content select='header'></ng-content>\r\n            </div>             \r\n\r\n            <div \r\n                *ngIf=\"showHeader && !headerContent\" \r\n                class=\"modal-header\"\r\n                >\r\n\r\n                <h5 class=\"modal-title\">{{modalTitle}}</h5>\r\n                <button \r\n                    #closeButton\r\n                    *ngIf=\"showCloseButton\"\r\n                    type=\"button\" \r\n                    class=\"btn-close sds-fs-75\" \r\n                    [title]=\"translations.close ?? ''\"\r\n                    (click)=\"onCloseButtonClick()\">\r\n                </button>\r\n            </div>\r\n\r\n            <div \r\n                class=\"modal-body\"\r\n                [class.pt-0]=\"showHeader\"\r\n                [class.pb-0]=\"showFooter\"\r\n                >\r\n                <ng-content></ng-content>\r\n            </div>\r\n\r\n            <div *ngIf=\"showFooter\" class=\"modal-footer\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n            </div>            \r\n        </div>\r\n    </div>\r\n</div>", styles: [".modal{background:#00000080}.modal .modal-drag-handle{cursor:move;position:absolute;width:100%;height:1rem}.modal .modal-header button.btn-close{font-size:.75em}.modal .modal-header button.btn-close:hover{background-color:var(--bs-gray-200)}.modal.in{opacity:1}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0)}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}@media (min-width: 820px){.modal-820{max-width:820px}}@media (min-width: 576px){.modal-dialog.downsize-continuous{width:calc(90vw - 2rem)}.modal-dialog.downsize-continuous.modal-md{max-width:var(--bs-breakpoint-sm)}.modal-dialog.downsize-continuous.modal-lg{max-width:var(--bs-breakpoint-md)}.modal-dialog.downsize-continuous.modal-xl{max-width:var(--bs-breakpoint-lg)}.modal-dialog.downsize-continuous.modal-xxl{max-width:var(--bs-breakpoint-xl)}}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-modal', standalone: true, imports: [
+                        CdkTrapFocus,
+                        NgClass,
+                        CdkDrag,
+                        NgIf,
+                        CdkDragHandle,
+                    ], template: "<div \r\n    #modal \r\n    class=\"modal modal-backdrop\" \r\n    (keydown)=\"onKeydown($event)\" \r\n    [cdkTrapFocus]=\"isOpen\" \r\n    [cdkTrapFocusAutoCapture]=\"true\" \r\n    >\r\n    <div\r\n        class=\"modal-dialog\"\r\n        [class.modal-dialog-scrollable] = \"isScrollable\"\r\n        [class.downsize-continuous] = \"downSizing === 'continuous'\"\r\n        [class.modal-dialog-centered] = \"isVerticallyCentered\"\r\n        [attr.id]=\"modalDialogId\"\r\n        [ngClass]=\"'modal-' + size\"\r\n        role=\"document\"\r\n        >\r\n        <div \r\n            class=\"modal-content\" \r\n            cdkDrag [cdkDragDisabled]=\"!isDraggable\" [cdkDragBoundary]=\"isDragConstrained ? '.modal-backdrop' : ''\"\r\n            >\r\n\r\n            <div *ngIf=\"isDraggable\" class=\"modal-drag-handle\" cdkDragHandle></div>\r\n\r\n            <div \r\n                *ngIf=\"showHeader && headerContent\" \r\n                class=\"modal-header\" \r\n                >\r\n                <ng-content select='header'></ng-content>\r\n            </div>             \r\n\r\n            <div \r\n                *ngIf=\"showHeader && !headerContent\" \r\n                class=\"modal-header\"\r\n                >\r\n\r\n                <h5 class=\"modal-title\">{{modalTitle}}</h5>\r\n                <button \r\n                    #closeButton\r\n                    *ngIf=\"showCloseButton\"\r\n                    type=\"button\" \r\n                    class=\"btn-close sds-fs-75\" \r\n                    [title]=\"translations.close ?? ''\"\r\n                    (click)=\"onCloseButtonClick()\">\r\n                </button>\r\n            </div>\r\n\r\n            <div \r\n                class=\"modal-body\"\r\n                [class.pt-0]=\"showHeader\"\r\n                [class.pb-0]=\"showFooter\"\r\n                >\r\n                <ng-content></ng-content>\r\n            </div>\r\n\r\n            <div *ngIf=\"showFooter\" class=\"modal-footer\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n            </div>            \r\n        </div>\r\n    </div>\r\n</div>", styles: [".modal{background:#00000080}.modal .modal-drag-handle{cursor:move;position:absolute;width:100%;height:1rem}.modal .modal-header button.btn-close{font-size:.75em}.modal .modal-header button.btn-close:hover{background-color:var(--bs-gray-200)}.modal.in{opacity:1}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0)}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}@media (min-width: 820px){.modal-820{max-width:820px}}@media (min-width: 576px){.modal-dialog.downsize-continuous{width:calc(90vw - 2rem)}.modal-dialog.downsize-continuous.modal-md{max-width:var(--bs-breakpoint-sm)}.modal-dialog.downsize-continuous.modal-lg{max-width:var(--bs-breakpoint-md)}.modal-dialog.downsize-continuous.modal-xl{max-width:var(--bs-breakpoint-lg)}.modal-dialog.downsize-continuous.modal-xxl{max-width:var(--bs-breakpoint-xl)}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { headerContent: [{
+                type: ContentChild,
+                args: ['header']
+            }], modalTitle: [{
+                type: Input
+            }], showHeader: [{
+                type: Input
+            }], showFooter: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], modalDialogId: [{
+                type: Input
+            }], showCloseButton: [{
+                type: Input
+            }], autoFocusCloseButton: [{
+                type: Input
+            }], translations: [{
+                type: Input
+            }], isScrollable: [{
+                type: Input
+            }], isVerticallyCentered: [{
+                type: Input
+            }], closeOnEscape: [{
+                type: Input
+            }], downSizing: [{
+                type: Input
+            }], isDraggable: [{
+                type: Input
+            }], isDragConstrained: [{
+                type: Input
+            }], modalOpen: [{
+                type: Output
+            }], modalClose: [{
+                type: Output
+            }], closeClick: [{
+                type: Output
+            }], closeEscapeKeypress: [{
+                type: Output
+            }], isOpen: [{
+                type: Input
+            }], isOpenChange: [{
+                type: Output
+            }], _modal: [{
+                type: ViewChild,
+                args: ['modal', { static: false }]
+            }], _closeButton: [{
+                type: ViewChild,
+                args: ['closeButton', { static: false }]
+            }] } });
+
+class SdsDialogComponent {
+    // public isOpen: boolean = false;
+    constructor() {
+        /**
+         * @deprecated Use dialogTitle instead
+         */
+        this.title = '';
+        this.dialogTitle = '';
+        this.closeText = 'close';
+        this.size = 'md';
+        this.primaryButtonText = 'Ok';
+        this.primaryButtonClass = 'sds-btn-primary';
+        this.primaryButtonType = 'button';
+        this.primaryButtonDisabled = false;
+        this.secondaryButtonText = 'Cancel';
+        this.secondaryButtonClass = 'sds-btn-secondary';
+        this.secondaryButtonType = 'button';
+        this.secondaryButtonDisabled = false;
+        this.closeOnEscape = true;
+        this.showHeader = true;
+        this.showCloseButton = true;
+        this.showPrimaryButton = true;
+        this.showSecondaryButton = true;
+        this.autofocusElement = 'primary';
+        /**
+         * @deprecated Use isOpenChange instead
+         */
+        this.dialogOpen = new EventEmitter();
+        /**
+         * @deprecated Use isOpenChange instead
+         */
+        this.dialogClose = new EventEmitter();
+        this.isOpen = false;
+        this.isOpenChange = new EventEmitter();
+        this.primaryButtonClick = new EventEmitter();
+        this.secondaryButtonClick = new EventEmitter();
+    }
+    ngOnInit() {
+        if (this.autofocusElement == 'primary' && !this.showPrimaryButton) {
+            this.autofocusElement = 'secondary';
+        }
+        if (this.autofocusElement == 'secondary' && !this.showSecondaryButton) {
+            this.autofocusElement = 'close';
+        }
+        if (this.autofocusElement == 'close' && !this.showCloseButton) {
+            this.autofocusElement = 'content';
+        }
+    }
+    open(callback, data) {
+        this._callback = callback;
+        this._callbackData = data;
+        if (this._modal != undefined) {
+            this.isOpen = true;
+            // this._modal.open();
+            this.isOpenChange.emit(this.isOpen);
+        }
+    }
+    close() {
+        if (this._modal != undefined) {
+            this.isOpen = false;
+            // this._modal.close();
+            this.isOpenChange.emit(this.isOpen);
+        }
+    }
+    onSecondaryClick() {
+        if (this._callback) {
+            this._callback('secondary', this._callbackData);
+        }
+        this.secondaryButtonClick.emit();
+        this.close();
+    }
+    onPrimaryClick() {
+        if (this._callback) {
+            this._callback('primary', this._callbackData);
+        }
+        this.primaryButtonClick.emit();
+        this.close();
+    }
+    onCloseClick() {
+        if (this._callback) {
+            this._callback('close', this._callbackData);
+        }
+        this.close();
+    }
+    onCloseEscapeKeypress() {
+        if (this._callback) {
+            this._callback('close', this._callbackData);
+        }
+        this.close();
+    }
+    onModalClose() {
+        this.dialogClose.emit();
+    }
+    onModalOpen() {
+        this.dialogOpen.emit();
+        switch (this.autofocusElement) {
+            case 'primary':
+                this._primaryButton?.nativeElement.focus();
+                break;
+            case 'secondary':
+                this._secondaryButton?.nativeElement.focus();
+                break;
+            case 'content':
+                this._content?.nativeElement.focus();
+                break;
+            default:
+                break;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsDialogComponent, isStandalone: true, selector: "sds-dialog", inputs: { title: "title", dialogTitle: "dialogTitle", closeText: "closeText", size: "size", primaryButtonText: "primaryButtonText", primaryButtonClass: "primaryButtonClass", primaryButtonType: "primaryButtonType", primaryButtonId: "primaryButtonId", primaryButtonDisabled: "primaryButtonDisabled", secondaryButtonText: "secondaryButtonText", secondaryButtonClass: "secondaryButtonClass", secondaryButtonType: "secondaryButtonType", secondaryButtonId: "secondaryButtonId", secondaryButtonDisabled: "secondaryButtonDisabled", closeOnEscape: "closeOnEscape", showHeader: "showHeader", showCloseButton: "showCloseButton", showPrimaryButton: "showPrimaryButton", showSecondaryButton: "showSecondaryButton", autofocusElement: "autofocusElement", modalDialogId: "modalDialogId", isOpen: "isOpen" }, outputs: { dialogOpen: "dialogOpen", dialogClose: "dialogClose", isOpenChange: "isOpenChange", primaryButtonClick: "primaryButtonClick", secondaryButtonClick: "secondaryButtonClick" }, viewQueries: [{ propertyName: "_modal", first: true, predicate: ["modal"], descendants: true, static: true }, { propertyName: "_content", first: true, predicate: ["content"], descendants: true, read: ElementRef, static: true }, { propertyName: "_primaryButton", first: true, predicate: ["primaryButton"], descendants: true, read: ElementRef }, { propertyName: "_secondaryButton", first: true, predicate: ["secondaryButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<sds-modal\r\n    #modal\r\n    [modalTitle]=\"dialogTitle || title\"\r\n    [size]=\"size\"\r\n    [modalDialogId]=\"modalDialogId\"\r\n    [showCloseButton]=\"showCloseButton\"\r\n    [showHeader]=\"showHeader\"\r\n    [translations]=\"{ close: closeText}\"\r\n    [autoFocusCloseButton]=\"autofocusElement === 'close'\"\r\n    [closeOnEscape]=\"closeOnEscape\"\r\n    (closeClick)=\"onCloseClick()\"\r\n    (closeEscapeKeypress)=\"onCloseEscapeKeypress()\"\r\n    (modalClose)=\"onModalClose()\"\r\n    (modalOpen)=\"onModalOpen()\"\r\n    [(isOpen)]=\"isOpen\"\r\n>\r\n\r\n    <div #content [attr.tabindex]=\"autofocusElement === 'content' ? 0 : undefined\" >\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <ng-container #footer ngProjectAs='footer'>\r\n        <button\r\n            #secondaryButton\r\n            *ngIf=\"showSecondaryButton\"\r\n            [attr.id]=\"secondaryButtonId\"\r\n            [disabled]=\"secondaryButtonDisabled\"\r\n            class=\"btn\"\r\n            [class]=\"secondaryButtonClass\"\r\n            (click)=\"onSecondaryClick()\"\r\n        >{{secondaryButtonText}}</button>\r\n        <button\r\n            #primaryButton\r\n            *ngIf=\"showPrimaryButton\"\r\n            [attr.id]=\"primaryButtonId\"\r\n            [disabled]=\"primaryButtonDisabled\"\r\n            class=\"btn\"\r\n            [class]=\"primaryButtonClass\"\r\n            (click)=\"onPrimaryClick()\"\r\n        >{{primaryButtonText}}</button>\r\n    </ng-container>\r\n</sds-modal>\r\n", styles: [""], dependencies: [{ kind: "component", type: SdsModalComponent, selector: "sds-modal", inputs: ["modalTitle", "showHeader", "showFooter", "size", "modalDialogId", "showCloseButton", "autoFocusCloseButton", "translations", "isScrollable", "isVerticallyCentered", "closeOnEscape", "downSizing", "isDraggable", "isDragConstrained", "isOpen"], outputs: ["modalOpen", "modalClose", "closeClick", "closeEscapeKeypress", "isOpenChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-dialog', standalone: true, imports: [SdsModalComponent, NgIf], template: "<sds-modal\r\n    #modal\r\n    [modalTitle]=\"dialogTitle || title\"\r\n    [size]=\"size\"\r\n    [modalDialogId]=\"modalDialogId\"\r\n    [showCloseButton]=\"showCloseButton\"\r\n    [showHeader]=\"showHeader\"\r\n    [translations]=\"{ close: closeText}\"\r\n    [autoFocusCloseButton]=\"autofocusElement === 'close'\"\r\n    [closeOnEscape]=\"closeOnEscape\"\r\n    (closeClick)=\"onCloseClick()\"\r\n    (closeEscapeKeypress)=\"onCloseEscapeKeypress()\"\r\n    (modalClose)=\"onModalClose()\"\r\n    (modalOpen)=\"onModalOpen()\"\r\n    [(isOpen)]=\"isOpen\"\r\n>\r\n\r\n    <div #content [attr.tabindex]=\"autofocusElement === 'content' ? 0 : undefined\" >\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <ng-container #footer ngProjectAs='footer'>\r\n        <button\r\n            #secondaryButton\r\n            *ngIf=\"showSecondaryButton\"\r\n            [attr.id]=\"secondaryButtonId\"\r\n            [disabled]=\"secondaryButtonDisabled\"\r\n            class=\"btn\"\r\n            [class]=\"secondaryButtonClass\"\r\n            (click)=\"onSecondaryClick()\"\r\n        >{{secondaryButtonText}}</button>\r\n        <button\r\n            #primaryButton\r\n            *ngIf=\"showPrimaryButton\"\r\n            [attr.id]=\"primaryButtonId\"\r\n            [disabled]=\"primaryButtonDisabled\"\r\n            class=\"btn\"\r\n            [class]=\"primaryButtonClass\"\r\n            (click)=\"onPrimaryClick()\"\r\n        >{{primaryButtonText}}</button>\r\n    </ng-container>\r\n</sds-modal>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { title: [{
+                type: Input
+            }], dialogTitle: [{
+                type: Input
+            }], closeText: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], primaryButtonText: [{
+                type: Input
+            }], primaryButtonClass: [{
+                type: Input
+            }], primaryButtonType: [{
+                type: Input
+            }], primaryButtonId: [{
+                type: Input
+            }], primaryButtonDisabled: [{
+                type: Input
+            }], secondaryButtonText: [{
+                type: Input
+            }], secondaryButtonClass: [{
+                type: Input
+            }], secondaryButtonType: [{
+                type: Input
+            }], secondaryButtonId: [{
+                type: Input
+            }], secondaryButtonDisabled: [{
+                type: Input
+            }], closeOnEscape: [{
+                type: Input
+            }], showHeader: [{
+                type: Input
+            }], showCloseButton: [{
+                type: Input
+            }], showPrimaryButton: [{
+                type: Input
+            }], showSecondaryButton: [{
+                type: Input
+            }], autofocusElement: [{
+                type: Input
+            }], modalDialogId: [{
+                type: Input
+            }], dialogOpen: [{
+                type: Output
+            }], dialogClose: [{
+                type: Output
+            }], isOpen: [{
+                type: Input
+            }], isOpenChange: [{
+                type: Output
+            }], primaryButtonClick: [{
+                type: Output
+            }], secondaryButtonClick: [{
+                type: Output
+            }], _modal: [{
+                type: ViewChild,
+                args: ['modal', { static: true }]
+            }], _content: [{
+                type: ViewChild,
+                args: ['content', { read: ElementRef, static: true }]
+            }], _primaryButton: [{
+                type: ViewChild,
+                args: ['primaryButton', { read: ElementRef, static: false }]
+            }], _secondaryButton: [{
+                type: ViewChild,
+                args: ['secondaryButton', { read: ElementRef, static: false }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdsDialogComponent, SdsModalComponent };
+//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-modal.mjs.map

package/fesm2022/spicainternational-ngx-sds-components-src-lib-modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-modal.mjs","sources":["../../../projects/ngx-sds-components/src/lib/modal/modal.component.ts","../../../projects/ngx-sds-components/src/lib/modal/modal.component.html","../../../projects/ngx-sds-components/src/lib/modal/dialog/dialog.component.ts","../../../projects/ngx-sds-components/src/lib/modal/dialog/dialog.component.html","../../../projects/ngx-sds-components/src/lib/modal/spicainternational-ngx-sds-components-src-lib-modal.ts"],"sourcesContent":["import {\r\n    Component,\r\n    ElementRef,\r\n    Input,\r\n    OnInit,\r\n    Output,\r\n    ViewChild,\r\n    EventEmitter,\r\n    ContentChild,\r\n    OnChanges,\r\n    SimpleChanges\r\n} from '@angular/core';\r\nimport { faXmark } from '@fortawesome/pro-regular-svg-icons';\r\nimport { ModalTranslations } from './modal.model';\r\nimport { CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';\r\nimport { NgClass, NgIf } from '@angular/common';\r\nimport { CdkTrapFocus } from '@angular/cdk/a11y';\r\n\r\n@Component({\r\n    selector: 'sds-modal',\r\n    templateUrl: './modal.component.html',\r\n    styleUrls: ['./modal.component.scss'],\r\n    standalone: true,\r\n    imports: [\r\n        CdkTrapFocus,\r\n        NgClass,\r\n        CdkDrag,\r\n        NgIf,\r\n        CdkDragHandle,\r\n    ],\r\n})\r\nexport class SdsModalComponent implements OnInit, OnChanges {\r\n    @ContentChild('header') headerContent: ElementRef = { nativeElement: undefined };\r\n\r\n    @Input() public modalTitle?: string;\r\n    @Input() public showHeader: boolean = true;\r\n    @Input() public showFooter: boolean = true;\r\n    @Input() public size: 'sm' | 'md' | 'lg' | 'xl' | '820' | 'xxl' = 'md';\r\n    @Input() public modalDialogId?: string;\r\n    @Input() public showCloseButton: boolean = true;\r\n    @Input() public autoFocusCloseButton: boolean = false;\r\n\r\n    @Input() public translations: ModalTranslations;\r\n    @Input() public isScrollable = true;\r\n    @Input() public isVerticallyCentered = true;\r\n    @Input() public closeOnEscape = false;\r\n\r\n    @Input() public downSizing: 'discrete' | 'continuous' = 'discrete';\r\n\r\n    /**\r\n     * Allow the modal to be draggable by the user. Default is true.\r\n     *\r\n     * @memberof SdsModalComponent\r\n     */\r\n    @Input() public isDraggable = true;\r\n\r\n    /**\r\n     * Constrain modal to the viewport. Default is true.\r\n     *\r\n     * @memberof SdsModalComponent\r\n     */\r\n    @Input() public isDragConstrained = true;\r\n\r\n    /**\r\n     * @deprecated Use isOpenChange instead\r\n     */\r\n    @Output() public modalOpen: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n    /**\r\n     * @deprecated Use isOpenChange instead\r\n     */\r\n    @Output() public modalClose: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n    @Output() public closeClick: EventEmitter<void> = new EventEmitter<void>();\r\n    @Output() public closeEscapeKeypress: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n    public closeIcon = faXmark;\r\n\r\n    // public isOpen: boolean = false;\r\n    @Input() public isOpen: boolean = false;\r\n    @Output() public isOpenChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n    @ViewChild('modal', { static: false }) private _modal: ElementRef | undefined;\r\n    @ViewChild('closeButton', { static: false }) private _closeButton: ElementRef | undefined;\r\n    \r\n\r\n    constructor() {\r\n        this.translations = {\r\n            close: undefined\r\n        }\r\n    }\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['isOpen']) {\r\n            if (this.isOpen) {\r\n                this.open();\r\n            } else {\r\n                this.close();\r\n            }\r\n        }\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n\r\n    public open(): void {\r\n        if (this._modal != undefined) {\r\n            this._modal.nativeElement.style.display = 'block';\r\n            this.isOpen = true;\r\n            if(this.autoFocusCloseButton)\r\n                this._closeButton?.nativeElement.focus();\r\n            this.modalOpen.emit();\r\n        }\r\n    }\r\n\r\n    public close(): void {\r\n        if (this._modal != undefined) {\r\n            this._modal.nativeElement.style.display = 'none';\r\n            this.isOpen = false;\r\n            this.modalClose.emit();\r\n\r\n            this.isOpenChange.emit(this.isOpen);\r\n        }\r\n    }\r\n\r\n    public onCloseButtonClick(){\r\n        this.closeClick.emit();\r\n        this.close();\r\n    }\r\n\r\n    onKeydown(event: KeyboardEvent){\r\n        if (\r\n            event.code === 'Escape' &&\r\n            this.closeOnEscape && \r\n            this._modal != undefined && \r\n            this._modal.nativeElement.style.display === 'block'){\r\n                // console.log(`${this.constructor.name} got event: ${event.code}`);\r\n                this.closeEscapeKeypress.emit();\r\n                this.close();\r\n        }\r\n    }\r\n}\r\n","<div \r\n    #modal \r\n    class=\"modal modal-backdrop\" \r\n    (keydown)=\"onKeydown($event)\" \r\n    [cdkTrapFocus]=\"isOpen\" \r\n    [cdkTrapFocusAutoCapture]=\"true\" \r\n    >\r\n    <div\r\n        class=\"modal-dialog\"\r\n        [class.modal-dialog-scrollable] = \"isScrollable\"\r\n        [class.downsize-continuous] = \"downSizing === 'continuous'\"\r\n        [class.modal-dialog-centered] = \"isVerticallyCentered\"\r\n        [attr.id]=\"modalDialogId\"\r\n        [ngClass]=\"'modal-' + size\"\r\n        role=\"document\"\r\n        >\r\n        <div \r\n            class=\"modal-content\" \r\n            cdkDrag [cdkDragDisabled]=\"!isDraggable\" [cdkDragBoundary]=\"isDragConstrained ? '.modal-backdrop' : ''\"\r\n            >\r\n\r\n            <div *ngIf=\"isDraggable\" class=\"modal-drag-handle\" cdkDragHandle></div>\r\n\r\n            <div \r\n                *ngIf=\"showHeader && headerContent\" \r\n                class=\"modal-header\" \r\n                >\r\n                <ng-content select='header'></ng-content>\r\n            </div>             \r\n\r\n            <div \r\n                *ngIf=\"showHeader && !headerContent\" \r\n                class=\"modal-header\"\r\n                >\r\n\r\n                <h5 class=\"modal-title\">{{modalTitle}}</h5>\r\n                <button \r\n                    #closeButton\r\n                    *ngIf=\"showCloseButton\"\r\n                    type=\"button\" \r\n                    class=\"btn-close sds-fs-75\" \r\n                    [title]=\"translations.close ?? ''\"\r\n                    (click)=\"onCloseButtonClick()\">\r\n                </button>\r\n            </div>\r\n\r\n            <div \r\n                class=\"modal-body\"\r\n                [class.pt-0]=\"showHeader\"\r\n                [class.pb-0]=\"showFooter\"\r\n                >\r\n                <ng-content></ng-content>\r\n            </div>\r\n\r\n            <div *ngIf=\"showFooter\" class=\"modal-footer\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n            </div>            \r\n        </div>\r\n    </div>\r\n</div>","import { Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';\r\nimport { SdsModalComponent } from '../modal.component';\r\nimport { ButtonType } from './dialog.types';\r\nimport { NgIf } from '@angular/common';\r\n\r\ntype modalButton = 'primary' | 'secondary' | 'close';\r\n\r\n@Component({\r\n    selector: 'sds-dialog',\r\n    templateUrl: './dialog.component.html',\r\n    styleUrls: ['./dialog.component.scss'],\r\n    standalone: true,\r\n    imports: [SdsModalComponent, NgIf],\r\n})\r\nexport class SdsDialogComponent implements OnInit {\r\n    /**\r\n     * @deprecated Use dialogTitle instead\r\n     */\r\n    @Input() public title: string = '';\r\n    @Input() public dialogTitle: string = '';\r\n    \r\n    @Input() public closeText?: string = 'close';\r\n    @Input() public size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\r\n\r\n    @Input() public primaryButtonText: string = 'Ok';\r\n    @Input() public primaryButtonClass: string = 'sds-btn-primary';\r\n    @Input() public primaryButtonType: ButtonType = 'button';\r\n    @Input() public primaryButtonId?: string;\r\n    @Input() public primaryButtonDisabled: boolean = false;\r\n    \r\n    @Input() public secondaryButtonText: string = 'Cancel';     \r\n    @Input() public secondaryButtonClass: string = 'sds-btn-secondary';\r\n    @Input() public secondaryButtonType: ButtonType = 'button';\r\n    @Input() public secondaryButtonId?: string;\r\n    @Input() public secondaryButtonDisabled: boolean = false;\r\n\r\n    @Input() public closeOnEscape: boolean = true;\r\n    @Input() public showHeader: boolean = true;\r\n    @Input() public showCloseButton: boolean = true;\r\n    @Input() public showPrimaryButton: boolean = true;\r\n    @Input() public showSecondaryButton: boolean = true;\r\n    @Input() public autofocusElement:  'primary' | 'secondary' | 'close' | 'content' = 'primary';\r\n\r\n    @Input() public modalDialogId?: string;\r\n\r\n    /**\r\n     * @deprecated Use isOpenChange instead\r\n     */\r\n    @Output() public dialogOpen: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n    /**\r\n     * @deprecated Use isOpenChange instead\r\n     */\r\n    @Output() public dialogClose: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n\r\n    @Input() public isOpen: boolean = false;\r\n    @Output() public isOpenChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n    @Output() public primaryButtonClick: EventEmitter<void> = new EventEmitter<void>();\r\n    @Output() public secondaryButtonClick: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n    @ViewChild('modal', { static: true }) private _modal: SdsModalComponent | undefined;\r\n    @ViewChild('content', { read: ElementRef, static: true }) private _content?: ElementRef;\r\n    @ViewChild('primaryButton', { read: ElementRef, static: false }) private _primaryButton?: ElementRef;\r\n    @ViewChild('secondaryButton', { read: ElementRef, static: false }) private _secondaryButton?: ElementRef;\r\n\r\n    private _callback?: Function;\r\n    private _callbackData: any;\r\n\r\n    // public isOpen: boolean = false;\r\n\r\n    constructor() {}\r\n\r\n    ngOnInit(): void {\r\n        if (this.autofocusElement == 'primary' && !this.showPrimaryButton) {\r\n            this.autofocusElement = 'secondary';\r\n        }\r\n        if (this.autofocusElement == 'secondary' && !this.showSecondaryButton) {\r\n            this.autofocusElement = 'close';\r\n        }\r\n        if (this.autofocusElement == 'close' && !this.showCloseButton) {\r\n            this.autofocusElement = 'content';\r\n        }\r\n    }\r\n\r\n    public open(callback?: (button: modalButton, data: any) => void, data?: any): void{\r\n        this._callback = callback;\r\n        this._callbackData = data;\r\n\r\n        if (this._modal != undefined) {\r\n            this.isOpen = true;\r\n            // this._modal.open();\r\n\r\n            this.isOpenChange.emit(this.isOpen);\r\n        }\r\n    }\r\n\r\n    private close(): void {\r\n        if (this._modal != undefined) {\r\n            this.isOpen = false;\r\n            // this._modal.close();\r\n\r\n            this.isOpenChange.emit(this.isOpen);\r\n        }\r\n    }\r\n\r\n    public onSecondaryClick(): void {\r\n        if (this._callback) {\r\n            this._callback('secondary', this._callbackData);\r\n        }\r\n        this.secondaryButtonClick.emit();\r\n        this.close();\r\n    }\r\n\r\n    public onPrimaryClick(): void {\r\n        if (this._callback) {\r\n            this._callback('primary', this._callbackData);\r\n        }\r\n        this.primaryButtonClick.emit();\r\n        this.close();\r\n    }\r\n\r\n    public onCloseClick(): void {\r\n        if (this._callback) {\r\n            this._callback('close', this._callbackData);\r\n        }\r\n        this.close();\r\n    }\r\n\r\n    public onCloseEscapeKeypress(): void {\r\n        if (this._callback) {\r\n            this._callback('close', this._callbackData);\r\n        }\r\n        this.close();\r\n    }\r\n\r\n    public onModalClose(): void {\r\n        this.dialogClose.emit();\r\n    }\r\n\r\n    public onModalOpen(): void {\r\n        this.dialogOpen.emit();\r\n        switch (this.autofocusElement) {\r\n            case 'primary':\r\n                this._primaryButton?.nativeElement.focus();\r\n                break;\r\n            case 'secondary':\r\n                this._secondaryButton?.nativeElement.focus();\r\n                break;\r\n            case 'content':\r\n                this._content?.nativeElement.focus();\r\n                break;\r\n            default:\r\n                break;\r\n        }\r\n    }    \r\n\r\n}\r\n\r\n\r\n\r\n","<sds-modal\r\n    #modal\r\n    [modalTitle]=\"dialogTitle || title\"\r\n    [size]=\"size\"\r\n    [modalDialogId]=\"modalDialogId\"\r\n    [showCloseButton]=\"showCloseButton\"\r\n    [showHeader]=\"showHeader\"\r\n    [translations]=\"{ close: closeText}\"\r\n    [autoFocusCloseButton]=\"autofocusElement === 'close'\"\r\n    [closeOnEscape]=\"closeOnEscape\"\r\n    (closeClick)=\"onCloseClick()\"\r\n    (closeEscapeKeypress)=\"onCloseEscapeKeypress()\"\r\n    (modalClose)=\"onModalClose()\"\r\n    (modalOpen)=\"onModalOpen()\"\r\n    [(isOpen)]=\"isOpen\"\r\n>\r\n\r\n    <div #content [attr.tabindex]=\"autofocusElement === 'content' ? 0 : undefined\" >\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <ng-container #footer ngProjectAs='footer'>\r\n        <button\r\n            #secondaryButton\r\n            *ngIf=\"showSecondaryButton\"\r\n            [attr.id]=\"secondaryButtonId\"\r\n            [disabled]=\"secondaryButtonDisabled\"\r\n            class=\"btn\"\r\n            [class]=\"secondaryButtonClass\"\r\n            (click)=\"onSecondaryClick()\"\r\n        >{{secondaryButtonText}}</button>\r\n        <button\r\n            #primaryButton\r\n            *ngIf=\"showPrimaryButton\"\r\n            [attr.id]=\"primaryButtonId\"\r\n            [disabled]=\"primaryButtonDisabled\"\r\n            class=\"btn\"\r\n            [class]=\"primaryButtonClass\"\r\n            (click)=\"onPrimaryClick()\"\r\n        >{{primaryButtonText}}</button>\r\n    </ng-container>\r\n</sds-modal>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}