@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.
Files changed (36) hide show
  1. package/components.json +73 -68
  2. package/dist/cjs/file-manager.cjs.entry.js +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/swirl-app-layout_7.cjs.entry.js +11 -13
  5. package/dist/cjs/swirl-components.cjs.js +1 -1
  6. package/dist/cjs/swirl-shell-layout.cjs.entry.js +1 -1
  7. package/dist/collection/components/swirl-app-layout/swirl-app-layout.css +25 -43
  8. package/dist/collection/components/swirl-app-layout/swirl-app-layout.js +11 -56
  9. package/dist/collection/components/swirl-app-layout/swirl-app-layout.stories.js +4 -6
  10. package/dist/collection/components/swirl-box/swirl-box.css +9 -19
  11. package/dist/collection/components/swirl-box/swirl-box.js +7 -24
  12. package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.js +1 -1
  13. package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.stories.js +25 -2
  14. package/dist/collection/prototypes/file-manager/file-manager.js +1 -1
  15. package/dist/components/file-manager.js +1 -1
  16. package/dist/components/swirl-app-layout2.js +3 -9
  17. package/dist/components/swirl-box2.js +8 -8
  18. package/dist/components/swirl-shell-layout.js +1 -1
  19. package/dist/esm/file-manager.entry.js +1 -1
  20. package/dist/esm/loader.js +1 -1
  21. package/dist/esm/swirl-app-layout_7.entry.js +11 -13
  22. package/dist/esm/swirl-components.js +1 -1
  23. package/dist/esm/swirl-shell-layout.entry.js +1 -1
  24. package/dist/swirl-components/p-11ea0551.entry.js +1 -0
  25. package/dist/swirl-components/p-ab342072.entry.js +1 -0
  26. package/dist/swirl-components/p-fd8dd92d.entry.js +1 -0
  27. package/dist/swirl-components/swirl-components.esm.js +1 -1
  28. package/dist/types/components/swirl-app-layout/swirl-app-layout.d.ts +9 -3
  29. package/dist/types/components/swirl-box/swirl-box.d.ts +0 -1
  30. package/dist/types/components.d.ts +0 -8
  31. package/dist/typings.d.ts +1 -0
  32. package/package.json +1 -1
  33. package/vscode-data.json +0 -16
  34. package/dist/swirl-components/p-19a0622b.entry.js +0 -1
  35. package/dist/swirl-components/p-b556f2af.entry.js +0 -1
  36. 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" })), this.collapsedSidebar && !this.collapsing && (index.h("div", { class: "shell-layout__mobile-toggle" }, index.h("swirl-button", { swirlAriaExpanded: String(!this.collapsedSidebar), hideLabel: true, icon: "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarToggleLabel, onClick: this.showSidebar }))))), index.h("main", { class: "shell-layout__main" }, index.h("slot", { name: "main" })), (!this.collapsedSidebar || this.collapsing) && (index.h("div", { class: backdropClassName, onClick: this.onBackdropClick })))));
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: calc(var(--s-space-16) + var(--s-space-8) + 2.5rem);
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-bottom: var(--s-space-12);
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-media {
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: calc(var(--s-space-16) + var(--s-space-8) + 2.5rem);
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": this.hasNavigation ? "heading" : "app-name", class: "app-layout__body" }, this.hasNavigation ? (h("header", { class: "app-layout__app-bar" }, showBackToNavigationButton && (h("span", { class: "app-layout__back-to-navigation-button" }, h("swirl-button", { hideLabel: true, icon: this.transitionStyle === "dialog"
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 }))), this.appBarMedia && (h("div", { class: "app-layout__app-bar-media", innerHTML: this.appBarMedia })), h("div", { class: "app-layout__app-bar-heading" }, this.heading && (h("swirl-heading", { as: "h2", headingId: "heading", level: 4, text: this.heading })), this.subheading && (h("span", { class: "app-layout__app-bar-subheading" }, this.subheading))), h("div", { class: "app-layout__app-bar-controls" }, h("slot", { name: "app-bar-controls" })))) : (h("header", { class: "app-layout__app-bar" }, h("swirl-heading", { as: "h1", headingId: "app-name", level: 2, text: this.appName }), h("span", { class: "app-layout__navigation-controls" }, h("slot", { name: "navigation-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" })))))));
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" media="<swirl-avatar label=&quot;John Doe&quot; src=&quot;https://picsum.photos/id/433/144/144&quot;></swirl-avatar>"></swirl-resource-list-item>
37
- <swirl-resource-list-item description="With a description" label="This is a resource item" class="item" media="<swirl-avatar label=&quot;John Doe&quot; src=&quot;https://picsum.photos/id/103/144/144&quot;></swirl-avatar>"></swirl-resource-list-item>
38
- <swirl-resource-list-item description="With a description" label="This is a resource item" class="item" media="<swirl-avatar label=&quot;John Doe&quot; src=&quot;https://picsum.photos/id/1027/144/144&quot;></swirl-avatar>"></swirl-resource-list-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
- box-sizing: border-box;
6
+ :host(.box--bordered) {
7
+ border: var(--s-border-width-default) solid var(--s-border-default);
8
8
  }
9
9
 
10
- .box--bordered {
11
- border: var(--s-border-width-default) solid var(--s-border-default);
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
- .box--cover {
25
- width: 100%;
26
- height: 100%;
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
- maxWidth: this.maxWidth,
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, { style: this.cover ? { width: "100%", height: "100%" } : undefined }, h(Tag, { class: className, style: styles }, h("slot", null))));
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" })), this.collapsedSidebar && !this.collapsing && (h("div", { class: "shell-layout__mobile-toggle" }, h("swirl-button", { swirlAriaExpanded: String(!this.collapsedSidebar), hideLabel: true, icon: "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarToggleLabel, onClick: this.showSidebar }))))), h("main", { class: "shell-layout__main" }, h("slot", { name: "main" })), (!this.collapsedSidebar || this.collapsing) && (h("div", { class: backdropClassName, onClick: this.onBackdropClick })))));
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"; }