@getflip/swirl-components 0.320.0 → 0.320.1
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.
- package/components.json +1 -1
- package/dist/cjs/swirl-modal.cjs.entry.js +12 -8
- package/dist/collection/assets/pdfjs/pdf.worker.min.js +22 -0
- package/dist/collection/components/swirl-modal/swirl-modal.js +12 -8
- package/dist/components/assets/pdfjs/pdf.worker.min.js +22 -0
- package/dist/components/swirl-modal.js +12 -8
- package/dist/esm/swirl-modal.entry.js +12 -8
- package/dist/swirl-components/p-09b00610.entry.js +1 -0
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/swirl-components/p-41fa045f.entry.js +0 -1
package/components.json
CHANGED
|
@@ -207,8 +207,12 @@ const SwirlModal = class {
|
|
|
207
207
|
bodyScrollLock_esm.disableBodyScroll(this.sidebarScrollContainer);
|
|
208
208
|
}
|
|
209
209
|
unlockBodyScroll() {
|
|
210
|
-
|
|
211
|
-
|
|
210
|
+
if (this.scrollContainer) {
|
|
211
|
+
bodyScrollLock_esm.enableBodyScroll(this.scrollContainer);
|
|
212
|
+
}
|
|
213
|
+
if (this.sidebarScrollContainer) {
|
|
214
|
+
bodyScrollLock_esm.enableBodyScroll(this.sidebarScrollContainer);
|
|
215
|
+
}
|
|
212
216
|
}
|
|
213
217
|
render() {
|
|
214
218
|
const showControls = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel);
|
|
@@ -234,21 +238,21 @@ const SwirlModal = class {
|
|
|
234
238
|
"modal--sidebar-scrolled-down": this.sidebarScrolledDown,
|
|
235
239
|
"modal--sidebar-scrollable": this.sidebarScrollable,
|
|
236
240
|
});
|
|
237
|
-
return (index.h(index.Host, { key: '
|
|
241
|
+
return (index.h(index.Host, { key: 'd162022c8b9967bb9eded76db12570bbadacaa7d' }, index.h("section", { key: '16daee0db84ad02cca21fbfb889862c595b790b7', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: '9580dc9753a27e9619ca5c8a46de177e41ad0401', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '91fd94a7b8e5546f09d3abaf30b452ff36b53ed8', class: "modal__body", style: {
|
|
238
242
|
"--swirl-modal-max-height": this.maxHeight,
|
|
239
243
|
"--swirl-modal-height": this.height,
|
|
240
244
|
minHeight: this.minHeight,
|
|
241
245
|
maxWidth: this.maxWidth,
|
|
242
|
-
} }, index.h("aside", { key: '
|
|
246
|
+
} }, index.h("aside", { key: '79480adbc827a85032debda4dc0d20307c4c3d72', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: 'a6a3bd6cad2bef769cedaa030e4ce6a461a92c76', class: "modal__sidebar-header" }, index.h("swirl-heading", { key: 'ff5451d4f51467e5e60013dcc276f408a1c35bcc', as: "h3", class: "modal__sidebar-heading", level: 3, text: this.sidebarLabel }))), index.h("div", { key: 'e42c3111f5a095846bad8346885532eb2c7fbe96', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: '6a18599749a2ea252c90f0cf46ba13b6f70875a4', name: "sidebar-content" })), index.h("div", { key: '51afea19e6db35787dad89949f90cf7135bf3a2a', class: "modal__sidebar-footer" }, index.h("slot", { key: '5e27d543bf74ad187c4d413c92f1a0dad37ade6b', name: "sidebar-footer" }))), index.h("div", { key: 'bfa4d069ad12b4377bbd7e00dffc47be4c6be742', class: "modal__main-content" }, index.h("header", { key: '23d5b07a941a7a504a05d0af0116119aa6547029', class: "modal__custom-header" }, index.h("slot", { key: '6a10aed5e3989f04dce9aadb8c10b23c04265c24', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '7cfa274ee7624dae949313d7e178ad7a091ec18f', class: "modal__header" }, index.h("div", { key: '591192e57b8630bb25d123ef8a8987202a7b90a6', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '9ed3c60edd6464f3c56fdb080cb202d4847adb90', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
|
|
243
247
|
? "<swirl-icon-close></swirl-icon-close>"
|
|
244
|
-
: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '
|
|
248
|
+
: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'f3d11935d48cb6a83141df054b82afc254792c2d', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '6f0b289d11691dfd16a0716f2fa25f23f6f432e6', class: "modal__content-container", style: {
|
|
245
249
|
gap: this.contentGap
|
|
246
250
|
? `var(--s-space-${this.contentGap})`
|
|
247
251
|
: undefined,
|
|
248
|
-
} }, index.h("div", { key: '
|
|
252
|
+
} }, index.h("div", { key: '35d1da48878a59394e80fb417b8a79f87956a7c9', class: "modal__primary-content", style: {
|
|
249
253
|
maxWidth: this.primaryContentMaxWidth,
|
|
250
254
|
flex: this.primaryContentFlex,
|
|
251
|
-
} }, index.h("div", { key: '
|
|
255
|
+
} }, index.h("div", { key: '61110bfffefd307ef8689c8011d22ee04a191c7d', class: "modal__header-tools" }, index.h("slot", { key: '88132e16cf38cbdfea4af31b0e47b5f085296799', name: "header-tools" })), index.h("div", { key: '9af2183748d315be64eee21e828bb0594f1d4756', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'bd270446b3c8e3b1591e7b0d3fbe8ccff0c82d47' }))), index.h("div", { key: '5f9a362288a72d1217d8793de47e6483ba26c41d', class: "modal__secondary-content", style: {
|
|
252
256
|
maxWidth: this.secondaryContentMaxWidth,
|
|
253
257
|
flex: this.secondaryContentFlex,
|
|
254
258
|
padding: Boolean(this.secondaryContentPadding)
|
|
@@ -266,7 +270,7 @@ const SwirlModal = class {
|
|
|
266
270
|
paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
|
|
267
271
|
? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
|
|
268
272
|
: undefined,
|
|
269
|
-
} }, index.h("slot", { key: '
|
|
273
|
+
} }, index.h("slot", { key: '91c1ac6a98a4f4bc34ad0c7bb933d39630e42cba', name: "secondary-content" }))), index.h("div", { key: 'dc07e671d85ec799067c91d08515df4b6dc5f8a3', class: "modal__custom-footer" }, index.h("slot", { key: '76064566c0e4cdcb636202b2a396c1f471547c8b', name: "custom-footer" })), showControls && (index.h("footer", { key: '5da26f5013227d82fdcbf4cc26a035bacfbbc56a', class: "modal__controls" }, index.h("swirl-button-group", { key: 'd52363233ed5e6cd395137adbd730181f10832a8', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '19056321ef209dc0161bb368e705cdaf75adf895', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: 'fd0641ba559b5bc16215595aef5d4688fde76b4b', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
|
|
270
274
|
}
|
|
271
275
|
get el() { return index.getElement(this); }
|
|
272
276
|
};
|