@getflip/swirl-components 0.20.0 → 0.21.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 +73 -68
- package/dist/cjs/file-manager.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/swirl-app-layout_7.cjs.entry.js +11 -13
- package/dist/cjs/swirl-components.cjs.js +1 -1
- package/dist/cjs/swirl-shell-layout.cjs.entry.js +1 -1
- package/dist/collection/components/swirl-app-layout/swirl-app-layout.css +25 -43
- package/dist/collection/components/swirl-app-layout/swirl-app-layout.js +11 -56
- package/dist/collection/components/swirl-app-layout/swirl-app-layout.stories.js +4 -6
- package/dist/collection/components/swirl-box/swirl-box.css +9 -19
- package/dist/collection/components/swirl-box/swirl-box.js +7 -24
- package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.js +1 -1
- package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.stories.js +25 -2
- package/dist/collection/prototypes/file-manager/file-manager.js +1 -1
- package/dist/components/file-manager.js +1 -1
- package/dist/components/swirl-app-layout2.js +3 -9
- package/dist/components/swirl-box2.js +8 -8
- package/dist/components/swirl-shell-layout.js +1 -1
- package/dist/esm/file-manager.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/swirl-app-layout_7.entry.js +11 -13
- package/dist/esm/swirl-components.js +1 -1
- package/dist/esm/swirl-shell-layout.entry.js +1 -1
- package/dist/swirl-components/p-11ea0551.entry.js +1 -0
- package/dist/swirl-components/p-ab342072.entry.js +1 -0
- package/dist/swirl-components/p-fd8dd92d.entry.js +1 -0
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/dist/types/components/swirl-app-layout/swirl-app-layout.d.ts +9 -3
- package/dist/types/components/swirl-box/swirl-box.d.ts +0 -1
- package/dist/types/components.d.ts +0 -8
- package/dist/typings.d.ts +1 -0
- package/package.json +1 -1
- package/vscode-data.json +0 -16
- package/dist/swirl-components/p-19a0622b.entry.js +0 -1
- package/dist/swirl-components/p-b556f2af.entry.js +0 -1
- package/dist/swirl-components/p-e17adb3e.entry.js +0 -1
|
@@ -20,7 +20,7 @@ const patchBrowser = () => {
|
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
patchBrowser().then(options => {
|
|
23
|
-
return index.bootstrapLazy(JSON.parse("[[\"file-manager.cjs\",[[1,\"file-manager\",{\"selectedDirectory\":[32],\"selectedFile\":[32]}]]],[\"swirl-pdf-reader.cjs\",[[1,\"swirl-pdf-reader\",{\"autoZoomLabel\":[1,\"auto-zoom-label\"],\"closeButtonLabel\":[1,\"close-button-label\"],\"downloadButtonLabel\":[1,\"download-button-label\"],\"file\":[1],\"fileTypeLabel\":[1,\"file-type-label\"],\"label\":[1],\"menuLabel\":[1,\"menu-label\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"printButtonLabel\":[1,\"print-button-label\"],\"sideBySideButtonLabel\":[1,\"side-by-side-button-label\"],\"thumbnailButtonLabel\":[1,\"thumbnail-button-label\"],\"thumbnailsButtonLabel\":[1,\"thumbnails-button-label\"],\"thumbnailsLabel\":[1,\"thumbnails-label\"],\"zoomInButtonLabel\":[1,\"zoom-in-button-label\"],\"zoomOutButtonLabel\":[1,\"zoom-out-button-label\"],\"zoomSelectLabel\":[1,\"zoom-select-label\"],\"active\":[32],\"closing\":[32],\"downloading\":[32],\"thumbnails\":[32],\"showThumbnails\":[32],\"viewMode\":[32],\"visiblePages\":[32],\"zoom\":[32],\"zoomSteps\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-autocomplete.cjs\",[[2,\"swirl-autocomplete\",{\"autoSelect\":[4,\"auto-select\"],\"clearable\":[4],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"generateSuggestions\":[1040],\"inline\":[4],\"invalid\":[4],\"maxLength\":[2,\"max-length\"],\"menuLabel\":[1,\"menu-label\"],\"mode\":[1],\"required\":[4],\"spellCheck\":[4,\"spell-check\"],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537],\"active\":[32],\"loading\":[32],\"position\":[32],\"suggestions\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-lightbox.cjs\",[[1,\"swirl-lightbox\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"downloadButtonLabel\":[1,\"download-button-label\"],\"label\":[1],\"menuLabel\":[1,\"menu-label\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"nextSlideButtonLabel\":[1,\"next-slide-button-label\"],\"previousSlideButtonLabel\":[1,\"previous-slide-button-label\"],\"activeSlideIndex\":[32],\"closing\":[32],\"slides\":[32],\"open\":[64],\"close\":[64],\"activateSlide\":[64]}]]],[\"swirl-resource-list-file-item.cjs\",[[1,\"swirl-resource-list-file-item\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"icon\":[1],\"label\":[1],\"loading\":[4],\"removable\":[4],\"removeButtonLabel\":[1,\"remove-button-label\"]}]]],[\"swirl-select.cjs\",[[6,\"swirl-select\",{\"disabled\":[4],\"inline\":[4],\"invalid\":[4],\"label\":[1],\"multiSelect\":[4,\"multi-select\"],\"required\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1040],\"options\":[32],\"open\":[32]},[[8,\"focusin\",\"onWindowFocusIn\"]]]]],[\"swirl-date-input.cjs\",[[2,\"swirl-date-input\",{\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"datePickerLabel\":[1,\"date-picker-label\"],\"datePickerTriggerLabel\":[1,\"date-picker-trigger-label\"],\"disabled\":[4],\"format\":[1],\"inline\":[4],\"invalid\":[4],\"labels\":[16],\"locale\":[1],\"placeholder\":[1],\"required\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537],\"iconSize\":[32]}]]],[\"swirl-modal.cjs\",[[1,\"swirl-modal\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"hideCloseButton\":[4,\"hide-close-button\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"padded\":[4],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"scrollable\":[32],\"scrolled\":[32],\"scrolledDown\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-console-layout.cjs\",[[1,\"swirl-console-layout\",{\"appName\":[1,\"app-name\"],\"backButonLabel\":[1,\"back-buton-label\"],\"heading\":[1],\"helpButonLabel\":[1,\"help-buton-label\"],\"hideNavigationButtonLabel\":[1,\"hide-navigation-button-label\"],\"logoText\":[1,\"logo-text\"],\"showNavigationButtonLabel\":[1,\"show-navigation-button-label\"],\"navigationLabel\":[1,\"navigation-label\"],\"showBackButton\":[4,\"show-back-button\"],\"showHelpButton\":[4,\"show-help-button\"],\"subheading\":[1],\"sidebarActive\":[32],\"toggleSidebar\":[64],\"showSidebar\":[64],\"hideSidebar\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-dialog.cjs\",[[1,\"swirl-dialog\",{\"hideLabel\":[4,\"hide-label\"],\"intent\":[1],\"label\":[1],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"open\":[64],\"close\":[64]}]]],[\"swirl-pagination.cjs\",[[1,\"swirl-pagination\",{\"accessibleNextButtonLabel\":[1,\"accessible-next-button-label\"],\"accessiblePrevButtonLabel\":[1,\"accessible-prev-button-label\"],\"nextButtonLabel\":[1,\"next-button-label\"],\"pageLabel\":[1,\"page-label\"],\"prevButtonLabel\":[1,\"prev-button-label\"],\"label\":[1],\"page\":[2],\"pages\":[2],\"pageSelectLabel\":[1,\"page-select-label\"],\"variant\":[1]}]]],[\"swirl-toast-provider.cjs\",[[1,\"swirl-toast-provider\",{\"globalDuration\":[2,\"global-duration\"],\"toasts\":[32],\"clearAll\":[64],\"dismiss\":[64],\"toast\":[64]}]]],[\"swirl-checkbox.cjs\",[[2,\"swirl-checkbox\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"swirlAriaLabel\":[1,\"swirl-aria-label\"],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1]}]]],[\"swirl-file-uploader.cjs\",[[2,\"swirl-file-uploader\",{\"accept\":[1],\"ctaLabel\":[1,\"cta-label\"],\"description\":[1],\"disabled\":[4],\"dragDropLabel\":[1,\"drag-drop-label\"],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"multiple\":[4],\"showDropzone\":[4,\"show-dropzone\"],\"uploadButtonLabel\":[1,\"upload-button-label\"],\"reset\":[64]}]]],[\"swirl-form-control.cjs\",[[6,\"swirl-form-control\",{\"description\":[1],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"inline\":[4],\"invalid\":[4],\"label\":[1],\"hasFocus\":[32],\"inputValue\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-search.cjs\",[[2,\"swirl-search\",{\"autoFocus\":[4,\"auto-focus\"],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"inputName\":[1,\"input-name\"],\"inputId\":[1,\"input-id\"],\"label\":[1],\"placeholder\":[1],\"value\":[1025]},[[8,\"keydown\",\"onKeyDown\"]]]]],[\"swirl-table.cjs\",[[1,\"swirl-table\",{\"caption\":[1],\"emptyStateLabel\":[1,\"empty-state-label\"],\"label\":[1],\"empty\":[32],\"scrollable\":[32],\"scrolled\":[32],\"scrolledToEnd\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-table-column.cjs\",[[1,\"swirl-table-column\",{\"sort\":[1],\"sortable\":[4],\"maxWidth\":[1,\"max-width\"],\"minWidth\":[1,\"min-width\"],\"sticky\":[4],\"width\":[1]}]]],[\"swirl-avatar.cjs\",[[1,\"swirl-avatar\",{\"badge\":[1],\"badgePosition\":[1,\"badge-position\"],\"color\":[1],\"icon\":[1],\"initials\":[1],\"interactive\":[4],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"size\":[1],\"src\":[1],\"variant\":[1],\"imageAvailable\":[32]}]]],[\"swirl-banner.cjs\",[[1,\"swirl-banner\",{\"actionLabel\":[1,\"action-label\"],\"content\":[1],\"dismissable\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"importance\":[1],\"intent\":[1],\"showIcon\":[4,\"show-icon\"]}]]],[\"swirl-radio.cjs\",[[2,\"swirl-radio\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1]}]]],[\"swirl-shell-layout.cjs\",[[1,\"swirl-shell-layout\",{\"mainNavigationLabel\":[1,\"main-navigation-label\"],\"sidebarToggleLabel\":[1,\"sidebar-toggle-label\"],\"collapsedSidebar\":[32],\"collapsing\":[32],\"sidebarHovered\":[32],\"collapseSidebar\":[64],\"extendSidebar\":[64]}]]],[\"swirl-switch.cjs\",[[2,\"swirl-switch\",{\"checked\":[1028],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"size\":[1],\"value\":[1]},[[9,\"pointerup\",\"onWindowPointerUp\"]]]]],[\"swirl-tag.cjs\",[[1,\"swirl-tag\",{\"intent\":[1],\"label\":[1],\"removable\":[4],\"removalButtonLabel\":[1,\"removal-button-label\"]}]]],[\"swirl-video-thumbnail.cjs\",[[1,\"swirl-video-thumbnail\",{\"durationLabel\":[1,\"duration-label\"],\"duration\":[1],\"label\":[1],\"src\":[1]}]]],[\"swirl-action-list-section.cjs\",[[1,\"swirl-action-list-section\",{\"label\":[1]}]]],[\"swirl-avatar-group.cjs\",[[1,\"swirl-avatar-group\",{\"badge\":[1]}]]],[\"swirl-badge.cjs\",[[1,\"swirl-badge\",{\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"variant\":[1]}]]],[\"swirl-card.cjs\",[[1,\"swirl-card\",{\"as\":[1],\"elevated\":[4],\"interactive\":[4],\"href\":[1],\"linkTarget\":[1,\"link-target\"]}]]],[\"swirl-chip.cjs\",[[1,\"swirl-chip\",{\"avatar\":[1],\"icon\":[1],\"intent\":[1],\"interactive\":[4],\"label\":[1]}]]],[\"swirl-columns.cjs\",[[1,\"swirl-columns\",{\"columns\":[1],\"spacing\":[1]}]]],[\"swirl-description-list.cjs\",[[1,\"swirl-description-list\"]]],[\"swirl-description-list-item.cjs\",[[1,\"swirl-description-list-item\",{\"term\":[1]}]]],[\"swirl-form-group.cjs\",[[6,\"swirl-form-group\",{\"orientation\":[1]}]]],[\"swirl-icon-add-photo.cjs\",[[1,\"swirl-icon-add-photo\",{\"size\":[2]}]]],[\"swirl-icon-admin-panel-settings.cjs\",[[1,\"swirl-icon-admin-panel-settings\",{\"size\":[2]}]]],[\"swirl-icon-arrow-back.cjs\",[[1,\"swirl-icon-arrow-back\",{\"size\":[2]}]]],[\"swirl-icon-arrow-forward.cjs\",[[1,\"swirl-icon-arrow-forward\",{\"size\":[2]}]]],[\"swirl-icon-arrow-right-small.cjs\",[[1,\"swirl-icon-arrow-right-small\",{\"size\":[2]}]]],[\"swirl-icon-attachment.cjs\",[[1,\"swirl-icon-attachment\",{\"size\":[2]}]]],[\"swirl-icon-block.cjs\",[[1,\"swirl-icon-block\",{\"size\":[2]}]]],[\"swirl-icon-bookmark.cjs\",[[1,\"swirl-icon-bookmark\",{\"size\":[2]}]]],[\"swirl-icon-chat-bubble.cjs\",[[1,\"swirl-icon-chat-bubble\",{\"size\":[2]}]]],[\"swirl-icon-chats-filled.cjs\",[[1,\"swirl-icon-chats-filled\",{\"size\":[2]}]]],[\"swirl-icon-chats-outlined.cjs\",[[1,\"swirl-icon-chats-outlined\",{\"size\":[2]}]]],[\"swirl-icon-check.cjs\",[[1,\"swirl-icon-check\",{\"size\":[2]}]]],[\"swirl-icon-check-circle.cjs\",[[1,\"swirl-icon-check-circle\",{\"size\":[2]}]]],[\"swirl-icon-chevron-left.cjs\",[[1,\"swirl-icon-chevron-left\",{\"size\":[2]}]]],[\"swirl-icon-chevron-right.cjs\",[[1,\"swirl-icon-chevron-right\",{\"size\":[2]}]]],[\"swirl-icon-close-small.cjs\",[[1,\"swirl-icon-close-small\",{\"size\":[2]}]]],[\"swirl-icon-column.cjs\",[[1,\"swirl-icon-column\",{\"size\":[2]}]]],[\"swirl-icon-comment.cjs\",[[1,\"swirl-icon-comment\",{\"size\":[2]}]]],[\"swirl-icon-copy.cjs\",[[1,\"swirl-icon-copy\",{\"size\":[2]}]]],[\"swirl-icon-date-range.cjs\",[[1,\"swirl-icon-date-range\",{\"size\":[2]}]]],[\"swirl-icon-delete.cjs\",[[1,\"swirl-icon-delete\",{\"size\":[2]}]]],[\"swirl-icon-description.cjs\",[[1,\"swirl-icon-description\",{\"size\":[2]}]]],[\"swirl-icon-double-arrow-left.cjs\",[[1,\"swirl-icon-double-arrow-left\",{\"size\":[2]}]]],[\"swirl-icon-double-arrow-right.cjs\",[[1,\"swirl-icon-double-arrow-right\",{\"size\":[2]}]]],[\"swirl-icon-download.cjs\",[[1,\"swirl-icon-download\",{\"size\":[2]}]]],[\"swirl-icon-edit.cjs\",[[1,\"swirl-icon-edit\",{\"size\":[2]}]]],[\"swirl-icon-emoji-mood.cjs\",[[1,\"swirl-icon-emoji-mood\",{\"size\":[2]}]]],[\"swirl-icon-emoji-satisfied.cjs\",[[1,\"swirl-icon-emoji-satisfied\",{\"size\":[2]}]]],[\"swirl-icon-filter.cjs\",[[1,\"swirl-icon-filter\",{\"size\":[2]}]]],[\"swirl-icon-folder.cjs\",[[1,\"swirl-icon-folder\",{\"size\":[2]}]]],[\"swirl-icon-group-assign.cjs\",[[1,\"swirl-icon-group-assign\",{\"size\":[2]}]]],[\"swirl-icon-groups.cjs\",[[1,\"swirl-icon-groups\",{\"size\":[2]}]]],[\"swirl-icon-groups-custom.cjs\",[[1,\"swirl-icon-groups-custom\",{\"size\":[2]}]]],[\"swirl-icon-groups-filled.cjs\",[[1,\"swirl-icon-groups-filled\",{\"size\":[2]}]]],[\"swirl-icon-groups-outlined.cjs\",[[1,\"swirl-icon-groups-outlined\",{\"size\":[2]}]]],[\"swirl-icon-help.cjs\",[[1,\"swirl-icon-help\",{\"size\":[2]}]]],[\"swirl-icon-image.cjs\",[[1,\"swirl-icon-image\",{\"size\":[2]}]]],[\"swirl-icon-info.cjs\",[[1,\"swirl-icon-info\",{\"size\":[2]}]]],[\"swirl-icon-inventory.cjs\",[[1,\"swirl-icon-inventory\",{\"size\":[2]}]]],[\"swirl-icon-like.cjs\",[[1,\"swirl-icon-like\",{\"size\":[2]}]]],[\"swirl-icon-link.cjs\",[[1,\"swirl-icon-link\",{\"size\":[2]}]]],[\"swirl-icon-lock.cjs\",[[1,\"swirl-icon-lock\",{\"size\":[2]}]]],[\"swirl-icon-logout.cjs\",[[1,\"swirl-icon-logout\",{\"size\":[2]}]]],[\"swirl-icon-mail.cjs\",[[1,\"swirl-icon-mail\",{\"size\":[2]}]]],[\"swirl-icon-manage-accounts.cjs\",[[1,\"swirl-icon-manage-accounts\",{\"size\":[2]}]]],[\"swirl-icon-mention.cjs\",[[1,\"swirl-icon-mention\",{\"size\":[2]}]]],[\"swirl-icon-menu.cjs\",[[1,\"swirl-icon-menu\",{\"size\":[2]}]]],[\"swirl-icon-menu-filled.cjs\",[[1,\"swirl-icon-menu-filled\",{\"size\":[2]}]]],[\"swirl-icon-menu-outlined.cjs\",[[1,\"swirl-icon-menu-outlined\",{\"size\":[2]}]]],[\"swirl-icon-message.cjs\",[[1,\"swirl-icon-message\",{\"size\":[2]}]]],[\"swirl-icon-more-horizontal.cjs\",[[1,\"swirl-icon-more-horizontal\",{\"size\":[2]}]]],[\"swirl-icon-news-filled.cjs\",[[1,\"swirl-icon-news-filled\",{\"size\":[2]}]]],[\"swirl-icon-news-outlined.cjs\",[[1,\"swirl-icon-news-outlined\",{\"size\":[2]}]]],[\"swirl-icon-notifications.cjs\",[[1,\"swirl-icon-notifications\",{\"size\":[2]}]]],[\"swirl-icon-notifications-active.cjs\",[[1,\"swirl-icon-notifications-active\",{\"size\":[2]}]]],[\"swirl-icon-notifications-off.cjs\",[[1,\"swirl-icon-notifications-off\",{\"size\":[2]}]]],[\"swirl-icon-open-in-new.cjs\",[[1,\"swirl-icon-open-in-new\",{\"size\":[2]}]]],[\"swirl-icon-people-alt.cjs\",[[1,\"swirl-icon-people-alt\",{\"size\":[2]}]]],[\"swirl-icon-person-off.cjs\",[[1,\"swirl-icon-person-off\",{\"size\":[2]}]]],[\"swirl-icon-phone.cjs\",[[1,\"swirl-icon-phone\",{\"size\":[2]}]]],[\"swirl-icon-poll.cjs\",[[1,\"swirl-icon-poll\",{\"size\":[2]}]]],[\"swirl-icon-print.cjs\",[[1,\"swirl-icon-print\",{\"size\":[2]}]]],[\"swirl-icon-recieved.cjs\",[[1,\"swirl-icon-recieved\",{\"size\":[2]}]]],[\"swirl-icon-search-strong.cjs\",[[1,\"swirl-icon-search-strong\",{\"size\":[2]}]]],[\"swirl-icon-send.cjs\",[[1,\"swirl-icon-send\",{\"size\":[2]}]]],[\"swirl-icon-settings.cjs\",[[1,\"swirl-icon-settings\",{\"size\":[2]}]]],[\"swirl-icon-sync.cjs\",[[1,\"swirl-icon-sync\",{\"size\":[2]}]]],[\"swirl-icon-tasks-filled.cjs\",[[1,\"swirl-icon-tasks-filled\",{\"size\":[2]}]]],[\"swirl-icon-tasks-outlined.cjs\",[[1,\"swirl-icon-tasks-outlined\",{\"size\":[2]}]]],[\"swirl-icon-time-filled.cjs\",[[1,\"swirl-icon-time-filled\",{\"size\":[2]}]]],[\"swirl-icon-time-outlined.cjs\",[[1,\"swirl-icon-time-outlined\",{\"size\":[2]}]]],[\"swirl-icon-user-assign.cjs\",[[1,\"swirl-icon-user-assign\",{\"size\":[2]}]]],[\"swirl-icon-video-camera.cjs\",[[1,\"swirl-icon-video-camera\",{\"size\":[2]}]]],[\"swirl-icon-warning.cjs\",[[1,\"swirl-icon-warning\",{\"size\":[2]}]]],[\"swirl-link.cjs\",[[1,\"swirl-link\",{\"href\":[1],\"label\":[1],\"target\":[1]}]]],[\"swirl-list.cjs\",[[4,\"swirl-list\"]]],[\"swirl-option-list-section.cjs\",[[1,\"swirl-option-list-section\",{\"label\":[1]}]]],[\"swirl-progress-indicator.cjs\",[[1,\"swirl-progress-indicator\",{\"label\":[1],\"size\":[1],\"value\":[2],\"variant\":[1]}]]],[\"swirl-radio-group.cjs\",[[6,\"swirl-radio-group\",{\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537]}]]],[\"swirl-shell-navigation-item.cjs\",[[1,\"swirl-shell-navigation-item\",{\"active\":[4],\"icon\":[1],\"label\":[1]}]]],[\"swirl-skeleton-box.cjs\",[[1,\"swirl-skeleton-box\",{\"animated\":[4],\"aspectRatio\":[1,\"aspect-ratio\"],\"borderRadius\":[1,\"border-radius\"],\"height\":[1],\"width\":[1]}]]],[\"swirl-skeleton-text.cjs\",[[1,\"swirl-skeleton-text\",{\"animated\":[4],\"lines\":[2],\"size\":[1]}]]],[\"swirl-tab.cjs\",[[1,\"swirl-tab\",{\"active\":[4],\"label\":[1],\"tabId\":[1,\"tab-id\"]}]]],[\"swirl-table-cell.cjs\",[[1,\"swirl-table-cell\"]]],[\"swirl-table-row.cjs\",[[1,\"swirl-table-row\",{\"highlighted\":[4],\"index\":[2]}]]],[\"swirl-table-row-group.cjs\",[[1,\"swirl-table-row-group\",{\"label\":[1]}]]],[\"swirl-tabs.cjs\",[[6,\"swirl-tabs\",{\"initialTab\":[1,\"initial-tab\"],\"label\":[1],\"activeTab\":[32],\"activateTab\":[64]}]]],[\"swirl-theme-provider.cjs\",[[6,\"swirl-theme-provider\",{\"config\":[16],\"getActiveTheme\":[64],\"getPreferredTheme\":[64],\"setPreferredTheme\":[64],\"resetPreferredTheme\":[64]}]]],[\"swirl-tooltip.cjs\",[[1,\"swirl-tooltip\",{\"content\":[1],\"delay\":[2],\"position\":[1],\"actualPosition\":[32],\"visible\":[32]},[[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[9,\"resize\",\"onWindowResize\"],[9,\"scroll\",\"onWindowScroll\"]]]]],[\"swirl-tree-navigation-item.cjs\",[[1,\"swirl-tree-navigation-item\",{\"active\":[4],\"icon\":[1],\"label\":[1]}]]],[\"swirl-text-input.cjs\",[[2,\"swirl-text-input\",{\"autoComplete\":[1,\"auto-complete\"],\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"clearable\":[4],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"disableDynamicWidth\":[4,\"disable-dynamic-width\"],\"swirlAriaAutocomplete\":[1,\"swirl-aria-autocomplete\"],\"swirlAriaControls\":[1,\"swirl-aria-controls\"],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"swirlAriaExpanded\":[1,\"swirl-aria-expanded\"],\"swirlRole\":[1,\"swirl-role\"],\"inline\":[4],\"invalid\":[4],\"maxLength\":[2,\"max-length\"],\"max\":[2],\"min\":[2],\"mode\":[1],\"prefixLabel\":[1,\"prefix-label\"],\"required\":[4],\"rows\":[2],\"showCharacterCounter\":[4,\"show-character-counter\"],\"spellCheck\":[4,\"spell-check\"],\"suffixLabel\":[1,\"suffix-label\"],\"step\":[2],\"passwordToggleLabel\":[1,\"password-toggle-label\"],\"type\":[1],\"value\":[1537],\"iconSize\":[32],\"showPassword\":[32]}]]],[\"swirl-toast.cjs\",[[1,\"swirl-toast\",{\"accessibleDismissLabel\":[1,\"accessible-dismiss-label\"],\"content\":[1],\"dismissLabel\":[1,\"dismiss-label\"],\"duration\":[2],\"icon\":[1],\"intent\":[1],\"toastId\":[1,\"toast-id\"]}]]],[\"swirl-icon-cloud-upload.cjs\",[[1,\"swirl-icon-cloud-upload\",{\"size\":[2]}]]],[\"swirl-icon-person.cjs\",[[1,\"swirl-icon-person\",{\"size\":[2]}]]],[\"swirl-icon-search.cjs\",[[1,\"swirl-icon-search\",{\"size\":[2]}]]],[\"swirl-date-picker_2.cjs\",[[1,\"swirl-date-picker\",{\"labels\":[16],\"locale\":[1],\"range\":[4],\"startDate\":[16],\"value\":[1040]}],[1,\"swirl-icon-today\",{\"size\":[2]}]]],[\"swirl-button-group.cjs\",[[1,\"swirl-button-group\",{\"orientation\":[1],\"segmented\":[4],\"stretch\":[4],\"wrap\":[4]}]]],[\"swirl-icon-arrow-downward_2.cjs\",[[1,\"swirl-icon-arrow-downward\",{\"size\":[2]}],[1,\"swirl-icon-arrow-upward\",{\"size\":[2]}]]],[\"wc-datepicker.cjs\",[[2,\"wc-datepicker\",{\"clearButtonContent\":[1,\"clear-button-content\"],\"disabled\":[4],\"disableDate\":[16],\"elementClassName\":[1,\"element-class-name\"],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"range\":[4],\"labels\":[16],\"locale\":[1],\"nextMonthButtonContent\":[1,\"next-month-button-content\"],\"nextYearButtonContent\":[1,\"next-year-button-content\"],\"previousMonthButtonContent\":[1,\"previous-month-button-content\"],\"previousYearButtonContent\":[1,\"previous-year-button-content\"],\"showClearButton\":[4,\"show-clear-button\"],\"showMonthStepper\":[4,\"show-month-stepper\"],\"showTodayButton\":[4,\"show-today-button\"],\"showYearStepper\":[4,\"show-year-stepper\"],\"startDate\":[1,\"start-date\"],\"todayButtonContent\":[1,\"today-button-content\"],\"value\":[1040],\"currentDate\":[32],\"hoveredDate\":[32],\"weekdays\":[32]}]]],[\"swirl-icon-arrow-left_4.cjs\",[[1,\"swirl-icon-arrow-left\",{\"size\":[2]}],[1,\"swirl-icon-arrow-right\",{\"size\":[2]}],[1,\"swirl-icon-more-vertikal\",{\"size\":[2]}],[1,\"swirl-thumbnail\",{\"alt\":[1],\"format\":[1],\"size\":[1],\"src\":[1]}]]],[\"swirl-heading.cjs\",[[2,\"swirl-heading\",{\"align\":[1],\"as\":[1],\"balance\":[4],\"headingId\":[1,\"heading-id\"],\"level\":[2],\"text\":[1]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-icon-check-strong.cjs\",[[1,\"swirl-icon-check-strong\",{\"size\":[2]}]]],[\"swirl-icon-close.cjs\",[[1,\"swirl-icon-close\",{\"size\":[2]}]]],[\"swirl-icon-expand-more.cjs\",[[1,\"swirl-icon-expand-more\",{\"size\":[2]}]]],[\"swirl-popover.cjs\",[[1,\"swirl-popover\",{\"animation\":[1],\"disableScrollLock\":[4,\"disable-scroll-lock\"],\"enableFlip\":[4,\"enable-flip\"],\"label\":[1],\"offset\":[2],\"placement\":[1],\"popoverId\":[1,\"popover-id\"],\"trigger\":[1],\"useContainerWidth\":[8,\"use-container-width\"],\"active\":[32],\"closing\":[32],\"position\":[32],\"close\":[64],\"open\":[64]},[[8,\"focusin\",\"onWindowFocusIn\"],[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-icon-add_6.cjs\",[[1,\"swirl-icon-add\",{\"size\":[2]}],[1,\"swirl-icon-file-copy\",{\"size\":[2]}],[1,\"swirl-icon-fullscreen\",{\"size\":[2]}],[1,\"swirl-icon-fullscreen-exit\",{\"size\":[2]}],[1,\"swirl-icon-menu-book\",{\"size\":[2]}],[1,\"swirl-icon-remove\",{\"size\":[2]}]]],[\"swirl-action-list_3.cjs\",[[1,\"swirl-action-list\"],[1,\"swirl-action-list-item\",{\"disabled\":[4],\"description\":[1],\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"suffix\":[1]}],[1,\"swirl-separator\"]]],[\"swirl-text.cjs\",[[6,\"swirl-text\",{\"align\":[1],\"as\":[1],\"balance\":[4],\"color\":[1],\"fontStyle\":[1,\"font-style\"],\"size\":[1],\"truncate\":[4],\"weight\":[1]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-stack.cjs\",[[1,\"swirl-stack\",{\"align\":[1],\"as\":[1],\"justify\":[1],\"orientation\":[1],\"spacing\":[1],\"wrap\":[4]}]]],[\"swirl-app-layout_7.cjs\",[[1,\"swirl-app-layout\",{\"appBarMedia\":[1,\"app-bar-media\"],\"appName\":[1,\"app-name\"],\"backToNavigationViewButtonLabel\":[1,\"back-to-navigation-view-button-label\"],\"ctaIcon\":[1,\"cta-icon\"],\"ctaLabel\":[1,\"cta-label\"],\"heading\":[1],\"navigationBackButtonLabel\":[1,\"navigation-back-button-label\"],\"navigationLabel\":[1,\"navigation-label\"],\"showNavigationBackButton\":[4,\"show-navigation-back-button\"],\"sidebarCloseButtonLabel\":[1,\"sidebar-close-button-label\"],\"sidebarHeading\":[1,\"sidebar-heading\"],\"subheading\":[1],\"transitionStyle\":[1,\"transition-style\"],\"hasNavigation\":[32],\"hasSidebar\":[32],\"mobileView\":[32],\"sidebarActive\":[32],\"sidebarClosing\":[32],\"transitioningFrom\":[32],\"transitioningTo\":[32],\"showSidebar\":[64],\"hideSidebar\":[64],\"toggleSidebar\":[64],\"changeMobileView\":[64]}],[1,\"swirl-empty-state\",{\"heading\":[1],\"illustration\":[1]}],[1,\"swirl-resource-list-item\",{\"checked\":[1028],\"description\":[1],\"disabled\":[4],\"hideDivider\":[4,\"hide-divider\"],\"href\":[1],\"label\":[1],\"menuTriggerId\":[1,\"menu-trigger-id\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"meta\":[1],\"selectable\":[4],\"value\":[1],\"hasMedia\":[32]}],[1,\"swirl-resource-list\",{\"label\":[1]}],[1,\"swirl-box\",{\"as\":[1],\"bordered\":[4],\"centerBlock\":[4,\"center-block\"],\"centerInline\":[4,\"center-inline\"],\"cover\":[4],\"maxWidth\":[1,\"max-width\"],\"overflow\":[1],\"padding\":[1]}],[1,\"swirl-icon-file\",{\"size\":[2]}],[1,\"swirl-icon-folder-shared\",{\"size\":[2]}]]],[\"swirl-icon-cancel_4.cjs\",[[1,\"swirl-icon-visibility\",{\"size\":[2]}],[1,\"swirl-icon-visibility-off\",{\"size\":[2]}],[1,\"swirl-icon-cancel\",{\"size\":[2]}],[1,\"swirl-icon-expand-less\",{\"size\":[2]}]]],[\"swirl-visually-hidden.cjs\",[[1,\"swirl-visually-hidden\"]]],[\"swirl-icon-check-small_4.cjs\",[[2,\"swirl-option-list-item\",{\"allowDrag\":[4,\"allow-drag\"],\"context\":[1025],\"disabled\":[4],\"dragging\":[4],\"dragHandleDescription\":[1,\"drag-handle-description\"],\"dragHandleLabel\":[1,\"drag-handle-label\"],\"icon\":[1],\"label\":[1],\"selected\":[1028],\"value\":[1],\"iconSize\":[32]}],[6,\"swirl-option-list\",{\"allowDrag\":[4,\"allow-drag\"],\"assistiveTextItemGrabbed\":[1,\"assistive-text-item-grabbed\"],\"assistiveTextItemMoving\":[1,\"assistive-text-item-moving\"],\"assistiveTextItemMoved\":[1,\"assistive-text-item-moved\"],\"disabled\":[4],\"label\":[1],\"optionListId\":[1,\"option-list-id\"],\"multiSelect\":[4,\"multi-select\"],\"value\":[1040],\"assistiveText\":[32]}],[1,\"swirl-icon-check-small\",{\"size\":[2]}],[1,\"swirl-icon-drag-handle\",{\"size\":[2]}]]],[\"swirl-button.cjs\",[[2,\"swirl-button\",{\"disabled\":[4],\"download\":[1],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"swirlAriaExpanded\":[1,\"swirl-aria-expanded\"],\"swirlAriaLabel\":[1,\"swirl-aria-label\"],\"form\":[1],\"hideLabel\":[4,\"hide-label\"],\"href\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"intent\":[1],\"label\":[1],\"name\":[1],\"pill\":[4],\"size\":[1],\"target\":[1],\"type\":[1],\"value\":[1],\"variant\":[1]}]]],[\"swirl-icon-error_3.cjs\",[[1,\"swirl-inline-error\",{\"message\":[1],\"size\":[1]}],[1,\"swirl-spinner\",{\"label\":[1],\"size\":[8]}],[1,\"swirl-icon-error\",{\"size\":[2]}]]],[\"swirl-file-viewer_7.cjs\",[[1,\"swirl-file-viewer\",{\"active\":[4],\"autoplay\":[4],\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"thumbnailUrl\":[1,\"thumbnail-url\"],\"type\":[1],\"typeUnsupportedMessage\":[1,\"type-unsupported-message\"],\"viewMode\":[1,\"view-mode\"],\"zoom\":[8],\"download\":[64],\"print\":[64]}],[1,\"swirl-file-viewer-csv\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"data\":[32],\"error\":[32],\"loading\":[32]}],[1,\"swirl-file-viewer-image\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"maxZoom\":[2,\"max-zoom\"],\"error\":[32],\"loading\":[32],\"getZoom\":[64],\"resetZoom\":[64]}],[1,\"swirl-file-viewer-pdf\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"singlePageMode\":[4,\"single-page-mode\"],\"viewMode\":[1,\"view-mode\"],\"zoom\":[8],\"doc\":[32],\"error\":[32],\"loading\":[32],\"renderedPages\":[32],\"scrolledDown\":[32],\"singlePageModePage\":[32],\"visiblePages\":[32],\"getThumbnails\":[64],\"print\":[64],\"nextPage\":[64],\"previousPage\":[64],\"setPage\":[64]},[[9,\"resize\",\"onWindowResize\"]]],[1,\"swirl-file-viewer-text\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"error\":[32],\"loading\":[32],\"text\":[32]}],[1,\"swirl-file-viewer-audio\",{\"autoplay\":[4],\"file\":[1],\"type\":[1]}],[1,\"swirl-file-viewer-video\",{\"autoplay\":[4],\"file\":[1],\"type\":[1]}]]]]"), options);
|
|
23
|
+
return index.bootstrapLazy(JSON.parse("[[\"file-manager.cjs\",[[1,\"file-manager\",{\"selectedDirectory\":[32],\"selectedFile\":[32]}]]],[\"swirl-pdf-reader.cjs\",[[1,\"swirl-pdf-reader\",{\"autoZoomLabel\":[1,\"auto-zoom-label\"],\"closeButtonLabel\":[1,\"close-button-label\"],\"downloadButtonLabel\":[1,\"download-button-label\"],\"file\":[1],\"fileTypeLabel\":[1,\"file-type-label\"],\"label\":[1],\"menuLabel\":[1,\"menu-label\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"printButtonLabel\":[1,\"print-button-label\"],\"sideBySideButtonLabel\":[1,\"side-by-side-button-label\"],\"thumbnailButtonLabel\":[1,\"thumbnail-button-label\"],\"thumbnailsButtonLabel\":[1,\"thumbnails-button-label\"],\"thumbnailsLabel\":[1,\"thumbnails-label\"],\"zoomInButtonLabel\":[1,\"zoom-in-button-label\"],\"zoomOutButtonLabel\":[1,\"zoom-out-button-label\"],\"zoomSelectLabel\":[1,\"zoom-select-label\"],\"active\":[32],\"closing\":[32],\"downloading\":[32],\"thumbnails\":[32],\"showThumbnails\":[32],\"viewMode\":[32],\"visiblePages\":[32],\"zoom\":[32],\"zoomSteps\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-autocomplete.cjs\",[[2,\"swirl-autocomplete\",{\"autoSelect\":[4,\"auto-select\"],\"clearable\":[4],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"generateSuggestions\":[1040],\"inline\":[4],\"invalid\":[4],\"maxLength\":[2,\"max-length\"],\"menuLabel\":[1,\"menu-label\"],\"mode\":[1],\"required\":[4],\"spellCheck\":[4,\"spell-check\"],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537],\"active\":[32],\"loading\":[32],\"position\":[32],\"suggestions\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-lightbox.cjs\",[[1,\"swirl-lightbox\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"downloadButtonLabel\":[1,\"download-button-label\"],\"label\":[1],\"menuLabel\":[1,\"menu-label\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"nextSlideButtonLabel\":[1,\"next-slide-button-label\"],\"previousSlideButtonLabel\":[1,\"previous-slide-button-label\"],\"activeSlideIndex\":[32],\"closing\":[32],\"slides\":[32],\"open\":[64],\"close\":[64],\"activateSlide\":[64]}]]],[\"swirl-resource-list-file-item.cjs\",[[1,\"swirl-resource-list-file-item\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"icon\":[1],\"label\":[1],\"loading\":[4],\"removable\":[4],\"removeButtonLabel\":[1,\"remove-button-label\"]}]]],[\"swirl-select.cjs\",[[6,\"swirl-select\",{\"disabled\":[4],\"inline\":[4],\"invalid\":[4],\"label\":[1],\"multiSelect\":[4,\"multi-select\"],\"required\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1040],\"options\":[32],\"open\":[32]},[[8,\"focusin\",\"onWindowFocusIn\"]]]]],[\"swirl-date-input.cjs\",[[2,\"swirl-date-input\",{\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"datePickerLabel\":[1,\"date-picker-label\"],\"datePickerTriggerLabel\":[1,\"date-picker-trigger-label\"],\"disabled\":[4],\"format\":[1],\"inline\":[4],\"invalid\":[4],\"labels\":[16],\"locale\":[1],\"placeholder\":[1],\"required\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537],\"iconSize\":[32]}]]],[\"swirl-modal.cjs\",[[1,\"swirl-modal\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"hideCloseButton\":[4,\"hide-close-button\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"padded\":[4],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"scrollable\":[32],\"scrolled\":[32],\"scrolledDown\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-console-layout.cjs\",[[1,\"swirl-console-layout\",{\"appName\":[1,\"app-name\"],\"backButonLabel\":[1,\"back-buton-label\"],\"heading\":[1],\"helpButonLabel\":[1,\"help-buton-label\"],\"hideNavigationButtonLabel\":[1,\"hide-navigation-button-label\"],\"logoText\":[1,\"logo-text\"],\"showNavigationButtonLabel\":[1,\"show-navigation-button-label\"],\"navigationLabel\":[1,\"navigation-label\"],\"showBackButton\":[4,\"show-back-button\"],\"showHelpButton\":[4,\"show-help-button\"],\"subheading\":[1],\"sidebarActive\":[32],\"toggleSidebar\":[64],\"showSidebar\":[64],\"hideSidebar\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-dialog.cjs\",[[1,\"swirl-dialog\",{\"hideLabel\":[4,\"hide-label\"],\"intent\":[1],\"label\":[1],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"open\":[64],\"close\":[64]}]]],[\"swirl-pagination.cjs\",[[1,\"swirl-pagination\",{\"accessibleNextButtonLabel\":[1,\"accessible-next-button-label\"],\"accessiblePrevButtonLabel\":[1,\"accessible-prev-button-label\"],\"nextButtonLabel\":[1,\"next-button-label\"],\"pageLabel\":[1,\"page-label\"],\"prevButtonLabel\":[1,\"prev-button-label\"],\"label\":[1],\"page\":[2],\"pages\":[2],\"pageSelectLabel\":[1,\"page-select-label\"],\"variant\":[1]}]]],[\"swirl-toast-provider.cjs\",[[1,\"swirl-toast-provider\",{\"globalDuration\":[2,\"global-duration\"],\"toasts\":[32],\"clearAll\":[64],\"dismiss\":[64],\"toast\":[64]}]]],[\"swirl-checkbox.cjs\",[[2,\"swirl-checkbox\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"swirlAriaLabel\":[1,\"swirl-aria-label\"],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1]}]]],[\"swirl-file-uploader.cjs\",[[2,\"swirl-file-uploader\",{\"accept\":[1],\"ctaLabel\":[1,\"cta-label\"],\"description\":[1],\"disabled\":[4],\"dragDropLabel\":[1,\"drag-drop-label\"],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"multiple\":[4],\"showDropzone\":[4,\"show-dropzone\"],\"uploadButtonLabel\":[1,\"upload-button-label\"],\"reset\":[64]}]]],[\"swirl-form-control.cjs\",[[6,\"swirl-form-control\",{\"description\":[1],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"inline\":[4],\"invalid\":[4],\"label\":[1],\"hasFocus\":[32],\"inputValue\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-search.cjs\",[[2,\"swirl-search\",{\"autoFocus\":[4,\"auto-focus\"],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"inputName\":[1,\"input-name\"],\"inputId\":[1,\"input-id\"],\"label\":[1],\"placeholder\":[1],\"value\":[1025]},[[8,\"keydown\",\"onKeyDown\"]]]]],[\"swirl-table.cjs\",[[1,\"swirl-table\",{\"caption\":[1],\"emptyStateLabel\":[1,\"empty-state-label\"],\"label\":[1],\"empty\":[32],\"scrollable\":[32],\"scrolled\":[32],\"scrolledToEnd\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-table-column.cjs\",[[1,\"swirl-table-column\",{\"sort\":[1],\"sortable\":[4],\"maxWidth\":[1,\"max-width\"],\"minWidth\":[1,\"min-width\"],\"sticky\":[4],\"width\":[1]}]]],[\"swirl-avatar.cjs\",[[1,\"swirl-avatar\",{\"badge\":[1],\"badgePosition\":[1,\"badge-position\"],\"color\":[1],\"icon\":[1],\"initials\":[1],\"interactive\":[4],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"size\":[1],\"src\":[1],\"variant\":[1],\"imageAvailable\":[32]}]]],[\"swirl-banner.cjs\",[[1,\"swirl-banner\",{\"actionLabel\":[1,\"action-label\"],\"content\":[1],\"dismissable\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"importance\":[1],\"intent\":[1],\"showIcon\":[4,\"show-icon\"]}]]],[\"swirl-radio.cjs\",[[2,\"swirl-radio\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1]}]]],[\"swirl-shell-layout.cjs\",[[1,\"swirl-shell-layout\",{\"mainNavigationLabel\":[1,\"main-navigation-label\"],\"sidebarToggleLabel\":[1,\"sidebar-toggle-label\"],\"collapsedSidebar\":[32],\"collapsing\":[32],\"sidebarHovered\":[32],\"collapseSidebar\":[64],\"extendSidebar\":[64]}]]],[\"swirl-switch.cjs\",[[2,\"swirl-switch\",{\"checked\":[1028],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"size\":[1],\"value\":[1]},[[9,\"pointerup\",\"onWindowPointerUp\"]]]]],[\"swirl-tag.cjs\",[[1,\"swirl-tag\",{\"intent\":[1],\"label\":[1],\"removable\":[4],\"removalButtonLabel\":[1,\"removal-button-label\"]}]]],[\"swirl-video-thumbnail.cjs\",[[1,\"swirl-video-thumbnail\",{\"durationLabel\":[1,\"duration-label\"],\"duration\":[1],\"label\":[1],\"src\":[1]}]]],[\"swirl-action-list-section.cjs\",[[1,\"swirl-action-list-section\",{\"label\":[1]}]]],[\"swirl-avatar-group.cjs\",[[1,\"swirl-avatar-group\",{\"badge\":[1]}]]],[\"swirl-badge.cjs\",[[1,\"swirl-badge\",{\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"variant\":[1]}]]],[\"swirl-card.cjs\",[[1,\"swirl-card\",{\"as\":[1],\"elevated\":[4],\"interactive\":[4],\"href\":[1],\"linkTarget\":[1,\"link-target\"]}]]],[\"swirl-chip.cjs\",[[1,\"swirl-chip\",{\"avatar\":[1],\"icon\":[1],\"intent\":[1],\"interactive\":[4],\"label\":[1]}]]],[\"swirl-columns.cjs\",[[1,\"swirl-columns\",{\"columns\":[1],\"spacing\":[1]}]]],[\"swirl-description-list.cjs\",[[1,\"swirl-description-list\"]]],[\"swirl-description-list-item.cjs\",[[1,\"swirl-description-list-item\",{\"term\":[1]}]]],[\"swirl-form-group.cjs\",[[6,\"swirl-form-group\",{\"orientation\":[1]}]]],[\"swirl-icon-add-photo.cjs\",[[1,\"swirl-icon-add-photo\",{\"size\":[2]}]]],[\"swirl-icon-admin-panel-settings.cjs\",[[1,\"swirl-icon-admin-panel-settings\",{\"size\":[2]}]]],[\"swirl-icon-arrow-back.cjs\",[[1,\"swirl-icon-arrow-back\",{\"size\":[2]}]]],[\"swirl-icon-arrow-forward.cjs\",[[1,\"swirl-icon-arrow-forward\",{\"size\":[2]}]]],[\"swirl-icon-arrow-right-small.cjs\",[[1,\"swirl-icon-arrow-right-small\",{\"size\":[2]}]]],[\"swirl-icon-attachment.cjs\",[[1,\"swirl-icon-attachment\",{\"size\":[2]}]]],[\"swirl-icon-block.cjs\",[[1,\"swirl-icon-block\",{\"size\":[2]}]]],[\"swirl-icon-bookmark.cjs\",[[1,\"swirl-icon-bookmark\",{\"size\":[2]}]]],[\"swirl-icon-chat-bubble.cjs\",[[1,\"swirl-icon-chat-bubble\",{\"size\":[2]}]]],[\"swirl-icon-chats-filled.cjs\",[[1,\"swirl-icon-chats-filled\",{\"size\":[2]}]]],[\"swirl-icon-chats-outlined.cjs\",[[1,\"swirl-icon-chats-outlined\",{\"size\":[2]}]]],[\"swirl-icon-check.cjs\",[[1,\"swirl-icon-check\",{\"size\":[2]}]]],[\"swirl-icon-check-circle.cjs\",[[1,\"swirl-icon-check-circle\",{\"size\":[2]}]]],[\"swirl-icon-chevron-left.cjs\",[[1,\"swirl-icon-chevron-left\",{\"size\":[2]}]]],[\"swirl-icon-chevron-right.cjs\",[[1,\"swirl-icon-chevron-right\",{\"size\":[2]}]]],[\"swirl-icon-close-small.cjs\",[[1,\"swirl-icon-close-small\",{\"size\":[2]}]]],[\"swirl-icon-column.cjs\",[[1,\"swirl-icon-column\",{\"size\":[2]}]]],[\"swirl-icon-comment.cjs\",[[1,\"swirl-icon-comment\",{\"size\":[2]}]]],[\"swirl-icon-copy.cjs\",[[1,\"swirl-icon-copy\",{\"size\":[2]}]]],[\"swirl-icon-date-range.cjs\",[[1,\"swirl-icon-date-range\",{\"size\":[2]}]]],[\"swirl-icon-delete.cjs\",[[1,\"swirl-icon-delete\",{\"size\":[2]}]]],[\"swirl-icon-description.cjs\",[[1,\"swirl-icon-description\",{\"size\":[2]}]]],[\"swirl-icon-double-arrow-left.cjs\",[[1,\"swirl-icon-double-arrow-left\",{\"size\":[2]}]]],[\"swirl-icon-double-arrow-right.cjs\",[[1,\"swirl-icon-double-arrow-right\",{\"size\":[2]}]]],[\"swirl-icon-download.cjs\",[[1,\"swirl-icon-download\",{\"size\":[2]}]]],[\"swirl-icon-edit.cjs\",[[1,\"swirl-icon-edit\",{\"size\":[2]}]]],[\"swirl-icon-emoji-mood.cjs\",[[1,\"swirl-icon-emoji-mood\",{\"size\":[2]}]]],[\"swirl-icon-emoji-satisfied.cjs\",[[1,\"swirl-icon-emoji-satisfied\",{\"size\":[2]}]]],[\"swirl-icon-filter.cjs\",[[1,\"swirl-icon-filter\",{\"size\":[2]}]]],[\"swirl-icon-folder.cjs\",[[1,\"swirl-icon-folder\",{\"size\":[2]}]]],[\"swirl-icon-group-assign.cjs\",[[1,\"swirl-icon-group-assign\",{\"size\":[2]}]]],[\"swirl-icon-groups.cjs\",[[1,\"swirl-icon-groups\",{\"size\":[2]}]]],[\"swirl-icon-groups-custom.cjs\",[[1,\"swirl-icon-groups-custom\",{\"size\":[2]}]]],[\"swirl-icon-groups-filled.cjs\",[[1,\"swirl-icon-groups-filled\",{\"size\":[2]}]]],[\"swirl-icon-groups-outlined.cjs\",[[1,\"swirl-icon-groups-outlined\",{\"size\":[2]}]]],[\"swirl-icon-help.cjs\",[[1,\"swirl-icon-help\",{\"size\":[2]}]]],[\"swirl-icon-image.cjs\",[[1,\"swirl-icon-image\",{\"size\":[2]}]]],[\"swirl-icon-info.cjs\",[[1,\"swirl-icon-info\",{\"size\":[2]}]]],[\"swirl-icon-inventory.cjs\",[[1,\"swirl-icon-inventory\",{\"size\":[2]}]]],[\"swirl-icon-like.cjs\",[[1,\"swirl-icon-like\",{\"size\":[2]}]]],[\"swirl-icon-link.cjs\",[[1,\"swirl-icon-link\",{\"size\":[2]}]]],[\"swirl-icon-lock.cjs\",[[1,\"swirl-icon-lock\",{\"size\":[2]}]]],[\"swirl-icon-logout.cjs\",[[1,\"swirl-icon-logout\",{\"size\":[2]}]]],[\"swirl-icon-mail.cjs\",[[1,\"swirl-icon-mail\",{\"size\":[2]}]]],[\"swirl-icon-manage-accounts.cjs\",[[1,\"swirl-icon-manage-accounts\",{\"size\":[2]}]]],[\"swirl-icon-mention.cjs\",[[1,\"swirl-icon-mention\",{\"size\":[2]}]]],[\"swirl-icon-menu.cjs\",[[1,\"swirl-icon-menu\",{\"size\":[2]}]]],[\"swirl-icon-menu-filled.cjs\",[[1,\"swirl-icon-menu-filled\",{\"size\":[2]}]]],[\"swirl-icon-menu-outlined.cjs\",[[1,\"swirl-icon-menu-outlined\",{\"size\":[2]}]]],[\"swirl-icon-message.cjs\",[[1,\"swirl-icon-message\",{\"size\":[2]}]]],[\"swirl-icon-more-horizontal.cjs\",[[1,\"swirl-icon-more-horizontal\",{\"size\":[2]}]]],[\"swirl-icon-news-filled.cjs\",[[1,\"swirl-icon-news-filled\",{\"size\":[2]}]]],[\"swirl-icon-news-outlined.cjs\",[[1,\"swirl-icon-news-outlined\",{\"size\":[2]}]]],[\"swirl-icon-notifications.cjs\",[[1,\"swirl-icon-notifications\",{\"size\":[2]}]]],[\"swirl-icon-notifications-active.cjs\",[[1,\"swirl-icon-notifications-active\",{\"size\":[2]}]]],[\"swirl-icon-notifications-off.cjs\",[[1,\"swirl-icon-notifications-off\",{\"size\":[2]}]]],[\"swirl-icon-open-in-new.cjs\",[[1,\"swirl-icon-open-in-new\",{\"size\":[2]}]]],[\"swirl-icon-people-alt.cjs\",[[1,\"swirl-icon-people-alt\",{\"size\":[2]}]]],[\"swirl-icon-person-off.cjs\",[[1,\"swirl-icon-person-off\",{\"size\":[2]}]]],[\"swirl-icon-phone.cjs\",[[1,\"swirl-icon-phone\",{\"size\":[2]}]]],[\"swirl-icon-poll.cjs\",[[1,\"swirl-icon-poll\",{\"size\":[2]}]]],[\"swirl-icon-print.cjs\",[[1,\"swirl-icon-print\",{\"size\":[2]}]]],[\"swirl-icon-recieved.cjs\",[[1,\"swirl-icon-recieved\",{\"size\":[2]}]]],[\"swirl-icon-search-strong.cjs\",[[1,\"swirl-icon-search-strong\",{\"size\":[2]}]]],[\"swirl-icon-send.cjs\",[[1,\"swirl-icon-send\",{\"size\":[2]}]]],[\"swirl-icon-settings.cjs\",[[1,\"swirl-icon-settings\",{\"size\":[2]}]]],[\"swirl-icon-sync.cjs\",[[1,\"swirl-icon-sync\",{\"size\":[2]}]]],[\"swirl-icon-tasks-filled.cjs\",[[1,\"swirl-icon-tasks-filled\",{\"size\":[2]}]]],[\"swirl-icon-tasks-outlined.cjs\",[[1,\"swirl-icon-tasks-outlined\",{\"size\":[2]}]]],[\"swirl-icon-time-filled.cjs\",[[1,\"swirl-icon-time-filled\",{\"size\":[2]}]]],[\"swirl-icon-time-outlined.cjs\",[[1,\"swirl-icon-time-outlined\",{\"size\":[2]}]]],[\"swirl-icon-user-assign.cjs\",[[1,\"swirl-icon-user-assign\",{\"size\":[2]}]]],[\"swirl-icon-video-camera.cjs\",[[1,\"swirl-icon-video-camera\",{\"size\":[2]}]]],[\"swirl-icon-warning.cjs\",[[1,\"swirl-icon-warning\",{\"size\":[2]}]]],[\"swirl-link.cjs\",[[1,\"swirl-link\",{\"href\":[1],\"label\":[1],\"target\":[1]}]]],[\"swirl-list.cjs\",[[4,\"swirl-list\"]]],[\"swirl-option-list-section.cjs\",[[1,\"swirl-option-list-section\",{\"label\":[1]}]]],[\"swirl-progress-indicator.cjs\",[[1,\"swirl-progress-indicator\",{\"label\":[1],\"size\":[1],\"value\":[2],\"variant\":[1]}]]],[\"swirl-radio-group.cjs\",[[6,\"swirl-radio-group\",{\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537]}]]],[\"swirl-shell-navigation-item.cjs\",[[1,\"swirl-shell-navigation-item\",{\"active\":[4],\"icon\":[1],\"label\":[1]}]]],[\"swirl-skeleton-box.cjs\",[[1,\"swirl-skeleton-box\",{\"animated\":[4],\"aspectRatio\":[1,\"aspect-ratio\"],\"borderRadius\":[1,\"border-radius\"],\"height\":[1],\"width\":[1]}]]],[\"swirl-skeleton-text.cjs\",[[1,\"swirl-skeleton-text\",{\"animated\":[4],\"lines\":[2],\"size\":[1]}]]],[\"swirl-tab.cjs\",[[1,\"swirl-tab\",{\"active\":[4],\"label\":[1],\"tabId\":[1,\"tab-id\"]}]]],[\"swirl-table-cell.cjs\",[[1,\"swirl-table-cell\"]]],[\"swirl-table-row.cjs\",[[1,\"swirl-table-row\",{\"highlighted\":[4],\"index\":[2]}]]],[\"swirl-table-row-group.cjs\",[[1,\"swirl-table-row-group\",{\"label\":[1]}]]],[\"swirl-tabs.cjs\",[[6,\"swirl-tabs\",{\"initialTab\":[1,\"initial-tab\"],\"label\":[1],\"activeTab\":[32],\"activateTab\":[64]}]]],[\"swirl-theme-provider.cjs\",[[6,\"swirl-theme-provider\",{\"config\":[16],\"getActiveTheme\":[64],\"getPreferredTheme\":[64],\"setPreferredTheme\":[64],\"resetPreferredTheme\":[64]}]]],[\"swirl-tooltip.cjs\",[[1,\"swirl-tooltip\",{\"content\":[1],\"delay\":[2],\"position\":[1],\"actualPosition\":[32],\"visible\":[32]},[[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[9,\"resize\",\"onWindowResize\"],[9,\"scroll\",\"onWindowScroll\"]]]]],[\"swirl-tree-navigation-item.cjs\",[[1,\"swirl-tree-navigation-item\",{\"active\":[4],\"icon\":[1],\"label\":[1]}]]],[\"swirl-text-input.cjs\",[[2,\"swirl-text-input\",{\"autoComplete\":[1,\"auto-complete\"],\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"clearable\":[4],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"disableDynamicWidth\":[4,\"disable-dynamic-width\"],\"swirlAriaAutocomplete\":[1,\"swirl-aria-autocomplete\"],\"swirlAriaControls\":[1,\"swirl-aria-controls\"],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"swirlAriaExpanded\":[1,\"swirl-aria-expanded\"],\"swirlRole\":[1,\"swirl-role\"],\"inline\":[4],\"invalid\":[4],\"maxLength\":[2,\"max-length\"],\"max\":[2],\"min\":[2],\"mode\":[1],\"prefixLabel\":[1,\"prefix-label\"],\"required\":[4],\"rows\":[2],\"showCharacterCounter\":[4,\"show-character-counter\"],\"spellCheck\":[4,\"spell-check\"],\"suffixLabel\":[1,\"suffix-label\"],\"step\":[2],\"passwordToggleLabel\":[1,\"password-toggle-label\"],\"type\":[1],\"value\":[1537],\"iconSize\":[32],\"showPassword\":[32]}]]],[\"swirl-toast.cjs\",[[1,\"swirl-toast\",{\"accessibleDismissLabel\":[1,\"accessible-dismiss-label\"],\"content\":[1],\"dismissLabel\":[1,\"dismiss-label\"],\"duration\":[2],\"icon\":[1],\"intent\":[1],\"toastId\":[1,\"toast-id\"]}]]],[\"swirl-icon-cloud-upload.cjs\",[[1,\"swirl-icon-cloud-upload\",{\"size\":[2]}]]],[\"swirl-icon-person.cjs\",[[1,\"swirl-icon-person\",{\"size\":[2]}]]],[\"swirl-icon-search.cjs\",[[1,\"swirl-icon-search\",{\"size\":[2]}]]],[\"swirl-date-picker_2.cjs\",[[1,\"swirl-date-picker\",{\"labels\":[16],\"locale\":[1],\"range\":[4],\"startDate\":[16],\"value\":[1040]}],[1,\"swirl-icon-today\",{\"size\":[2]}]]],[\"swirl-button-group.cjs\",[[1,\"swirl-button-group\",{\"orientation\":[1],\"segmented\":[4],\"stretch\":[4],\"wrap\":[4]}]]],[\"swirl-icon-arrow-downward_2.cjs\",[[1,\"swirl-icon-arrow-downward\",{\"size\":[2]}],[1,\"swirl-icon-arrow-upward\",{\"size\":[2]}]]],[\"wc-datepicker.cjs\",[[2,\"wc-datepicker\",{\"clearButtonContent\":[1,\"clear-button-content\"],\"disabled\":[4],\"disableDate\":[16],\"elementClassName\":[1,\"element-class-name\"],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"range\":[4],\"labels\":[16],\"locale\":[1],\"nextMonthButtonContent\":[1,\"next-month-button-content\"],\"nextYearButtonContent\":[1,\"next-year-button-content\"],\"previousMonthButtonContent\":[1,\"previous-month-button-content\"],\"previousYearButtonContent\":[1,\"previous-year-button-content\"],\"showClearButton\":[4,\"show-clear-button\"],\"showMonthStepper\":[4,\"show-month-stepper\"],\"showTodayButton\":[4,\"show-today-button\"],\"showYearStepper\":[4,\"show-year-stepper\"],\"startDate\":[1,\"start-date\"],\"todayButtonContent\":[1,\"today-button-content\"],\"value\":[1040],\"currentDate\":[32],\"hoveredDate\":[32],\"weekdays\":[32]}]]],[\"swirl-icon-arrow-left_4.cjs\",[[1,\"swirl-icon-arrow-left\",{\"size\":[2]}],[1,\"swirl-icon-arrow-right\",{\"size\":[2]}],[1,\"swirl-icon-more-vertikal\",{\"size\":[2]}],[1,\"swirl-thumbnail\",{\"alt\":[1],\"format\":[1],\"size\":[1],\"src\":[1]}]]],[\"swirl-heading.cjs\",[[2,\"swirl-heading\",{\"align\":[1],\"as\":[1],\"balance\":[4],\"headingId\":[1,\"heading-id\"],\"level\":[2],\"text\":[1]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-icon-check-strong.cjs\",[[1,\"swirl-icon-check-strong\",{\"size\":[2]}]]],[\"swirl-icon-close.cjs\",[[1,\"swirl-icon-close\",{\"size\":[2]}]]],[\"swirl-icon-expand-more.cjs\",[[1,\"swirl-icon-expand-more\",{\"size\":[2]}]]],[\"swirl-popover.cjs\",[[1,\"swirl-popover\",{\"animation\":[1],\"disableScrollLock\":[4,\"disable-scroll-lock\"],\"enableFlip\":[4,\"enable-flip\"],\"label\":[1],\"offset\":[2],\"placement\":[1],\"popoverId\":[1,\"popover-id\"],\"trigger\":[1],\"useContainerWidth\":[8,\"use-container-width\"],\"active\":[32],\"closing\":[32],\"position\":[32],\"close\":[64],\"open\":[64]},[[8,\"focusin\",\"onWindowFocusIn\"],[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-icon-add_6.cjs\",[[1,\"swirl-icon-add\",{\"size\":[2]}],[1,\"swirl-icon-file-copy\",{\"size\":[2]}],[1,\"swirl-icon-fullscreen\",{\"size\":[2]}],[1,\"swirl-icon-fullscreen-exit\",{\"size\":[2]}],[1,\"swirl-icon-menu-book\",{\"size\":[2]}],[1,\"swirl-icon-remove\",{\"size\":[2]}]]],[\"swirl-action-list_3.cjs\",[[1,\"swirl-action-list\"],[1,\"swirl-action-list-item\",{\"disabled\":[4],\"description\":[1],\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"suffix\":[1]}],[1,\"swirl-separator\"]]],[\"swirl-text.cjs\",[[6,\"swirl-text\",{\"align\":[1],\"as\":[1],\"balance\":[4],\"color\":[1],\"fontStyle\":[1,\"font-style\"],\"size\":[1],\"truncate\":[4],\"weight\":[1]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-stack.cjs\",[[1,\"swirl-stack\",{\"align\":[1],\"as\":[1],\"justify\":[1],\"orientation\":[1],\"spacing\":[1],\"wrap\":[4]}]]],[\"swirl-app-layout_7.cjs\",[[1,\"swirl-app-layout\",{\"appName\":[1,\"app-name\"],\"backToNavigationViewButtonLabel\":[1,\"back-to-navigation-view-button-label\"],\"ctaIcon\":[1,\"cta-icon\"],\"ctaLabel\":[1,\"cta-label\"],\"navigationBackButtonLabel\":[1,\"navigation-back-button-label\"],\"navigationLabel\":[1,\"navigation-label\"],\"showNavigationBackButton\":[4,\"show-navigation-back-button\"],\"sidebarCloseButtonLabel\":[1,\"sidebar-close-button-label\"],\"sidebarHeading\":[1,\"sidebar-heading\"],\"transitionStyle\":[1,\"transition-style\"],\"hasNavigation\":[32],\"hasSidebar\":[32],\"mobileView\":[32],\"sidebarActive\":[32],\"sidebarClosing\":[32],\"transitioningFrom\":[32],\"transitioningTo\":[32],\"showSidebar\":[64],\"hideSidebar\":[64],\"toggleSidebar\":[64],\"changeMobileView\":[64]}],[1,\"swirl-empty-state\",{\"heading\":[1],\"illustration\":[1]}],[1,\"swirl-resource-list-item\",{\"checked\":[1028],\"description\":[1],\"disabled\":[4],\"hideDivider\":[4,\"hide-divider\"],\"href\":[1],\"label\":[1],\"menuTriggerId\":[1,\"menu-trigger-id\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"meta\":[1],\"selectable\":[4],\"value\":[1],\"hasMedia\":[32]}],[1,\"swirl-resource-list\",{\"label\":[1]}],[1,\"swirl-box\",{\"bordered\":[4],\"centerBlock\":[4,\"center-block\"],\"centerInline\":[4,\"center-inline\"],\"cover\":[4],\"maxWidth\":[1,\"max-width\"],\"overflow\":[1],\"padding\":[1]}],[1,\"swirl-icon-file\",{\"size\":[2]}],[1,\"swirl-icon-folder-shared\",{\"size\":[2]}]]],[\"swirl-icon-cancel_4.cjs\",[[1,\"swirl-icon-visibility\",{\"size\":[2]}],[1,\"swirl-icon-visibility-off\",{\"size\":[2]}],[1,\"swirl-icon-cancel\",{\"size\":[2]}],[1,\"swirl-icon-expand-less\",{\"size\":[2]}]]],[\"swirl-visually-hidden.cjs\",[[1,\"swirl-visually-hidden\"]]],[\"swirl-icon-check-small_4.cjs\",[[2,\"swirl-option-list-item\",{\"allowDrag\":[4,\"allow-drag\"],\"context\":[1025],\"disabled\":[4],\"dragging\":[4],\"dragHandleDescription\":[1,\"drag-handle-description\"],\"dragHandleLabel\":[1,\"drag-handle-label\"],\"icon\":[1],\"label\":[1],\"selected\":[1028],\"value\":[1],\"iconSize\":[32]}],[6,\"swirl-option-list\",{\"allowDrag\":[4,\"allow-drag\"],\"assistiveTextItemGrabbed\":[1,\"assistive-text-item-grabbed\"],\"assistiveTextItemMoving\":[1,\"assistive-text-item-moving\"],\"assistiveTextItemMoved\":[1,\"assistive-text-item-moved\"],\"disabled\":[4],\"label\":[1],\"optionListId\":[1,\"option-list-id\"],\"multiSelect\":[4,\"multi-select\"],\"value\":[1040],\"assistiveText\":[32]}],[1,\"swirl-icon-check-small\",{\"size\":[2]}],[1,\"swirl-icon-drag-handle\",{\"size\":[2]}]]],[\"swirl-button.cjs\",[[2,\"swirl-button\",{\"disabled\":[4],\"download\":[1],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"swirlAriaExpanded\":[1,\"swirl-aria-expanded\"],\"swirlAriaLabel\":[1,\"swirl-aria-label\"],\"form\":[1],\"hideLabel\":[4,\"hide-label\"],\"href\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"intent\":[1],\"label\":[1],\"name\":[1],\"pill\":[4],\"size\":[1],\"target\":[1],\"type\":[1],\"value\":[1],\"variant\":[1]}]]],[\"swirl-icon-error_3.cjs\",[[1,\"swirl-inline-error\",{\"message\":[1],\"size\":[1]}],[1,\"swirl-spinner\",{\"label\":[1],\"size\":[8]}],[1,\"swirl-icon-error\",{\"size\":[2]}]]],[\"swirl-file-viewer_7.cjs\",[[1,\"swirl-file-viewer\",{\"active\":[4],\"autoplay\":[4],\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"thumbnailUrl\":[1,\"thumbnail-url\"],\"type\":[1],\"typeUnsupportedMessage\":[1,\"type-unsupported-message\"],\"viewMode\":[1,\"view-mode\"],\"zoom\":[8],\"download\":[64],\"print\":[64]}],[1,\"swirl-file-viewer-csv\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"data\":[32],\"error\":[32],\"loading\":[32]}],[1,\"swirl-file-viewer-image\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"maxZoom\":[2,\"max-zoom\"],\"error\":[32],\"loading\":[32],\"getZoom\":[64],\"resetZoom\":[64]}],[1,\"swirl-file-viewer-pdf\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"singlePageMode\":[4,\"single-page-mode\"],\"viewMode\":[1,\"view-mode\"],\"zoom\":[8],\"doc\":[32],\"error\":[32],\"loading\":[32],\"renderedPages\":[32],\"scrolledDown\":[32],\"singlePageModePage\":[32],\"visiblePages\":[32],\"getThumbnails\":[64],\"print\":[64],\"nextPage\":[64],\"previousPage\":[64],\"setPage\":[64]},[[9,\"resize\",\"onWindowResize\"]]],[1,\"swirl-file-viewer-text\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"error\":[32],\"loading\":[32],\"text\":[32]}],[1,\"swirl-file-viewer-audio\",{\"autoplay\":[4],\"file\":[1],\"type\":[1]}],[1,\"swirl-file-viewer-video\",{\"autoplay\":[4],\"file\":[1],\"type\":[1]}]]]]"), options);
|
|
24
24
|
});
|
|
25
25
|
|
|
26
26
|
exports.setNonce = index.setNonce;
|
|
@@ -97,7 +97,7 @@ const SwirlShellLayout = class {
|
|
|
97
97
|
});
|
|
98
98
|
return (index.h(index.Host, null, index.h("div", { class: className }, index.h("div", { class: sidebarWrapperClassName, onClick: this.onSidebarClick, onMouseEnter: this.onSidebarMouseEnter, onMouseLeave: this.onSidebarMouseLeave }, index.h("div", { class: "shell-layout__sidebar" }, index.h("header", { class: "shell-layout__header" }, index.h("div", { class: "shell-layout__logo-bar" }, index.h("div", { class: "shell-layout__expanded-logo" }, index.h("slot", { name: "logo-expanded" })), index.h("div", { class: "shell-layout__collapsed-logo" }, index.h("slot", { name: "logo-collapsed" })), index.h("div", { class: "shell-layout__toggle" }, index.h("swirl-button", { swirlAriaExpanded: String(!this.collapsedSidebar), hideLabel: true, icon: this.collapsedSidebar
|
|
99
99
|
? "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>"
|
|
100
|
-
: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", label: this.sidebarToggleLabel, onClick: this.toggleSidebar }))), index.h("div", { class: "shell-layout__tools" }, index.h("slot", { name: "tools" }))), index.h("nav", { "aria-label": this.mainNavigationLabel, class: "shell-layout__main-navigation" }, index.h("slot", { name: "main-navigation" }))
|
|
100
|
+
: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", label: this.sidebarToggleLabel, onClick: this.toggleSidebar }))), index.h("div", { class: "shell-layout__tools" }, index.h("slot", { name: "tools" }))), index.h("nav", { "aria-label": this.mainNavigationLabel, class: "shell-layout__main-navigation" }, index.h("slot", { name: "main-navigation" })))), index.h("main", { class: "shell-layout__main" }, index.h("slot", { name: "main" })), (!this.collapsedSidebar || this.collapsing) && (index.h("div", { class: backdropClassName, onClick: this.onBackdropClick })))));
|
|
101
101
|
}
|
|
102
102
|
};
|
|
103
103
|
SwirlShellLayout.style = swirlShellLayoutCss;
|
|
@@ -69,6 +69,13 @@
|
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
+
@media (min-width: 768px) {
|
|
73
|
+
|
|
74
|
+
.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button {
|
|
75
|
+
display: none
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
72
79
|
@media (min-width: 768px) {
|
|
73
80
|
.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid {
|
|
74
81
|
grid-template-columns: 1fr min(50%, 25rem);
|
|
@@ -202,7 +209,7 @@
|
|
|
202
209
|
padding-top: var(--s-space-12);
|
|
203
210
|
padding-right: var(--s-space-16);
|
|
204
211
|
padding-bottom: var(--s-space-12);
|
|
205
|
-
padding-left:
|
|
212
|
+
padding-left: var(--s-space-16);
|
|
206
213
|
align-items: center;
|
|
207
214
|
border-bottom: var(--s-border-width-default) solid var(--s-border-default);
|
|
208
215
|
background-color: var(--s-background-default);
|
|
@@ -218,13 +225,6 @@
|
|
|
218
225
|
}
|
|
219
226
|
}
|
|
220
227
|
|
|
221
|
-
@media (min-width: 992px) {
|
|
222
|
-
|
|
223
|
-
.app-layout__header {
|
|
224
|
-
padding-left: var(--s-space-16)
|
|
225
|
-
}
|
|
226
|
-
}
|
|
227
|
-
|
|
228
228
|
.app-layout__app-name {
|
|
229
229
|
min-width: 0;
|
|
230
230
|
}
|
|
@@ -235,6 +235,19 @@
|
|
|
235
235
|
text-overflow: ellipsis;
|
|
236
236
|
}
|
|
237
237
|
|
|
238
|
+
.app-layout__app-bar-mobile-menu-button,
|
|
239
|
+
.app-layout__navigation-mobile-menu-button {
|
|
240
|
+
flex-shrink: 0;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
@media (min-width: 992px) {
|
|
244
|
+
|
|
245
|
+
.app-layout__app-bar-mobile-menu-button,
|
|
246
|
+
.app-layout__navigation-mobile-menu-button {
|
|
247
|
+
display: none
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
|
|
238
251
|
.app-layout__navigation-back-button {
|
|
239
252
|
margin-left: calc(-1 * var(--s-space-4));
|
|
240
253
|
}
|
|
@@ -265,7 +278,7 @@
|
|
|
265
278
|
width: 100%;
|
|
266
279
|
height: 100%;
|
|
267
280
|
grid-area: body;
|
|
268
|
-
grid-template-rows: 4rem 1fr;
|
|
281
|
+
grid-template-rows: minmax(4rem, auto) 1fr;
|
|
269
282
|
grid-template-areas:
|
|
270
283
|
"app-bar"
|
|
271
284
|
"content";
|
|
@@ -275,10 +288,8 @@
|
|
|
275
288
|
.app-layout__app-bar {
|
|
276
289
|
display: flex;
|
|
277
290
|
min-width: 0;
|
|
278
|
-
padding-top: var(--s-space-12);
|
|
279
291
|
padding-right: var(--s-space-16);
|
|
280
|
-
padding-
|
|
281
|
-
padding-left: calc(var(--s-space-16) + var(--s-space-8) + 2.5rem);
|
|
292
|
+
padding-left: var(--s-space-16);
|
|
282
293
|
align-items: center;
|
|
283
294
|
border-bottom: var(--s-border-width-default) solid var(--s-border-default);
|
|
284
295
|
background-color: var(--s-background-default);
|
|
@@ -286,13 +297,6 @@
|
|
|
286
297
|
gap: var(--s-space-8);
|
|
287
298
|
}
|
|
288
299
|
|
|
289
|
-
@media (min-width: 992px) {
|
|
290
|
-
|
|
291
|
-
.app-layout__app-bar {
|
|
292
|
-
padding-left: var(--s-space-16)
|
|
293
|
-
}
|
|
294
|
-
}
|
|
295
|
-
|
|
296
300
|
.app-layout__back-to-navigation-button {
|
|
297
301
|
margin-left: calc(-1 * var(--s-space-4));
|
|
298
302
|
}
|
|
@@ -304,33 +308,11 @@
|
|
|
304
308
|
}
|
|
305
309
|
}
|
|
306
310
|
|
|
307
|
-
.app-layout__app-bar-
|
|
308
|
-
display: inline-flex;
|
|
309
|
-
flex-shrink: 0;
|
|
310
|
-
}
|
|
311
|
-
|
|
312
|
-
.app-layout__app-bar-heading {
|
|
311
|
+
.app-layout__app-bar-content {
|
|
313
312
|
min-width: 0;
|
|
314
313
|
flex-grow: 1;
|
|
315
314
|
}
|
|
316
315
|
|
|
317
|
-
.app-layout__app-bar-heading .heading {
|
|
318
|
-
overflow: hidden;
|
|
319
|
-
white-space: nowrap;
|
|
320
|
-
text-overflow: ellipsis;
|
|
321
|
-
}
|
|
322
|
-
|
|
323
|
-
.app-layout__app-bar-subheading {
|
|
324
|
-
display: block;
|
|
325
|
-
overflow: hidden;
|
|
326
|
-
max-width: 100%;
|
|
327
|
-
color: var(--s-text-subdued);
|
|
328
|
-
font-size: var(--s-font-size-sm);
|
|
329
|
-
line-height: var(--s-line-height-sm);
|
|
330
|
-
white-space: nowrap;
|
|
331
|
-
text-overflow: ellipsis;
|
|
332
|
-
}
|
|
333
|
-
|
|
334
316
|
.app-layout__content {
|
|
335
317
|
overflow: auto;
|
|
336
318
|
background-color: var(--s-background-default);
|
|
@@ -374,7 +356,7 @@
|
|
|
374
356
|
padding-top: var(--s-space-12);
|
|
375
357
|
padding-right: var(--s-space-16);
|
|
376
358
|
padding-bottom: var(--s-space-12);
|
|
377
|
-
padding-left:
|
|
359
|
+
padding-left: var(--s-space-16);
|
|
378
360
|
align-items: center;
|
|
379
361
|
border-bottom: var(--s-border-width-default) solid var(--s-border-default);
|
|
380
362
|
background-color: var(--s-background-default);
|
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
import { h, Host, } from "@stencil/core";
|
|
2
2
|
import classnames from "classnames";
|
|
3
3
|
import { isMobileViewport } from "../../utils";
|
|
4
|
+
/**
|
|
5
|
+
* @slot content - Main content area
|
|
6
|
+
* @slot navigation - The navigation area content
|
|
7
|
+
* @slot navigation-controls - Controls for the navigation header
|
|
8
|
+
* @slot navigation-mobile-menu-button - Used to add a mobile shell layout menu button to navigation
|
|
9
|
+
* @slot app-bar - The app bar contents
|
|
10
|
+
* @slot app-bar-mobile-menu-button - Used to add a mobile shell layout menu button to the app bar
|
|
11
|
+
* @slot sidebar - Content of the right sidebar
|
|
12
|
+
*/
|
|
4
13
|
export class SwirlAppLayout {
|
|
5
14
|
constructor() {
|
|
6
15
|
this.onBackToNavigationViewButtonClick = () => {
|
|
@@ -15,18 +24,15 @@ export class SwirlAppLayout {
|
|
|
15
24
|
this.onSidebarCloseButtonClick = () => {
|
|
16
25
|
this.hideSidebar();
|
|
17
26
|
};
|
|
18
|
-
this.appBarMedia = undefined;
|
|
19
27
|
this.appName = undefined;
|
|
20
28
|
this.backToNavigationViewButtonLabel = "Back to navigation";
|
|
21
29
|
this.ctaIcon = undefined;
|
|
22
30
|
this.ctaLabel = undefined;
|
|
23
|
-
this.heading = undefined;
|
|
24
31
|
this.navigationBackButtonLabel = "Go back";
|
|
25
32
|
this.navigationLabel = undefined;
|
|
26
33
|
this.showNavigationBackButton = undefined;
|
|
27
34
|
this.sidebarCloseButtonLabel = "Close sidebar";
|
|
28
35
|
this.sidebarHeading = undefined;
|
|
29
|
-
this.subheading = undefined;
|
|
30
36
|
this.transitionStyle = "slides";
|
|
31
37
|
this.hasNavigation = undefined;
|
|
32
38
|
this.hasSidebar = undefined;
|
|
@@ -166,9 +172,9 @@ export class SwirlAppLayout {
|
|
|
166
172
|
"app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
|
|
167
173
|
"app-layout--sidebar-closing": this.sidebarClosing,
|
|
168
174
|
});
|
|
169
|
-
return (h(Host, null, h("section", { "aria-labelledby": "app-name", class: className, role: "document", tabIndex: 0 }, h("div", { class: "app-layout__grid" }, h("header", { class: "app-layout__header" }, this.showNavigationBackButton && (h("span", { class: "app-layout__navigation-back-button" }, h("swirl-button", { hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && (h("span", { class: "app-layout__navigation-controls" }, h("slot", { name: "navigation-controls" })))), h("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, h("slot", { name: "navigation" })), h("section", { "aria-labelledby":
|
|
175
|
+
return (h(Host, null, h("section", { "aria-labelledby": "app-name", class: className, role: "document", tabIndex: 0 }, h("div", { class: "app-layout__grid" }, h("header", { class: "app-layout__header" }, h("span", { class: "app-layout__navigation-mobile-menu-button" }, h("slot", { name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && (h("span", { class: "app-layout__navigation-back-button" }, h("swirl-button", { hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && (h("span", { class: "app-layout__navigation-controls" }, h("slot", { name: "navigation-controls" })))), h("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, h("slot", { name: "navigation" })), h("section", { "aria-labelledby": "app-name", class: "app-layout__body" }, h("header", { class: "app-layout__app-bar" }, h("span", { class: "app-layout__app-bar-mobile-menu-button" }, h("slot", { name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (h("span", { class: "app-layout__back-to-navigation-button" }, h("swirl-button", { hideLabel: true, icon: this.transitionStyle === "dialog"
|
|
170
176
|
? "<swirl-icon-close></swirl-icon-close>"
|
|
171
|
-
: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))),
|
|
177
|
+
: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), h("div", { class: "app-layout__app-bar-content" }, h("slot", { name: "app-bar" })), h("div", { class: "app-layout__app-bar-controls" }, h("slot", { name: "app-bar-controls" }))), h("div", { class: "app-layout__content" }, h("slot", { name: "content" }))), h("aside", { class: "app-layout__sidebar" }, h("header", { class: "app-layout__sidebar-header" }, h("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { class: "app-layout__sidebar-content" }, h("slot", { name: "sidebar" }))), this.ctaLabel && (h("span", { class: "app-layout__floating-cta" }, h("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))))));
|
|
172
178
|
}
|
|
173
179
|
static get is() { return "swirl-app-layout"; }
|
|
174
180
|
static get encapsulation() { return "shadow"; }
|
|
@@ -184,23 +190,6 @@ export class SwirlAppLayout {
|
|
|
184
190
|
}
|
|
185
191
|
static get properties() {
|
|
186
192
|
return {
|
|
187
|
-
"appBarMedia": {
|
|
188
|
-
"type": "string",
|
|
189
|
-
"mutable": false,
|
|
190
|
-
"complexType": {
|
|
191
|
-
"original": "string",
|
|
192
|
-
"resolved": "string",
|
|
193
|
-
"references": {}
|
|
194
|
-
},
|
|
195
|
-
"required": false,
|
|
196
|
-
"optional": true,
|
|
197
|
-
"docs": {
|
|
198
|
-
"tags": [],
|
|
199
|
-
"text": ""
|
|
200
|
-
},
|
|
201
|
-
"attribute": "app-bar-media",
|
|
202
|
-
"reflect": false
|
|
203
|
-
},
|
|
204
193
|
"appName": {
|
|
205
194
|
"type": "string",
|
|
206
195
|
"mutable": false,
|
|
@@ -270,23 +259,6 @@ export class SwirlAppLayout {
|
|
|
270
259
|
"attribute": "cta-label",
|
|
271
260
|
"reflect": false
|
|
272
261
|
},
|
|
273
|
-
"heading": {
|
|
274
|
-
"type": "string",
|
|
275
|
-
"mutable": false,
|
|
276
|
-
"complexType": {
|
|
277
|
-
"original": "string",
|
|
278
|
-
"resolved": "string",
|
|
279
|
-
"references": {}
|
|
280
|
-
},
|
|
281
|
-
"required": false,
|
|
282
|
-
"optional": true,
|
|
283
|
-
"docs": {
|
|
284
|
-
"tags": [],
|
|
285
|
-
"text": ""
|
|
286
|
-
},
|
|
287
|
-
"attribute": "heading",
|
|
288
|
-
"reflect": false
|
|
289
|
-
},
|
|
290
262
|
"navigationBackButtonLabel": {
|
|
291
263
|
"type": "string",
|
|
292
264
|
"mutable": false,
|
|
@@ -374,23 +346,6 @@ export class SwirlAppLayout {
|
|
|
374
346
|
"attribute": "sidebar-heading",
|
|
375
347
|
"reflect": false
|
|
376
348
|
},
|
|
377
|
-
"subheading": {
|
|
378
|
-
"type": "string",
|
|
379
|
-
"mutable": false,
|
|
380
|
-
"complexType": {
|
|
381
|
-
"original": "string",
|
|
382
|
-
"resolved": "string",
|
|
383
|
-
"references": {}
|
|
384
|
-
},
|
|
385
|
-
"required": false,
|
|
386
|
-
"optional": true,
|
|
387
|
-
"docs": {
|
|
388
|
-
"tags": [],
|
|
389
|
-
"text": ""
|
|
390
|
-
},
|
|
391
|
-
"attribute": "subheading",
|
|
392
|
-
"reflect": false
|
|
393
|
-
},
|
|
394
349
|
"transitionStyle": {
|
|
395
350
|
"type": "string",
|
|
396
351
|
"mutable": false,
|
|
@@ -33,9 +33,9 @@ const Template = (args) => {
|
|
|
33
33
|
const element = generateStoryElement("swirl-app-layout", args);
|
|
34
34
|
element.innerHTML = `
|
|
35
35
|
<swirl-resource-list label="Items" slot="navigation">
|
|
36
|
-
<swirl-resource-list-item description="With a description" label="This is a resource item" class="item"
|
|
37
|
-
<swirl-resource-list-item description="With a description" label="This is a resource item" class="item"
|
|
38
|
-
<swirl-resource-list-item description="With a description" label="This is a resource item" class="item"
|
|
36
|
+
<swirl-resource-list-item description="With a description" label="This is a resource item" class="item"></swirl-resource-list-item>
|
|
37
|
+
<swirl-resource-list-item description="With a description" label="This is a resource item" class="item"></swirl-resource-list-item>
|
|
38
|
+
<swirl-resource-list-item description="With a description" label="This is a resource item" class="item"></swirl-resource-list-item>
|
|
39
39
|
</swirl-resource-list>
|
|
40
40
|
<swirl-button
|
|
41
41
|
hide-label
|
|
@@ -43,6 +43,7 @@ const Template = (args) => {
|
|
|
43
43
|
label="Settings"
|
|
44
44
|
slot="navigation-controls"
|
|
45
45
|
></swirl-button>
|
|
46
|
+
<swirl-heading as="h2" level="3" slot="app-bar" text="Heading"></swirl-heading>
|
|
46
47
|
<div slot="app-bar-controls">
|
|
47
48
|
<swirl-button hide-label class="info-button" icon="<swirl-icon-info></swirl-icon-info>" label="More information"></swirl-button>
|
|
48
49
|
</div>
|
|
@@ -61,12 +62,9 @@ const Template = (args) => {
|
|
|
61
62
|
};
|
|
62
63
|
export const SwirlAppLayout = Template.bind({});
|
|
63
64
|
SwirlAppLayout.args = {
|
|
64
|
-
appBarMedia: '<swirl-avatar label="John Doe" src="https://picsum.photos/id/433/144/144" variant="square"></swirl-avatar>',
|
|
65
65
|
appName: "App Name",
|
|
66
66
|
ctaIcon: "<swirl-icon-add></swirl-icon-add>",
|
|
67
67
|
ctaLabel: "Call to action",
|
|
68
|
-
heading: "Heading",
|
|
69
68
|
navigationLabel: "Items",
|
|
70
69
|
sidebarHeading: "Sidebar Heading",
|
|
71
|
-
subheading: "Subheading",
|
|
72
70
|
};
|
|
@@ -3,25 +3,15 @@
|
|
|
3
3
|
width: 100%;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
:host
|
|
7
|
-
|
|
6
|
+
:host(.box--bordered) {
|
|
7
|
+
border: var(--s-border-width-default) solid var(--s-border-default);
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.box--
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
.box--center-block {
|
|
15
|
-
display: flex;
|
|
16
|
-
align-items: center;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.box--center-inline {
|
|
20
|
-
display: flex;
|
|
21
|
-
justify-content: center;
|
|
22
|
-
}
|
|
10
|
+
:host(.box--cover) {
|
|
11
|
+
width: 100%;
|
|
12
|
+
height: 100%;
|
|
13
|
+
}
|
|
23
14
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
15
|
+
:host * {
|
|
16
|
+
box-sizing: border-box;
|
|
17
|
+
}
|
|
@@ -5,7 +5,6 @@ import classnames from "classnames";
|
|
|
5
5
|
*/
|
|
6
6
|
export class SwirlBox {
|
|
7
7
|
constructor() {
|
|
8
|
-
this.as = "div";
|
|
9
8
|
this.bordered = undefined;
|
|
10
9
|
this.centerBlock = undefined;
|
|
11
10
|
this.centerInline = undefined;
|
|
@@ -15,20 +14,22 @@ export class SwirlBox {
|
|
|
15
14
|
this.padding = "0";
|
|
16
15
|
}
|
|
17
16
|
render() {
|
|
18
|
-
const Tag = this.as;
|
|
19
17
|
const styles = {
|
|
20
|
-
|
|
18
|
+
alignItems: this.centerBlock ? "center" : undefined,
|
|
19
|
+
display: this.centerBlock || this.centerInline ? "flex" : undefined,
|
|
20
|
+
height: this.cover ? "100%" : undefined,
|
|
21
|
+
justifyContent: this.centerInline ? "center" : undefined,
|
|
21
22
|
overflow: this.overflow,
|
|
22
23
|
padding: `var(--s-space-${this.padding})`,
|
|
23
24
|
position: Boolean(this.overflow) ? "relative" : "",
|
|
25
|
+
maxWidth: this.maxWidth,
|
|
26
|
+
width: this.cover ? "100%" : undefined,
|
|
24
27
|
};
|
|
25
28
|
const className = classnames("box", {
|
|
26
29
|
"box--bordered": this.bordered,
|
|
27
|
-
"box--center-block": this.centerBlock,
|
|
28
|
-
"box--center-inline": this.centerInline,
|
|
29
30
|
"box--cover": this.cover,
|
|
30
31
|
});
|
|
31
|
-
return (h(Host, {
|
|
32
|
+
return (h(Host, { class: className, style: styles }, h("slot", null)));
|
|
32
33
|
}
|
|
33
34
|
static get is() { return "swirl-box"; }
|
|
34
35
|
static get encapsulation() { return "shadow"; }
|
|
@@ -44,24 +45,6 @@ export class SwirlBox {
|
|
|
44
45
|
}
|
|
45
46
|
static get properties() {
|
|
46
47
|
return {
|
|
47
|
-
"as": {
|
|
48
|
-
"type": "string",
|
|
49
|
-
"mutable": false,
|
|
50
|
-
"complexType": {
|
|
51
|
-
"original": "string",
|
|
52
|
-
"resolved": "string",
|
|
53
|
-
"references": {}
|
|
54
|
-
},
|
|
55
|
-
"required": false,
|
|
56
|
-
"optional": true,
|
|
57
|
-
"docs": {
|
|
58
|
-
"tags": [],
|
|
59
|
-
"text": ""
|
|
60
|
-
},
|
|
61
|
-
"attribute": "as",
|
|
62
|
-
"reflect": false,
|
|
63
|
-
"defaultValue": "\"div\""
|
|
64
|
-
},
|
|
65
48
|
"bordered": {
|
|
66
49
|
"type": "boolean",
|
|
67
50
|
"mutable": false,
|
|
@@ -96,7 +96,7 @@ export class SwirlShellLayout {
|
|
|
96
96
|
});
|
|
97
97
|
return (h(Host, null, h("div", { class: className }, h("div", { class: sidebarWrapperClassName, onClick: this.onSidebarClick, onMouseEnter: this.onSidebarMouseEnter, onMouseLeave: this.onSidebarMouseLeave }, h("div", { class: "shell-layout__sidebar" }, h("header", { class: "shell-layout__header" }, h("div", { class: "shell-layout__logo-bar" }, h("div", { class: "shell-layout__expanded-logo" }, h("slot", { name: "logo-expanded" })), h("div", { class: "shell-layout__collapsed-logo" }, h("slot", { name: "logo-collapsed" })), h("div", { class: "shell-layout__toggle" }, h("swirl-button", { swirlAriaExpanded: String(!this.collapsedSidebar), hideLabel: true, icon: this.collapsedSidebar
|
|
98
98
|
? "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>"
|
|
99
|
-
: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", label: this.sidebarToggleLabel, onClick: this.toggleSidebar }))), h("div", { class: "shell-layout__tools" }, h("slot", { name: "tools" }))), h("nav", { "aria-label": this.mainNavigationLabel, class: "shell-layout__main-navigation" }, h("slot", { name: "main-navigation" }))
|
|
99
|
+
: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", label: this.sidebarToggleLabel, onClick: this.toggleSidebar }))), h("div", { class: "shell-layout__tools" }, h("slot", { name: "tools" }))), h("nav", { "aria-label": this.mainNavigationLabel, class: "shell-layout__main-navigation" }, h("slot", { name: "main-navigation" })))), h("main", { class: "shell-layout__main" }, h("slot", { name: "main" })), (!this.collapsedSidebar || this.collapsing) && (h("div", { class: backdropClassName, onClick: this.onBackdropClick })))));
|
|
100
100
|
}
|
|
101
101
|
static get is() { return "swirl-shell-layout"; }
|
|
102
102
|
static get encapsulation() { return "shadow"; }
|