@scania/tegel 1.30.0 → 1.31.1-feat-button-name-attribute-beta.0

package/dist/collection/components/modal/modal.js

@@ -11,11 +11,16 @@ export class TdsModal {
         this.handleClose = (event) => {
             const closeEvent = this.tdsClose.emit(event);
             this.returnFocusOnClose();
-            if (!closeEvent.defaultPrevented) {
-                this.isShown = false;
+            if (closeEvent.defaultPrevented) {
+                return;
             }
+            this.isShown = false;
         };
         this.handleShow = () => {
+            const showEvent = this.tdsOpen.emit();
+            if (showEvent.defaultPrevented) {
+                return;
+            }
             this.isShown = true;
         };
         /** Checks if click on Modal is on overlay, if so it closes the Modal if prevent is not true. */
@@ -80,6 +85,10 @@ export class TdsModal {
         this.isShown = false;
         this.returnFocusOnClose();
     }
+    /** Returns the current open state of the Modal. */
+    async isOpen() {
+        return this.isShown;
+    }
     connectedCallback() {
         if (this.closable === undefined) {
             this.closable = true;
@@ -196,10 +205,10 @@ export class TdsModal {
         const usesActionsSlot = hasSlot('actions', this.host);
         const headerId = this.header ? `tds-modal-header-${generateUniqueId()}` : undefined;
         const bodyId = `tds-modal-body-${generateUniqueId()}`;
-        return (h(Host, { key: 'b6fb1dda221f31cf3491d6f00c94c0afc71f202d', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
+        return (h(Host, { key: '2d39760de58fd957585e4370aa88447d85249eca', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
                 show: this.isShown,
                 hide: !this.isShown,
-            }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: 'c684d1abcbf62e14ab2ea677c99d5da262aa7796', class: "tds-modal-backdrop" }), h("div", { key: '4f6c74bba05c15ff7c5e63759b71e8414b122d01', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '2c8d39f0ff25d0e2496039c90793fd76897d8c8f', id: headerId, class: "header" }, this.header && h("div", { key: '35947f6bd06b54a2ea6f8cdbfde9d8374b17f250', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: '3149db0af6218f90723e95345da1fd705c3d121e', name: "header" }), this.closable && (h("button", { key: 'e0f1c8afdbb2e4e7bd08933f7becf6b7b042267b', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: 'b650bf57c65e3314ce5e73963393f9b53fe7e191', name: "cross", size: "20px" })))), h("div", { key: '94992a62e1d75d0decf7583e5d97d498a8f0ce16', id: bodyId, class: "body" }, h("slot", { key: '3d7efacca7e0124c8344050e9d34523971e77448', name: "body" })), usesActionsSlot && h("slot", { key: '735a622c7218961ec631585595485e7722907c6b', name: "actions" }))));
+            }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: '5eeaf5c29529bf77ddde4892067f13d312d1bba7', class: "tds-modal-backdrop" }), h("div", { key: '8a6ccd911dfec947a809320a0631d5f9904ef78d', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: 'b7c760ebded4e98319cec75c161002a579316902', id: headerId, class: "header" }, this.header && h("div", { key: 'db14e71913052ba5367ab95a41a366c7f2dea4a3', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: '62b394718c78e564fd50e7ff3328e637a63679e6', name: "header" }), this.closable && (h("button", { key: '9ff8ad81be4f72ee6a298a9ba39a1024269d3ec2', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: 'b34b8a55c7f5c65ce7a3fdee6114c66ee4ab82c3', name: "cross", size: "20px" })))), h("div", { key: 'ab04e506dd94c69d8f91fb774fa85f355f3629d4', id: bodyId, class: "body" }, h("slot", { key: 'f4a8e2377b4cae3a9c4fa1032e896b0b0c58a06a', name: "body" })), usesActionsSlot && h("slot", { key: '09137d7c8b81f91dbf419b10c8a085de25df1272', name: "actions" }))));
     }
     static get is() { return "tds-modal"; }
     static get encapsulation() { return "shadow"; }
@@ -400,6 +409,21 @@ export class TdsModal {
                     "resolved": "any",
                     "references": {}
                 }
+            }, {
+                "method": "tdsOpen",
+                "name": "tdsOpen",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emits just before Modal is opened."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
             }];
     }
     static get methods() {
@@ -438,6 +462,23 @@ export class TdsModal {
                     "tags": []
                 }
             },
+            "isOpen": {
+                "complexType": {
+                    "signature": "() => Promise<boolean>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<boolean>"
+                },
+                "docs": {
+                    "text": "Returns the current open state of the Modal.",
+                    "tags": []
+                }
+            },
             "initializeModal": {
                 "complexType": {
                     "signature": "() => Promise<void>",