@getflip/swirl-components 0.349.1 → 0.350.0
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 +47 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/swirl-app-layout_5.cjs.entry.js +1 -1
- package/dist/cjs/swirl-components.cjs.js +1 -1
- package/dist/cjs/swirl-modal.cjs.entry.js +10 -9
- package/dist/collection/components/swirl-modal/swirl-modal.css +3 -3
- package/dist/collection/components/swirl-modal/swirl-modal.js +28 -8
- package/dist/collection/components/swirl-resource-list-item/swirl-resource-list-item.js +20 -1
- package/dist/components/assets/pdfjs/pdf.worker.min.mjs +28 -0
- package/dist/components/swirl-modal.js +11 -9
- package/dist/components/swirl-resource-list-item2.js +2 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/swirl-app-layout_5.entry.js +1 -1
- package/dist/esm/swirl-components.js +1 -1
- package/dist/esm/swirl-modal.entry.js +10 -9
- package/dist/swirl-components/p-6ae95770.entry.js +1 -0
- package/dist/swirl-components/{p-c8de795d.entry.js → p-897328ef.entry.js} +1 -1
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/dist/types/components/swirl-modal/swirl-modal.d.ts +1 -0
- package/dist/types/components/swirl-resource-list-item/swirl-resource-list-item.d.ts +1 -0
- package/dist/types/components.d.ts +4 -0
- package/package.json +2 -2
- package/vscode-data.json +8 -0
- package/dist/swirl-components/p-808c4a30.entry.js +0 -1
|
@@ -342,15 +342,15 @@
|
|
|
342
342
|
}
|
|
343
343
|
|
|
344
344
|
@media (min-width: 768px) {
|
|
345
|
-
.modal--scrolled:not(.modal--has-header-tools) .modal__header {
|
|
345
|
+
.modal--scrolled:not(.modal--hide-scrolled-header-border):not(.modal--has-header-tools) .modal__header {
|
|
346
346
|
border-bottom-color: var(--s-border-default);
|
|
347
347
|
}
|
|
348
348
|
|
|
349
|
-
.modal--scrolled.modal--has-header-tools .modal__header-tools {
|
|
349
|
+
.modal--scrolled:not(.modal--hide-scrolled-header-border).modal--has-header-tools .modal__header-tools {
|
|
350
350
|
border-bottom-color: var(--s-border-default);
|
|
351
351
|
}
|
|
352
352
|
|
|
353
|
-
.modal--scrolled .modal__custom-header {
|
|
353
|
+
.modal--scrolled:not(.modal--hide-scrolled-header-border) .modal__custom-header {
|
|
354
354
|
border-bottom-color: var(--s-border-default);
|
|
355
355
|
}
|
|
356
356
|
}
|
|
@@ -213,6 +213,7 @@ export class SwirlModal {
|
|
|
213
213
|
"modal--padded": this.padded,
|
|
214
214
|
"modal--scrollable": this.scrollable,
|
|
215
215
|
"modal--scrolled": this.scrolled,
|
|
216
|
+
"modal--hide-scrolled-header-border": this.hideScrolledHeaderBorder,
|
|
216
217
|
"modal--scrolled-down": this.scrolledDown,
|
|
217
218
|
"modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
|
|
218
219
|
"modal--has-sidebar-content": this.hasSidebarContent && !this.hideSidebarContent,
|
|
@@ -225,29 +226,29 @@ export class SwirlModal {
|
|
|
225
226
|
"modal--sidebar-scrolled-down": this.sidebarScrolledDown,
|
|
226
227
|
"modal--sidebar-scrollable": this.sidebarScrollable,
|
|
227
228
|
});
|
|
228
|
-
return (h(Host, { key: '
|
|
229
|
+
return (h(Host, { key: 'be9b73a073d5ad2e710bf0c1b240e9f45df860ce' }, h("section", { key: '3ea9bb1a7aa078972190070cc10737399b782b16', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: 'a0e4446c7644d615e99fd5cbb5347695e3e481c4', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '1e8343e39eb77629cc9835283d89b0cbc9378a6c', class: "modal__body", style: !this.isFullscreen
|
|
229
230
|
? {
|
|
230
231
|
"--swirl-modal-max-height": this.maxHeight,
|
|
231
232
|
"--swirl-modal-height": this.height,
|
|
232
233
|
minHeight: this.minHeight,
|
|
233
234
|
maxWidth: this.maxWidth,
|
|
234
235
|
}
|
|
235
|
-
: {} }, h("aside", { key: '
|
|
236
|
+
: {} }, h("aside", { key: 'e8d4387ca3170fb2dea7130c087aa687774814ed', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: 'a163ce46b9797d2504a3e5c6bee61d347c6434a6', class: classnames("modal__sidebar-header", {
|
|
236
237
|
"modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
|
|
237
|
-
}) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '
|
|
238
|
+
}) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '2410cdaf7489291d3d3614c73023743a3536e01c', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '001c3921e63a984e7081b58eae914fa7ba835d44', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'b8cf6b1e2baa77700e93ecf9829276e5cbd42d22', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '4c60eef13700f51b91a0d2259fadcaade65cf9ed', name: "sidebar-content" })), h("div", { key: 'd68e8bbfbb078d74af9fc40bad2f133a43098009', class: "modal__sidebar-footer" }, h("slot", { key: '7d72dd8ee71fdbb56d96d55c707594ecc2fc6793', name: "sidebar-footer" }))), h("div", { key: '545a8f3569e9e38e0a5b766b56a0ee4016cac8d5', class: "modal__main-content" }, h("header", { key: '11a14c8055be6364c7a881f565ae4cf23304ae59', class: "modal__custom-header" }, h("slot", { key: '06365db0f0594c57b6049ca8aabd38f8e67048ef', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '543d7edea31e1fbd45f96ce8acb07539bef9c98b', class: "modal__header" }, h("div", { key: 'fe1803b2c451b0cd717cd4d4fbe1c1eb80f3cded', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'f278aa65e8dc869e8f616762645a31c394b81d61', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
|
|
238
239
|
? "<swirl-icon-close></swirl-icon-close>"
|
|
239
|
-
: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '
|
|
240
|
+
: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '913550accf44d556410638bf5c4314a066534f66', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
|
|
240
241
|
? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
|
|
241
242
|
: "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
|
|
242
243
|
? this.fullscreenDisableButtonLabel
|
|
243
|
-
: this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '
|
|
244
|
+
: this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'a03c70736c99ed27d7d591044cd010e4dea688c7', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: 'd25236122a69cc01d032eae08e4807d6a43caad2', class: "modal__content-container", style: {
|
|
244
245
|
gap: this.contentGap
|
|
245
246
|
? `var(--s-space-${this.contentGap})`
|
|
246
247
|
: undefined,
|
|
247
|
-
} }, h("div", { key: '
|
|
248
|
+
} }, h("div", { key: '2815292bbc2d5eb6962183b393779be1eb526f8a', class: "modal__primary-content", style: {
|
|
248
249
|
maxWidth: this.primaryContentMaxWidth,
|
|
249
250
|
flex: this.primaryContentFlex,
|
|
250
|
-
} }, h("div", { key: '
|
|
251
|
+
} }, h("div", { key: '278c5b840b69535e7bd1b92eeb11fd1a1acae8b9', class: "modal__header-tools" }, h("slot", { key: '6d4cc0d12b52be14ecb4f8d17fe5e4296610fd04', name: "header-tools" })), h("div", { key: '2eb0a78cceb32d154d4f0781f72b107ef0857675', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '6e49292b835d28e871aca0cae5c655122f47e6ba' }))), h("div", { key: 'f3bfa745697ed50e408562aaeca5c7b18115791e', class: "modal__secondary-content", style: {
|
|
251
252
|
maxWidth: this.secondaryContentMaxWidth,
|
|
252
253
|
flex: this.secondaryContentFlex,
|
|
253
254
|
padding: Boolean(this.secondaryContentPadding)
|
|
@@ -265,7 +266,7 @@ export class SwirlModal {
|
|
|
265
266
|
paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
|
|
266
267
|
? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
|
|
267
268
|
: undefined,
|
|
268
|
-
} }, h("slot", { key: '
|
|
269
|
+
} }, h("slot", { key: 'bc465625138a38eff727b6d77f4b2a4d81b5d8c0', name: "secondary-content" }))), h("div", { key: 'e9bcde67ce749b6e2d4437205ed096aeba10b271', class: "modal__custom-footer" }, h("slot", { key: 'b31872b97ec952688037f8ad8a06f5f84ac7c817', name: "custom-footer" })), showControls && (h("footer", { key: '81b89f5408c6eace656904ef9ae0e9bbd41313d8', class: "modal__controls" }, h("swirl-button-group", { key: 'a22c8e6425837ac8193b9407060da27060838bfb', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '43dba207a1f3abe008485451a865fdd60bbcc0fd', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'd3c57dd2eb7e7a36a360aa7f4be0f74122561bbc', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
|
|
269
270
|
}
|
|
270
271
|
static get is() { return "swirl-modal"; }
|
|
271
272
|
static get originalStyleUrls() {
|
|
@@ -976,6 +977,25 @@ export class SwirlModal {
|
|
|
976
977
|
"setter": false,
|
|
977
978
|
"reflect": false,
|
|
978
979
|
"defaultValue": "\"Close sidebar\""
|
|
980
|
+
},
|
|
981
|
+
"hideScrolledHeaderBorder": {
|
|
982
|
+
"type": "boolean",
|
|
983
|
+
"attribute": "hide-scrolled-header-border",
|
|
984
|
+
"mutable": false,
|
|
985
|
+
"complexType": {
|
|
986
|
+
"original": "boolean",
|
|
987
|
+
"resolved": "boolean",
|
|
988
|
+
"references": {}
|
|
989
|
+
},
|
|
990
|
+
"required": false,
|
|
991
|
+
"optional": true,
|
|
992
|
+
"docs": {
|
|
993
|
+
"tags": [],
|
|
994
|
+
"text": ""
|
|
995
|
+
},
|
|
996
|
+
"getter": false,
|
|
997
|
+
"setter": false,
|
|
998
|
+
"reflect": false
|
|
979
999
|
}
|
|
980
1000
|
};
|
|
981
1001
|
}
|
|
@@ -138,7 +138,7 @@ export class SwirlResourceListItem {
|
|
|
138
138
|
"resource-list-item--wrap-description": this.descriptionWrap,
|
|
139
139
|
"resource-list-item--wrap-label": this.labelWrap,
|
|
140
140
|
});
|
|
141
|
-
return (h(Host, { key: '
|
|
141
|
+
return (h(Host, { key: '6c76f75792d6dc74bd6f5b8344f73b71a15a578b', role: hostRole }, h("div", { key: '7a0f9adcc65b2e078cf1e92a824e7b3b32ca8171', class: className, role: containerRole }, h(Tag, { key: '64293b307dae26d1bd82ac527542ae97875d38af', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '2fce8f7495ab34f3cb7b1ea111b5724ebdbc928c', class: "resource-list-item__media" }, h("slot", { key: '6d9931d51a481119e6987169d2f524978047e171', name: "media" }))), h("span", { key: 'dcccc9fa94a5455345d8922427ab5ba53c6d5f1e', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '412c03a02bef3fa75a331829f8af7ae69fba82c6', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '67f45dd519ad32d53b1e85b68679795a4ba44dc8', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '9f5ab5eeed07720b961522a1ef1af3cadeda86dd', class: "resource-list-item__meta" }, h("span", { key: '61e080794fec67e333baebe4c0260bcaf0a2ba6e', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'f696df19b5525800aac6bd38e04772294c1dfc00', class: "resource-list-item__badges" }, h("slot", { key: 'e52d5675e77b9d9dd4733471b18e79114cc7d579', name: "badges" }))))), this.selectable && (h("span", { key: '328bf9f77fb257ce7babfb6e2c2bdf00eb79a09f', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '89b630fa4ef44df45ae92c1b8d8e59c46fb508e6', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'a739f4cd3d40556246756e9aa7191e1cae75308c' }))))), h("span", { key: '7016fecfdb6f9d773ab341b9d659480fa8dda230', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '9e6b697833a71e8878f7aca8bf466f8be91426bb', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'f876ed787b3771ccf3ea25a919a57d57bfd85c07', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '194c091ff2a129be9061f2908092d48327ebc8e7', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '928ccc6af654fe763af660b030071f65f28275e1', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '34e494f339aea261ec37330f315c20336324f29e', size: this.iconSize })))));
|
|
142
142
|
}
|
|
143
143
|
static get is() { return "swirl-resource-list-item"; }
|
|
144
144
|
static get encapsulation() { return "scoped"; }
|
|
@@ -622,6 +622,25 @@ export class SwirlResourceListItem {
|
|
|
622
622
|
"getter": false,
|
|
623
623
|
"setter": false,
|
|
624
624
|
"reflect": false
|
|
625
|
+
},
|
|
626
|
+
"alignItems": {
|
|
627
|
+
"type": "string",
|
|
628
|
+
"attribute": "align-items",
|
|
629
|
+
"mutable": false,
|
|
630
|
+
"complexType": {
|
|
631
|
+
"original": "string",
|
|
632
|
+
"resolved": "string",
|
|
633
|
+
"references": {}
|
|
634
|
+
},
|
|
635
|
+
"required": false,
|
|
636
|
+
"optional": true,
|
|
637
|
+
"docs": {
|
|
638
|
+
"tags": [],
|
|
639
|
+
"text": ""
|
|
640
|
+
},
|
|
641
|
+
"getter": false,
|
|
642
|
+
"setter": false,
|
|
643
|
+
"reflect": false
|
|
625
644
|
}
|
|
626
645
|
};
|
|
627
646
|
}
|