@scania/tegel 1.29.0-fix-modal-reference-element-beta.1 → 1.29.0-fix-modal-reference-element-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/cjs/tds-modal.cjs.entry.js +13 -7
  2. package/dist/collection/components/modal/modal.js +13 -7
  3. package/dist/components/tds-modal.js +13 -7
  4. package/dist/esm/tds-modal.entry.js +13 -7
  5. package/dist/tegel/p-1c0c284b.entry.js +1 -0
  6. package/dist/tegel/tegel.esm.js +1 -1
  7. package/package.json +1 -1
  8. package/dist/tegel/p-5480bed7.entry.js +0 -1
package/dist/cjs/tds-modal.cjs.entry.js CHANGED
@@ -97,7 +97,7 @@ const TdsModal = class {
97
97
  console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. ");
98
98
  }
99
99
  if (!this.selector && !this.referenceEl) {
100
- console.warn('Tegel Modal component: please provide a selector or referenceEl prop to to reference the element used to show the modal');
100
+ console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.');
101
101
  }
102
102
  }
103
103
  componentWillLoad() {
@@ -131,11 +131,17 @@ const TdsModal = class {
131
131
  return; // no element to return focus to
132
132
  }
133
133
  const potentialReferenceElements = ['BUTTON', 'A', 'INPUT'];
134
- // If referenced element is a custom element eg: tds-button we find the interactive element inside
135
- if (potentialReferenceElements.indexOf(referenceElement.tagName) < 0) {
136
- referenceElement = referenceElement.querySelectorAll(potentialReferenceElements.join(','))[0];
134
+ const isNativeFocusable = potentialReferenceElements.includes(referenceElement.tagName);
135
+ if (isNativeFocusable) {
136
+ referenceElement.focus();
137
+ }
138
+ else {
139
+ // If referenced element is a custom element eg: tds-button we find the interactive element inside:
140
+ const interactiveElement = referenceElement.querySelector(potentialReferenceElements.join(','));
141
+ if (interactiveElement) {
142
+ interactiveElement.focus();
143
+ }
137
144
  }
138
- referenceElement.focus();
139
145
  }
140
146
  getFocusableElements() {
141
147
  const focusableSelectors = [
@@ -195,10 +201,10 @@ const TdsModal = class {
195
201
  const usesActionsSlot = hasSlot.hasSlot('actions', this.host);
196
202
  const headerId = this.header ? `tds-modal-header-${generateUniqueId.generateUniqueId()}` : undefined;
197
203
  const bodyId = `tds-modal-body-${generateUniqueId.generateUniqueId()}`;
198
- return (index.h(index.Host, { key: 'ff2f27bf17410ccc52e52ab8d649cb0c78a1a8bc', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
204
+ return (index.h(index.Host, { key: '69513d4841b1f183e585631cf908d9db4a3d4090', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
199
205
  show: this.isShown,
200
206
  hide: !this.isShown,
201
- }, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: '8e1694c44fab7d3697025533decb02335ef55e05', class: "tds-modal-backdrop" }), index.h("div", { key: '4c37a8d39f27b915df2bffd90aaed5d5d1dfc9cb', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, index.h("div", { key: '3f60bffdf0299c912c075f4868536df3f77a94a6', id: headerId, class: "header" }, this.header && index.h("div", { key: '729335cf8b3b2d4b89bbe007f8bedd82e9c30ce3', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: '09010372e2c919bc28be461dc97437bb12b40e3a', name: "header" }), this.closable && (index.h("button", { key: '36fb45403e377de39a1075560972123af301fad0', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: '5be71f963fbe524c3c5d69a0271f60328cb5222c', name: "cross", size: "20px" })))), index.h("div", { key: '560ae3fabc96031c19ec379066c8a9a4b5c51f64', id: bodyId, class: "body" }, index.h("slot", { key: '909766e2c4e722075427f78b209af91362334e18', name: "body" })), usesActionsSlot && index.h("slot", { key: '5c991ff39bf9d8d52e327362880341d4ed9ed487', name: "actions" }))));
207
+ }, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: 'a3b0008d95219d905b2a2181a7a5bf2621bee424', class: "tds-modal-backdrop" }), index.h("div", { key: '6093229552cec6db2daa02e0075396d647aebbfe', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, index.h("div", { key: '03860fe11a102979eb303079706a71ff9a09f26e', id: headerId, class: "header" }, this.header && index.h("div", { key: '97aad36c9778d81f4ab4abf1e772b357948cc2b7', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: 'e3815acb94f296534f8af66b7fa3f0c7b94ac87f', name: "header" }), this.closable && (index.h("button", { key: '38c1d1eb933a54da361f4d4db7a6f0e27231bf09', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: '4172b72fc0d6364a084b1b566f544de5fc9f2297', name: "cross", size: "20px" })))), index.h("div", { key: '2983cbc611026f5a4f8113c6401c5e4ddab16974', id: bodyId, class: "body" }, index.h("slot", { key: 'f429ffd8d2f73986b026ff9a75c6e8aa7dcbc8b7', name: "body" })), usesActionsSlot && index.h("slot", { key: 'f03881eb0365a95fb3540f512b56ea84823532ee', name: "actions" }))));
202
208
  }
203
209
  get host() { return index.getElement(this); }
204
210
  };
package/dist/collection/components/modal/modal.js CHANGED
@@ -92,7 +92,7 @@ export class TdsModal {
92
92
  console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. ");
93
93
  }
94
94
  if (!this.selector && !this.referenceEl) {
95
- console.warn('Tegel Modal component: please provide a selector or referenceEl prop to to reference the element used to show the modal');
95
+ console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.');
96
96
  }
97
97
  }
98
98
  componentWillLoad() {
@@ -126,11 +126,17 @@ export class TdsModal {
126
126
  return; // no element to return focus to
127
127
  }
128
128
  const potentialReferenceElements = ['BUTTON', 'A', 'INPUT'];
129
- // If referenced element is a custom element eg: tds-button we find the interactive element inside
130
- if (potentialReferenceElements.indexOf(referenceElement.tagName) < 0) {
131
- referenceElement = referenceElement.querySelectorAll(potentialReferenceElements.join(','))[0];
129
+ const isNativeFocusable = potentialReferenceElements.includes(referenceElement.tagName);
130
+ if (isNativeFocusable) {
131
+ referenceElement.focus();
132
+ }
133
+ else {
134
+ // If referenced element is a custom element eg: tds-button we find the interactive element inside:
135
+ const interactiveElement = referenceElement.querySelector(potentialReferenceElements.join(','));
136
+ if (interactiveElement) {
137
+ interactiveElement.focus();
138
+ }
132
139
  }
133
- referenceElement.focus();
134
140
  }
135
141
  getFocusableElements() {
136
142
  const focusableSelectors = [
@@ -190,10 +196,10 @@ export class TdsModal {
190
196
  const usesActionsSlot = hasSlot('actions', this.host);
191
197
  const headerId = this.header ? `tds-modal-header-${generateUniqueId()}` : undefined;
192
198
  const bodyId = `tds-modal-body-${generateUniqueId()}`;
193
- return (h(Host, { key: 'ff2f27bf17410ccc52e52ab8d649cb0c78a1a8bc', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
199
+ return (h(Host, { key: '69513d4841b1f183e585631cf908d9db4a3d4090', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
194
200
  show: this.isShown,
195
201
  hide: !this.isShown,
196
- }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: '8e1694c44fab7d3697025533decb02335ef55e05', class: "tds-modal-backdrop" }), h("div", { key: '4c37a8d39f27b915df2bffd90aaed5d5d1dfc9cb', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '3f60bffdf0299c912c075f4868536df3f77a94a6', id: headerId, class: "header" }, this.header && h("div", { key: '729335cf8b3b2d4b89bbe007f8bedd82e9c30ce3', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: '09010372e2c919bc28be461dc97437bb12b40e3a', name: "header" }), this.closable && (h("button", { key: '36fb45403e377de39a1075560972123af301fad0', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: '5be71f963fbe524c3c5d69a0271f60328cb5222c', name: "cross", size: "20px" })))), h("div", { key: '560ae3fabc96031c19ec379066c8a9a4b5c51f64', id: bodyId, class: "body" }, h("slot", { key: '909766e2c4e722075427f78b209af91362334e18', name: "body" })), usesActionsSlot && h("slot", { key: '5c991ff39bf9d8d52e327362880341d4ed9ed487', name: "actions" }))));
202
+ }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: 'a3b0008d95219d905b2a2181a7a5bf2621bee424', class: "tds-modal-backdrop" }), h("div", { key: '6093229552cec6db2daa02e0075396d647aebbfe', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '03860fe11a102979eb303079706a71ff9a09f26e', id: headerId, class: "header" }, this.header && h("div", { key: '97aad36c9778d81f4ab4abf1e772b357948cc2b7', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: 'e3815acb94f296534f8af66b7fa3f0c7b94ac87f', name: "header" }), this.closable && (h("button", { key: '38c1d1eb933a54da361f4d4db7a6f0e27231bf09', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: '4172b72fc0d6364a084b1b566f544de5fc9f2297', name: "cross", size: "20px" })))), h("div", { key: '2983cbc611026f5a4f8113c6401c5e4ddab16974', id: bodyId, class: "body" }, h("slot", { key: 'f429ffd8d2f73986b026ff9a75c6e8aa7dcbc8b7', name: "body" })), usesActionsSlot && h("slot", { key: 'f03881eb0365a95fb3540f512b56ea84823532ee', name: "actions" }))));
197
203
  }
198
204
  static get is() { return "tds-modal"; }
199
205
  static get encapsulation() { return "shadow"; }
package/dist/components/tds-modal.js CHANGED
@@ -96,7 +96,7 @@ const TdsModal$1 = /*@__PURE__*/ proxyCustomElement(class TdsModal extends H {
96
96
  console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. ");
97
97
  }
98
98
  if (!this.selector && !this.referenceEl) {
99
- console.warn('Tegel Modal component: please provide a selector or referenceEl prop to to reference the element used to show the modal');
99
+ console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.');
100
100
  }
101
101
  }
102
102
  componentWillLoad() {
@@ -130,11 +130,17 @@ const TdsModal$1 = /*@__PURE__*/ proxyCustomElement(class TdsModal extends H {
130
130
  return; // no element to return focus to
131
131
  }
132
132
  const potentialReferenceElements = ['BUTTON', 'A', 'INPUT'];
133
- // If referenced element is a custom element eg: tds-button we find the interactive element inside
134
- if (potentialReferenceElements.indexOf(referenceElement.tagName) < 0) {
135
- referenceElement = referenceElement.querySelectorAll(potentialReferenceElements.join(','))[0];
133
+ const isNativeFocusable = potentialReferenceElements.includes(referenceElement.tagName);
134
+ if (isNativeFocusable) {
135
+ referenceElement.focus();
136
+ }
137
+ else {
138
+ // If referenced element is a custom element eg: tds-button we find the interactive element inside:
139
+ const interactiveElement = referenceElement.querySelector(potentialReferenceElements.join(','));
140
+ if (interactiveElement) {
141
+ interactiveElement.focus();
142
+ }
136
143
  }
137
- referenceElement.focus();
138
144
  }
139
145
  getFocusableElements() {
140
146
  const focusableSelectors = [
@@ -194,10 +200,10 @@ const TdsModal$1 = /*@__PURE__*/ proxyCustomElement(class TdsModal extends H {
194
200
  const usesActionsSlot = hasSlot('actions', this.host);
195
201
  const headerId = this.header ? `tds-modal-header-${generateUniqueId()}` : undefined;
196
202
  const bodyId = `tds-modal-body-${generateUniqueId()}`;
197
- return (h(Host, { key: 'ff2f27bf17410ccc52e52ab8d649cb0c78a1a8bc', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
203
+ return (h(Host, { key: '69513d4841b1f183e585631cf908d9db4a3d4090', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
198
204
  show: this.isShown,
199
205
  hide: !this.isShown,
200
- }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: '8e1694c44fab7d3697025533decb02335ef55e05', class: "tds-modal-backdrop" }), h("div", { key: '4c37a8d39f27b915df2bffd90aaed5d5d1dfc9cb', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '3f60bffdf0299c912c075f4868536df3f77a94a6', id: headerId, class: "header" }, this.header && h("div", { key: '729335cf8b3b2d4b89bbe007f8bedd82e9c30ce3', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: '09010372e2c919bc28be461dc97437bb12b40e3a', name: "header" }), this.closable && (h("button", { key: '36fb45403e377de39a1075560972123af301fad0', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: '5be71f963fbe524c3c5d69a0271f60328cb5222c', name: "cross", size: "20px" })))), h("div", { key: '560ae3fabc96031c19ec379066c8a9a4b5c51f64', id: bodyId, class: "body" }, h("slot", { key: '909766e2c4e722075427f78b209af91362334e18', name: "body" })), usesActionsSlot && h("slot", { key: '5c991ff39bf9d8d52e327362880341d4ed9ed487', name: "actions" }))));
206
+ }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: 'a3b0008d95219d905b2a2181a7a5bf2621bee424', class: "tds-modal-backdrop" }), h("div", { key: '6093229552cec6db2daa02e0075396d647aebbfe', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '03860fe11a102979eb303079706a71ff9a09f26e', id: headerId, class: "header" }, this.header && h("div", { key: '97aad36c9778d81f4ab4abf1e772b357948cc2b7', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: 'e3815acb94f296534f8af66b7fa3f0c7b94ac87f', name: "header" }), this.closable && (h("button", { key: '38c1d1eb933a54da361f4d4db7a6f0e27231bf09', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: '4172b72fc0d6364a084b1b566f544de5fc9f2297', name: "cross", size: "20px" })))), h("div", { key: '2983cbc611026f5a4f8113c6401c5e4ddab16974', id: bodyId, class: "body" }, h("slot", { key: 'f429ffd8d2f73986b026ff9a75c6e8aa7dcbc8b7', name: "body" })), usesActionsSlot && h("slot", { key: 'f03881eb0365a95fb3540f512b56ea84823532ee', name: "actions" }))));
201
207
  }
202
208
  get host() { return this; }
203
209
  static get style() { return TdsModalStyle0; }
package/dist/esm/tds-modal.entry.js CHANGED
@@ -93,7 +93,7 @@ const TdsModal = class {
93
93
  console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. ");
94
94
  }
95
95
  if (!this.selector && !this.referenceEl) {
96
- console.warn('Tegel Modal component: please provide a selector or referenceEl prop to to reference the element used to show the modal');
96
+ console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.');
97
97
  }
98
98
  }
99
99
  componentWillLoad() {
@@ -127,11 +127,17 @@ const TdsModal = class {
127
127
  return; // no element to return focus to
128
128
  }
129
129
  const potentialReferenceElements = ['BUTTON', 'A', 'INPUT'];
130
- // If referenced element is a custom element eg: tds-button we find the interactive element inside
131
- if (potentialReferenceElements.indexOf(referenceElement.tagName) < 0) {
132
- referenceElement = referenceElement.querySelectorAll(potentialReferenceElements.join(','))[0];
130
+ const isNativeFocusable = potentialReferenceElements.includes(referenceElement.tagName);
131
+ if (isNativeFocusable) {
132
+ referenceElement.focus();
133
+ }
134
+ else {
135
+ // If referenced element is a custom element eg: tds-button we find the interactive element inside:
136
+ const interactiveElement = referenceElement.querySelector(potentialReferenceElements.join(','));
137
+ if (interactiveElement) {
138
+ interactiveElement.focus();
139
+ }
133
140
  }
134
- referenceElement.focus();
135
141
  }
136
142
  getFocusableElements() {
137
143
  const focusableSelectors = [
@@ -191,10 +197,10 @@ const TdsModal = class {
191
197
  const usesActionsSlot = hasSlot('actions', this.host);
192
198
  const headerId = this.header ? `tds-modal-header-${generateUniqueId()}` : undefined;
193
199
  const bodyId = `tds-modal-body-${generateUniqueId()}`;
194
- return (h(Host, { key: 'ff2f27bf17410ccc52e52ab8d649cb0c78a1a8bc', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
200
+ return (h(Host, { key: '69513d4841b1f183e585631cf908d9db4a3d4090', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
195
201
  show: this.isShown,
196
202
  hide: !this.isShown,
197
- }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: '8e1694c44fab7d3697025533decb02335ef55e05', class: "tds-modal-backdrop" }), h("div", { key: '4c37a8d39f27b915df2bffd90aaed5d5d1dfc9cb', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '3f60bffdf0299c912c075f4868536df3f77a94a6', id: headerId, class: "header" }, this.header && h("div", { key: '729335cf8b3b2d4b89bbe007f8bedd82e9c30ce3', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: '09010372e2c919bc28be461dc97437bb12b40e3a', name: "header" }), this.closable && (h("button", { key: '36fb45403e377de39a1075560972123af301fad0', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: '5be71f963fbe524c3c5d69a0271f60328cb5222c', name: "cross", size: "20px" })))), h("div", { key: '560ae3fabc96031c19ec379066c8a9a4b5c51f64', id: bodyId, class: "body" }, h("slot", { key: '909766e2c4e722075427f78b209af91362334e18', name: "body" })), usesActionsSlot && h("slot", { key: '5c991ff39bf9d8d52e327362880341d4ed9ed487', name: "actions" }))));
203
+ }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: 'a3b0008d95219d905b2a2181a7a5bf2621bee424', class: "tds-modal-backdrop" }), h("div", { key: '6093229552cec6db2daa02e0075396d647aebbfe', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '03860fe11a102979eb303079706a71ff9a09f26e', id: headerId, class: "header" }, this.header && h("div", { key: '97aad36c9778d81f4ab4abf1e772b357948cc2b7', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: 'e3815acb94f296534f8af66b7fa3f0c7b94ac87f', name: "header" }), this.closable && (h("button", { key: '38c1d1eb933a54da361f4d4db7a6f0e27231bf09', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: '4172b72fc0d6364a084b1b566f544de5fc9f2297', name: "cross", size: "20px" })))), h("div", { key: '2983cbc611026f5a4f8113c6401c5e4ddab16974', id: bodyId, class: "body" }, h("slot", { key: 'f429ffd8d2f73986b026ff9a75c6e8aa7dcbc8b7', name: "body" })), usesActionsSlot && h("slot", { key: 'f03881eb0365a95fb3540f512b56ea84823532ee', name: "actions" }))));
198
204
  }
199
205
  get host() { return getElement(this); }
200
206
  };
package/dist/tegel/p-1c0c284b.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as t,c as o,h as s,H as a,g as d}from"./p-2049fab2.js";import{h as i}from"./p-ae110fc2.js";import{g as e}from"./p-11648030.js";const r=class{constructor(s){t(this,s),this.tdsClose=o(this,"tdsClose",7),this.handleClose=t=>{const o=this.tdsClose.emit(t);this.returnFocusOnClose(),o.defaultPrevented||(this.isShown=!1)},this.handleShow=()=>{this.isShown=!0},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]||"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)},this.header=void 0,this.prevent=!1,this.size="md",this.actionsPosition="static",this.selector=void 0,this.referenceEl=void 0,this.show=void 0,this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0}async showModal(){this.isShown=!0,requestAnimationFrame((()=>{const t=this.getFocusableElements();t.length>0&&(t[0].focus(),this.activeElementIndex=0)}))}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}connectedCallback(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&i("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. "),this.selector||this.referenceEl||console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.')}componentWillLoad(){this.initializeModal()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;let o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);if(!o)return;const s=["BUTTON","A","INPUT"];if(s.includes(o.tagName))o.focus();else{const t=o.querySelector(s.join(","));t&&t.focus()}}getFocusableElements(){const t=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");return[...Array.from(this.host.shadowRoot.querySelectorAll(t)),...Array.from(this.host.querySelectorAll(t))]}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey||(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=i("header",this.host),o=i("actions",this.host),d=this.header?`tds-modal-header-${e()}`:void 0,r=`tds-modal-body-${e()}`;return s(a,{key:"69513d4841b1f183e585631cf908d9db4a3d4090",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":r,"aria-labelledby":d,class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},s("div",{key:"a3b0008d95219d905b2a2181a7a5bf2621bee424",class:"tds-modal-backdrop"}),s("div",{key:"6093229552cec6db2daa02e0075396d647aebbfe",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`},s("div",{key:"03860fe11a102979eb303079706a71ff9a09f26e",id:d,class:"header"},this.header&&s("div",{key:"97aad36c9778d81f4ab4abf1e772b357948cc2b7",class:"header-text"},this.header),t&&s("slot",{key:"e3815acb94f296534f8af66b7fa3f0c7b94ac87f",name:"header"}),this.closable&&s("button",{key:"38c1d1eb933a54da361f4d4db7a6f0e27231bf09",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},s("tds-icon",{key:"4172b72fc0d6364a084b1b566f544de5fc9f2297",name:"cross",size:"20px"}))),s("div",{key:"2983cbc611026f5a4f8113c6401c5e4ddab16974",id:r,class:"body"},s("slot",{key:"f429ffd8d2f73986b026ff9a75c6e8aa7dcbc8b7",name:"body"})),o&&s("slot",{key:"f03881eb0365a95fb3540f512b56ea84823532ee",name:"actions"})))}get host(){return d(this)}};r.style=".tds-modal{box-sizing:border-box;background-color:var(--background-elevation-layer-02);margin:auto;position:relative;border-radius:var(--radius-narrow);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal::-webkit-scrollbar{width:6px;background-color:transparent}.tds-modal::-webkit-scrollbar-track{background-color:transparent}.tds-modal::-webkit-scrollbar-thumb{background-color:var(--foreground-elements-transparparent-discrete);border-radius:3px}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--background-elevation-layer-02);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--background-elevation-layer-02);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:16px;position:sticky;top:0;background-color:var(--background-elevation-layer-02);z-index:1}.header,slot[name=header]::slotted(*){font-family:var(--headline-05-font-family);font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);font-weight:var(--headline-05-font-weight);letter-spacing:var(--headline-05-letter-spacing);text-transform:var(--headline-05-text-transform);color:var(--foreground-text-strong);margin:0;flex:1}.body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--foreground-text-strong);overflow-y:visible;padding:0 16px 16px}.body::-webkit-scrollbar{width:6px;background-color:transparent}.body::-webkit-scrollbar-track{background-color:transparent}.body::-webkit-scrollbar-thumb{background-color:var(--foreground-elements-transparparent-discrete);border-radius:3px}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--background-elevation-scrim);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--foreground-text-strong);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--foreground-text-strong)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}";export{r as tds_modal}
package/dist/tegel/tegel.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as e,b as a}from"./p-2049fab2.js";export{s as setNonce}from"./p-2049fab2.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a(JSON.parse('[["p-1286da6a",[[1,"tds-header-launcher",{"tdsAriaLabel":[1,"tds-aria-label"],"open":[32],"buttonEl":[32],"hasListTypeMenu":[32]},[[8,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]]],["p-97e88e6e",[[1,"tds-header-dropdown",{"label":[1],"noDropdownIcon":[4,"no-dropdown-icon"],"selected":[4],"tdsAriaLabel":[1,"tds-aria-label"],"open":[32],"buttonEl":[32]},[[4,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]]],["p-918a3c1a",[[1,"tds-table-footer",{"pagination":[516],"paginationValue":[1538,"pagination-value"],"rowsperpage":[516],"rowsPerPageValues":[16],"pages":[514],"cols":[2],"columnsNumber":[32],"compactDesign":[32],"lastCorrectValue":[32],"tableId":[32],"horizontalScrollWidth":[32],"rowsPerPageValue":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-0bd4fd5c",[[1,"tds-header-hamburger",{"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-0fd8e378",[[2,"tds-textarea",{"label":[1],"name":[1],"helper":[1],"cols":[2],"rows":[2],"labelPosition":[1,"label-position"],"placeholder":[1],"value":[1],"disabled":[4],"readOnly":[4,"read-only"],"hideReadOnlyIcon":[4,"hide-read-only-icon"],"state":[1],"maxLength":[2,"max-length"],"modeVariant":[1,"mode-variant"],"autofocus":[4],"noMinWidth":[4,"no-min-width"],"tdsAriaLabel":[1,"tds-aria-label"],"focusInput":[32]}]]],["p-6c8b40f7",[[1,"tds-header-brand-symbol"]]],["p-7ef50e7f",[[1,"tds-side-menu-dropdown",{"defaultOpen":[4,"default-open"],"buttonLabel":[1,"button-label"],"selected":[4],"open":[4],"hoverState":[32],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"],[1,"pointerenter","onEventPointerEnter"],[0,"focusin","onEventFocus"],[1,"pointerleave","onEventPointerLeave"],[0,"focusout","onEventBlur"],[0,"keydown","handleKeyDown"]]]]],["p-9858b0fe",[[1,"tds-side-menu-user",{"heading":[1],"subheading":[1],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"]}]]],["p-8e9c6ef4",[[1,"tds-accordion-item",{"header":[1],"expandIconPosition":[1,"expand-icon-position"],"disabled":[4],"expanded":[4],"paddingReset":[4,"padding-reset"],"ariaLevelValue":[1,"aria-level-value"],"toggleAccordionItem":[64]}]]],["p-1120575b",[[1,"tds-banner",{"icon":[1],"header":[1],"subheader":[1],"variant":[1],"bannerId":[1,"banner-id"],"hidden":[516],"roleType":[1,"role-type"],"hideBanner":[64],"showBanner":[64]}]]],["p-710c42c5",[[1,"tds-card",{"modeVariant":[1,"mode-variant"],"imagePlacement":[1,"image-placement"],"header":[1],"subheader":[1],"bodyImg":[1,"body-img"],"bodyImgAlt":[1,"body-img-alt"],"bodyDivider":[4,"body-divider"],"clickable":[4],"stretch":[4],"cardId":[1,"card-id"]}]]],["p-ba51ab15",[[2,"tds-datetime",{"type":[513],"value":[1537],"min":[1],"max":[1],"defaultValue":[1,"default-value"],"disabled":[4],"size":[1],"noMinWidth":[4,"no-min-width"],"modeVariant":[1,"mode-variant"],"name":[1],"state":[1],"autofocus":[4],"label":[1],"helper":[1],"tdsAriaLabel":[1,"tds-aria-label"],"focusInput":[32],"reset":[64],"setValue":[64]},[[0,"focus","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-87929060",[[1,"tds-folder-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"tdsScrollLeftAriaLabel":[1,"tds-scroll-left-aria-label"],"tdsScrollRightAriaLabel":[1,"tds-scroll-right-aria-label"],"buttonWidth":[32],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-4e8e7bcd",[[1,"tds-footer-group",{"titleText":[1,"title-text"],"tdsListAriaLabel":[1,"tds-list-aria-label"],"open":[32],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-981e6232",[[1,"tds-header-cell",{"cellKey":[513,"cell-key"],"cellValue":[513,"cell-value"],"customWidth":[513,"custom-width"],"sortable":[4],"textAlign":[513,"text-align"],"disablePadding":[516,"disable-padding"],"textAlignState":[32],"sortingDirection":[32],"sortedByMyKey":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"multiselect":[32],"enableToolbarDesign":[32],"tableId":[32],"expandableRows":[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalSortButtonClicked","updateOptionsContent"]]]]],["p-3c348fcb",[[4,"tds-header-launcher-list"]]],["p-c163d44f",[[1,"tds-header-launcher-list-item"]]],["p-27777c26",[[1,"tds-inline-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"tdsScrollLeftAriaLabel":[1,"tds-scroll-left-aria-label"],"tdsScrollRightAriaLabel":[1,"tds-scroll-right-aria-label"],"leftPadding":[514,"left-padding"],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-c1b7d773",[[1,"tds-message",{"header":[1],"modeVariant":[1,"mode-variant"],"variant":[1],"noIcon":[4,"no-icon"],"minimal":[4],"tdsAlertDialog":[1,"tds-alert-dialog"],"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-5480bed7",[[1,"tds-modal",{"header":[1],"prevent":[4],"size":[1],"actionsPosition":[1,"actions-position"],"selector":[1],"referenceEl":[16],"show":[4],"closable":[4],"tdsAlertDialog":[1,"tds-alert-dialog"],"isShown":[32],"activeElementIndex":[32],"showModal":[64],"closeModal":[64],"initializeModal":[64],"cleanupModal":[64]},[[10,"keydown","handleFocusTrap"]]]]],["p-2446dfb6",[[1,"tds-navigation-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"leftPadding":[514,"left-padding"],"tdsScrollLeftAriaLabel":[1,"tds-scroll-left-aria-label"],"tdsScrollRightAriaLabel":[1,"tds-scroll-right-aria-label"],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-7486e9f9",[[6,"tds-popover-menu",{"selector":[1],"referenceEl":[16],"show":[4],"defaultShow":[4,"default-show"],"placement":[1],"animation":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"fluidWidth":[4,"fluid-width"],"childRef":[32],"close":[64]}]]],["p-faa512fd",[[1,"tds-side-menu-close-button"]]],["p-2deba066",[[1,"tds-side-menu-collapse-button",{"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-05da560e",[[0,"tds-slider",{"label":[1],"value":[1025],"min":[1],"max":[1],"ticks":[1],"showTickNumbers":[4,"show-tick-numbers"],"tooltip":[4],"disabled":[4],"readOnly":[4,"read-only"],"controls":[4],"input":[4],"step":[1],"name":[1],"thumbSize":[1,"thumb-size"],"snap":[4],"tdsAriaLabel":[1,"tds-aria-label"],"sliderId":[1,"slider-id"],"tdsReadOnlyAriaLabel":[1,"tds-read-only-aria-label"],"reset":[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleRelease"],[9,"touchend","handleRelease"],[9,"mousemove","handleMove"],[9,"touchmove","handleMove"]],{"value":["handleValueUpdate"]}]]],["p-eff1d877",[[1,"tds-step",{"index":[1],"state":[1],"tdsAriaCurrent":[1,"tds-aria-current"],"hideLabels":[32],"size":[32],"orientation":[32],"labelPosition":[32]},[[16,"internalTdsPropsChange","handlePropsChange"]]]]],["p-1cda8fe6",[[1,"tds-table-body-input-wrapper",{"showIcon":[4,"show-icon"],"renderSlot":[32],"inputFocused":[32],"compactDesign":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-2fbf2fdb",[[1,"tds-table-body-row",{"selected":[516],"disabled":[516],"clickable":[516],"multiselect":[32],"mainCheckBoxStatus":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-9f187848",[[1,"tds-table-header",{"allSelected":[1540,"all-selected"],"selected":[1540],"disabled":[1540],"indeterminate":[4],"multiselect":[32],"expandableRows":[32],"mainCheckboxSelected":[32],"mainExpendSelected":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"enableToolbarDesign":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowExpanded","internalTdsRowExpandedListener"]]]]],["p-d515fcdb",[[1,"tds-table-header-input-wrapper",{"showIcon":[4,"show-icon"],"compactDesign":[4,"compact-design"],"renderSlot":[32],"inputFocused":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-2551fd5b",[[1,"tds-table-toolbar",{"tableTitle":[513,"table-title"],"filter":[516],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"tableId":[32],"horizontalScrollWidth":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-66786ba0",[[6,"tds-text-field",{"type":[513],"labelPosition":[1,"label-position"],"label":[1],"min":[8],"max":[8],"helper":[1],"placeholder":[1],"value":[513],"disabled":[4],"readOnly":[4,"read-only"],"hideReadOnlyIcon":[4,"hide-read-only-icon"],"size":[1],"modeVariant":[1,"mode-variant"],"noMinWidth":[4,"no-min-width"],"name":[1],"state":[1],"maxLength":[2,"max-length"],"autofocus":[4],"tdsAriaLabel":[1,"tds-aria-label"],"focusInput":[32],"focusElement":[64]}]]],["p-37e979b3",[[1,"tds-toast",{"toastId":[1,"toast-id"],"header":[1],"subheader":[1],"variant":[1],"hidden":[516],"closable":[4],"toastRole":[1,"toast-role"],"tdsCloseAriaLabel":[1,"tds-close-aria-label"],"tdsAriaLive":[1,"tds-aria-live"],"hideToast":[64],"showToast":[64]}]]],["p-1978cb0d",[[1,"tds-accordion",{"modeVariant":[1,"mode-variant"],"hideLastBorder":[4,"hide-last-border"]}]]],["p-e102ca15",[[1,"tds-badge",{"value":[1],"hidden":[516],"size":[1],"tdsAriaLive":[1,"tds-aria-live"],"tdsAriaLabel":[32],"shape":[32],"text":[32]},null,{"value":["watchProps"],"size":["watchProps"]}]]],["p-72006dd7",[[1,"tds-block",{"modeVariant":[1,"mode-variant"],"componentTag":[1,"component-tag"]}]]],["p-a10b3a4a",[[1,"tds-body-cell",{"cellValue":[520,"cell-value"],"cellKey":[520,"cell-key"],"disablePadding":[516,"disable-padding"],"textAlign":[513,"text-align"],"textAlignState":[32],"activeSorting":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"tableId":[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalTdsHover","internalTdsHoverListener"],[16,"internalTdsTextAlign","internalTdsTextAlignListener"]]]]],["p-c5e50096",[[1,"tds-breadcrumb",{"current":[4]}]]],["p-618d6b4f",[[1,"tds-breadcrumbs",{"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-d38039b3",[[6,"tds-button",{"text":[1],"type":[1],"variant":[1],"size":[1],"disabled":[4],"fullbleed":[4],"modeVariant":[1,"mode-variant"],"animation":[1],"tdsAriaLabel":[1,"tds-aria-label"],"onlyIcon":[32]}]]],["p-dfe24bb1",[[6,"tds-chip",{"type":[1],"size":[1],"chipId":[1,"chip-id"],"checked":[1540],"name":[1],"value":[1],"disabled":[4],"tdsAriaLabel":[1,"tds-aria-label"]},[[16,"internalRadioOnChange","handleInternaRadioChange"]]]]],["p-54ac3ec2",[[1,"tds-folder-tab",{"disabled":[4],"selected":[32],"tabWidth":[32],"setTabWidth":[64],"setSelected":[64]}]]],["p-dfe4bb23",[[1,"tds-footer",{"modeVariant":[1,"mode-variant"]}]]],["p-0c421cde",[[1,"tds-footer-item"]]],["p-354d3986",[[4,"tds-header"]]],["p-4de2807c",[[1,"tds-header-dropdown-list-user",{"imgUrl":[1,"img-url"],"imgAlt":[1,"img-alt"],"header":[1],"subheader":[1]}]]],["p-ca32a270",[[4,"tds-header-launcher-grid",{"headingElement":[32]}]]],["p-6b675e89",[[1,"tds-header-launcher-grid-item"]]],["p-8a4837ae",[[4,"tds-header-launcher-grid-title"]]],["p-c23a3f12",[[4,"tds-header-launcher-list-title"]]],["p-646d1df4",[[1,"tds-header-title"]]],["p-27e64ae1",[[1,"tds-inline-tab",{"disabled":[4],"selected":[32],"setSelected":[64]}]]],["p-e88b2128",[[1,"tds-link",{"disabled":[4],"underline":[4],"standalone":[4]}]]],["p-33f1f60e",[[1,"tds-navigation-tab",{"disabled":[4],"selected":[32],"setSelected":[64]}]]],["p-2faeb483",[[1,"tds-popover-menu-item",{"disabled":[4]}]]],["p-0e5c6384",[[6,"tds-radio-button",{"name":[1],"value":[1],"radioId":[1,"radio-id"],"checked":[516],"required":[4],"disabled":[4],"tdsAriaLabel":[1,"tds-aria-label"],"tdsTabIndex":[2,"tds-tab-index"]}]]],["p-ccbafacd",[[1,"tds-side-menu",{"open":[1028],"persistent":[4],"collapsed":[1028],"isUpperSlotEmpty":[32],"isCollapsed":[32],"initialCollapsedState":[32],"activeElementIndex":[32]},[[8,"keydown","handleKeyDown"],[10,"keydown","handleFocusTrap"],[16,"internalTdsCollapse","collapsedSideMenuEventHandler"]],{"collapsed":["onCollapsedChange"],"open":["onOpenChange"]}]]],["p-b210d23c",[[1,"tds-side-menu-dropdown-list",{"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"]]]]],["p-e5e9bd0c",[[1,"tds-side-menu-dropdown-list-item",{"selected":[4],"dropdownHasIcon":[32],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-304f5a5c",[[1,"tds-side-menu-overlay"]]],["p-8f1aead7",[[0,"tds-spinner",{"size":[1],"variant":[1]}]]],["p-177386d5",[[1,"tds-stepper",{"orientation":[1],"labelPosition":[1,"label-position"],"size":[1],"hideLabels":[4,"hide-labels"],"stepperId":[1,"stepper-id"],"tdsAriaLabel":[1,"tds-aria-label"]},null,{"orientation":["handleDirectionChange"],"labelPosition":["handleLabelPositionChange"],"size":["handleSizeChange"],"hideLabels":["handleHideLabelsChange"]}]]],["p-08f63e5d",[[1,"tds-table",{"verticalDividers":[516,"vertical-dividers"],"compactDesign":[516,"compact-design"],"noMinWidth":[516,"no-min-width"],"multiselect":[516],"expandableRows":[516,"expandable-rows"],"responsive":[516],"modeVariant":[513,"mode-variant"],"zebraMode":[513,"zebra-mode"],"horizontalScrollWidth":[1,"horizontal-scroll-width"],"tableId":[1,"table-id"],"enableHorizontalScrollToolbarDesign":[32],"enableHorizontalScrollFooterDesign":[32],"getSelectedRows":[64]},null,{"multiselect":["multiselectChanged"],"expandableRows":["enableExpandableRowsChanged"],"compactDesign":["compactDesignChanged"],"verticalDividers":["verticalDividersChanged"],"noMinWidth":["noMinWidthChanged"],"zebraMode":["zebraModeChanged"],"modeVariant":["modeVariantChanged"],"horizontalScrollWidth":["widthChanged"]}]]],["p-08ad6a21",[[4,"tds-table-body",{"multiselect":[32],"enablePaginationTableBody":[32],"expandableRows":[32],"multiselectArray":[32],"multiselectArrayJSON":[32],"mainCheckboxStatus":[32],"columnsNumber":[32],"zebraMode":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowChange","bodyCheckboxListener"]]]]],["p-9ef67795",[[1,"tds-table-body-row-expandable",{"colSpan":[2,"col-span"],"rowId":[513,"row-id"],"expanded":[516],"overflow":[513],"autoCollapse":[4,"auto-collapse"],"isExpanded":[32],"tableId":[32],"columnsNumber":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"modeVariant":[32],"expand":[64],"collapse":[64]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"tdsChange","handleRowExpand"]],{"expanded":["watchExpanded"]}]]],["p-4cafd755",[[6,"tds-toggle",{"checked":[516],"required":[4],"size":[1],"name":[1],"headline":[1],"disabled":[4],"toggleId":[1,"toggle-id"],"tdsAriaLabel":[1,"tds-aria-label"],"toggle":[64]}]]],["p-ab00e6e4",[[1,"tds-header-launcher-button",{"active":[4],"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-7f2228be",[[6,"tds-tooltip",{"text":[1],"selector":[1],"referenceEl":[16],"defaultShow":[4,"default-show"],"mouseOverTooltip":[4,"mouse-over-tooltip"],"trigger":[1],"show":[1028],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"tdsAriaDescribedby":[1,"tds-aria-describedby"]},[[8,"keydown","handleKeyDown"]]]]],["p-319e992d",[[1,"tds-divider",{"orientation":[1]}]]],["p-c0cbc9f5",[[1,"tds-header-dropdown-list",{"size":[513],"headingElement":[32]}]]],["p-58b928e5",[[1,"tds-header-dropdown-list-item",{"selected":[4],"size":[513]}]]],["p-d6d8cb7f",[[6,"tds-checkbox",{"name":[1],"checkboxId":[1,"checkbox-id"],"disabled":[4],"required":[4],"checked":[1540],"indeterminate":[1028],"value":[1],"tdsAriaLabel":[1,"tds-aria-label"],"tdsAriaDescribedby":[1,"tds-aria-describedby"],"toggleCheckbox":[64]},[[4,"reset","handleFormReset"]],{"indeterminate":["handleIndeterminateState"]}]]],["p-63d2c1fe",[[17,"tds-dropdown-option",{"value":[8],"disabled":[4],"internalValue":[32],"selected":[32],"multiselect":[32],"size":[32],"setSelected":[64]},null,{"value":["valueWatcher"]}],[1,"tds-dropdown",{"name":[1],"disabled":[4],"helper":[1],"label":[1],"labelPosition":[1,"label-position"],"modeVariant":[1,"mode-variant"],"openDirection":[1,"open-direction"],"placeholder":[1],"size":[1],"animation":[1],"error":[4],"multiselect":[4],"filter":[4],"normalizeText":[4,"normalize-text"],"noResultText":[1,"no-result-text"],"defaultValue":[8,"default-value"],"value":[1032],"tdsAriaLabel":[1,"tds-aria-label"],"open":[32],"internalValue":[32],"filterResult":[32],"filterFocus":[32],"internalDefaultValue":[32],"selectedOptions":[32],"setValue":[64],"reset":[64],"removeValue":[64],"focusElement":[64],"close":[64],"appendValue":[64]},[[9,"mousedown","onAnyClick"],[0,"keydown","onKeyDown"]],{"value":["handleValueChange"],"open":["handleOpenState"],"defaultValue":["handleDefaultValueChange"]}]]],["p-8afeb375",[[6,"tds-popover-core",{"selector":[1],"referenceEl":[16],"defaultShow":[4,"default-show"],"animation":[1],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"modifiers":[16],"trigger":[1],"autoHide":[4,"auto-hide"],"renderedShowValue":[32],"popperInstance":[32],"target":[32],"isShown":[32],"disableLogic":[32],"hasShownAtLeastOnce":[32],"openedByKeyboard":[32],"close":[64]},[[8,"click","onAnyClick"],[8,"internalTdsShow","onTdsShow"],[8,"keydown","handleKeydown"]],{"show":["onShowChange"],"referenceEl":["onReferenceElChanged"],"trigger":["onTriggerChanged"],"isShown":["onIsShownChange"]}]]],["p-286f470e",[[6,"tds-popover-canvas",{"selector":[1],"referenceEl":[16],"defaultShow":[4,"default-show"],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"animation":[1],"offsetDistance":[2,"offset-distance"],"modifiers":[16],"tdsAlertDialog":[1,"tds-alert-dialog"],"childRef":[32],"close":[64]}]]],["p-5c8fd75e",[[1,"tds-side-menu-user-image",{"src":[1],"alt":[1]}],[1,"tds-side-menu-user-label",{"heading":[1],"subheading":[1]}]]],["p-003184ea",[[1,"tds-side-menu-item",{"selected":[4],"active":[4],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-4241afd6",[[1,"tds-header-item",{"active":[4],"selected":[4]}],[1,"tds-core-header-item"]]],["p-0e37277e",[[1,"tds-icon",{"name":[513],"size":[513],"svgTitle":[1,"svg-title"],"tdsAriaHidden":[4,"tds-aria-hidden"],"svgDescription":[1,"svg-description"],"icons_object":[32],"arrayOfIcons":[32]}]]]]'),e))));
1
+ import{p as e,b as a}from"./p-2049fab2.js";export{s as setNonce}from"./p-2049fab2.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a(JSON.parse('[["p-1286da6a",[[1,"tds-header-launcher",{"tdsAriaLabel":[1,"tds-aria-label"],"open":[32],"buttonEl":[32],"hasListTypeMenu":[32]},[[8,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]]],["p-97e88e6e",[[1,"tds-header-dropdown",{"label":[1],"noDropdownIcon":[4,"no-dropdown-icon"],"selected":[4],"tdsAriaLabel":[1,"tds-aria-label"],"open":[32],"buttonEl":[32]},[[4,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]]],["p-918a3c1a",[[1,"tds-table-footer",{"pagination":[516],"paginationValue":[1538,"pagination-value"],"rowsperpage":[516],"rowsPerPageValues":[16],"pages":[514],"cols":[2],"columnsNumber":[32],"compactDesign":[32],"lastCorrectValue":[32],"tableId":[32],"horizontalScrollWidth":[32],"rowsPerPageValue":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-0bd4fd5c",[[1,"tds-header-hamburger",{"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-0fd8e378",[[2,"tds-textarea",{"label":[1],"name":[1],"helper":[1],"cols":[2],"rows":[2],"labelPosition":[1,"label-position"],"placeholder":[1],"value":[1],"disabled":[4],"readOnly":[4,"read-only"],"hideReadOnlyIcon":[4,"hide-read-only-icon"],"state":[1],"maxLength":[2,"max-length"],"modeVariant":[1,"mode-variant"],"autofocus":[4],"noMinWidth":[4,"no-min-width"],"tdsAriaLabel":[1,"tds-aria-label"],"focusInput":[32]}]]],["p-6c8b40f7",[[1,"tds-header-brand-symbol"]]],["p-7ef50e7f",[[1,"tds-side-menu-dropdown",{"defaultOpen":[4,"default-open"],"buttonLabel":[1,"button-label"],"selected":[4],"open":[4],"hoverState":[32],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"],[1,"pointerenter","onEventPointerEnter"],[0,"focusin","onEventFocus"],[1,"pointerleave","onEventPointerLeave"],[0,"focusout","onEventBlur"],[0,"keydown","handleKeyDown"]]]]],["p-9858b0fe",[[1,"tds-side-menu-user",{"heading":[1],"subheading":[1],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"]}]]],["p-8e9c6ef4",[[1,"tds-accordion-item",{"header":[1],"expandIconPosition":[1,"expand-icon-position"],"disabled":[4],"expanded":[4],"paddingReset":[4,"padding-reset"],"ariaLevelValue":[1,"aria-level-value"],"toggleAccordionItem":[64]}]]],["p-1120575b",[[1,"tds-banner",{"icon":[1],"header":[1],"subheader":[1],"variant":[1],"bannerId":[1,"banner-id"],"hidden":[516],"roleType":[1,"role-type"],"hideBanner":[64],"showBanner":[64]}]]],["p-710c42c5",[[1,"tds-card",{"modeVariant":[1,"mode-variant"],"imagePlacement":[1,"image-placement"],"header":[1],"subheader":[1],"bodyImg":[1,"body-img"],"bodyImgAlt":[1,"body-img-alt"],"bodyDivider":[4,"body-divider"],"clickable":[4],"stretch":[4],"cardId":[1,"card-id"]}]]],["p-ba51ab15",[[2,"tds-datetime",{"type":[513],"value":[1537],"min":[1],"max":[1],"defaultValue":[1,"default-value"],"disabled":[4],"size":[1],"noMinWidth":[4,"no-min-width"],"modeVariant":[1,"mode-variant"],"name":[1],"state":[1],"autofocus":[4],"label":[1],"helper":[1],"tdsAriaLabel":[1,"tds-aria-label"],"focusInput":[32],"reset":[64],"setValue":[64]},[[0,"focus","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-87929060",[[1,"tds-folder-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"tdsScrollLeftAriaLabel":[1,"tds-scroll-left-aria-label"],"tdsScrollRightAriaLabel":[1,"tds-scroll-right-aria-label"],"buttonWidth":[32],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-4e8e7bcd",[[1,"tds-footer-group",{"titleText":[1,"title-text"],"tdsListAriaLabel":[1,"tds-list-aria-label"],"open":[32],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-981e6232",[[1,"tds-header-cell",{"cellKey":[513,"cell-key"],"cellValue":[513,"cell-value"],"customWidth":[513,"custom-width"],"sortable":[4],"textAlign":[513,"text-align"],"disablePadding":[516,"disable-padding"],"textAlignState":[32],"sortingDirection":[32],"sortedByMyKey":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"multiselect":[32],"enableToolbarDesign":[32],"tableId":[32],"expandableRows":[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalSortButtonClicked","updateOptionsContent"]]]]],["p-3c348fcb",[[4,"tds-header-launcher-list"]]],["p-c163d44f",[[1,"tds-header-launcher-list-item"]]],["p-27777c26",[[1,"tds-inline-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"tdsScrollLeftAriaLabel":[1,"tds-scroll-left-aria-label"],"tdsScrollRightAriaLabel":[1,"tds-scroll-right-aria-label"],"leftPadding":[514,"left-padding"],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-c1b7d773",[[1,"tds-message",{"header":[1],"modeVariant":[1,"mode-variant"],"variant":[1],"noIcon":[4,"no-icon"],"minimal":[4],"tdsAlertDialog":[1,"tds-alert-dialog"],"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-1c0c284b",[[1,"tds-modal",{"header":[1],"prevent":[4],"size":[1],"actionsPosition":[1,"actions-position"],"selector":[1],"referenceEl":[16],"show":[4],"closable":[4],"tdsAlertDialog":[1,"tds-alert-dialog"],"isShown":[32],"activeElementIndex":[32],"showModal":[64],"closeModal":[64],"initializeModal":[64],"cleanupModal":[64]},[[10,"keydown","handleFocusTrap"]]]]],["p-2446dfb6",[[1,"tds-navigation-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"leftPadding":[514,"left-padding"],"tdsScrollLeftAriaLabel":[1,"tds-scroll-left-aria-label"],"tdsScrollRightAriaLabel":[1,"tds-scroll-right-aria-label"],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-7486e9f9",[[6,"tds-popover-menu",{"selector":[1],"referenceEl":[16],"show":[4],"defaultShow":[4,"default-show"],"placement":[1],"animation":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"fluidWidth":[4,"fluid-width"],"childRef":[32],"close":[64]}]]],["p-faa512fd",[[1,"tds-side-menu-close-button"]]],["p-2deba066",[[1,"tds-side-menu-collapse-button",{"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-05da560e",[[0,"tds-slider",{"label":[1],"value":[1025],"min":[1],"max":[1],"ticks":[1],"showTickNumbers":[4,"show-tick-numbers"],"tooltip":[4],"disabled":[4],"readOnly":[4,"read-only"],"controls":[4],"input":[4],"step":[1],"name":[1],"thumbSize":[1,"thumb-size"],"snap":[4],"tdsAriaLabel":[1,"tds-aria-label"],"sliderId":[1,"slider-id"],"tdsReadOnlyAriaLabel":[1,"tds-read-only-aria-label"],"reset":[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleRelease"],[9,"touchend","handleRelease"],[9,"mousemove","handleMove"],[9,"touchmove","handleMove"]],{"value":["handleValueUpdate"]}]]],["p-eff1d877",[[1,"tds-step",{"index":[1],"state":[1],"tdsAriaCurrent":[1,"tds-aria-current"],"hideLabels":[32],"size":[32],"orientation":[32],"labelPosition":[32]},[[16,"internalTdsPropsChange","handlePropsChange"]]]]],["p-1cda8fe6",[[1,"tds-table-body-input-wrapper",{"showIcon":[4,"show-icon"],"renderSlot":[32],"inputFocused":[32],"compactDesign":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-2fbf2fdb",[[1,"tds-table-body-row",{"selected":[516],"disabled":[516],"clickable":[516],"multiselect":[32],"mainCheckBoxStatus":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-9f187848",[[1,"tds-table-header",{"allSelected":[1540,"all-selected"],"selected":[1540],"disabled":[1540],"indeterminate":[4],"multiselect":[32],"expandableRows":[32],"mainCheckboxSelected":[32],"mainExpendSelected":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"enableToolbarDesign":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowExpanded","internalTdsRowExpandedListener"]]]]],["p-d515fcdb",[[1,"tds-table-header-input-wrapper",{"showIcon":[4,"show-icon"],"compactDesign":[4,"compact-design"],"renderSlot":[32],"inputFocused":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-2551fd5b",[[1,"tds-table-toolbar",{"tableTitle":[513,"table-title"],"filter":[516],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"tableId":[32],"horizontalScrollWidth":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-66786ba0",[[6,"tds-text-field",{"type":[513],"labelPosition":[1,"label-position"],"label":[1],"min":[8],"max":[8],"helper":[1],"placeholder":[1],"value":[513],"disabled":[4],"readOnly":[4,"read-only"],"hideReadOnlyIcon":[4,"hide-read-only-icon"],"size":[1],"modeVariant":[1,"mode-variant"],"noMinWidth":[4,"no-min-width"],"name":[1],"state":[1],"maxLength":[2,"max-length"],"autofocus":[4],"tdsAriaLabel":[1,"tds-aria-label"],"focusInput":[32],"focusElement":[64]}]]],["p-37e979b3",[[1,"tds-toast",{"toastId":[1,"toast-id"],"header":[1],"subheader":[1],"variant":[1],"hidden":[516],"closable":[4],"toastRole":[1,"toast-role"],"tdsCloseAriaLabel":[1,"tds-close-aria-label"],"tdsAriaLive":[1,"tds-aria-live"],"hideToast":[64],"showToast":[64]}]]],["p-1978cb0d",[[1,"tds-accordion",{"modeVariant":[1,"mode-variant"],"hideLastBorder":[4,"hide-last-border"]}]]],["p-e102ca15",[[1,"tds-badge",{"value":[1],"hidden":[516],"size":[1],"tdsAriaLive":[1,"tds-aria-live"],"tdsAriaLabel":[32],"shape":[32],"text":[32]},null,{"value":["watchProps"],"size":["watchProps"]}]]],["p-72006dd7",[[1,"tds-block",{"modeVariant":[1,"mode-variant"],"componentTag":[1,"component-tag"]}]]],["p-a10b3a4a",[[1,"tds-body-cell",{"cellValue":[520,"cell-value"],"cellKey":[520,"cell-key"],"disablePadding":[516,"disable-padding"],"textAlign":[513,"text-align"],"textAlignState":[32],"activeSorting":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"tableId":[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalTdsHover","internalTdsHoverListener"],[16,"internalTdsTextAlign","internalTdsTextAlignListener"]]]]],["p-c5e50096",[[1,"tds-breadcrumb",{"current":[4]}]]],["p-618d6b4f",[[1,"tds-breadcrumbs",{"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-d38039b3",[[6,"tds-button",{"text":[1],"type":[1],"variant":[1],"size":[1],"disabled":[4],"fullbleed":[4],"modeVariant":[1,"mode-variant"],"animation":[1],"tdsAriaLabel":[1,"tds-aria-label"],"onlyIcon":[32]}]]],["p-dfe24bb1",[[6,"tds-chip",{"type":[1],"size":[1],"chipId":[1,"chip-id"],"checked":[1540],"name":[1],"value":[1],"disabled":[4],"tdsAriaLabel":[1,"tds-aria-label"]},[[16,"internalRadioOnChange","handleInternaRadioChange"]]]]],["p-54ac3ec2",[[1,"tds-folder-tab",{"disabled":[4],"selected":[32],"tabWidth":[32],"setTabWidth":[64],"setSelected":[64]}]]],["p-dfe4bb23",[[1,"tds-footer",{"modeVariant":[1,"mode-variant"]}]]],["p-0c421cde",[[1,"tds-footer-item"]]],["p-354d3986",[[4,"tds-header"]]],["p-4de2807c",[[1,"tds-header-dropdown-list-user",{"imgUrl":[1,"img-url"],"imgAlt":[1,"img-alt"],"header":[1],"subheader":[1]}]]],["p-ca32a270",[[4,"tds-header-launcher-grid",{"headingElement":[32]}]]],["p-6b675e89",[[1,"tds-header-launcher-grid-item"]]],["p-8a4837ae",[[4,"tds-header-launcher-grid-title"]]],["p-c23a3f12",[[4,"tds-header-launcher-list-title"]]],["p-646d1df4",[[1,"tds-header-title"]]],["p-27e64ae1",[[1,"tds-inline-tab",{"disabled":[4],"selected":[32],"setSelected":[64]}]]],["p-e88b2128",[[1,"tds-link",{"disabled":[4],"underline":[4],"standalone":[4]}]]],["p-33f1f60e",[[1,"tds-navigation-tab",{"disabled":[4],"selected":[32],"setSelected":[64]}]]],["p-2faeb483",[[1,"tds-popover-menu-item",{"disabled":[4]}]]],["p-0e5c6384",[[6,"tds-radio-button",{"name":[1],"value":[1],"radioId":[1,"radio-id"],"checked":[516],"required":[4],"disabled":[4],"tdsAriaLabel":[1,"tds-aria-label"],"tdsTabIndex":[2,"tds-tab-index"]}]]],["p-ccbafacd",[[1,"tds-side-menu",{"open":[1028],"persistent":[4],"collapsed":[1028],"isUpperSlotEmpty":[32],"isCollapsed":[32],"initialCollapsedState":[32],"activeElementIndex":[32]},[[8,"keydown","handleKeyDown"],[10,"keydown","handleFocusTrap"],[16,"internalTdsCollapse","collapsedSideMenuEventHandler"]],{"collapsed":["onCollapsedChange"],"open":["onOpenChange"]}]]],["p-b210d23c",[[1,"tds-side-menu-dropdown-list",{"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"]]]]],["p-e5e9bd0c",[[1,"tds-side-menu-dropdown-list-item",{"selected":[4],"dropdownHasIcon":[32],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-304f5a5c",[[1,"tds-side-menu-overlay"]]],["p-8f1aead7",[[0,"tds-spinner",{"size":[1],"variant":[1]}]]],["p-177386d5",[[1,"tds-stepper",{"orientation":[1],"labelPosition":[1,"label-position"],"size":[1],"hideLabels":[4,"hide-labels"],"stepperId":[1,"stepper-id"],"tdsAriaLabel":[1,"tds-aria-label"]},null,{"orientation":["handleDirectionChange"],"labelPosition":["handleLabelPositionChange"],"size":["handleSizeChange"],"hideLabels":["handleHideLabelsChange"]}]]],["p-08f63e5d",[[1,"tds-table",{"verticalDividers":[516,"vertical-dividers"],"compactDesign":[516,"compact-design"],"noMinWidth":[516,"no-min-width"],"multiselect":[516],"expandableRows":[516,"expandable-rows"],"responsive":[516],"modeVariant":[513,"mode-variant"],"zebraMode":[513,"zebra-mode"],"horizontalScrollWidth":[1,"horizontal-scroll-width"],"tableId":[1,"table-id"],"enableHorizontalScrollToolbarDesign":[32],"enableHorizontalScrollFooterDesign":[32],"getSelectedRows":[64]},null,{"multiselect":["multiselectChanged"],"expandableRows":["enableExpandableRowsChanged"],"compactDesign":["compactDesignChanged"],"verticalDividers":["verticalDividersChanged"],"noMinWidth":["noMinWidthChanged"],"zebraMode":["zebraModeChanged"],"modeVariant":["modeVariantChanged"],"horizontalScrollWidth":["widthChanged"]}]]],["p-08ad6a21",[[4,"tds-table-body",{"multiselect":[32],"enablePaginationTableBody":[32],"expandableRows":[32],"multiselectArray":[32],"multiselectArrayJSON":[32],"mainCheckboxStatus":[32],"columnsNumber":[32],"zebraMode":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowChange","bodyCheckboxListener"]]]]],["p-9ef67795",[[1,"tds-table-body-row-expandable",{"colSpan":[2,"col-span"],"rowId":[513,"row-id"],"expanded":[516],"overflow":[513],"autoCollapse":[4,"auto-collapse"],"isExpanded":[32],"tableId":[32],"columnsNumber":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"modeVariant":[32],"expand":[64],"collapse":[64]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"tdsChange","handleRowExpand"]],{"expanded":["watchExpanded"]}]]],["p-4cafd755",[[6,"tds-toggle",{"checked":[516],"required":[4],"size":[1],"name":[1],"headline":[1],"disabled":[4],"toggleId":[1,"toggle-id"],"tdsAriaLabel":[1,"tds-aria-label"],"toggle":[64]}]]],["p-ab00e6e4",[[1,"tds-header-launcher-button",{"active":[4],"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-7f2228be",[[6,"tds-tooltip",{"text":[1],"selector":[1],"referenceEl":[16],"defaultShow":[4,"default-show"],"mouseOverTooltip":[4,"mouse-over-tooltip"],"trigger":[1],"show":[1028],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"tdsAriaDescribedby":[1,"tds-aria-describedby"]},[[8,"keydown","handleKeyDown"]]]]],["p-319e992d",[[1,"tds-divider",{"orientation":[1]}]]],["p-c0cbc9f5",[[1,"tds-header-dropdown-list",{"size":[513],"headingElement":[32]}]]],["p-58b928e5",[[1,"tds-header-dropdown-list-item",{"selected":[4],"size":[513]}]]],["p-d6d8cb7f",[[6,"tds-checkbox",{"name":[1],"checkboxId":[1,"checkbox-id"],"disabled":[4],"required":[4],"checked":[1540],"indeterminate":[1028],"value":[1],"tdsAriaLabel":[1,"tds-aria-label"],"tdsAriaDescribedby":[1,"tds-aria-describedby"],"toggleCheckbox":[64]},[[4,"reset","handleFormReset"]],{"indeterminate":["handleIndeterminateState"]}]]],["p-63d2c1fe",[[17,"tds-dropdown-option",{"value":[8],"disabled":[4],"internalValue":[32],"selected":[32],"multiselect":[32],"size":[32],"setSelected":[64]},null,{"value":["valueWatcher"]}],[1,"tds-dropdown",{"name":[1],"disabled":[4],"helper":[1],"label":[1],"labelPosition":[1,"label-position"],"modeVariant":[1,"mode-variant"],"openDirection":[1,"open-direction"],"placeholder":[1],"size":[1],"animation":[1],"error":[4],"multiselect":[4],"filter":[4],"normalizeText":[4,"normalize-text"],"noResultText":[1,"no-result-text"],"defaultValue":[8,"default-value"],"value":[1032],"tdsAriaLabel":[1,"tds-aria-label"],"open":[32],"internalValue":[32],"filterResult":[32],"filterFocus":[32],"internalDefaultValue":[32],"selectedOptions":[32],"setValue":[64],"reset":[64],"removeValue":[64],"focusElement":[64],"close":[64],"appendValue":[64]},[[9,"mousedown","onAnyClick"],[0,"keydown","onKeyDown"]],{"value":["handleValueChange"],"open":["handleOpenState"],"defaultValue":["handleDefaultValueChange"]}]]],["p-8afeb375",[[6,"tds-popover-core",{"selector":[1],"referenceEl":[16],"defaultShow":[4,"default-show"],"animation":[1],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"modifiers":[16],"trigger":[1],"autoHide":[4,"auto-hide"],"renderedShowValue":[32],"popperInstance":[32],"target":[32],"isShown":[32],"disableLogic":[32],"hasShownAtLeastOnce":[32],"openedByKeyboard":[32],"close":[64]},[[8,"click","onAnyClick"],[8,"internalTdsShow","onTdsShow"],[8,"keydown","handleKeydown"]],{"show":["onShowChange"],"referenceEl":["onReferenceElChanged"],"trigger":["onTriggerChanged"],"isShown":["onIsShownChange"]}]]],["p-286f470e",[[6,"tds-popover-canvas",{"selector":[1],"referenceEl":[16],"defaultShow":[4,"default-show"],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"animation":[1],"offsetDistance":[2,"offset-distance"],"modifiers":[16],"tdsAlertDialog":[1,"tds-alert-dialog"],"childRef":[32],"close":[64]}]]],["p-5c8fd75e",[[1,"tds-side-menu-user-image",{"src":[1],"alt":[1]}],[1,"tds-side-menu-user-label",{"heading":[1],"subheading":[1]}]]],["p-003184ea",[[1,"tds-side-menu-item",{"selected":[4],"active":[4],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-4241afd6",[[1,"tds-header-item",{"active":[4],"selected":[4]}],[1,"tds-core-header-item"]]],["p-0e37277e",[[1,"tds-icon",{"name":[513],"size":[513],"svgTitle":[1,"svg-title"],"tdsAriaHidden":[4,"tds-aria-hidden"],"svgDescription":[1,"svg-description"],"icons_object":[32],"arrayOfIcons":[32]}]]]]'),e))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scania/tegel",
3
- "version": "1.29.0-fix-modal-reference-element-beta.1",
3
+ "version": "1.29.0-fix-modal-reference-element-beta.2",
4
4
  "description": "Tegel Design System",
5
5
  "type": "module",
6
6
  "keywords": [
package/dist/tegel/p-5480bed7.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as t,c as o,h as s,H as d,g as a}from"./p-2049fab2.js";import{h as e}from"./p-ae110fc2.js";import{g as i}from"./p-11648030.js";const r=class{constructor(s){t(this,s),this.tdsClose=o(this,"tdsClose",7),this.handleClose=t=>{const o=this.tdsClose.emit(t);this.returnFocusOnClose(),o.defaultPrevented||(this.isShown=!1)},this.handleShow=()=>{this.isShown=!0},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]||"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)},this.header=void 0,this.prevent=!1,this.size="md",this.actionsPosition="static",this.selector=void 0,this.referenceEl=void 0,this.show=void 0,this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0}async showModal(){this.isShown=!0,requestAnimationFrame((()=>{const t=this.getFocusableElements();t.length>0&&(t[0].focus(),this.activeElementIndex=0)}))}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}connectedCallback(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&e("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. "),this.selector||this.referenceEl||console.warn("Tegel Modal component: please provide a selector or referenceEl prop to to reference the element used to show the modal")}componentWillLoad(){this.initializeModal()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector||this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;let o=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);if(!o)return;const s=["BUTTON","A","INPUT"];s.indexOf(o.tagName)<0&&(o=o.querySelectorAll(s.join(","))[0]),o.focus()}getFocusableElements(){const t=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");return[...Array.from(this.host.shadowRoot.querySelectorAll(t)),...Array.from(this.host.querySelectorAll(t))]}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey||(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=e("header",this.host),o=e("actions",this.host),a=this.header?`tds-modal-header-${i()}`:void 0,r=`tds-modal-body-${i()}`;return s(d,{key:"ff2f27bf17410ccc52e52ab8d649cb0c78a1a8bc",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":r,"aria-labelledby":a,class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},s("div",{key:"8e1694c44fab7d3697025533decb02335ef55e05",class:"tds-modal-backdrop"}),s("div",{key:"4c37a8d39f27b915df2bffd90aaed5d5d1dfc9cb",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`},s("div",{key:"3f60bffdf0299c912c075f4868536df3f77a94a6",id:a,class:"header"},this.header&&s("div",{key:"729335cf8b3b2d4b89bbe007f8bedd82e9c30ce3",class:"header-text"},this.header),t&&s("slot",{key:"09010372e2c919bc28be461dc97437bb12b40e3a",name:"header"}),this.closable&&s("button",{key:"36fb45403e377de39a1075560972123af301fad0",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},s("tds-icon",{key:"5be71f963fbe524c3c5d69a0271f60328cb5222c",name:"cross",size:"20px"}))),s("div",{key:"560ae3fabc96031c19ec379066c8a9a4b5c51f64",id:r,class:"body"},s("slot",{key:"909766e2c4e722075427f78b209af91362334e18",name:"body"})),o&&s("slot",{key:"5c991ff39bf9d8d52e327362880341d4ed9ed487",name:"actions"})))}get host(){return a(this)}};r.style=".tds-modal{box-sizing:border-box;background-color:var(--background-elevation-layer-02);margin:auto;position:relative;border-radius:var(--radius-narrow);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal *{box-sizing:border-box}.tds-modal::-webkit-scrollbar{width:6px;background-color:transparent}.tds-modal::-webkit-scrollbar-track{background-color:transparent}.tds-modal::-webkit-scrollbar-thumb{background-color:var(--foreground-elements-transparparent-discrete);border-radius:3px}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--background-elevation-layer-02);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--background-elevation-layer-02);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:16px;position:sticky;top:0;background-color:var(--background-elevation-layer-02);z-index:1}.header,slot[name=header]::slotted(*){font-family:var(--headline-05-font-family);font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);font-weight:var(--headline-05-font-weight);letter-spacing:var(--headline-05-letter-spacing);text-transform:var(--headline-05-text-transform);color:var(--foreground-text-strong);margin:0;flex:1}.body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--foreground-text-strong);overflow-y:visible;padding:0 16px 16px}.body::-webkit-scrollbar{width:6px;background-color:transparent}.body::-webkit-scrollbar-track{background-color:transparent}.body::-webkit-scrollbar-thumb{background-color:var(--foreground-elements-transparparent-discrete);border-radius:3px}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--background-elevation-scrim);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--foreground-text-strong);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--foreground-text-strong)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}";export{r as tds_modal}