@getflip/swirl-components-react 0.12.0 → 0.13.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/dist/{file-manager.entry.7a321755.js → file-manager.entry.44afe574.js} +2 -2
- package/dist/index.d74835eb.js +1416 -0
- package/dist/stencil-generated/index.d.ts +2 -0
- package/dist/{swirl-action-list-item.entry.6548a6f0.js → swirl-action-list-item.entry.22d34bbd.js} +6 -6
- package/dist/{swirl-action-list-section.entry.e12fe159.js → swirl-action-list-section.entry.c91e7d7a.js} +6 -6
- package/dist/{swirl-action-list.entry.21644ba6.js → swirl-action-list.entry.0d2936d4.js} +1 -1
- package/dist/{swirl-app-layout_5.entry.9703e919.js → swirl-app-layout_5.entry.abd68f10.js} +69 -69
- package/dist/{swirl-autocomplete.entry.4bad6cbf.js → swirl-autocomplete.entry.ca2df230.js} +5 -5
- package/dist/{swirl-avatar-group.entry.d41bfa97.js → swirl-avatar-group.entry.c4e75b36.js} +3 -3
- package/dist/{swirl-avatar.entry.c81909ad.js → swirl-avatar.entry.46fb8405.js} +11 -11
- package/dist/{swirl-badge.entry.7bd8bbda.js → swirl-badge.entry.d2d0941a.js} +2 -2
- package/dist/{swirl-banner.entry.ef0143b1.js → swirl-banner.entry.55c2e81c.js} +6 -6
- package/dist/{swirl-button-group.entry.60578a80.js → swirl-button-group.entry.2a7f639c.js} +5 -5
- package/dist/{swirl-button.entry.167120c6.js → swirl-button.entry.4fb44693.js} +20 -20
- package/dist/{swirl-card.entry.47b41ce9.js → swirl-card.entry.ae45d1e4.js} +5 -5
- package/dist/{swirl-checkbox.entry.37c16abe.js → swirl-checkbox.entry.4fd6f222.js} +11 -11
- package/dist/{swirl-chip.entry.89c2c730.js → swirl-chip.entry.d023e9b6.js} +6 -6
- package/dist/swirl-components-react.js +62 -60
- package/dist/swirl-components-react.umd.cjs +65 -37
- package/dist/{swirl-console-layout.entry.61b9ad81.js → swirl-console-layout.entry.57e74dab.js} +13 -13
- package/dist/{swirl-date-input.entry.f0f6d6ee.js → swirl-date-input.entry.9a19f65d.js} +3 -3
- package/dist/{swirl-date-picker_2.entry.91531b84.js → swirl-date-picker_2.entry.9bad1948.js} +12 -12
- package/dist/{swirl-description-list-item.entry.99c83045.js → swirl-description-list-item.entry.2872cecd.js} +2 -2
- package/dist/{swirl-description-list.entry.724f88d9.js → swirl-description-list.entry.e98b5f6a.js} +1 -1
- package/dist/{swirl-dialog.entry.b50cfdb2.js → swirl-dialog.entry.3c314ce8.js} +3 -3
- package/dist/{swirl-file-uploader.entry.f8afd2d4.js → swirl-file-uploader.entry.a961108f.js} +3 -3
- package/dist/{swirl-file-viewer_7.entry.8973a210.js → swirl-file-viewer_7.entry.80730f50.js} +11 -11
- package/dist/{swirl-form-control.entry.bc87b691.js → swirl-form-control.entry.7b7792b7.js} +8 -8
- package/dist/{swirl-form-group.entry.674e8b3f.js → swirl-form-group.entry.8ab35b6b.js} +1 -1
- package/dist/{swirl-heading.entry.8e9ded19.js → swirl-heading.entry.f6f15b36.js} +2 -2
- package/dist/{swirl-icon-add-photo.entry.5a20015c.js → swirl-icon-add-photo.entry.e834d584.js} +1 -1
- package/dist/{swirl-icon-add_4.entry.0844d9ca.js → swirl-icon-add_4.entry.7a361599.js} +1 -1
- package/dist/{swirl-icon-admin-panel-settings.entry.8f932fe7.js → swirl-icon-admin-panel-settings.entry.d609d64c.js} +1 -1
- package/dist/{swirl-icon-arrow-back.entry.c9c0cd69.js → swirl-icon-arrow-back.entry.8acd2db8.js} +1 -1
- package/dist/{swirl-icon-arrow-downward_2.entry.03e4f1bc.js → swirl-icon-arrow-downward_2.entry.2444d544.js} +1 -1
- package/dist/{swirl-icon-arrow-forward.entry.965aa3ee.js → swirl-icon-arrow-forward.entry.7faa307c.js} +1 -1
- package/dist/{swirl-icon-arrow-left_3.entry.5cddfb42.js → swirl-icon-arrow-left_3.entry.8aafc12d.js} +1 -1
- package/dist/{swirl-icon-arrow-right-small.entry.53b648b8.js → swirl-icon-arrow-right-small.entry.b71661c0.js} +1 -1
- package/dist/{swirl-icon-attachment.entry.302569e9.js → swirl-icon-attachment.entry.9953efe2.js} +1 -1
- package/dist/{swirl-icon-block.entry.79c5f2b2.js → swirl-icon-block.entry.1e6aeb65.js} +1 -1
- package/dist/{swirl-icon-cancel_4.entry.31c7f7d7.js → swirl-icon-cancel_4.entry.6fb2872f.js} +1 -1
- package/dist/{swirl-icon-chat-bubble.entry.ac1cbfcd.js → swirl-icon-chat-bubble.entry.0b5c13c1.js} +1 -1
- package/dist/{swirl-icon-chats-filled.entry.18c0e11a.js → swirl-icon-chats-filled.entry.f2c5a42a.js} +1 -1
- package/dist/{swirl-icon-chats-outlined.entry.af240396.js → swirl-icon-chats-outlined.entry.b37c9fd2.js} +1 -1
- package/dist/{swirl-icon-check-circle.entry.4c0304e9.js → swirl-icon-check-circle.entry.9a3ba07b.js} +1 -1
- package/dist/{swirl-icon-check-small_4.entry.c7292189.js → swirl-icon-check-small_4.entry.0b082015.js} +5 -5
- package/dist/{swirl-icon-check-strong.entry.0e1ebe49.js → swirl-icon-check-strong.entry.32e1c97e.js} +1 -1
- package/dist/{swirl-icon-check.entry.bb609d4c.js → swirl-icon-check.entry.965b4009.js} +1 -1
- package/dist/{swirl-icon-chevron-left.entry.0faf5ceb.js → swirl-icon-chevron-left.entry.ca081027.js} +1 -1
- package/dist/{swirl-icon-chevron-right.entry.9b9edbac.js → swirl-icon-chevron-right.entry.d63b1c26.js} +1 -1
- package/dist/{swirl-icon-close-small.entry.47516cb5.js → swirl-icon-close-small.entry.3785692a.js} +1 -1
- package/dist/{swirl-icon-close.entry.f20dd2d1.js → swirl-icon-close.entry.7d6556d2.js} +1 -1
- package/dist/{swirl-icon-cloud-upload.entry.5307cd46.js → swirl-icon-cloud-upload.entry.ee85d552.js} +1 -1
- package/dist/{swirl-icon-column.entry.fb461b40.js → swirl-icon-column.entry.d0591e93.js} +1 -1
- package/dist/{swirl-icon-comment.entry.7bfbd903.js → swirl-icon-comment.entry.43355ec3.js} +1 -1
- package/dist/{swirl-icon-copy.entry.4c17082a.js → swirl-icon-copy.entry.a9739808.js} +1 -1
- package/dist/{swirl-icon-date-range.entry.c8ce6402.js → swirl-icon-date-range.entry.c774ab8b.js} +1 -1
- package/dist/{swirl-icon-delete.entry.6d3a6a54.js → swirl-icon-delete.entry.bf4b1f3b.js} +1 -1
- package/dist/{swirl-icon-description.entry.060d019c.js → swirl-icon-description.entry.b8f1d590.js} +1 -1
- package/dist/{swirl-icon-edit.entry.329a25ea.js → swirl-icon-edit.entry.1a96f349.js} +1 -1
- package/dist/{swirl-icon-emoji-mood.entry.3fbee1e1.js → swirl-icon-emoji-mood.entry.f0ea6dc7.js} +1 -1
- package/dist/{swirl-icon-emoji-satisfied.entry.9fc1863d.js → swirl-icon-emoji-satisfied.entry.bacaef7c.js} +1 -1
- package/dist/{swirl-icon-error_3.entry.8209c557.js → swirl-icon-error_3.entry.77f2e57a.js} +10 -10
- package/dist/{swirl-icon-expand-more.entry.b2e0a30c.js → swirl-icon-expand-more.entry.5cf4f099.js} +1 -1
- package/dist/{swirl-icon-file.entry.c0e82b43.js → swirl-icon-file.entry.b7c820e1.js} +1 -1
- package/dist/{swirl-icon-filter.entry.e26fa57c.js → swirl-icon-filter.entry.25e3c016.js} +1 -1
- package/dist/{swirl-icon-folder-shared.entry.0169b375.js → swirl-icon-folder-shared.entry.8c6badf3.js} +1 -1
- package/dist/{swirl-icon-group-assign.entry.70e80a6e.js → swirl-icon-group-assign.entry.5f9bcfc3.js} +1 -1
- package/dist/{swirl-icon-groups-custom.entry.d16f5fb9.js → swirl-icon-groups-custom.entry.822d8779.js} +1 -1
- package/dist/{swirl-icon-groups-filled.entry.6cccc3d3.js → swirl-icon-groups-filled.entry.acb66d44.js} +1 -1
- package/dist/{swirl-icon-groups-outlined.entry.2bf03f93.js → swirl-icon-groups-outlined.entry.ccdaa445.js} +1 -1
- package/dist/{swirl-icon-groups.entry.cbc420c1.js → swirl-icon-groups.entry.6a86024e.js} +1 -1
- package/dist/{swirl-icon-help.entry.bca2c9e9.js → swirl-icon-help.entry.b993b08d.js} +1 -1
- package/dist/{swirl-icon-image.entry.67457d50.js → swirl-icon-image.entry.f2786c07.js} +1 -1
- package/dist/{swirl-icon-info.entry.0ee58aeb.js → swirl-icon-info.entry.a37b48cb.js} +1 -1
- package/dist/{swirl-icon-inventory.entry.1548c8b5.js → swirl-icon-inventory.entry.d51e9d40.js} +1 -1
- package/dist/{swirl-icon-like.entry.e9d549b8.js → swirl-icon-like.entry.d2bff5cf.js} +1 -1
- package/dist/{swirl-icon-link.entry.c442143c.js → swirl-icon-link.entry.dd2ec94a.js} +1 -1
- package/dist/{swirl-icon-lock.entry.d84f882b.js → swirl-icon-lock.entry.dd827390.js} +1 -1
- package/dist/{swirl-icon-logout.entry.7a6a96d3.js → swirl-icon-logout.entry.37e7dbf7.js} +1 -1
- package/dist/{swirl-icon-mail.entry.a7b7df7b.js → swirl-icon-mail.entry.aa5549f0.js} +1 -1
- package/dist/{swirl-icon-manage-accounts.entry.fe2691fc.js → swirl-icon-manage-accounts.entry.0ea7b173.js} +1 -1
- package/dist/{swirl-icon-mention.entry.c0368650.js → swirl-icon-mention.entry.625f0842.js} +1 -1
- package/dist/{swirl-icon-menu-filled.entry.06cced02.js → swirl-icon-menu-filled.entry.831e831b.js} +1 -1
- package/dist/{swirl-icon-menu-outlined.entry.89dca403.js → swirl-icon-menu-outlined.entry.eefcb24d.js} +1 -1
- package/dist/{swirl-icon-menu.entry.ff253f8f.js → swirl-icon-menu.entry.1cc3453e.js} +1 -1
- package/dist/{swirl-icon-message.entry.b7d9f581.js → swirl-icon-message.entry.2b7599f4.js} +1 -1
- package/dist/{swirl-icon-more-horizontal.entry.407e51c1.js → swirl-icon-more-horizontal.entry.b5c24b7a.js} +1 -1
- package/dist/{swirl-icon-more-vertikal.entry.718f85e0.js → swirl-icon-more-vertikal.entry.04d7e5a6.js} +1 -1
- package/dist/{swirl-icon-news-filled.entry.5134e640.js → swirl-icon-news-filled.entry.6190c1e5.js} +1 -1
- package/dist/{swirl-icon-news-outlined.entry.9c0931c4.js → swirl-icon-news-outlined.entry.e547af31.js} +1 -1
- package/dist/{swirl-icon-notifications-active.entry.c47bbb94.js → swirl-icon-notifications-active.entry.443daf87.js} +1 -1
- package/dist/{swirl-icon-notifications-off.entry.d5933059.js → swirl-icon-notifications-off.entry.9c7a77ac.js} +1 -1
- package/dist/{swirl-icon-notifications.entry.b945b795.js → swirl-icon-notifications.entry.486efc01.js} +1 -1
- package/dist/{swirl-icon-open-in-new.entry.98a7ed82.js → swirl-icon-open-in-new.entry.9a6a0052.js} +1 -1
- package/dist/{swirl-icon-people-alt.entry.646cfc3d.js → swirl-icon-people-alt.entry.d3886045.js} +1 -1
- package/dist/{swirl-icon-person-off.entry.f5db1b83.js → swirl-icon-person-off.entry.b3ea5502.js} +1 -1
- package/dist/{swirl-icon-person.entry.4b5b54cb.js → swirl-icon-person.entry.13a5b347.js} +1 -1
- package/dist/{swirl-icon-phone.entry.f6c4012a.js → swirl-icon-phone.entry.0634bc2d.js} +1 -1
- package/dist/{swirl-icon-poll.entry.9ee6b1d2.js → swirl-icon-poll.entry.048d86d7.js} +1 -1
- package/dist/{swirl-icon-print.entry.37f08abb.js → swirl-icon-print.entry.bccea0d9.js} +1 -1
- package/dist/{swirl-icon-recieved.entry.f79a1343.js → swirl-icon-recieved.entry.549226c8.js} +1 -1
- package/dist/{swirl-icon-search-strong.entry.6752b238.js → swirl-icon-search-strong.entry.5038a3d3.js} +1 -1
- package/dist/{swirl-icon-search.entry.d152e72f.js → swirl-icon-search.entry.933cda43.js} +1 -1
- package/dist/{swirl-icon-send.entry.cafcc526.js → swirl-icon-send.entry.570f8888.js} +1 -1
- package/dist/{swirl-icon-settings.entry.cdd23f77.js → swirl-icon-settings.entry.4267149c.js} +1 -1
- package/dist/{swirl-icon-sync.entry.37eed48f.js → swirl-icon-sync.entry.fdfe7aba.js} +1 -1
- package/dist/{swirl-icon-tasks-filled.entry.629446b0.js → swirl-icon-tasks-filled.entry.ded975a6.js} +1 -1
- package/dist/{swirl-icon-tasks-outlined.entry.21e25bc3.js → swirl-icon-tasks-outlined.entry.9774132f.js} +1 -1
- package/dist/{swirl-icon-time-filled.entry.67ee5a24.js → swirl-icon-time-filled.entry.300bac3f.js} +1 -1
- package/dist/{swirl-icon-time-outlined.entry.d0eb5d19.js → swirl-icon-time-outlined.entry.aff5bc33.js} +1 -1
- package/dist/{swirl-icon-user-assign.entry.8a6b68ea.js → swirl-icon-user-assign.entry.eb8db1a8.js} +1 -1
- package/dist/{swirl-icon-video-camera.entry.85101910.js → swirl-icon-video-camera.entry.8855fd0a.js} +1 -1
- package/dist/{swirl-icon-warning.entry.330bf12a.js → swirl-icon-warning.entry.4b60bf85.js} +1 -1
- package/dist/{swirl-lightbox.entry.7a2191eb.js → swirl-lightbox.entry.03ab7b33.js} +3 -3
- package/dist/{swirl-link.entry.81bd6e0f.js → swirl-link.entry.ab3a7bd8.js} +3 -3
- package/dist/{swirl-list.entry.ca7b2daf.js → swirl-list.entry.ab67b563.js} +1 -1
- package/dist/{swirl-modal.entry.97df470f.js → swirl-modal.entry.4e72a21b.js} +13 -13
- package/dist/{swirl-option-list-section.entry.b3b30b8f.js → swirl-option-list-section.entry.e98eecf1.js} +6 -6
- package/dist/{swirl-pagination.entry.0bbbf034.js → swirl-pagination.entry.c9d0b689.js} +6 -6
- package/dist/{swirl-pdf-reader.entry.064e66a5.js → swirl-pdf-reader.entry.fbcbb9bf.js} +4 -4
- package/dist/{swirl-popover.entry.1e51f870.js → swirl-popover.entry.4ef4ee64.js} +5 -5
- package/dist/{swirl-progress-indicator.entry.46470fa4.js → swirl-progress-indicator.entry.c61c12fe.js} +2 -2
- package/dist/{swirl-radio-group.entry.f931de9f.js → swirl-radio-group.entry.c311185d.js} +2 -2
- package/dist/{swirl-radio.entry.5ccbc5fa.js → swirl-radio.entry.257ccde8.js} +5 -5
- package/dist/{swirl-resource-list-file-item.entry.66329d69.js → swirl-resource-list-file-item.entry.6fa9004b.js} +6 -6
- package/dist/{swirl-search.entry.364d373f.js → swirl-search.entry.8302bf45.js} +6 -6
- package/dist/{swirl-select.entry.95b1f5bc.js → swirl-select.entry.aba0219a.js} +13 -13
- package/dist/{swirl-separator.entry.7c230cd1.js → swirl-separator.entry.ef60c75d.js} +1 -1
- package/dist/swirl-skeleton-box.entry.bd0d35d2.js +30 -0
- package/dist/swirl-skeleton-text.entry.c803a988.js +39 -0
- package/dist/{swirl-stack.entry.cb1d54ae.js → swirl-stack.entry.b5fa46e8.js} +1 -1
- package/dist/{swirl-switch.entry.895cfbbd.js → swirl-switch.entry.049b12c8.js} +12 -12
- package/dist/swirl-tab.entry.eab57d24.js +18 -0
- package/dist/{swirl-table-cell.entry.0d4a9b8f.js → swirl-table-cell.entry.ed35c446.js} +1 -1
- package/dist/{swirl-table-column.entry.b1f05cb5.js → swirl-table-column.entry.e61f908d.js} +3 -3
- package/dist/{swirl-table-row-group.entry.85368b7a.js → swirl-table-row-group.entry.bb48715f.js} +2 -2
- package/dist/{swirl-table-row.entry.39f31a4b.js → swirl-table-row.entry.bee5e4a9.js} +5 -5
- package/dist/{swirl-table.entry.cd3a7dde.js → swirl-table.entry.f59b9b3e.js} +11 -11
- package/dist/{swirl-tabs.entry.6dbf6d57.js → swirl-tabs.entry.7810e64a.js} +2 -2
- package/dist/{swirl-tag.entry.b0d8059b.js → swirl-tag.entry.679951ac.js} +8 -8
- package/dist/{swirl-text-input.entry.86bbfa05.js → swirl-text-input.entry.bddd1dae.js} +3 -3
- package/dist/{swirl-text.entry.53142b33.js → swirl-text.entry.9806d4db.js} +6 -6
- package/dist/{swirl-theme-provider.entry.9cc36512.js → swirl-theme-provider.entry.ece49018.js} +13 -13
- package/dist/{swirl-thumbnail.entry.bd0a5c89.js → swirl-thumbnail.entry.342f1f8c.js} +5 -5
- package/dist/{swirl-toast-provider.entry.7747ba81.js → swirl-toast-provider.entry.2788262d.js} +6 -6
- package/dist/{swirl-toast.entry.ea517c98.js → swirl-toast.entry.0e7927ba.js} +6 -6
- package/dist/{swirl-tooltip.entry.71acfc7d.js → swirl-tooltip.entry.c8f0bd4f.js} +3 -3
- package/dist/{swirl-tree-navigation-item.entry.59540e7e.js → swirl-tree-navigation-item.entry.d5c4aec7.js} +5 -5
- package/dist/{swirl-video-thumbnail.entry.4546c208.js → swirl-video-thumbnail.entry.2e7f4010.js} +2 -2
- package/dist/{swirl-visually-hidden.entry.bbc8b32d.js → swirl-visually-hidden.entry.7e057e1b.js} +1 -1
- package/dist/{wc-datepicker.entry.d105e9ee.js → wc-datepicker.entry.8c191661.js} +1 -1
- package/package.json +2 -2
- package/dist/index.149af511.js +0 -1394
- package/dist/swirl-tab.entry.b870a20f.js +0 -18
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as $t, h as g, F as ht, c as ie, H as xe, g as Ee } from "./index.
|
|
1
|
+
import { r as $t, h as g, F as ht, c as ie, H as xe, g as Ee } from "./index.d74835eb.js";
|
|
2
2
|
import { c as ae } from "./index-47862d62.75c2fcf1.js";
|
|
3
3
|
import { c as he, q as fe, g as Xe } from "./utils-33d31b58.1488fcfe.js";
|
|
4
4
|
import "react";
|
|
@@ -1252,7 +1252,7 @@ p.mount(new mi());
|
|
|
1252
1252
|
p.mount(de, ce);
|
|
1253
1253
|
const vi = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", bi = class {
|
|
1254
1254
|
constructor(e) {
|
|
1255
|
-
$t(this, e), this.itemDrop = ie(this, "itemDrop", 7), this.valueChange = ie(this, "valueChange", 7), this.
|
|
1255
|
+
$t(this, e), this.itemDrop = ie(this, "itemDrop", 7), this.valueChange = ie(this, "valueChange", 7), this.onFocus = async () => {
|
|
1256
1256
|
await new Promise((t) => setTimeout(t)), Boolean(this.focusedItem) ? this.focusItem(this.getActiveItemIndex()) : this.focusItem(0);
|
|
1257
1257
|
}, this.onClick = (t) => {
|
|
1258
1258
|
t.preventDefault();
|
|
@@ -1285,7 +1285,7 @@ const vi = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-s
|
|
|
1285
1285
|
this.dragging = void 0, t.removeAttribute("dragging");
|
|
1286
1286
|
const i = this.getActiveItemIndex();
|
|
1287
1287
|
this.assistiveText = `${this.assistiveTextItemMoved} ${i + 1}`, this.itemDrop.emit({ oldIndex: this.draggingStartIndex, newIndex: i }), this.draggingStartIndex = void 0;
|
|
1288
|
-
};
|
|
1288
|
+
}, this.allowDrag = void 0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.disabled = void 0, this.label = void 0, this.optionListId = void 0, this.multiSelect = void 0, this.value = [], this.assistiveText = void 0;
|
|
1289
1289
|
}
|
|
1290
1290
|
componentDidLoad() {
|
|
1291
1291
|
this.updateItems(), this.observeSlotChanges(), this.setItemAllowDragState(), this.setItemDisabledState(), this.setItemContext(), this.syncItemsWithValue(), this.setupDragDrop();
|
|
@@ -1424,11 +1424,11 @@ bi.style = vi;
|
|
|
1424
1424
|
const wi = `.sc-swirl-option-list-item-h{position:relative;display:inline-flex;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;width:100%;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
|
|
1425
1425
|
0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item__label.sc-swirl-option-list-item{flex-grow:1;color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:-webkit-grab;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:-webkit-grabbing;cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}`, yi = class {
|
|
1426
1426
|
constructor(e) {
|
|
1427
|
-
$t(this, e), this.toggleDrag = ie(this, "toggleDrag", 7), this.
|
|
1427
|
+
$t(this, e), this.toggleDrag = ie(this, "toggleDrag", 7), this.desktopMediaQuery = Xe(), this.desktopMediaQueryHandler = (t) => {
|
|
1428
1428
|
this.forceIconProps(t.matches), this.updateIconSize(t.matches);
|
|
1429
1429
|
}, this.onDragHandleKeyDown = (t) => {
|
|
1430
1430
|
(t.code === "Space" || t.code === "Enter") && (t.preventDefault(), this.toggleDrag.emit(this.el));
|
|
1431
|
-
};
|
|
1431
|
+
}, this.allowDrag = void 0, this.context = "single-select", this.disabled = void 0, this.dragging = void 0, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move option", this.icon = void 0, this.label = void 0, this.selected = !1, this.value = void 0, this.iconSize = 24;
|
|
1432
1432
|
}
|
|
1433
1433
|
componentDidLoad() {
|
|
1434
1434
|
var e, t;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { r as t, h as i, F as n, H as a } from "./index.
|
|
1
|
+
import { r as t, h as i, F as n, H as a } from "./index.d74835eb.js";
|
|
2
2
|
import { c as o } from "./index-47862d62.75c2fcf1.js";
|
|
3
3
|
import { g as l } from "./utils-33d31b58.1488fcfe.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
6
|
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
7
|
-
const
|
|
7
|
+
const d = ":host{display:inline-flex}", c = class {
|
|
8
8
|
constructor(e) {
|
|
9
9
|
t(this, e), this.size = 24;
|
|
10
10
|
}
|
|
@@ -13,12 +13,12 @@ const c = ":host{display:inline-flex}", d = class {
|
|
|
13
13
|
return i("svg", { class: s, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(n, null, i("path", { d: "M6.05 14C5.87222 14 5.70267 13.9667 5.54133 13.9C5.38044 13.8333 5.23889 13.7389 5.11667 13.6167L2.38333 10.8833C2.26111 10.7611 2.16667 10.6196 2.1 10.4587C2.03333 10.2973 2 10.1278 2 9.95V6.05C2 5.87222 2.03333 5.70267 2.1 5.54133C2.16667 5.38044 2.26111 5.23889 2.38333 5.11667L5.11667 2.38333C5.23889 2.26111 5.38044 2.16667 5.54133 2.1C5.70267 2.03333 5.87222 2 6.05 2H9.95C10.1278 2 10.2973 2.03333 10.4587 2.1C10.6196 2.16667 10.7611 2.26111 10.8833 2.38333L13.6167 5.11667C13.7389 5.23889 13.8333 5.38044 13.9 5.54133C13.9667 5.70267 14 5.87222 14 6.05V9.95C14 10.1278 13.9667 10.2973 13.9 10.4587C13.8333 10.6196 13.7389 10.7611 13.6167 10.8833L10.8833 13.6167C10.7611 13.7389 10.6196 13.8333 10.4587 13.9C10.2973 13.9667 10.1278 14 9.95 14H6.05ZM8 11.3333C8.18889 11.3333 8.34733 11.2693 8.47533 11.1413C8.60289 11.0138 8.66667 10.8556 8.66667 10.6667C8.66667 10.4778 8.60289 10.3193 8.47533 10.1913C8.34733 10.0638 8.18889 10 8 10C7.81111 10 7.65289 10.0638 7.52533 10.1913C7.39733 10.3193 7.33333 10.4778 7.33333 10.6667C7.33333 10.8556 7.39733 11.0138 7.52533 11.1413C7.65289 11.2693 7.81111 11.3333 8 11.3333ZM8 8.66667C8.18889 8.66667 8.34733 8.60267 8.47533 8.47467C8.60289 8.34711 8.66667 8.18889 8.66667 8V5.33333C8.66667 5.14444 8.60289 4.986 8.47533 4.858C8.34733 4.73044 8.18889 4.66667 8 4.66667C7.81111 4.66667 7.65289 4.73044 7.52533 4.858C7.39733 4.986 7.33333 5.14444 7.33333 5.33333V8C7.33333 8.18889 7.39733 8.34711 7.52533 8.47467C7.65289 8.60267 7.81111 8.66667 8 8.66667Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(n, null, i("path", { d: "M9.075 21C8.80833 21 8.554 20.95 8.312 20.85C8.07067 20.75 7.85833 20.6083 7.675 20.425L3.575 16.325C3.39167 16.1417 3.25 15.9293 3.15 15.688C3.05 15.446 3 15.1917 3 14.925V9.075C3 8.80833 3.05 8.554 3.15 8.312C3.25 8.07067 3.39167 7.85833 3.575 7.675L7.675 3.575C7.85833 3.39167 8.07067 3.25 8.312 3.15C8.554 3.05 8.80833 3 9.075 3H14.925C15.1917 3 15.446 3.05 15.688 3.15C15.9293 3.25 16.1417 3.39167 16.325 3.575L20.425 7.675C20.6083 7.85833 20.75 8.07067 20.85 8.312C20.95 8.554 21 8.80833 21 9.075V14.925C21 15.1917 20.95 15.446 20.85 15.688C20.75 15.9293 20.6083 16.1417 20.425 16.325L16.325 20.425C16.1417 20.6083 15.9293 20.75 15.688 20.85C15.446 20.95 15.1917 21 14.925 21H9.075ZM12 17C12.2833 17 12.521 16.904 12.713 16.712C12.9043 16.5207 13 16.2833 13 16C13 15.7167 12.9043 15.479 12.713 15.287C12.521 15.0957 12.2833 15 12 15C11.7167 15 11.4793 15.0957 11.288 15.287C11.096 15.479 11 15.7167 11 16C11 16.2833 11.096 16.5207 11.288 16.712C11.4793 16.904 11.7167 17 12 17ZM12 13C12.2833 13 12.521 12.904 12.713 12.712C12.9043 12.5207 13 12.2833 13 12V8C13 7.71667 12.9043 7.479 12.713 7.287C12.521 7.09567 12.2833 7 12 7C11.7167 7 11.4793 7.09567 11.288 7.287C11.096 7.479 11 7.71667 11 8V12C11 12.2833 11.096 12.5207 11.288 12.712C11.4793 12.904 11.7167 13 12 13Z", fill: "currentColor" })), this.size === 28 && i(n, null, i("path", { d: "M10.5875 24.5C10.2764 24.5 9.97967 24.4417 9.69733 24.325C9.41578 24.2083 9.16806 24.0431 8.95417 23.8292L4.17083 19.0458C3.95694 18.8319 3.79167 18.5842 3.675 18.3027C3.55833 18.0203 3.5 17.7236 3.5 17.4125V10.5875C3.5 10.2764 3.55833 9.97967 3.675 9.69733C3.79167 9.41578 3.95694 9.16806 4.17083 8.95417L8.95417 4.17083C9.16806 3.95694 9.41578 3.79167 9.69733 3.675C9.97967 3.55833 10.2764 3.5 10.5875 3.5H17.4125C17.7236 3.5 18.0203 3.55833 18.3027 3.675C18.5842 3.79167 18.8319 3.95694 19.0458 4.17083L23.8292 8.95417C24.0431 9.16806 24.2083 9.41578 24.325 9.69733C24.4417 9.97967 24.5 10.2764 24.5 10.5875V17.4125C24.5 17.7236 24.4417 18.0203 24.325 18.3027C24.2083 18.5842 24.0431 18.8319 23.8292 19.0458L19.0458 23.8292C18.8319 24.0431 18.5842 24.2083 18.3027 24.325C18.0203 24.4417 17.7236 24.5 17.4125 24.5H10.5875ZM14 19.8333C14.3306 19.8333 14.6078 19.7213 14.8318 19.4973C15.0551 19.2741 15.1667 18.9972 15.1667 18.6667C15.1667 18.3361 15.0551 18.0588 14.8318 17.8348C14.6078 17.6116 14.3306 17.5 14 17.5C13.6694 17.5 13.3926 17.6116 13.1693 17.8348C12.9453 18.0588 12.8333 18.3361 12.8333 18.6667C12.8333 18.9972 12.9453 19.2741 13.1693 19.4973C13.3926 19.7213 13.6694 19.8333 14 19.8333ZM14 15.1667C14.3306 15.1667 14.6078 15.0547 14.8318 14.8307C15.0551 14.6074 15.1667 14.3306 15.1667 14V9.33333C15.1667 9.00278 15.0551 8.7255 14.8318 8.5015C14.6078 8.27828 14.3306 8.16667 14 8.16667C13.6694 8.16667 13.3926 8.27828 13.1693 8.5015C12.9453 8.7255 12.8333 9.00278 12.8333 9.33333V14C12.8333 14.3306 12.9453 14.6074 13.1693 14.8307C13.3926 15.0547 13.6694 15.1667 14 15.1667Z", fill: "currentColor" })));
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
|
-
|
|
17
|
-
const
|
|
16
|
+
c.style = d;
|
|
17
|
+
const h = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{padding-top:0.125rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;color:var(--s-icon-critical);align-self:flex-start}.inline-error__message{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-left:var(--s-space-4);padding-top:0.0625rem}", C = class {
|
|
18
18
|
constructor(e) {
|
|
19
|
-
t(this, e), this.
|
|
19
|
+
t(this, e), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (s) => {
|
|
20
20
|
this.forceIconProps(s.matches);
|
|
21
|
-
};
|
|
21
|
+
}, this.message = void 0, this.size = "m";
|
|
22
22
|
}
|
|
23
23
|
componentDidLoad() {
|
|
24
24
|
var e, s;
|
|
@@ -40,10 +40,10 @@ const C = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error
|
|
|
40
40
|
return i(a, null, i("span", { class: e, part: "inline-error" }, i("span", { class: "inline-error__icon", ref: (s) => this.iconEl = s }, i("swirl-icon-error", null)), i("span", { class: "inline-error__message" }, this.message)));
|
|
41
41
|
}
|
|
42
42
|
};
|
|
43
|
-
|
|
43
|
+
C.style = h;
|
|
44
44
|
const p = ":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-s{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;-webkit-animation:spinner-rotate 2s linear infinite;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{-webkit-animation:spinner-dash 1.5s ease-in-out infinite;animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@-webkit-keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}", f = class {
|
|
45
45
|
constructor(e) {
|
|
46
|
-
t(this, e), this.size = "m";
|
|
46
|
+
t(this, e), this.label = void 0, this.size = "m";
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
49
|
const e = o("spinner", `spinner--size-${this.size}`);
|
|
@@ -52,7 +52,7 @@ const p = ":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{posi
|
|
|
52
52
|
};
|
|
53
53
|
f.style = p;
|
|
54
54
|
export {
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
c as swirl_icon_error,
|
|
56
|
+
C as swirl_inline_error,
|
|
57
57
|
f as swirl_spinner
|
|
58
58
|
};
|