tyrell-components 1.0.0-TC48 → 1.0.0-TC49

package/lib/components/modal.d.ts

@@ -56,6 +56,10 @@ export declare class TyModal extends HTMLElement {
     set closeOnOutsideClick(v: boolean);
     get closeOnEscape(): boolean;
     set closeOnEscape(v: boolean);
+    get preventOutsideClick(): boolean;
+    set preventOutsideClick(v: boolean);
+    get preventEscape(): boolean;
+    set preventEscape(v: boolean);
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;

package/lib/components/modal.js

@@ -23,12 +23,16 @@ function getModalAttributes(el) {
     return {
         open: parseBoolAttr(el, 'open'),
         backdrop: el.hasAttribute('backdrop') ? parseBoolAttr(el, 'backdrop') : true,
-        closeOnOutsideClick: el.hasAttribute('close-on-outside-click')
-            ? parseBoolAttr(el, 'close-on-outside-click')
-            : true,
-        closeOnEscape: el.hasAttribute('close-on-escape')
-            ? parseBoolAttr(el, 'close-on-escape')
-            : true,
+        closeOnOutsideClick: parseBoolAttr(el, 'prevent-outside-click')
+            ? false
+            : el.hasAttribute('close-on-outside-click')
+                ? parseBoolAttr(el, 'close-on-outside-click')
+                : true,
+        closeOnEscape: parseBoolAttr(el, 'prevent-escape')
+            ? false
+            : el.hasAttribute('close-on-escape')
+                ? parseBoolAttr(el, 'close-on-escape')
+                : true,
     };
 }
 function getModalDialog(shadowRoot) {
@@ -156,6 +160,14 @@ function setupEscapeKey(el, dialog, enabled) {
         escapeKeyHandlers.set(el, handler);
         dialog.addEventListener('keydown', handler);
     }
+    else {
+        const handler = (e) => {
+            if (e.key === 'Escape')
+                e.preventDefault();
+        };
+        escapeKeyHandlers.set(el, handler);
+        dialog.addEventListener('keydown', handler);
+    }
 }
 function setupCloseButton(el, dialog, showButton) {
     const closeButton = dialog.querySelector('.close-button');
@@ -321,7 +333,7 @@ function cleanup(el) {
 }
 export class TyModal extends HTMLElement {
     static get observedAttributes() {
-        return ['open', 'backdrop', 'close-on-outside-click', 'close-on-escape', 'label'];
+        return ['open', 'backdrop', 'close-on-outside-click', 'close-on-escape', 'prevent-outside-click', 'prevent-escape', 'label'];
     }
     get open() { return parseBoolAttr(this, 'open'); }
     set open(v) { v ? this.setAttribute('open', 'true') : this.removeAttribute('open'); }
@@ -331,6 +343,14 @@ export class TyModal extends HTMLElement {
     set closeOnOutsideClick(v) { this.setAttribute('close-on-outside-click', String(!!v)); }
     get closeOnEscape() { return getModalAttributes(this).closeOnEscape; }
     set closeOnEscape(v) { this.setAttribute('close-on-escape', String(!!v)); }
+    get preventOutsideClick() { return parseBoolAttr(this, 'prevent-outside-click'); }
+    set preventOutsideClick(v) {
+        v ? this.setAttribute('prevent-outside-click', '') : this.removeAttribute('prevent-outside-click');
+    }
+    get preventEscape() { return parseBoolAttr(this, 'prevent-escape'); }
+    set preventEscape(v) {
+        v ? this.setAttribute('prevent-escape', '') : this.removeAttribute('prevent-escape');
+    }
     constructor() {
         super();
         this.attachShadow({ mode: 'open' });

package/lib/version.d.ts

@@ -4,4 +4,4 @@
  * This is automatically synced with package.json during build.
  * Use `npm version` to bump versions.
  */
-export declare const VERSION = "1.0.0-TC48";
+export declare const VERSION = "1.0.0-TC49";

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '1.0.0-TC48';
+export const VERSION = '1.0.0-TC49';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tyrell-components",
-  "version": "1.0.0-TC48",
+  "version": "1.0.0-TC49",
   "description": "Tyrell Components - Framework-agnostic web components with semantic design system",
   "type": "module",
   "sideEffects": [