@spicainternational/ngx-sds-components 6.14.0 → 6.15.0

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

@@ -1 +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/modal.module.ts","../../../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\n\r\n@Component({\r\n    selector: 'sds-modal',\r\n    templateUrl: './modal.component.html',\r\n    styleUrls: ['./modal.component.scss'],\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 false.\r\n     *\r\n     * @memberof SdsModalComponent\r\n     */\r\n    @Input() public isDraggable = false;\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\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})\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 = '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 = '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","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsModalComponent } from './modal.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\nimport { SdsDialogComponent } from './dialog/dialog.component';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { DragDropModule} from '@angular/cdk/drag-drop';\r\n\r\nconst components = [\r\n    SdsModalComponent,\r\n    SdsDialogComponent\r\n];\r\n\r\n@NgModule({\r\n  declarations: [\r\n    ...components\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    A11yModule,\r\n    DragDropModule,\r\n    FontAwesomeModule\r\n  ],\r\n  exports: [\r\n    ...components\r\n]\r\n})\r\nexport class SdsModalModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.SdsModalComponent"],"mappings":"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"}
+{"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/modal.module.ts","../../../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\n\r\n@Component({\r\n    selector: 'sds-modal',\r\n    templateUrl: './modal.component.html',\r\n    styleUrls: ['./modal.component.scss'],\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 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 false.\r\n     *\r\n     * @memberof SdsModalComponent\r\n     */\r\n    @Input() public isDraggable = false;\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 modal-dialog-centered\"\r\n        [class.modal-dialog-scrollable] = \"isScrollable\"\r\n        [class.downsize-continuous] = \"downSizing === 'continuous'\"\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\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})\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 = '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 = '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","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsModalComponent } from './modal.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\nimport { SdsDialogComponent } from './dialog/dialog.component';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { DragDropModule} from '@angular/cdk/drag-drop';\r\n\r\nconst components = [\r\n    SdsModalComponent,\r\n    SdsDialogComponent\r\n];\r\n\r\n@NgModule({\r\n  declarations: [\r\n    ...components\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    A11yModule,\r\n    DragDropModule,\r\n    FontAwesomeModule\r\n  ],\r\n  exports: [\r\n    ...components\r\n]\r\n})\r\nexport class SdsModalModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.SdsModalComponent"],"mappings":"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"}

package/fesm2020/spicainternational-ngx-sds-components-src-lib-table-actions.mjs

@@ -1,30 +1,43 @@
 import * as i0 from '@angular/core';
-import { Component, Input, NgModule } from '@angular/core';
+import { Component, Input, HostBinding, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { faEllipsis } from '@fortawesome/pro-regular-svg-icons';
 import * as i1 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import * as i2 from 'devextreme-angular';
 import { DxPopoverModule } from 'devextreme-angular';
+import * as i3 from 'devextreme-angular/ui/nested';
 
 class SdsTableActionsComponent {
     constructor() {
         this.dropdownIcon = faEllipsis;
-        this.showShadow = false;
+        // @Input() showShadow: boolean = false;
         this.dropDownAutoClose = 'true';
+        this.dropdownMinWidth = '10rem';
+        this.showDropdown = false;
     }
     ngOnInit() { }
+    toggleDropdownMenu() {
+        this.showDropdown = !this.showDropdown;
+    }
+    closeDropdownMenu() {
+        this.showDropdown = false;
+    }
 }
 SdsTableActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsTableActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsTableActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsTableActionsComponent, selector: "sds-table-actions", inputs: { dropdownIcon: "dropdownIcon", showShadow: "showShadow", dropDownAutoClose: "dropDownAutoClose" }, ngImport: i0, template: "\r\n<div class=\"sds-actions-container me-2\">\r\n\r\n    <div class=\"btn-group sds-actions-wrapper\">\r\n        <ng-content select='quickActions'></ng-content>\r\n\r\n        <div class=\"btn-group\">\r\n            <button \r\n                #dropdownButton\r\n                class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\r\n                type=\"button\" \r\n                data-bs-toggle=\"dropdown\" \r\n                [attr.data-bs-auto-close]=\"dropDownAutoClose\"\r\n                aria-expanded=\"false\"\r\n                >\r\n                <fa-icon \r\n                    [icon]=\"dropdownIcon\" \r\n                    [fixedWidth]=\"true\" \r\n                    [size]=\"'sm'\">\r\n                </fa-icon>\r\n            </button>\r\n\r\n            <ul \r\n                class=\"dropdown-menu sds-table-dropdown-menu py-2\"\r\n                [class.shadow]=\"showShadow\"\r\n                >\r\n                <ng-content></ng-content>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["::ng-deep .dx-datagrid-rowsview:has(sds-table-actions){overflow:visible}\n"], dependencies: [{ kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+SdsTableActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsTableActionsComponent, selector: "sds-table-actions", inputs: { dropdownIcon: "dropdownIcon", dropDownAutoClose: "dropDownAutoClose", dropdownMinWidth: "dropdownMinWidth" }, host: { properties: { "class.actions-dropdown-open": "this.showDropdown" } }, ngImport: i0, template: "<div class=\"sds-actions-container me-2\">\r\n    <div class=\"btn-group sds-actions-wrapper\">\r\n        <ng-content select=\"quickActions\"></ng-content>\r\n\r\n        <button\r\n            #dropdownButton\r\n            class=\"sds-actions-dropdown-button sds-btn-table\"\r\n            type=\"button\"\r\n            (click)=\"toggleDropdownMenu()\"\r\n        >\r\n            <fa-icon [icon]=\"dropdownIcon\" [fixedWidth]=\"true\" [size]=\"'sm'\">\r\n            </fa-icon>\r\n        </button>\r\n\r\n        <dx-popover\r\n            [target]=\"dropdownButton\"\r\n            [(visible)]=\"showDropdown\"\r\n            [minWidth]=\"dropdownMinWidth\"\r\n            [wrapperAttr]=\"{ class: 'sds-actions-dropdown' }\"\r\n        >\r\n            <dxo-position\r\n                my=\"right top\"\r\n                at=\"right bottom\"\r\n                [of]=\"dropdownButton\"\r\n            >\r\n                <dxo-offset [y]=\"-7\"></dxo-offset>\r\n            </dxo-position>\r\n\r\n            <ul class=\"sds-table-dropdown-menu\" (click)=\"closeDropdownMenu()\">\r\n                <ng-content></ng-content>\r\n            </ul>\r\n        </dx-popover>\r\n    </div>\r\n</div>\r\n", styles: ["::ng-deep .dx-datagrid-rowsview:has(sds-table-actions){overflow:visible}.sds-actions-dropdown-container{list-style:none}::ng-deep .sds-actions-dropdown .dx-popover-arrow{display:none}::ng-deep .sds-actions-dropdown .dx-popup-content{padding:0rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu{list-style:none;padding-left:0;margin-bottom:.25rem;margin-top:.25rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item{padding:.5rem 1rem;font-size:.9rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item:hover{background-color:var(--bs-gray-200)}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item:active{background-color:var(--bs-primary);color:#fff}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-divider{background-color:var(--bs-border-color-translucent);height:1px;margin-top:.5rem;margin-bottom:.5rem}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open),.sds-row:has(sds-table-actions.actions-dropdown-open){background-color:var(--bs-gray-300)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) td,.sds-row:has(sds-table-actions.actions-dropdown-open) td{background-color:var(--bs-gray-300)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-action-button,::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-action-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button{border-color:var(--bs-gray-500)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button{background-color:var(--bs-gray-200)!important}\n"], dependencies: [{ kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: i2.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i3.DxoPositionComponent, selector: "dxo-position", inputs: ["at", "boundary", "boundaryOffset", "collision", "my", "of", "offset"] }, { kind: "component", type: i3.DxoOffsetComponent, selector: "dxo-offset", inputs: ["x", "y"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsTableActionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-table-actions', template: "\r\n<div class=\"sds-actions-container me-2\">\r\n\r\n    <div class=\"btn-group sds-actions-wrapper\">\r\n        <ng-content select='quickActions'></ng-content>\r\n\r\n        <div class=\"btn-group\">\r\n            <button \r\n                #dropdownButton\r\n                class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\r\n                type=\"button\" \r\n                data-bs-toggle=\"dropdown\" \r\n                [attr.data-bs-auto-close]=\"dropDownAutoClose\"\r\n                aria-expanded=\"false\"\r\n                >\r\n                <fa-icon \r\n                    [icon]=\"dropdownIcon\" \r\n                    [fixedWidth]=\"true\" \r\n                    [size]=\"'sm'\">\r\n                </fa-icon>\r\n            </button>\r\n\r\n            <ul \r\n                class=\"dropdown-menu sds-table-dropdown-menu py-2\"\r\n                [class.shadow]=\"showShadow\"\r\n                >\r\n                <ng-content></ng-content>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["::ng-deep .dx-datagrid-rowsview:has(sds-table-actions){overflow:visible}\n"] }]
+            args: [{ selector: 'sds-table-actions', template: "<div class=\"sds-actions-container me-2\">\r\n    <div class=\"btn-group sds-actions-wrapper\">\r\n        <ng-content select=\"quickActions\"></ng-content>\r\n\r\n        <button\r\n            #dropdownButton\r\n            class=\"sds-actions-dropdown-button sds-btn-table\"\r\n            type=\"button\"\r\n            (click)=\"toggleDropdownMenu()\"\r\n        >\r\n            <fa-icon [icon]=\"dropdownIcon\" [fixedWidth]=\"true\" [size]=\"'sm'\">\r\n            </fa-icon>\r\n        </button>\r\n\r\n        <dx-popover\r\n            [target]=\"dropdownButton\"\r\n            [(visible)]=\"showDropdown\"\r\n            [minWidth]=\"dropdownMinWidth\"\r\n            [wrapperAttr]=\"{ class: 'sds-actions-dropdown' }\"\r\n        >\r\n            <dxo-position\r\n                my=\"right top\"\r\n                at=\"right bottom\"\r\n                [of]=\"dropdownButton\"\r\n            >\r\n                <dxo-offset [y]=\"-7\"></dxo-offset>\r\n            </dxo-position>\r\n\r\n            <ul class=\"sds-table-dropdown-menu\" (click)=\"closeDropdownMenu()\">\r\n                <ng-content></ng-content>\r\n            </ul>\r\n        </dx-popover>\r\n    </div>\r\n</div>\r\n", styles: ["::ng-deep .dx-datagrid-rowsview:has(sds-table-actions){overflow:visible}.sds-actions-dropdown-container{list-style:none}::ng-deep .sds-actions-dropdown .dx-popover-arrow{display:none}::ng-deep .sds-actions-dropdown .dx-popup-content{padding:0rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu{list-style:none;padding-left:0;margin-bottom:.25rem;margin-top:.25rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item{padding:.5rem 1rem;font-size:.9rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item:hover{background-color:var(--bs-gray-200)}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item:active{background-color:var(--bs-primary);color:#fff}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-divider{background-color:var(--bs-border-color-translucent);height:1px;margin-top:.5rem;margin-bottom:.5rem}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open),.sds-row:has(sds-table-actions.actions-dropdown-open){background-color:var(--bs-gray-300)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) td,.sds-row:has(sds-table-actions.actions-dropdown-open) td{background-color:var(--bs-gray-300)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-action-button,::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-action-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button{border-color:var(--bs-gray-500)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button{background-color:var(--bs-gray-200)!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { dropdownIcon: [{
                 type: Input
-            }], showShadow: [{
-                type: Input
             }], dropDownAutoClose: [{
                 type: Input
+            }], dropdownMinWidth: [{
+                type: Input
+            }], showDropdown: [{
+                type: HostBinding,
+                args: ['class.actions-dropdown-open']
             }] } });
 
 class SdsTableActionsModule {

package/fesm2020/spicainternational-ngx-sds-components-src-lib-table-actions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-table-actions.mjs","sources":["../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.ts","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.html","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.module.ts","../../../projects/ngx-sds-components/src/lib/table-actions/spicainternational-ngx-sds-components-src-lib-table-actions.ts"],"sourcesContent":["import { Component, ElementRef, Input, OnChanges, OnInit, Renderer2, SimpleChanges, ViewChild } from '@angular/core';\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\r\nimport { faEllipsis } from '@fortawesome/pro-regular-svg-icons';\r\n\r\n@Component({\r\n    selector: 'sds-table-actions',\r\n    templateUrl: './table-actions.component.html',\r\n    styleUrls: ['./table-actions.component.scss'],\r\n})\r\nexport class SdsTableActionsComponent implements OnInit {\r\n\r\n    @Input() dropdownIcon: IconProp = faEllipsis;\r\n    @Input() showShadow: boolean = false;\r\n    @Input() dropDownAutoClose: 'true' | 'false' | 'inside' | 'outside' = 'true';\r\n\r\n    constructor(\r\n\r\n    ) {}\r\n\r\n    ngOnInit(): void {}\r\n}\r\n","\r\n<div class=\"sds-actions-container me-2\">\r\n\r\n    <div class=\"btn-group sds-actions-wrapper\">\r\n        <ng-content select='quickActions'></ng-content>\r\n\r\n        <div class=\"btn-group\">\r\n            <button \r\n                #dropdownButton\r\n                class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\r\n                type=\"button\" \r\n                data-bs-toggle=\"dropdown\" \r\n                [attr.data-bs-auto-close]=\"dropDownAutoClose\"\r\n                aria-expanded=\"false\"\r\n                >\r\n                <fa-icon \r\n                    [icon]=\"dropdownIcon\" \r\n                    [fixedWidth]=\"true\" \r\n                    [size]=\"'sm'\">\r\n                </fa-icon>\r\n            </button>\r\n\r\n            <ul \r\n                class=\"dropdown-menu sds-table-dropdown-menu py-2\"\r\n                [class.shadow]=\"showShadow\"\r\n                >\r\n                <ng-content></ng-content>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsTableActionsComponent } from './table-actions.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\nimport { DxPopoverModule } from 'devextreme-angular';\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    SdsTableActionsComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FontAwesomeModule,\r\n    DxPopoverModule\r\n  ],\r\n  exports: [\r\n    SdsTableActionsComponent\r\n  ]\r\n})\r\nexport class SdsTableActionsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MASa,wBAAwB,CAAA;AAMjC,IAAA,WAAA,GAAA;QAJS,IAAY,CAAA,YAAA,GAAa,UAAU,CAAC;QACpC,IAAU,CAAA,UAAA,GAAY,KAAK,CAAC;QAC5B,IAAiB,CAAA,iBAAA,GAA4C,MAAM,CAAC;KAIzE;AAEJ,IAAA,QAAQ,MAAW;;sHAVV,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,qKCTrC,kiCA8BM,EAAA,MAAA,EAAA,CAAA,4EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDrBO,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;+BACI,mBAAmB,EAAA,QAAA,EAAA,kiCAAA,EAAA,MAAA,EAAA,CAAA,4EAAA,CAAA,EAAA,CAAA;0EAMpB,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;;;MEQG,qBAAqB,CAAA;;mHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAArB,qBAAqB,EAAA,YAAA,EAAA,CAX9B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;QACZ,iBAAiB;AACjB,QAAA,eAAe,aAGf,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAGf,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAR9B,YAAY;QACZ,iBAAiB;QACjB,eAAe,CAAA,EAAA,CAAA,CAAA;4FAMN,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,iBAAiB;wBACjB,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;AACF,iBAAA,CAAA;;;ACpBD;;AAEG;;;;"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-table-actions.mjs","sources":["../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.ts","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.html","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.module.ts","../../../projects/ngx-sds-components/src/lib/table-actions/spicainternational-ngx-sds-components-src-lib-table-actions.ts"],"sourcesContent":["import { Component, ElementRef, HostBinding, Input, OnChanges, OnInit, Renderer2, SimpleChanges, ViewChild } from '@angular/core';\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\r\nimport { faEllipsis } from '@fortawesome/pro-regular-svg-icons';\r\nimport { HidingEvent } from 'devextreme/ui/popover';\r\n\r\n@Component({\r\n    selector: 'sds-table-actions',\r\n    templateUrl: './table-actions.component.html',\r\n    styleUrls: ['./table-actions.component.scss'],\r\n})\r\nexport class SdsTableActionsComponent implements OnInit {\r\n\r\n    @Input() dropdownIcon: IconProp = faEllipsis;\r\n    // @Input() showShadow: boolean = false;\r\n    @Input() dropDownAutoClose: 'true' | 'false' | 'inside' | 'outside' = 'true';\r\n    @Input() dropdownMinWidth: string = '10rem';\r\n\r\n    @HostBinding('class.actions-dropdown-open') protected showDropdown: boolean = false;\r\n\r\n    constructor(\r\n\r\n    ) {}\r\n\r\n    ngOnInit(): void {}\r\n\r\n    protected toggleDropdownMenu(): void {\r\n        this.showDropdown = !this.showDropdown;\r\n    }\r\n\r\n    protected closeDropdownMenu(): void {\r\n        this.showDropdown = false;\r\n    }\r\n\r\n}\r\n","<div class=\"sds-actions-container me-2\">\r\n    <div class=\"btn-group sds-actions-wrapper\">\r\n        <ng-content select=\"quickActions\"></ng-content>\r\n\r\n        <button\r\n            #dropdownButton\r\n            class=\"sds-actions-dropdown-button sds-btn-table\"\r\n            type=\"button\"\r\n            (click)=\"toggleDropdownMenu()\"\r\n        >\r\n            <fa-icon [icon]=\"dropdownIcon\" [fixedWidth]=\"true\" [size]=\"'sm'\">\r\n            </fa-icon>\r\n        </button>\r\n\r\n        <dx-popover\r\n            [target]=\"dropdownButton\"\r\n            [(visible)]=\"showDropdown\"\r\n            [minWidth]=\"dropdownMinWidth\"\r\n            [wrapperAttr]=\"{ class: 'sds-actions-dropdown' }\"\r\n        >\r\n            <dxo-position\r\n                my=\"right top\"\r\n                at=\"right bottom\"\r\n                [of]=\"dropdownButton\"\r\n            >\r\n                <dxo-offset [y]=\"-7\"></dxo-offset>\r\n            </dxo-position>\r\n\r\n            <ul class=\"sds-table-dropdown-menu\" (click)=\"closeDropdownMenu()\">\r\n                <ng-content></ng-content>\r\n            </ul>\r\n        </dx-popover>\r\n    </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsTableActionsComponent } from './table-actions.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\nimport { DxPopoverModule } from 'devextreme-angular';\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    SdsTableActionsComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FontAwesomeModule,\r\n    DxPopoverModule\r\n  ],\r\n  exports: [\r\n    SdsTableActionsComponent\r\n  ]\r\n})\r\nexport class SdsTableActionsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spicainternational/ngx-sds-components",
-  "version": "6.14.0",
+  "version": "6.15.0",
   "license": "MIT",
   "description": "Spica design system angular components.",
   "peerDependencies": {

package/src/lib/drawer/drawer.component.d.ts

@@ -1,10 +1,15 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SdsDrawerComponent {
     isOpen: boolean;
-    isOpenChange: EventEmitter<boolean>;
     width: string;
     position: 'start' | 'end' | 'top' | 'bottom';
+    drawerClass: boolean;
+    get drawerEnd(): boolean;
+    get drawerStart(): boolean;
+    get drawerTop(): boolean;
+    get drawerBottom(): boolean;
+    get show(): boolean;
+    get drawerWidth(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsDrawerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdsDrawerComponent, "sds-drawer", never, { "isOpen": "isOpen"; "width": "width"; "position": "position"; }, { "isOpenChange": "isOpenChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsDrawerComponent, "sds-drawer", never, { "isOpen": "isOpen"; "width": "width"; "position": "position"; }, {}, never, ["*"], false, never>;
 }

package/src/lib/modal/modal.component.d.ts

@@ -12,7 +12,6 @@ export declare class SdsModalComponent implements OnInit, OnChanges {
     autoFocusCloseButton: boolean;
     translations: ModalTranslations;
     isScrollable: boolean;
-    isVerticallyCentered: boolean;
     closeOnEscape: boolean;
     downSizing: 'discrete' | 'continuous';
     /**
@@ -50,5 +49,5 @@ export declare class SdsModalComponent implements OnInit, OnChanges {
     onCloseButtonClick(): void;
     onKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdsModalComponent, "sds-modal", never, { "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"; }, { "modalOpen": "modalOpen"; "modalClose": "modalClose"; "closeClick": "closeClick"; "closeEscapeKeypress": "closeEscapeKeypress"; "isOpenChange": "isOpenChange"; }, ["headerContent"], ["header", "*", "footer"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsModalComponent, "sds-modal", never, { "modalTitle": "modalTitle"; "showHeader": "showHeader"; "showFooter": "showFooter"; "size": "size"; "modalDialogId": "modalDialogId"; "showCloseButton": "showCloseButton"; "autoFocusCloseButton": "autoFocusCloseButton"; "translations": "translations"; "isScrollable": "isScrollable"; "closeOnEscape": "closeOnEscape"; "downSizing": "downSizing"; "isDraggable": "isDraggable"; "isDragConstrained": "isDragConstrained"; "isOpen": "isOpen"; }, { "modalOpen": "modalOpen"; "modalClose": "modalClose"; "closeClick": "closeClick"; "closeEscapeKeypress": "closeEscapeKeypress"; "isOpenChange": "isOpenChange"; }, ["headerContent"], ["header", "*", "footer"], false, never>;
 }

package/src/lib/table-actions/table-actions.component.d.ts

@@ -3,10 +3,13 @@ import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import * as i0 from "@angular/core";
 export declare class SdsTableActionsComponent implements OnInit {
     dropdownIcon: IconProp;
-    showShadow: boolean;
     dropDownAutoClose: 'true' | 'false' | 'inside' | 'outside';
+    dropdownMinWidth: string;
+    protected showDropdown: boolean;
     constructor();
     ngOnInit(): void;
+    protected toggleDropdownMenu(): void;
+    protected closeDropdownMenu(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsTableActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdsTableActionsComponent, "sds-table-actions", never, { "dropdownIcon": "dropdownIcon"; "showShadow": "showShadow"; "dropDownAutoClose": "dropDownAutoClose"; }, {}, never, ["quickActions", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsTableActionsComponent, "sds-table-actions", never, { "dropdownIcon": "dropdownIcon"; "dropDownAutoClose": "dropDownAutoClose"; "dropdownMinWidth": "dropdownMinWidth"; }, {}, never, ["quickActions", "*"], false, never>;
 }