@getflip/swirl-components 0.456.3 → 0.457.0

package/dist/components/index.js

@@ -1 +1 @@
-import{t as o}from"./p-BIzYxcO0.js";export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BIzYxcO0.js";import{SwirlAccordion as i}from"./swirl-accordion.js";import{SwirlAccordionItem as m}from"./swirl-accordion-item.js";import{SwirlActionList as l}from"./swirl-action-list.js";import{SwirlActionListItem as t}from"./swirl-action-list-item.js";import{SwirlActionListSection as p}from"./swirl-action-list-section.js";import{SwirlAppBar as f}from"./swirl-app-bar.js";import{SwirlAppIcon as e}from"./swirl-app-icon.js";import{SwirlAppLayout as w}from"./swirl-app-layout.js";import{SwirlAutocomplete as n}from"./swirl-autocomplete.js";import{SwirlAvatar as j}from"./swirl-avatar.js";import{SwirlAvatarGroup as c}from"./swirl-avatar-group.js";import{SwirlBadge as d}from"./swirl-badge.js";import{SwirlBanner as y}from"./swirl-banner.js";import{SwirlBox as u}from"./swirl-box.js";import{SwirlButton as h}from"./swirl-button.js";import{SwirlButtonGroup as k}from"./swirl-button-group.js";import{SwirlCard as v}from"./swirl-card.js";import{SwirlCarousel as x}from"./swirl-carousel.js";import{SwirlCarouselSlide as z}from"./swirl-carousel-slide.js";import{SwirlCheckbox as E}from"./swirl-checkbox.js";import{SwirlChip as O}from"./swirl-chip.js";import{SwirlColorInput as P}from"./swirl-color-input.js";import{SwirlColumns as A}from"./swirl-columns.js";import{SwirlConsoleLayout as B}from"./swirl-console-layout.js";import{SwirlDataCell as I}from"./swirl-data-cell.js";import{SwirlDataCellStack as Y}from"./swirl-data-cell-stack.js";import{SwirlDateInput as q}from"./swirl-date-input.js";import{SwirlDatePicker as N}from"./swirl-date-picker.js";import{SwirlDescriptionList as C}from"./swirl-description-list.js";import{SwirlDescriptionListItem as D}from"./swirl-description-list-item.js";import{SwirlDialog as F}from"./swirl-dialog.js";import{SwirlEmoji as G}from"./swirl-emoji.js";import{SwirlEmojiClap as H}from"./swirl-emoji-clap.js";import{SwirlEmojiHappy as J}from"./swirl-emoji-happy.js";import{SwirlEmojiIdea as K}from"./swirl-emoji-idea.js";import{SwirlEmojiLove as L}from"./swirl-emoji-love.js";import{SwirlEmojiSad as M}from"./swirl-emoji-sad.js";import{SwirlEmojiThumbsUp as Q}from"./swirl-emoji-thumbs-up.js";import{SwirlEmptyState as R}from"./swirl-empty-state.js";import{SwirlFileChip as S}from"./swirl-file-chip.js";import{SwirlFileUploader as T}from"./swirl-file-uploader.js";import{SwirlFileViewer as U}from"./swirl-file-viewer.js";import{SwirlFileViewerAudio as V}from"./swirl-file-viewer-audio.js";import{SwirlFileViewerCsv as W}from"./swirl-file-viewer-csv.js";import{SwirlFileViewerFallback as X}from"./swirl-file-viewer-fallback.js";import{SwirlFileViewerImage as Z}from"./swirl-file-viewer-image.js";import{SwirlFileViewerPdf as $}from"./swirl-file-viewer-pdf.js";import{SwirlFileViewerText as _}from"./swirl-file-viewer-text.js";import{SwirlFileViewerVideo as rr}from"./swirl-file-viewer-video.js";import{SwirlFormControl as or}from"./swirl-form-control.js";import{SwirlFormGroup as ir}from"./swirl-form-group.js";import{SwirlHeading as sr}from"./swirl-heading.js";import{SwirlIcon as mr}from"./swirl-icon.js";import{SwirlIconAdd as lr}from"./swirl-icon-add.js";import{SwirlIconAddModerator as tr}from"./swirl-icon-add-moderator.js";import{SwirlIconAddPhoto as pr}from"./swirl-icon-add-photo.js";import{SwirlIconAddReaction as fr}from"./swirl-icon-add-reaction.js";import{SwirlIconAdminPanelSettings as er}from"./swirl-icon-admin-panel-settings.js";import{SwirlIconAi as wr}from"./swirl-icon-ai.js";import{SwirlIconAiFilled as nr}from"./swirl-icon-ai-filled.js";import{SwirlIconApps as jr}from"./swirl-icon-apps.js";import{SwirlIconArrowBack as cr}from"./swirl-icon-arrow-back.js";import{SwirlIconArrowDownward as ar}from"./swirl-icon-arrow-downward.js";import{SwirlIconArrowForward as br}from"./swirl-icon-arrow-forward.js";import{SwirlIconArrowLeft as dr}from"./swirl-icon-arrow-left.js";import{SwirlIconArrowRight as yr}from"./swirl-icon-arrow-right.js";import{SwirlIconArrowRightSmall as ur}from"./swirl-icon-arrow-right-small.js";import{SwirlIconArrowUpward as hr}from"./swirl-icon-arrow-upward.js";import{SwirlIconAspectRatio as gr}from"./swirl-icon-aspect-ratio.js";import{SwirlIconAttachment as kr}from"./swirl-icon-attachment.js";import{SwirlIconAudioFile as vr}from"./swirl-icon-audio-file.js";import{SwirlIconAutorenew as xr}from"./swirl-icon-autorenew.js";import{SwirlIconBarChart as zr}from"./swirl-icon-bar-chart.js";import{SwirlIconBeachAccess as Er}from"./swirl-icon-beach-access.js";import{SwirlIconBeachAccessFilled as Or}from"./swirl-icon-beach-access-filled.js";import{SwirlIconBlock as Pr}from"./swirl-icon-block.js";import{SwirlIconBookmark as Ar}from"./swirl-icon-bookmark.js";import{SwirlIconBookmarkFilled as Br}from"./swirl-icon-bookmark-filled.js";import{SwirlIconCalendarAddOnFilled as Ir}from"./swirl-icon-calendar-add-on-filled.js";import{SwirlIconCalendarRespond as Yr}from"./swirl-icon-calendar-respond.js";import{SwirlIconCalendarToday as qr}from"./swirl-icon-calendar-today.js";import{SwirlIconCall as Nr}from"./swirl-icon-call.js";import{SwirlIconCallEnd as Cr}from"./swirl-icon-call-end.js";import{SwirlIconCancel as Dr}from"./swirl-icon-cancel.js";import{SwirlIconCancelFilled as Fr}from"./swirl-icon-cancel-filled.js";import{SwirlIconCancelOutline as Gr}from"./swirl-icon-cancel-outline.js";import{SwirlIconChatBubble as Hr}from"./swirl-icon-chat-bubble.js";import{SwirlIconChats as Jr}from"./swirl-icon-chats.js";import{SwirlIconChatsFilled as Kr}from"./swirl-icon-chats-filled.js";import{SwirlIconCheck as Lr}from"./swirl-icon-check.js";import{SwirlIconCheckCircle as Mr}from"./swirl-icon-check-circle.js";import{SwirlIconCheckCircleFilled as Qr}from"./swirl-icon-check-circle-filled.js";import{SwirlIconCheckSmall as Rr}from"./swirl-icon-check-small.js";import{SwirlIconCheckStrong as Sr}from"./swirl-icon-check-strong.js";import{SwirlIconCheckboxFilled as Tr}from"./swirl-icon-checkbox-filled.js";import{SwirlIconChevronLeft as Ur}from"./swirl-icon-chevron-left.js";import{SwirlIconChevronRight as Vr}from"./swirl-icon-chevron-right.js";import{SwirlIconClose as Wr}from"./swirl-icon-close.js";import{SwirlIconCloseFullscreen as Xr}from"./swirl-icon-close-fullscreen.js";import{SwirlIconCloseSmall as Zr}from"./swirl-icon-close-small.js";import{SwirlIconCloudUpload as $r}from"./swirl-icon-cloud-upload.js";import{SwirlIconColumn as _r}from"./swirl-icon-column.js";import{SwirlIconComment as ro}from"./swirl-icon-comment.js";import{SwirlIconContrast as oo}from"./swirl-icon-contrast.js";import{SwirlIconCopy as io}from"./swirl-icon-copy.js";import{SwirlIconCrop as so}from"./swirl-icon-crop.js";import{SwirlIconDarkMode as mo}from"./swirl-icon-dark-mode.js";import{SwirlIconDateRange as lo}from"./swirl-icon-date-range.js";import{SwirlIconDelete as to}from"./swirl-icon-delete.js";import{SwirlIconDeployedCode as po}from"./swirl-icon-deployed-code.js";import{SwirlIconDescription as fo}from"./swirl-icon-description.js";import{SwirlIconDesktop as eo}from"./swirl-icon-desktop.js";import{SwirlIconDirectory as wo}from"./swirl-icon-directory.js";import{SwirlIconDirectoryFilled as no}from"./swirl-icon-directory-filled.js";import{SwirlIconDiscover as jo}from"./swirl-icon-discover.js";import{SwirlIconDockLeft as co}from"./swirl-icon-dock-left.js";import{SwirlIconDockLeftCollapse as ao}from"./swirl-icon-dock-left-collapse.js";import{SwirlIconDockLeftExpand as bo}from"./swirl-icon-dock-left-expand.js";import{SwirlIconDoorOpen as yo}from"./swirl-icon-door-open.js";import{SwirlIconDot as uo}from"./swirl-icon-dot.js";import{SwirlIconDoubleArrowLeft as ho}from"./swirl-icon-double-arrow-left.js";import{SwirlIconDoubleArrowRight as go}from"./swirl-icon-double-arrow-right.js";import{SwirlIconDownload as ko}from"./swirl-icon-download.js";import{SwirlIconDragHandle as vo}from"./swirl-icon-drag-handle.js";import{SwirlIconEdit as xo}from"./swirl-icon-edit.js";import{SwirlIconEditNote as zo}from"./swirl-icon-edit-note.js";import{SwirlIconEmojiMood as Eo}from"./swirl-icon-emoji-mood.js";import{SwirlIconEmojiSatisfied as Oo}from"./swirl-icon-emoji-satisfied.js";import{SwirlIconEmojiSymbols as Po}from"./swirl-icon-emoji-symbols.js";import{SwirlIconError as Ao}from"./swirl-icon-error.js";import{SwirlIconExpandLess as Bo}from"./swirl-icon-expand-less.js";import{SwirlIconExpandMore as Io}from"./swirl-icon-expand-more.js";import{SwirlIconExperiment as Yo}from"./swirl-icon-experiment.js";import{SwirlIconFile as qo}from"./swirl-icon-file.js";import{SwirlIconFileCopy as No}from"./swirl-icon-file-copy.js";import{SwirlIconFilter as Co}from"./swirl-icon-filter.js";import{SwirlIconFolder as Do}from"./swirl-icon-folder.js";import{SwirlIconFolderShared as Fo}from"./swirl-icon-folder-shared.js";import{SwirlIconFormatHOne as Go}from"./swirl-icon-format-h-one.js";import{SwirlIconFormatListBulleted as Ho}from"./swirl-icon-format-list-bulleted.js";import{SwirlIconForward as Jo}from"./swirl-icon-forward.js";import{SwirlIconFullscreen as Ko}from"./swirl-icon-fullscreen.js";import{SwirlIconFullscreenExit as Lo}from"./swirl-icon-fullscreen-exit.js";import{SwirlIconGif as Mo}from"./swirl-icon-gif.js";import{SwirlIconGroupAdd as Qo}from"./swirl-icon-group-add.js";import{SwirlIconGroupAssign as Ro}from"./swirl-icon-group-assign.js";import{SwirlIconGroups as So}from"./swirl-icon-groups.js";import{SwirlIconGroupsFilled as To}from"./swirl-icon-groups-filled.js";import{SwirlIconHamburgerMenu as Uo}from"./swirl-icon-hamburger-menu.js";import{SwirlIconHealthAndSafety as Vo}from"./swirl-icon-health-and-safety.js";import{SwirlIconHelp as Wo}from"./swirl-icon-help.js";import{SwirlIconHelpFilled as Xo}from"./swirl-icon-help-filled.js";import{SwirlIconHighlight as Zo}from"./swirl-icon-highlight.js";import{SwirlIconHistory as $o}from"./swirl-icon-history.js";import{SwirlIconHome as _o}from"./swirl-icon-home.js";import{SwirlIconHomeFilled as ri}from"./swirl-icon-home-filled.js";import{SwirlIconHrResting as oi}from"./swirl-icon-hr-resting.js";import{SwirlIconImage as ii}from"./swirl-icon-image.js";import{SwirlIconImproveText as si}from"./swirl-icon-improve-text.js";import{SwirlIconInfo as mi}from"./swirl-icon-info.js";import{SwirlIconInsertBelow as li}from"./swirl-icon-insert-below.js";import{SwirlIconInsertChart as ti}from"./swirl-icon-insert-chart.js";import{SwirlIconInsertOnTop as pi}from"./swirl-icon-insert-on-top.js";import{SwirlIconInventory as fi}from"./swirl-icon-inventory.js";import{SwirlIconInventoryOff as ei}from"./swirl-icon-inventory-off.js";import{SwirlIconIphone as wi}from"./swirl-icon-iphone.js";import{SwirlIconKey as ni}from"./swirl-icon-key.js";import{SwirlIconKeyboard as ji}from"./swirl-icon-keyboard.js";import{SwirlIconKeyboardHide as ci}from"./swirl-icon-keyboard-hide.js";import{SwirlIconLanguage as ai}from"./swirl-icon-language.js";import{SwirlIconLightMode as bi}from"./swirl-icon-light-mode.js";import{SwirlIconLike as di}from"./swirl-icon-like.js";import{SwirlIconLink as yi}from"./swirl-icon-link.js";import{SwirlIconLive as ui}from"./swirl-icon-live.js";import{SwirlIconLoad as hi}from"./swirl-icon-load.js";import{SwirlIconLocationOn as gi}from"./swirl-icon-location-on.js";import{SwirlIconLock as ki}from"./swirl-icon-lock.js";import{SwirlIconLockOpen as vi}from"./swirl-icon-lock-open.js";import{SwirlIconLockPerson as xi}from"./swirl-icon-lock-person.js";import{SwirlIconLogin as zi}from"./swirl-icon-login.js";import{SwirlIconLogout as Ei}from"./swirl-icon-logout.js";import{SwirlIconLongText as Oi}from"./swirl-icon-long-text.js";import{SwirlIconMail as Pi}from"./swirl-icon-mail.js";import{SwirlIconManageAccounts as Ai}from"./swirl-icon-manage-accounts.js";import{SwirlIconMarkChatRead as Bi}from"./swirl-icon-mark-chat-read.js";import{SwirlIconMarkChatUnread as Ii}from"./swirl-icon-mark-chat-unread.js";import{SwirlIconMention as Yi}from"./swirl-icon-mention.js";import{SwirlIconMenu as qi}from"./swirl-icon-menu.js";import{SwirlIconMenuBook as Ni}from"./swirl-icon-menu-book.js";import{SwirlIconMenuBookFilled as Ci}from"./swirl-icon-menu-book-filled.js";import{SwirlIconMenuFilled as Di}from"./swirl-icon-menu-filled.js";import{SwirlIconMessage as Fi}from"./swirl-icon-message.js";import{SwirlIconMic as Gi}from"./swirl-icon-mic.js";import{SwirlIconMicOff as Hi}from"./swirl-icon-mic-off.js";import{SwirlIconMoreHorizontal as Ji}from"./swirl-icon-more-horizontal.js";import{SwirlIconMoreVertikal as Ki}from"./swirl-icon-more-vertikal.js";import{SwirlIconNews as Li}from"./swirl-icon-news.js";import{SwirlIconNewsFilled as Mi}from"./swirl-icon-news-filled.js";import{SwirlIconNewsOff as Qi}from"./swirl-icon-news-off.js";import{SwirlIconNextPlan as Ri}from"./swirl-icon-next-plan.js";import{SwirlIconNoteStack as Si}from"./swirl-icon-note-stack.js";import{SwirlIconNoteStackFilled as Ti}from"./swirl-icon-note-stack-filled.js";import{SwirlIconNotifications as Ui}from"./swirl-icon-notifications.js";import{SwirlIconNotificationsActive as Vi}from"./swirl-icon-notifications-active.js";import{SwirlIconNotificationsOff as Wi}from"./swirl-icon-notifications-off.js";import{SwirlIconOpenInFull as Xi}from"./swirl-icon-open-in-full.js";import{SwirlIconOpenInNew as Zi}from"./swirl-icon-open-in-new.js";import{SwirlIconPatientList as $i}from"./swirl-icon-patient-list.js";import{SwirlIconPause as _i}from"./swirl-icon-pause.js";import{SwirlIconPauseCircle as rs}from"./swirl-icon-pause-circle.js";import{SwirlIconPeopleAlt as os}from"./swirl-icon-people-alt.js";import{SwirlIconPerson as is}from"./swirl-icon-person.js";import{SwirlIconPersonCheck as ss}from"./swirl-icon-person-check.js";import{SwirlIconPersonOff as ms}from"./swirl-icon-person-off.js";import{SwirlIconPhone as ls}from"./swirl-icon-phone.js";import{SwirlIconPhotoCamera as ts}from"./swirl-icon-photo-camera.js";import{SwirlIconPictureAsPdf as ps}from"./swirl-icon-picture-as-pdf.js";import{SwirlIconPictureInPicture as fs}from"./swirl-icon-picture-in-picture.js";import{SwirlIconPin as es}from"./swirl-icon-pin.js";import{SwirlIconPinOff as ws}from"./swirl-icon-pin-off.js";import{SwirlIconPlace as ns}from"./swirl-icon-place.js";import{SwirlIconPlayArrow as js}from"./swirl-icon-play-arrow.js";import{SwirlIconPoll as cs}from"./swirl-icon-poll.js";import{SwirlIconPostApproval as as}from"./swirl-icon-post-approval.js";import{SwirlIconPresent as bs}from"./swirl-icon-present.js";import{SwirlIconPreview as ds}from"./swirl-icon-preview.js";import{SwirlIconPrint as ys}from"./swirl-icon-print.js";import{SwirlIconPublic as us}from"./swirl-icon-public.js";import{SwirlIconPublicOff as hs}from"./swirl-icon-public-off.js";import{SwirlIconPublishedWithChanges as gs}from"./swirl-icon-published-with-changes.js";import{SwirlIconRatioFourToThree as ks}from"./swirl-icon-ratio-four-to-three.js";import{SwirlIconRatioFreeform as vs}from"./swirl-icon-ratio-freeform.js";import{SwirlIconRatioSixteenToNine as xs}from"./swirl-icon-ratio-sixteen-to-nine.js";import{SwirlIconRatioSquare as zs}from"./swirl-icon-ratio-square.js";import{SwirlIconRatioThreeToFour as Es}from"./swirl-icon-ratio-three-to-four.js";import{SwirlIconRatioThreeToTwo as Os}from"./swirl-icon-ratio-three-to-two.js";import{SwirlIconRecieved as Ps}from"./swirl-icon-recieved.js";import{SwirlIconRefresh as As}from"./swirl-icon-refresh.js";import{SwirlIconRemove as Bs}from"./swirl-icon-remove.js";import{SwirlIconRemoveCircle as Is}from"./swirl-icon-remove-circle.js";import{SwirlIconRemoveModerator as Ys}from"./swirl-icon-remove-moderator.js";import{SwirlIconReply as qs}from"./swirl-icon-reply.js";import{SwirlIconReport as Ns}from"./swirl-icon-report.js";import{SwirlIconRoadmap as Cs}from"./swirl-icon-roadmap.js";import{SwirlIconRotateLeft as Ds}from"./swirl-icon-rotate-left.js";import{SwirlIconRotateRight as Fs}from"./swirl-icon-rotate-right.js";import{SwirlIconScreenshare as Gs}from"./swirl-icon-screenshare.js";import{SwirlIconScreenshareOff as Hs}from"./swirl-icon-screenshare-off.js";import{SwirlIconSearch as Js}from"./swirl-icon-search.js";import{SwirlIconSearchStrong as Ks}from"./swirl-icon-search-strong.js";import{SwirlIconSection as Ls}from"./swirl-icon-section.js";import{SwirlIconSecure as Ms}from"./swirl-icon-secure.js";import{SwirlIconSell as Qs}from"./swirl-icon-sell.js";import{SwirlIconSend as Rs}from"./swirl-icon-send.js";import{SwirlIconSettings as Ss}from"./swirl-icon-settings.js";import{SwirlIconShortText as Ts}from"./swirl-icon-short-text.js";import{SwirlIconSimplify as Us}from"./swirl-icon-simplify.js";import{SwirlIconSpellcheck as Vs}from"./swirl-icon-spellcheck.js";import{SwirlIconStars as Ws}from"./swirl-icon-stars.js";import{SwirlIconStickyNote as Xs}from"./swirl-icon-sticky-note.js";import{SwirlIconStop as Zs}from"./swirl-icon-stop.js";import{SwirlIconStopCircle as $s}from"./swirl-icon-stop-circle.js";import{SwirlIconSunny as _s}from"./swirl-icon-sunny.js";import{SwirlIconSync as rm}from"./swirl-icon-sync.js";import{SwirlIconTasks as om}from"./swirl-icon-tasks.js";import{SwirlIconTasksFilled as im}from"./swirl-icon-tasks-filled.js";import{SwirlIconTerminal as sm}from"./swirl-icon-terminal.js";import{SwirlIconTime as mm}from"./swirl-icon-time.js";import{SwirlIconTimeFilled as lm}from"./swirl-icon-time-filled.js";import{SwirlIconToday as tm}from"./swirl-icon-today.js";import{SwirlIconTodayFilled as pm}from"./swirl-icon-today-filled.js";import{SwirlIconTranslate as fm}from"./swirl-icon-translate.js";import{SwirlIconTreeStructure as em}from"./swirl-icon-tree-structure.js";import{SwirlIconUndo as wm}from"./swirl-icon-undo.js";import{SwirlIconUnlockPerson as nm}from"./swirl-icon-unlock-person.js";import{SwirlIconUpload as jm}from"./swirl-icon-upload.js";import{SwirlIconUserAdd as cm}from"./swirl-icon-user-add.js";import{SwirlIconUserAssign as am}from"./swirl-icon-user-assign.js";import{SwirlIconVideoCamera as bm}from"./swirl-icon-video-camera.js";import{SwirlIconVideoCameraOff as dm}from"./swirl-icon-video-camera-off.js";import{SwirlIconVideoLibrary as ym}from"./swirl-icon-video-library.js";import{SwirlIconVideoPlayer as um}from"./swirl-icon-video-player.js";import{SwirlIconViewAgenda as hm}from"./swirl-icon-view-agenda.js";import{SwirlIconVisibility as gm}from"./swirl-icon-visibility.js";import{SwirlIconVisibilityOff as km}from"./swirl-icon-visibility-off.js";import{SwirlIconVoice as vm}from"./swirl-icon-voice.js";import{SwirlIconVolumeUp as xm}from"./swirl-icon-volume-up.js";import{SwirlIconWarning as zm}from"./swirl-icon-warning.js";import{SwirlIconWebAsset as Em}from"./swirl-icon-web-asset.js";import{SwirlIconWebAssetOff as Om}from"./swirl-icon-web-asset-off.js";import{SwirlIconWork as Pm}from"./swirl-icon-work.js";import{SwirlImageGrid as Am}from"./swirl-image-grid.js";import{SwirlImageGridItem as Bm}from"./swirl-image-grid-item.js";import{SwirlInlineError as Im}from"./swirl-inline-error.js";import{SwirlInlineNotification as Ym}from"./swirl-inline-notification.js";import{SwirlInlineStatus as qm}from"./swirl-inline-status.js";import{SwirlLightbox as Nm}from"./swirl-lightbox.js";import{SwirlLink as Cm}from"./swirl-link.js";import{SwirlList as Dm}from"./swirl-list.js";import{SwirlMenu as Fm}from"./swirl-menu.js";import{SwirlMenuItem as Gm}from"./swirl-menu-item.js";import{SwirlModal as Hm}from"./swirl-modal.js";import{SwirlModalShell as Jm}from"./swirl-modal-shell.js";import{SwirlOptionList as Km}from"./swirl-option-list.js";import{SwirlOptionListItem as Lm}from"./swirl-option-list-item.js";import{SwirlOptionListSection as Mm}from"./swirl-option-list-section.js";import{SwirlPagination as Qm}from"./swirl-pagination.js";import{SwirlPdfReader as Rm}from"./swirl-pdf-reader.js";import{SwirlPopover as Sm}from"./swirl-popover.js";import{SwirlPopoverTrigger as Tm}from"./swirl-popover-trigger.js";import{SwirlProgressIndicator as Um}from"./swirl-progress-indicator.js";import{SwirlRadio as Vm}from"./swirl-radio.js";import{SwirlRadioGroup as Wm}from"./swirl-radio-group.js";import{SwirlResourceList as Xm}from"./swirl-resource-list.js";import{SwirlResourceListFileItem as Zm}from"./swirl-resource-list-file-item.js";import{SwirlResourceListItem as $m}from"./swirl-resource-list-item.js";import{SwirlResourceListSection as _m}from"./swirl-resource-list-section.js";import{SwirlSearch as rl}from"./swirl-search.js";import{SwirlSelect as ol}from"./swirl-select.js";import{SwirlSeparator as il}from"./swirl-separator.js";import{SwirlShellLayout as sl}from"./swirl-shell-layout.js";import{SwirlShellNavigationItem as ml}from"./swirl-shell-navigation-item.js";import{SwirlSkeletonBox as ll}from"./swirl-skeleton-box.js";import{SwirlSkeletonText as tl}from"./swirl-skeleton-text.js";import{SwirlSpinner as pl}from"./swirl-spinner.js";import{SwirlStack as fl}from"./swirl-stack.js";import{SwirlStatusIndicator as el}from"./swirl-status-indicator.js";import{SwirlSwitch as wl}from"./swirl-switch.js";import{SwirlSymbol as nl}from"./swirl-symbol.js";import{SwirlSymbolAcUnit as jl}from"./swirl-symbol-ac-unit.js";import{SwirlSymbolAccountCircle as cl}from"./swirl-symbol-account-circle.js";import{SwirlSymbolAlternateEmail as al}from"./swirl-symbol-alternate-email.js";import{SwirlSymbolAndroid as bl}from"./swirl-symbol-android.js";import{SwirlSymbolAnnouncement as dl}from"./swirl-symbol-announcement.js";import{SwirlSymbolAutorenew as yl}from"./swirl-symbol-autorenew.js";import{SwirlSymbolBackup as ul}from"./swirl-symbol-backup.js";import{SwirlSymbolBadge as hl}from"./swirl-symbol-badge.js";import{SwirlSymbolBarcodeReader as gl}from"./swirl-symbol-barcode-reader.js";import{SwirlSymbolBarcodeScanner as kl}from"./swirl-symbol-barcode-scanner.js";import{SwirlSymbolBatteryHoriz as vl}from"./swirl-symbol-battery-horiz.js";import{SwirlSymbolBeachAccess as xl}from"./swirl-symbol-beach-access.js";import{SwirlSymbolBolt as zl}from"./swirl-symbol-bolt.js";import{SwirlSymbolBookmark as El}from"./swirl-symbol-bookmark.js";import{SwirlSymbolCalendar as Ol}from"./swirl-symbol-calendar.js";import{SwirlSymbolCampaign as Pl}from"./swirl-symbol-campaign.js";import{SwirlSymbolCardsStar as Al}from"./swirl-symbol-cards-star.js";import{SwirlSymbolCloud as Bl}from"./swirl-symbol-cloud.js";import{SwirlSymbolConstruction as Il}from"./swirl-symbol-construction.js";import{SwirlSymbolContacts as Yl}from"./swirl-symbol-contacts.js";import{SwirlSymbolCoronavirus as ql}from"./swirl-symbol-coronavirus.js";import{SwirlSymbolDesignServices as Nl}from"./swirl-symbol-design-services.js";import{SwirlSymbolDesktopWindows as Cl}from"./swirl-symbol-desktop-windows.js";import{SwirlSymbolDirectionsCarFilled as Dl}from"./swirl-symbol-directions-car-filled.js";import{SwirlSymbolDiversity as Fl}from"./swirl-symbol-diversity.js";import{SwirlSymbolDraw as Gl}from"./swirl-symbol-draw.js";import{SwirlSymbolEditCalendar as Hl}from"./swirl-symbol-edit-calendar.js";import{SwirlSymbolEmail as Jl}from"./swirl-symbol-email.js";import{SwirlSymbolEmergency as Kl}from"./swirl-symbol-emergency.js";import{SwirlSymbolEmojiFoodBeverage as Ll}from"./swirl-symbol-emoji-food-beverage.js";import{SwirlSymbolEngineering as Ml}from"./swirl-symbol-engineering.js";import{SwirlSymbolEventMenu as Ql}from"./swirl-symbol-event-menu.js";import{SwirlSymbolExplore as Rl}from"./swirl-symbol-explore.js";import{SwirlSymbolExtension as Sl}from"./swirl-symbol-extension.js";import{SwirlSymbolFacebook as Tl}from"./swirl-symbol-facebook.js";import{SwirlSymbolFavorite as Ul}from"./swirl-symbol-favorite.js";import{SwirlSymbolFitnessCenter as Vl}from"./swirl-symbol-fitness-center.js";import{SwirlSymbolFlag as Wl}from"./swirl-symbol-flag.js";import{SwirlSymbolFlight as Xl}from"./swirl-symbol-flight.js";import{SwirlSymbolFolder as Zl}from"./swirl-symbol-folder.js";import{SwirlSymbolGlobe as $l}from"./swirl-symbol-globe.js";import{SwirlSymbolGroups as _l}from"./swirl-symbol-groups.js";import{SwirlSymbolHealing as rt}from"./swirl-symbol-healing.js";import{SwirlSymbolHealthAndSafety as ot}from"./swirl-symbol-health-and-safety.js";import{SwirlSymbolHelp as it}from"./swirl-symbol-help.js";import{SwirlSymbolHomeRepairService as st}from"./swirl-symbol-home-repair-service.js";import{SwirlSymbolHomeStorage as mt}from"./swirl-symbol-home-storage.js";import{SwirlSymbolIdCard as lt}from"./swirl-symbol-id-card.js";import{SwirlSymbolImage as tt}from"./swirl-symbol-image.js";import{SwirlSymbolInfoMenu as pt}from"./swirl-symbol-info-menu.js";import{SwirlSymbolInstagram as ft}from"./swirl-symbol-instagram.js";import{SwirlSymbolInventory as et}from"./swirl-symbol-inventory.js";import{SwirlSymbolInventory2 as wt}from"./swirl-symbol-inventory-2.js";import{SwirlSymbolIos as nt}from"./swirl-symbol-ios.js";import{SwirlSymbolKey as jt}from"./swirl-symbol-key.js";import{SwirlSymbolLanguage as ct}from"./swirl-symbol-language.js";import{SwirlSymbolLeaderboard as at}from"./swirl-symbol-leaderboard.js";import{SwirlSymbolLightbulb as bt}from"./swirl-symbol-lightbulb.js";import{SwirlSymbolLinkedin as dt}from"./swirl-symbol-linkedin.js";import{SwirlSymbolLocalShipping as yt}from"./swirl-symbol-local-shipping.js";import{SwirlSymbolLocationOn as ut}from"./swirl-symbol-location-on.js";import{SwirlSymbolLoyalty as ht}from"./swirl-symbol-loyalty.js";import{SwirlSymbolMap as gt}from"./swirl-symbol-map.js";import{SwirlSymbolMapsHomeWork as kt}from"./swirl-symbol-maps-home-work.js";import{SwirlSymbolMenuBook as vt}from"./swirl-symbol-menu-book.js";import{SwirlSymbolMop as xt}from"./swirl-symbol-mop.js";import{SwirlSymbolNestEcoLeaf as zt}from"./swirl-symbol-nest-eco-leaf.js";import{SwirlSymbolNotifications as Et}from"./swirl-symbol-notifications.js";import{SwirlSymbolOpenInNew as Ot}from"./swirl-symbol-open-in-new.js";import{SwirlSymbolOrders as Pt}from"./swirl-symbol-orders.js";import{SwirlSymbolPackage as At}from"./swirl-symbol-package.js";import{SwirlSymbolPalette as Bt}from"./swirl-symbol-palette.js";import{SwirlSymbolPartlyCloudyDay as It}from"./swirl-symbol-partly-cloudy-day.js";import{SwirlSymbolPedalBike as Yt}from"./swirl-symbol-pedal-bike.js";import{SwirlSymbolPercentDiscount as qt}from"./swirl-symbol-percent-discount.js";import{SwirlSymbolPets as Nt}from"./swirl-symbol-pets.js";import{SwirlSymbolPinterest as Ct}from"./swirl-symbol-pinterest.js";import{SwirlSymbolPointOfSale as Dt}from"./swirl-symbol-point-of-sale.js";import{SwirlSymbolPolicy as Ft}from"./swirl-symbol-policy.js";import{SwirlSymbolPrecisionManufacturing as Gt}from"./swirl-symbol-precision-manufacturing.js";import{SwirlSymbolPrint as Ht}from"./swirl-symbol-print.js";import{SwirlSymbolPushPin as Jt}from"./swirl-symbol-push-pin.js";import{SwirlSymbolRecycling as Kt}from"./swirl-symbol-recycling.js";import{SwirlSymbolRedeem as Lt}from"./swirl-symbol-redeem.js";import{SwirlSymbolReportProblem as Mt}from"./swirl-symbol-report-problem.js";import{SwirlSymbolRestaurant as Qt}from"./swirl-symbol-restaurant.js";import{SwirlSymbolRoadmap as Rt}from"./swirl-symbol-roadmap.js";import{SwirlSymbolRocketLaunch as St}from"./swirl-symbol-rocket-launch.js";import{SwirlSymbolRoom as Tt}from"./swirl-symbol-room.js";import{SwirlSymbolSavings as Ut}from"./swirl-symbol-savings.js";import{SwirlSymbolSchool as Vt}from"./swirl-symbol-school.js";import{SwirlSymbolSell as Wt}from"./swirl-symbol-sell.js";import{SwirlSymbolSettingsVoice as Xt}from"./swirl-symbol-settings-voice.js";import{SwirlSymbolShoppingBag as Zt}from"./swirl-symbol-shopping-bag.js";import{SwirlSymbolShoppingCart as $t}from"./swirl-symbol-shopping-cart.js";import{SwirlSymbolSmartphone as _t}from"./swirl-symbol-smartphone.js";import{SwirlSymbolSpa as rp}from"./swirl-symbol-spa.js";import{SwirlSymbolSportsSoccer as op}from"./swirl-symbol-sports-soccer.js";import{SwirlSymbolStar as ip}from"./swirl-symbol-star.js";import{SwirlSymbolSupervisorAccount as sp}from"./swirl-symbol-supervisor-account.js";import{SwirlSymbolTask as mp}from"./swirl-symbol-task.js";import{SwirlSymbolTasks as lp}from"./swirl-symbol-tasks.js";import{SwirlSymbolThumbsUpDown as tp}from"./swirl-symbol-thumbs-up-down.js";import{SwirlSymbolTimer as pp}from"./swirl-symbol-timer.js";import{SwirlSymbolToolsPowerDrill as fp}from"./swirl-symbol-tools-power-drill.js";import{SwirlSymbolTrain as ep}from"./swirl-symbol-train.js";import{SwirlSymbolTrophy as wp}from"./swirl-symbol-trophy.js";import{SwirlSymbolTwitter as np}from"./swirl-symbol-twitter.js";import{SwirlSymbolVideo as jp}from"./swirl-symbol-video.js";import{SwirlSymbolWarehouse as cp}from"./swirl-symbol-warehouse.js";import{SwirlSymbolWaterDrop as ap}from"./swirl-symbol-water-drop.js";import{SwirlSymbolWbSunny as bp}from"./swirl-symbol-wb-sunny.js";import{SwirlSymbolWechat as dp}from"./swirl-symbol-wechat.js";import{SwirlSymbolWeibo as yp}from"./swirl-symbol-weibo.js";import{SwirlSymbolWifi as up}from"./swirl-symbol-wifi.js";import{SwirlSymbolWork as hp}from"./swirl-symbol-work.js";import{SwirlSymbolXing as gp}from"./swirl-symbol-xing.js";import{SwirlSymbolYoutube as kp}from"./swirl-symbol-youtube.js";import{SwirlTab as vp}from"./swirl-tab.js";import{SwirlTabBar as xp}from"./swirl-tab-bar.js";import{SwirlTable as zp}from"./swirl-table.js";import{SwirlTableCell as Ep}from"./swirl-table-cell.js";import{SwirlTableColumn as Op}from"./swirl-table-column.js";import{SwirlTableRow as Pp}from"./swirl-table-row.js";import{SwirlTableRowGroup as Ap}from"./swirl-table-row-group.js";import{SwirlTabs as Bp}from"./swirl-tabs.js";import{SwirlTag as Ip}from"./swirl-tag.js";import{SwirlText as Yp}from"./swirl-text.js";import{SwirlTextInput as qp}from"./swirl-text-input.js";import{SwirlThemeProvider as Np}from"./swirl-theme-provider.js";import{SwirlThumbnail as Cp}from"./swirl-thumbnail.js";import{SwirlTimeInput as Dp}from"./swirl-time-input.js";import{SwirlToast as Fp}from"./swirl-toast.js";import{SwirlToastProvider as Gp}from"./swirl-toast-provider.js";import{SwirlToggleButton as Hp}from"./swirl-toggle-button.js";import{SwirlToggleGroup as Jp}from"./swirl-toggle-group.js";import{SwirlToolbar as Kp}from"./swirl-toolbar.js";import{SwirlTooltip as Lp}from"./swirl-tooltip.js";import{SwirlTreeNavigation as Mp}from"./swirl-tree-navigation.js";import{SwirlTreeNavigationItem as Qp}from"./swirl-tree-navigation-item.js";import{SwirlTreeView as Rp}from"./swirl-tree-view.js";import{SwirlTreeViewItem as Sp}from"./swirl-tree-view-item.js";import{SwirlVideoThumbnail as Tp}from"./swirl-video-thumbnail.js";import{SwirlVisuallyHidden as Up}from"./swirl-visually-hidden.js";import{WcDatepicker as Vp}from"./wc-datepicker.js";const Wp=r=>{"undefined"!=typeof customElements&&[i,m,l,t,p,f,e,w,n,j,c,d,y,u,h,k,v,x,z,E,O,P,A,B,I,Y,q,N,C,D,F,G,H,J,K,L,M,Q,R,S,T,U,V,W,X,Z,$,_,rr,or,ir,sr,mr,lr,tr,pr,fr,er,wr,nr,jr,cr,ar,br,dr,yr,ur,hr,gr,kr,vr,xr,zr,Er,Or,Pr,Ar,Br,Ir,Yr,qr,Nr,Cr,Dr,Fr,Gr,Hr,Jr,Kr,Lr,Mr,Qr,Rr,Sr,Tr,Ur,Vr,Wr,Xr,Zr,$r,_r,ro,oo,io,so,mo,lo,to,po,fo,eo,wo,no,jo,co,ao,bo,yo,uo,ho,go,ko,vo,xo,zo,Eo,Oo,Po,Ao,Bo,Io,Yo,qo,No,Co,Do,Fo,Go,Ho,Jo,Ko,Lo,Mo,Qo,Ro,So,To,Uo,Vo,Wo,Xo,Zo,$o,_o,ri,oi,ii,si,mi,li,ti,pi,fi,ei,wi,ni,ji,ci,ai,bi,di,yi,ui,hi,gi,ki,vi,xi,zi,Ei,Oi,Pi,Ai,Bi,Ii,Yi,qi,Ni,Ci,Di,Fi,Gi,Hi,Ji,Ki,Li,Mi,Qi,Ri,Si,Ti,Ui,Vi,Wi,Xi,Zi,$i,_i,rs,os,is,ss,ms,ls,ts,ps,fs,es,ws,ns,js,cs,as,bs,ds,ys,us,hs,gs,ks,vs,xs,zs,Es,Os,Ps,As,Bs,Is,Ys,qs,Ns,Cs,Ds,Fs,Gs,Hs,Js,Ks,Ls,Ms,Qs,Rs,Ss,Ts,Us,Vs,Ws,Xs,Zs,$s,_s,rm,om,im,sm,mm,lm,tm,pm,fm,em,wm,nm,jm,cm,am,bm,dm,ym,um,hm,gm,km,vm,xm,zm,Em,Om,Pm,Am,Bm,Im,Ym,qm,Nm,Cm,Dm,Fm,Gm,Hm,Jm,Km,Lm,Mm,Qm,Rm,Sm,Tm,Um,Vm,Wm,Xm,Zm,$m,_m,rl,ol,il,sl,ml,ll,tl,pl,fl,el,wl,nl,jl,cl,al,bl,dl,yl,ul,hl,gl,kl,vl,xl,zl,El,Ol,Pl,Al,Bl,Il,Yl,ql,Nl,Cl,Dl,Fl,Gl,Hl,Jl,Kl,Ll,Ml,Ql,Rl,Sl,Tl,Ul,Vl,Wl,Xl,Zl,$l,_l,rt,ot,it,st,mt,lt,tt,pt,ft,et,wt,nt,jt,ct,at,bt,dt,yt,ut,ht,gt,kt,vt,xt,zt,Et,Ot,Pt,At,Bt,It,Yt,qt,Nt,Ct,Dt,Ft,Gt,Ht,Jt,Kt,Lt,Mt,Qt,Rt,St,Tt,Ut,Vt,Wt,Xt,Zt,$t,_t,rp,op,ip,sp,mp,lp,tp,pp,fp,ep,wp,np,jp,cp,ap,bp,dp,yp,up,hp,gp,kp,vp,xp,zp,Ep,Op,Pp,Ap,Bp,Ip,Yp,qp,Np,Cp,Dp,Fp,Gp,Hp,Jp,Kp,Lp,Mp,Qp,Rp,Sp,Tp,Up,Vp].forEach((i=>{customElements.get(o(i.is))||customElements.define(o(i.is),i,r)}))};export{Wp as defineCustomElements}
+import{transformTag as r}from"@stencil/core/internal/client";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import{SwirlAccordion as o}from"./swirl-accordion.js";import{SwirlAccordionItem as i}from"./swirl-accordion-item.js";import{SwirlActionList as s}from"./swirl-action-list.js";import{SwirlActionListItem as m}from"./swirl-action-list-item.js";import{SwirlActionListSection as l}from"./swirl-action-list-section.js";import{SwirlAppBar as t}from"./swirl-app-bar.js";import{SwirlAppIcon as p}from"./swirl-app-icon.js";import{SwirlAppLayout as f}from"./swirl-app-layout.js";import{SwirlAutocomplete as e}from"./swirl-autocomplete.js";import{SwirlAvatar as w}from"./swirl-avatar.js";import{SwirlAvatarGroup as n}from"./swirl-avatar-group.js";import{SwirlBadge as j}from"./swirl-badge.js";import{SwirlBanner as c}from"./swirl-banner.js";import{SwirlBox as a}from"./swirl-box.js";import{SwirlButton as b}from"./swirl-button.js";import{SwirlButtonGroup as d}from"./swirl-button-group.js";import{SwirlCard as y}from"./swirl-card.js";import{SwirlCarousel as u}from"./swirl-carousel.js";import{SwirlCarouselSlide as h}from"./swirl-carousel-slide.js";import{SwirlCheckbox as g}from"./swirl-checkbox.js";import{SwirlChip as k}from"./swirl-chip.js";import{SwirlColorInput as v}from"./swirl-color-input.js";import{SwirlColumns as x}from"./swirl-columns.js";import{SwirlConsoleLayout as E}from"./swirl-console-layout.js";import{SwirlDataCell as P}from"./swirl-data-cell.js";import{SwirlDataCellStack as z}from"./swirl-data-cell-stack.js";import{SwirlDateInput as A}from"./swirl-date-input.js";import{SwirlDatePicker as q}from"./swirl-date-picker.js";import{SwirlDescriptionList as N}from"./swirl-description-list.js";import{SwirlDescriptionListItem as O}from"./swirl-description-list-item.js";import{SwirlDialog as B}from"./swirl-dialog.js";import{SwirlEmoji as C}from"./swirl-emoji.js";import{SwirlEmojiClap as D}from"./swirl-emoji-clap.js";import{SwirlEmojiHappy as F}from"./swirl-emoji-happy.js";import{SwirlEmojiIdea as G}from"./swirl-emoji-idea.js";import{SwirlEmojiLove as H}from"./swirl-emoji-love.js";import{SwirlEmojiSad as I}from"./swirl-emoji-sad.js";import{SwirlEmojiThumbsUp as J}from"./swirl-emoji-thumbs-up.js";import{SwirlEmptyState as K}from"./swirl-empty-state.js";import{SwirlFileChip as L}from"./swirl-file-chip.js";import{SwirlFileUploader as M}from"./swirl-file-uploader.js";import{SwirlFileViewer as Q}from"./swirl-file-viewer.js";import{SwirlFileViewerAudio as R}from"./swirl-file-viewer-audio.js";import{SwirlFileViewerCsv as S}from"./swirl-file-viewer-csv.js";import{SwirlFileViewerFallback as T}from"./swirl-file-viewer-fallback.js";import{SwirlFileViewerImage as U}from"./swirl-file-viewer-image.js";import{SwirlFileViewerPdf as V}from"./swirl-file-viewer-pdf.js";import{SwirlFileViewerText as W}from"./swirl-file-viewer-text.js";import{SwirlFileViewerVideo as X}from"./swirl-file-viewer-video.js";import{SwirlFormControl as Y}from"./swirl-form-control.js";import{SwirlFormGroup as Z}from"./swirl-form-group.js";import{SwirlHeading as $}from"./swirl-heading.js";import{SwirlIcon as _}from"./swirl-icon.js";import{SwirlIconAdd as rr}from"./swirl-icon-add.js";import{SwirlIconAddModerator as or}from"./swirl-icon-add-moderator.js";import{SwirlIconAddPhoto as ir}from"./swirl-icon-add-photo.js";import{SwirlIconAddReaction as sr}from"./swirl-icon-add-reaction.js";import{SwirlIconAdminPanelSettings as mr}from"./swirl-icon-admin-panel-settings.js";import{SwirlIconAi as lr}from"./swirl-icon-ai.js";import{SwirlIconAiFilled as tr}from"./swirl-icon-ai-filled.js";import{SwirlIconApps as pr}from"./swirl-icon-apps.js";import{SwirlIconArrowBack as fr}from"./swirl-icon-arrow-back.js";import{SwirlIconArrowDownward as er}from"./swirl-icon-arrow-downward.js";import{SwirlIconArrowForward as wr}from"./swirl-icon-arrow-forward.js";import{SwirlIconArrowLeft as nr}from"./swirl-icon-arrow-left.js";import{SwirlIconArrowRight as jr}from"./swirl-icon-arrow-right.js";import{SwirlIconArrowRightSmall as cr}from"./swirl-icon-arrow-right-small.js";import{SwirlIconArrowUpward as ar}from"./swirl-icon-arrow-upward.js";import{SwirlIconAspectRatio as br}from"./swirl-icon-aspect-ratio.js";import{SwirlIconAttachment as dr}from"./swirl-icon-attachment.js";import{SwirlIconAudioFile as yr}from"./swirl-icon-audio-file.js";import{SwirlIconAutorenew as ur}from"./swirl-icon-autorenew.js";import{SwirlIconBarChart as hr}from"./swirl-icon-bar-chart.js";import{SwirlIconBeachAccess as gr}from"./swirl-icon-beach-access.js";import{SwirlIconBeachAccessFilled as kr}from"./swirl-icon-beach-access-filled.js";import{SwirlIconBlock as vr}from"./swirl-icon-block.js";import{SwirlIconBookmark as xr}from"./swirl-icon-bookmark.js";import{SwirlIconBookmarkFilled as Er}from"./swirl-icon-bookmark-filled.js";import{SwirlIconCalendarAddOnFilled as Pr}from"./swirl-icon-calendar-add-on-filled.js";import{SwirlIconCalendarRespond as zr}from"./swirl-icon-calendar-respond.js";import{SwirlIconCalendarToday as Ar}from"./swirl-icon-calendar-today.js";import{SwirlIconCall as qr}from"./swirl-icon-call.js";import{SwirlIconCallEnd as Nr}from"./swirl-icon-call-end.js";import{SwirlIconCancel as Or}from"./swirl-icon-cancel.js";import{SwirlIconCancelFilled as Br}from"./swirl-icon-cancel-filled.js";import{SwirlIconCancelOutline as Cr}from"./swirl-icon-cancel-outline.js";import{SwirlIconChatBubble as Dr}from"./swirl-icon-chat-bubble.js";import{SwirlIconChats as Fr}from"./swirl-icon-chats.js";import{SwirlIconChatsFilled as Gr}from"./swirl-icon-chats-filled.js";import{SwirlIconCheck as Hr}from"./swirl-icon-check.js";import{SwirlIconCheckCircle as Ir}from"./swirl-icon-check-circle.js";import{SwirlIconCheckCircleFilled as Jr}from"./swirl-icon-check-circle-filled.js";import{SwirlIconCheckSmall as Kr}from"./swirl-icon-check-small.js";import{SwirlIconCheckStrong as Lr}from"./swirl-icon-check-strong.js";import{SwirlIconCheckboxFilled as Mr}from"./swirl-icon-checkbox-filled.js";import{SwirlIconChevronLeft as Qr}from"./swirl-icon-chevron-left.js";import{SwirlIconChevronRight as Rr}from"./swirl-icon-chevron-right.js";import{SwirlIconClose as Sr}from"./swirl-icon-close.js";import{SwirlIconCloseFullscreen as Tr}from"./swirl-icon-close-fullscreen.js";import{SwirlIconCloseSmall as Ur}from"./swirl-icon-close-small.js";import{SwirlIconCloudUpload as Vr}from"./swirl-icon-cloud-upload.js";import{SwirlIconColumn as Wr}from"./swirl-icon-column.js";import{SwirlIconComment as Xr}from"./swirl-icon-comment.js";import{SwirlIconContrast as Yr}from"./swirl-icon-contrast.js";import{SwirlIconCopy as Zr}from"./swirl-icon-copy.js";import{SwirlIconCrop as $r}from"./swirl-icon-crop.js";import{SwirlIconDarkMode as _r}from"./swirl-icon-dark-mode.js";import{SwirlIconDateRange as ro}from"./swirl-icon-date-range.js";import{SwirlIconDelete as oo}from"./swirl-icon-delete.js";import{SwirlIconDeployedCode as io}from"./swirl-icon-deployed-code.js";import{SwirlIconDescription as so}from"./swirl-icon-description.js";import{SwirlIconDesktop as mo}from"./swirl-icon-desktop.js";import{SwirlIconDirectory as lo}from"./swirl-icon-directory.js";import{SwirlIconDirectoryFilled as to}from"./swirl-icon-directory-filled.js";import{SwirlIconDiscover as po}from"./swirl-icon-discover.js";import{SwirlIconDockLeft as fo}from"./swirl-icon-dock-left.js";import{SwirlIconDockLeftCollapse as eo}from"./swirl-icon-dock-left-collapse.js";import{SwirlIconDockLeftExpand as wo}from"./swirl-icon-dock-left-expand.js";import{SwirlIconDoorOpen as no}from"./swirl-icon-door-open.js";import{SwirlIconDot as jo}from"./swirl-icon-dot.js";import{SwirlIconDoubleArrowLeft as co}from"./swirl-icon-double-arrow-left.js";import{SwirlIconDoubleArrowRight as ao}from"./swirl-icon-double-arrow-right.js";import{SwirlIconDownload as bo}from"./swirl-icon-download.js";import{SwirlIconDragHandle as yo}from"./swirl-icon-drag-handle.js";import{SwirlIconEdit as uo}from"./swirl-icon-edit.js";import{SwirlIconEditNote as ho}from"./swirl-icon-edit-note.js";import{SwirlIconEmojiMood as go}from"./swirl-icon-emoji-mood.js";import{SwirlIconEmojiSatisfied as ko}from"./swirl-icon-emoji-satisfied.js";import{SwirlIconEmojiSymbols as vo}from"./swirl-icon-emoji-symbols.js";import{SwirlIconError as xo}from"./swirl-icon-error.js";import{SwirlIconExpandLess as Eo}from"./swirl-icon-expand-less.js";import{SwirlIconExpandMore as Po}from"./swirl-icon-expand-more.js";import{SwirlIconExperiment as zo}from"./swirl-icon-experiment.js";import{SwirlIconFile as Ao}from"./swirl-icon-file.js";import{SwirlIconFileCopy as qo}from"./swirl-icon-file-copy.js";import{SwirlIconFilter as No}from"./swirl-icon-filter.js";import{SwirlIconFolder as Oo}from"./swirl-icon-folder.js";import{SwirlIconFolderShared as Bo}from"./swirl-icon-folder-shared.js";import{SwirlIconFormatHOne as Co}from"./swirl-icon-format-h-one.js";import{SwirlIconFormatListBulleted as Do}from"./swirl-icon-format-list-bulleted.js";import{SwirlIconForward as Fo}from"./swirl-icon-forward.js";import{SwirlIconFullscreen as Go}from"./swirl-icon-fullscreen.js";import{SwirlIconFullscreenExit as Ho}from"./swirl-icon-fullscreen-exit.js";import{SwirlIconGif as Io}from"./swirl-icon-gif.js";import{SwirlIconGroupAdd as Jo}from"./swirl-icon-group-add.js";import{SwirlIconGroupAssign as Ko}from"./swirl-icon-group-assign.js";import{SwirlIconGroups as Lo}from"./swirl-icon-groups.js";import{SwirlIconGroupsFilled as Mo}from"./swirl-icon-groups-filled.js";import{SwirlIconHamburgerMenu as Qo}from"./swirl-icon-hamburger-menu.js";import{SwirlIconHealthAndSafety as Ro}from"./swirl-icon-health-and-safety.js";import{SwirlIconHelp as So}from"./swirl-icon-help.js";import{SwirlIconHelpFilled as To}from"./swirl-icon-help-filled.js";import{SwirlIconHighlight as Uo}from"./swirl-icon-highlight.js";import{SwirlIconHistory as Vo}from"./swirl-icon-history.js";import{SwirlIconHome as Wo}from"./swirl-icon-home.js";import{SwirlIconHomeFilled as Xo}from"./swirl-icon-home-filled.js";import{SwirlIconHrResting as Yo}from"./swirl-icon-hr-resting.js";import{SwirlIconImage as Zo}from"./swirl-icon-image.js";import{SwirlIconImproveText as $o}from"./swirl-icon-improve-text.js";import{SwirlIconInfo as _o}from"./swirl-icon-info.js";import{SwirlIconInsertBelow as ri}from"./swirl-icon-insert-below.js";import{SwirlIconInsertChart as oi}from"./swirl-icon-insert-chart.js";import{SwirlIconInsertOnTop as ii}from"./swirl-icon-insert-on-top.js";import{SwirlIconInventory as si}from"./swirl-icon-inventory.js";import{SwirlIconInventoryOff as mi}from"./swirl-icon-inventory-off.js";import{SwirlIconIphone as li}from"./swirl-icon-iphone.js";import{SwirlIconKey as ti}from"./swirl-icon-key.js";import{SwirlIconKeyboard as pi}from"./swirl-icon-keyboard.js";import{SwirlIconKeyboardHide as fi}from"./swirl-icon-keyboard-hide.js";import{SwirlIconLanguage as ei}from"./swirl-icon-language.js";import{SwirlIconLightMode as wi}from"./swirl-icon-light-mode.js";import{SwirlIconLike as ni}from"./swirl-icon-like.js";import{SwirlIconLink as ji}from"./swirl-icon-link.js";import{SwirlIconLive as ci}from"./swirl-icon-live.js";import{SwirlIconLoad as ai}from"./swirl-icon-load.js";import{SwirlIconLocationOn as bi}from"./swirl-icon-location-on.js";import{SwirlIconLock as di}from"./swirl-icon-lock.js";import{SwirlIconLockOpen as yi}from"./swirl-icon-lock-open.js";import{SwirlIconLockPerson as ui}from"./swirl-icon-lock-person.js";import{SwirlIconLogin as hi}from"./swirl-icon-login.js";import{SwirlIconLogout as gi}from"./swirl-icon-logout.js";import{SwirlIconLongText as ki}from"./swirl-icon-long-text.js";import{SwirlIconMail as vi}from"./swirl-icon-mail.js";import{SwirlIconManageAccounts as xi}from"./swirl-icon-manage-accounts.js";import{SwirlIconMarkChatRead as Ei}from"./swirl-icon-mark-chat-read.js";import{SwirlIconMarkChatUnread as Pi}from"./swirl-icon-mark-chat-unread.js";import{SwirlIconMention as zi}from"./swirl-icon-mention.js";import{SwirlIconMenu as Ai}from"./swirl-icon-menu.js";import{SwirlIconMenuBook as qi}from"./swirl-icon-menu-book.js";import{SwirlIconMenuBookFilled as Ni}from"./swirl-icon-menu-book-filled.js";import{SwirlIconMenuFilled as Oi}from"./swirl-icon-menu-filled.js";import{SwirlIconMessage as Bi}from"./swirl-icon-message.js";import{SwirlIconMic as Ci}from"./swirl-icon-mic.js";import{SwirlIconMicOff as Di}from"./swirl-icon-mic-off.js";import{SwirlIconMoreHorizontal as Fi}from"./swirl-icon-more-horizontal.js";import{SwirlIconMoreVertikal as Gi}from"./swirl-icon-more-vertikal.js";import{SwirlIconNews as Hi}from"./swirl-icon-news.js";import{SwirlIconNewsFilled as Ii}from"./swirl-icon-news-filled.js";import{SwirlIconNewsOff as Ji}from"./swirl-icon-news-off.js";import{SwirlIconNextPlan as Ki}from"./swirl-icon-next-plan.js";import{SwirlIconNoteStack as Li}from"./swirl-icon-note-stack.js";import{SwirlIconNoteStackFilled as Mi}from"./swirl-icon-note-stack-filled.js";import{SwirlIconNotifications as Qi}from"./swirl-icon-notifications.js";import{SwirlIconNotificationsActive as Ri}from"./swirl-icon-notifications-active.js";import{SwirlIconNotificationsOff as Si}from"./swirl-icon-notifications-off.js";import{SwirlIconOpenInFull as Ti}from"./swirl-icon-open-in-full.js";import{SwirlIconOpenInNew as Ui}from"./swirl-icon-open-in-new.js";import{SwirlIconPatientList as Vi}from"./swirl-icon-patient-list.js";import{SwirlIconPause as Wi}from"./swirl-icon-pause.js";import{SwirlIconPauseCircle as Xi}from"./swirl-icon-pause-circle.js";import{SwirlIconPeopleAlt as Yi}from"./swirl-icon-people-alt.js";import{SwirlIconPerson as Zi}from"./swirl-icon-person.js";import{SwirlIconPersonCheck as $i}from"./swirl-icon-person-check.js";import{SwirlIconPersonOff as _i}from"./swirl-icon-person-off.js";import{SwirlIconPhone as rs}from"./swirl-icon-phone.js";import{SwirlIconPhotoCamera as os}from"./swirl-icon-photo-camera.js";import{SwirlIconPictureAsPdf as is}from"./swirl-icon-picture-as-pdf.js";import{SwirlIconPictureInPicture as ss}from"./swirl-icon-picture-in-picture.js";import{SwirlIconPin as ms}from"./swirl-icon-pin.js";import{SwirlIconPinOff as ls}from"./swirl-icon-pin-off.js";import{SwirlIconPlace as ts}from"./swirl-icon-place.js";import{SwirlIconPlayArrow as ps}from"./swirl-icon-play-arrow.js";import{SwirlIconPoll as fs}from"./swirl-icon-poll.js";import{SwirlIconPostApproval as es}from"./swirl-icon-post-approval.js";import{SwirlIconPresent as ws}from"./swirl-icon-present.js";import{SwirlIconPreview as ns}from"./swirl-icon-preview.js";import{SwirlIconPrint as js}from"./swirl-icon-print.js";import{SwirlIconPublic as cs}from"./swirl-icon-public.js";import{SwirlIconPublicOff as as}from"./swirl-icon-public-off.js";import{SwirlIconPublishedWithChanges as bs}from"./swirl-icon-published-with-changes.js";import{SwirlIconRatioFourToThree as ds}from"./swirl-icon-ratio-four-to-three.js";import{SwirlIconRatioFreeform as ys}from"./swirl-icon-ratio-freeform.js";import{SwirlIconRatioSixteenToNine as us}from"./swirl-icon-ratio-sixteen-to-nine.js";import{SwirlIconRatioSquare as hs}from"./swirl-icon-ratio-square.js";import{SwirlIconRatioThreeToFour as gs}from"./swirl-icon-ratio-three-to-four.js";import{SwirlIconRatioThreeToTwo as ks}from"./swirl-icon-ratio-three-to-two.js";import{SwirlIconRecieved as vs}from"./swirl-icon-recieved.js";import{SwirlIconRefresh as xs}from"./swirl-icon-refresh.js";import{SwirlIconRemove as Es}from"./swirl-icon-remove.js";import{SwirlIconRemoveCircle as Ps}from"./swirl-icon-remove-circle.js";import{SwirlIconRemoveModerator as zs}from"./swirl-icon-remove-moderator.js";import{SwirlIconReply as As}from"./swirl-icon-reply.js";import{SwirlIconReport as qs}from"./swirl-icon-report.js";import{SwirlIconRoadmap as Ns}from"./swirl-icon-roadmap.js";import{SwirlIconRotateLeft as Os}from"./swirl-icon-rotate-left.js";import{SwirlIconRotateRight as Bs}from"./swirl-icon-rotate-right.js";import{SwirlIconScreenshare as Cs}from"./swirl-icon-screenshare.js";import{SwirlIconScreenshareOff as Ds}from"./swirl-icon-screenshare-off.js";import{SwirlIconSearch as Fs}from"./swirl-icon-search.js";import{SwirlIconSearchStrong as Gs}from"./swirl-icon-search-strong.js";import{SwirlIconSection as Hs}from"./swirl-icon-section.js";import{SwirlIconSecure as Is}from"./swirl-icon-secure.js";import{SwirlIconSell as Js}from"./swirl-icon-sell.js";import{SwirlIconSend as Ks}from"./swirl-icon-send.js";import{SwirlIconSettings as Ls}from"./swirl-icon-settings.js";import{SwirlIconShortText as Ms}from"./swirl-icon-short-text.js";import{SwirlIconSimplify as Qs}from"./swirl-icon-simplify.js";import{SwirlIconSpellcheck as Rs}from"./swirl-icon-spellcheck.js";import{SwirlIconStars as Ss}from"./swirl-icon-stars.js";import{SwirlIconStickyNote as Ts}from"./swirl-icon-sticky-note.js";import{SwirlIconStop as Us}from"./swirl-icon-stop.js";import{SwirlIconStopCircle as Vs}from"./swirl-icon-stop-circle.js";import{SwirlIconSunny as Ws}from"./swirl-icon-sunny.js";import{SwirlIconSync as Xs}from"./swirl-icon-sync.js";import{SwirlIconTasks as Ys}from"./swirl-icon-tasks.js";import{SwirlIconTasksFilled as Zs}from"./swirl-icon-tasks-filled.js";import{SwirlIconTerminal as $s}from"./swirl-icon-terminal.js";import{SwirlIconTime as _s}from"./swirl-icon-time.js";import{SwirlIconTimeFilled as rm}from"./swirl-icon-time-filled.js";import{SwirlIconToday as om}from"./swirl-icon-today.js";import{SwirlIconTodayFilled as im}from"./swirl-icon-today-filled.js";import{SwirlIconTranslate as sm}from"./swirl-icon-translate.js";import{SwirlIconTreeStructure as mm}from"./swirl-icon-tree-structure.js";import{SwirlIconUndo as lm}from"./swirl-icon-undo.js";import{SwirlIconUnlockPerson as tm}from"./swirl-icon-unlock-person.js";import{SwirlIconUpload as pm}from"./swirl-icon-upload.js";import{SwirlIconUserAdd as fm}from"./swirl-icon-user-add.js";import{SwirlIconUserAssign as em}from"./swirl-icon-user-assign.js";import{SwirlIconVideoCamera as wm}from"./swirl-icon-video-camera.js";import{SwirlIconVideoCameraOff as nm}from"./swirl-icon-video-camera-off.js";import{SwirlIconVideoLibrary as jm}from"./swirl-icon-video-library.js";import{SwirlIconVideoPlayer as cm}from"./swirl-icon-video-player.js";import{SwirlIconViewAgenda as am}from"./swirl-icon-view-agenda.js";import{SwirlIconVisibility as bm}from"./swirl-icon-visibility.js";import{SwirlIconVisibilityOff as dm}from"./swirl-icon-visibility-off.js";import{SwirlIconVoice as ym}from"./swirl-icon-voice.js";import{SwirlIconVolumeUp as um}from"./swirl-icon-volume-up.js";import{SwirlIconWarning as hm}from"./swirl-icon-warning.js";import{SwirlIconWebAsset as gm}from"./swirl-icon-web-asset.js";import{SwirlIconWebAssetOff as km}from"./swirl-icon-web-asset-off.js";import{SwirlIconWork as vm}from"./swirl-icon-work.js";import{SwirlImageGrid as xm}from"./swirl-image-grid.js";import{SwirlImageGridItem as Em}from"./swirl-image-grid-item.js";import{SwirlInlineError as Pm}from"./swirl-inline-error.js";import{SwirlInlineNotification as zm}from"./swirl-inline-notification.js";import{SwirlInlineStatus as Am}from"./swirl-inline-status.js";import{SwirlLightbox as qm}from"./swirl-lightbox.js";import{SwirlLink as Nm}from"./swirl-link.js";import{SwirlList as Om}from"./swirl-list.js";import{SwirlMenu as Bm}from"./swirl-menu.js";import{SwirlMenuItem as Cm}from"./swirl-menu-item.js";import{SwirlModal as Dm}from"./swirl-modal.js";import{SwirlModalShell as Fm}from"./swirl-modal-shell.js";import{SwirlOptionList as Gm}from"./swirl-option-list.js";import{SwirlOptionListItem as Hm}from"./swirl-option-list-item.js";import{SwirlOptionListSection as Im}from"./swirl-option-list-section.js";import{SwirlPagination as Jm}from"./swirl-pagination.js";import{SwirlPdfReader as Km}from"./swirl-pdf-reader.js";import{SwirlPopover as Lm}from"./swirl-popover.js";import{SwirlPopoverTrigger as Mm}from"./swirl-popover-trigger.js";import{SwirlProgressIndicator as Qm}from"./swirl-progress-indicator.js";import{SwirlRadio as Rm}from"./swirl-radio.js";import{SwirlRadioGroup as Sm}from"./swirl-radio-group.js";import{SwirlResourceList as Tm}from"./swirl-resource-list.js";import{SwirlResourceListFileItem as Um}from"./swirl-resource-list-file-item.js";import{SwirlResourceListItem as Vm}from"./swirl-resource-list-item.js";import{SwirlResourceListSection as Wm}from"./swirl-resource-list-section.js";import{SwirlSearch as Xm}from"./swirl-search.js";import{SwirlSelect as Ym}from"./swirl-select.js";import{SwirlSeparator as Zm}from"./swirl-separator.js";import{SwirlShellLayout as $m}from"./swirl-shell-layout.js";import{SwirlShellNavigationItem as _m}from"./swirl-shell-navigation-item.js";import{SwirlSkeletonBox as rl}from"./swirl-skeleton-box.js";import{SwirlSkeletonText as ol}from"./swirl-skeleton-text.js";import{SwirlSpinner as il}from"./swirl-spinner.js";import{SwirlStack as sl}from"./swirl-stack.js";import{SwirlStatusIndicator as ml}from"./swirl-status-indicator.js";import{SwirlSwitch as ll}from"./swirl-switch.js";import{SwirlSymbol as tl}from"./swirl-symbol.js";import{SwirlSymbolAcUnit as pl}from"./swirl-symbol-ac-unit.js";import{SwirlSymbolAccountCircle as fl}from"./swirl-symbol-account-circle.js";import{SwirlSymbolAlternateEmail as el}from"./swirl-symbol-alternate-email.js";import{SwirlSymbolAndroid as wl}from"./swirl-symbol-android.js";import{SwirlSymbolAnnouncement as nl}from"./swirl-symbol-announcement.js";import{SwirlSymbolAutorenew as jl}from"./swirl-symbol-autorenew.js";import{SwirlSymbolBackup as cl}from"./swirl-symbol-backup.js";import{SwirlSymbolBadge as al}from"./swirl-symbol-badge.js";import{SwirlSymbolBarcodeReader as bl}from"./swirl-symbol-barcode-reader.js";import{SwirlSymbolBarcodeScanner as dl}from"./swirl-symbol-barcode-scanner.js";import{SwirlSymbolBatteryHoriz as yl}from"./swirl-symbol-battery-horiz.js";import{SwirlSymbolBeachAccess as ul}from"./swirl-symbol-beach-access.js";import{SwirlSymbolBolt as hl}from"./swirl-symbol-bolt.js";import{SwirlSymbolBookmark as gl}from"./swirl-symbol-bookmark.js";import{SwirlSymbolCalendar as kl}from"./swirl-symbol-calendar.js";import{SwirlSymbolCampaign as vl}from"./swirl-symbol-campaign.js";import{SwirlSymbolCardsStar as xl}from"./swirl-symbol-cards-star.js";import{SwirlSymbolCloud as El}from"./swirl-symbol-cloud.js";import{SwirlSymbolConstruction as Pl}from"./swirl-symbol-construction.js";import{SwirlSymbolContacts as zl}from"./swirl-symbol-contacts.js";import{SwirlSymbolCoronavirus as Al}from"./swirl-symbol-coronavirus.js";import{SwirlSymbolDesignServices as ql}from"./swirl-symbol-design-services.js";import{SwirlSymbolDesktopWindows as Nl}from"./swirl-symbol-desktop-windows.js";import{SwirlSymbolDirectionsCarFilled as Ol}from"./swirl-symbol-directions-car-filled.js";import{SwirlSymbolDiversity as Bl}from"./swirl-symbol-diversity.js";import{SwirlSymbolDraw as Cl}from"./swirl-symbol-draw.js";import{SwirlSymbolEditCalendar as Dl}from"./swirl-symbol-edit-calendar.js";import{SwirlSymbolEmail as Fl}from"./swirl-symbol-email.js";import{SwirlSymbolEmergency as Gl}from"./swirl-symbol-emergency.js";import{SwirlSymbolEmojiFoodBeverage as Hl}from"./swirl-symbol-emoji-food-beverage.js";import{SwirlSymbolEngineering as Il}from"./swirl-symbol-engineering.js";import{SwirlSymbolEventMenu as Jl}from"./swirl-symbol-event-menu.js";import{SwirlSymbolExplore as Kl}from"./swirl-symbol-explore.js";import{SwirlSymbolExtension as Ll}from"./swirl-symbol-extension.js";import{SwirlSymbolFacebook as Ml}from"./swirl-symbol-facebook.js";import{SwirlSymbolFavorite as Ql}from"./swirl-symbol-favorite.js";import{SwirlSymbolFitnessCenter as Rl}from"./swirl-symbol-fitness-center.js";import{SwirlSymbolFlag as Sl}from"./swirl-symbol-flag.js";import{SwirlSymbolFlight as Tl}from"./swirl-symbol-flight.js";import{SwirlSymbolFolder as Ul}from"./swirl-symbol-folder.js";import{SwirlSymbolGlobe as Vl}from"./swirl-symbol-globe.js";import{SwirlSymbolGroups as Wl}from"./swirl-symbol-groups.js";import{SwirlSymbolHealing as Xl}from"./swirl-symbol-healing.js";import{SwirlSymbolHealthAndSafety as Yl}from"./swirl-symbol-health-and-safety.js";import{SwirlSymbolHelp as Zl}from"./swirl-symbol-help.js";import{SwirlSymbolHomeRepairService as $l}from"./swirl-symbol-home-repair-service.js";import{SwirlSymbolHomeStorage as _l}from"./swirl-symbol-home-storage.js";import{SwirlSymbolIdCard as rt}from"./swirl-symbol-id-card.js";import{SwirlSymbolImage as ot}from"./swirl-symbol-image.js";import{SwirlSymbolInfoMenu as it}from"./swirl-symbol-info-menu.js";import{SwirlSymbolInstagram as st}from"./swirl-symbol-instagram.js";import{SwirlSymbolInventory as mt}from"./swirl-symbol-inventory.js";import{SwirlSymbolInventory2 as lt}from"./swirl-symbol-inventory-2.js";import{SwirlSymbolIos as tt}from"./swirl-symbol-ios.js";import{SwirlSymbolKey as pt}from"./swirl-symbol-key.js";import{SwirlSymbolLanguage as ft}from"./swirl-symbol-language.js";import{SwirlSymbolLeaderboard as et}from"./swirl-symbol-leaderboard.js";import{SwirlSymbolLightbulb as wt}from"./swirl-symbol-lightbulb.js";import{SwirlSymbolLinkedin as nt}from"./swirl-symbol-linkedin.js";import{SwirlSymbolLocalShipping as jt}from"./swirl-symbol-local-shipping.js";import{SwirlSymbolLocationOn as ct}from"./swirl-symbol-location-on.js";import{SwirlSymbolLoyalty as at}from"./swirl-symbol-loyalty.js";import{SwirlSymbolMap as bt}from"./swirl-symbol-map.js";import{SwirlSymbolMapsHomeWork as dt}from"./swirl-symbol-maps-home-work.js";import{SwirlSymbolMenuBook as yt}from"./swirl-symbol-menu-book.js";import{SwirlSymbolMop as ut}from"./swirl-symbol-mop.js";import{SwirlSymbolNestEcoLeaf as ht}from"./swirl-symbol-nest-eco-leaf.js";import{SwirlSymbolNotifications as gt}from"./swirl-symbol-notifications.js";import{SwirlSymbolOpenInNew as kt}from"./swirl-symbol-open-in-new.js";import{SwirlSymbolOrders as vt}from"./swirl-symbol-orders.js";import{SwirlSymbolPackage as xt}from"./swirl-symbol-package.js";import{SwirlSymbolPalette as Et}from"./swirl-symbol-palette.js";import{SwirlSymbolPartlyCloudyDay as Pt}from"./swirl-symbol-partly-cloudy-day.js";import{SwirlSymbolPedalBike as zt}from"./swirl-symbol-pedal-bike.js";import{SwirlSymbolPercentDiscount as At}from"./swirl-symbol-percent-discount.js";import{SwirlSymbolPets as qt}from"./swirl-symbol-pets.js";import{SwirlSymbolPinterest as Nt}from"./swirl-symbol-pinterest.js";import{SwirlSymbolPointOfSale as Ot}from"./swirl-symbol-point-of-sale.js";import{SwirlSymbolPolicy as Bt}from"./swirl-symbol-policy.js";import{SwirlSymbolPrecisionManufacturing as Ct}from"./swirl-symbol-precision-manufacturing.js";import{SwirlSymbolPrint as Dt}from"./swirl-symbol-print.js";import{SwirlSymbolPushPin as Ft}from"./swirl-symbol-push-pin.js";import{SwirlSymbolRecycling as Gt}from"./swirl-symbol-recycling.js";import{SwirlSymbolRedeem as Ht}from"./swirl-symbol-redeem.js";import{SwirlSymbolReportProblem as It}from"./swirl-symbol-report-problem.js";import{SwirlSymbolRestaurant as Jt}from"./swirl-symbol-restaurant.js";import{SwirlSymbolRoadmap as Kt}from"./swirl-symbol-roadmap.js";import{SwirlSymbolRocketLaunch as Lt}from"./swirl-symbol-rocket-launch.js";import{SwirlSymbolRoom as Mt}from"./swirl-symbol-room.js";import{SwirlSymbolSavings as Qt}from"./swirl-symbol-savings.js";import{SwirlSymbolSchool as Rt}from"./swirl-symbol-school.js";import{SwirlSymbolSell as St}from"./swirl-symbol-sell.js";import{SwirlSymbolSettingsVoice as Tt}from"./swirl-symbol-settings-voice.js";import{SwirlSymbolShoppingBag as Ut}from"./swirl-symbol-shopping-bag.js";import{SwirlSymbolShoppingCart as Vt}from"./swirl-symbol-shopping-cart.js";import{SwirlSymbolSmartphone as Wt}from"./swirl-symbol-smartphone.js";import{SwirlSymbolSpa as Xt}from"./swirl-symbol-spa.js";import{SwirlSymbolSportsSoccer as Yt}from"./swirl-symbol-sports-soccer.js";import{SwirlSymbolStar as Zt}from"./swirl-symbol-star.js";import{SwirlSymbolSupervisorAccount as $t}from"./swirl-symbol-supervisor-account.js";import{SwirlSymbolTask as _t}from"./swirl-symbol-task.js";import{SwirlSymbolTasks as rp}from"./swirl-symbol-tasks.js";import{SwirlSymbolThumbsUpDown as op}from"./swirl-symbol-thumbs-up-down.js";import{SwirlSymbolTimer as ip}from"./swirl-symbol-timer.js";import{SwirlSymbolToolsPowerDrill as sp}from"./swirl-symbol-tools-power-drill.js";import{SwirlSymbolTrain as mp}from"./swirl-symbol-train.js";import{SwirlSymbolTrophy as lp}from"./swirl-symbol-trophy.js";import{SwirlSymbolTwitter as tp}from"./swirl-symbol-twitter.js";import{SwirlSymbolVideo as pp}from"./swirl-symbol-video.js";import{SwirlSymbolWarehouse as fp}from"./swirl-symbol-warehouse.js";import{SwirlSymbolWaterDrop as ep}from"./swirl-symbol-water-drop.js";import{SwirlSymbolWbSunny as wp}from"./swirl-symbol-wb-sunny.js";import{SwirlSymbolWechat as np}from"./swirl-symbol-wechat.js";import{SwirlSymbolWeibo as jp}from"./swirl-symbol-weibo.js";import{SwirlSymbolWifi as cp}from"./swirl-symbol-wifi.js";import{SwirlSymbolWork as ap}from"./swirl-symbol-work.js";import{SwirlSymbolXing as bp}from"./swirl-symbol-xing.js";import{SwirlSymbolYoutube as dp}from"./swirl-symbol-youtube.js";import{SwirlTab as yp}from"./swirl-tab.js";import{SwirlTabBar as up}from"./swirl-tab-bar.js";import{SwirlTable as hp}from"./swirl-table.js";import{SwirlTableCell as gp}from"./swirl-table-cell.js";import{SwirlTableColumn as kp}from"./swirl-table-column.js";import{SwirlTableRow as vp}from"./swirl-table-row.js";import{SwirlTableRowGroup as xp}from"./swirl-table-row-group.js";import{SwirlTabs as Ep}from"./swirl-tabs.js";import{SwirlTag as Pp}from"./swirl-tag.js";import{SwirlText as zp}from"./swirl-text.js";import{SwirlTextInput as Ap}from"./swirl-text-input.js";import{SwirlThemeProvider as qp}from"./swirl-theme-provider.js";import{SwirlThumbnail as Np}from"./swirl-thumbnail.js";import{SwirlTimeInput as Op}from"./swirl-time-input.js";import{SwirlToast as Bp}from"./swirl-toast.js";import{SwirlToastProvider as Cp}from"./swirl-toast-provider.js";import{SwirlToggleButton as Dp}from"./swirl-toggle-button.js";import{SwirlToggleGroup as Fp}from"./swirl-toggle-group.js";import{SwirlToolbar as Gp}from"./swirl-toolbar.js";import{SwirlTooltip as Hp}from"./swirl-tooltip.js";import{SwirlTreeNavigation as Ip}from"./swirl-tree-navigation.js";import{SwirlTreeNavigationItem as Jp}from"./swirl-tree-navigation-item.js";import{SwirlTreeView as Kp}from"./swirl-tree-view.js";import{SwirlTreeViewItem as Lp}from"./swirl-tree-view-item.js";import{SwirlVideoThumbnail as Mp}from"./swirl-video-thumbnail.js";import{SwirlVisuallyHidden as Qp}from"./swirl-visually-hidden.js";import{WcDatepicker as Rp}from"./wc-datepicker.js";const Sp=Sp=>{"undefined"!=typeof customElements&&[o,i,s,m,l,t,p,f,e,w,n,j,c,a,b,d,y,u,h,g,k,v,x,E,P,z,A,q,N,O,B,C,D,F,G,H,I,J,K,L,M,Q,R,S,T,U,V,W,X,Y,Z,$,_,rr,or,ir,sr,mr,lr,tr,pr,fr,er,wr,nr,jr,cr,ar,br,dr,yr,ur,hr,gr,kr,vr,xr,Er,Pr,zr,Ar,qr,Nr,Or,Br,Cr,Dr,Fr,Gr,Hr,Ir,Jr,Kr,Lr,Mr,Qr,Rr,Sr,Tr,Ur,Vr,Wr,Xr,Yr,Zr,$r,_r,ro,oo,io,so,mo,lo,to,po,fo,eo,wo,no,jo,co,ao,bo,yo,uo,ho,go,ko,vo,xo,Eo,Po,zo,Ao,qo,No,Oo,Bo,Co,Do,Fo,Go,Ho,Io,Jo,Ko,Lo,Mo,Qo,Ro,So,To,Uo,Vo,Wo,Xo,Yo,Zo,$o,_o,ri,oi,ii,si,mi,li,ti,pi,fi,ei,wi,ni,ji,ci,ai,bi,di,yi,ui,hi,gi,ki,vi,xi,Ei,Pi,zi,Ai,qi,Ni,Oi,Bi,Ci,Di,Fi,Gi,Hi,Ii,Ji,Ki,Li,Mi,Qi,Ri,Si,Ti,Ui,Vi,Wi,Xi,Yi,Zi,$i,_i,rs,os,is,ss,ms,ls,ts,ps,fs,es,ws,ns,js,cs,as,bs,ds,ys,us,hs,gs,ks,vs,xs,Es,Ps,zs,As,qs,Ns,Os,Bs,Cs,Ds,Fs,Gs,Hs,Is,Js,Ks,Ls,Ms,Qs,Rs,Ss,Ts,Us,Vs,Ws,Xs,Ys,Zs,$s,_s,rm,om,im,sm,mm,lm,tm,pm,fm,em,wm,nm,jm,cm,am,bm,dm,ym,um,hm,gm,km,vm,xm,Em,Pm,zm,Am,qm,Nm,Om,Bm,Cm,Dm,Fm,Gm,Hm,Im,Jm,Km,Lm,Mm,Qm,Rm,Sm,Tm,Um,Vm,Wm,Xm,Ym,Zm,$m,_m,rl,ol,il,sl,ml,ll,tl,pl,fl,el,wl,nl,jl,cl,al,bl,dl,yl,ul,hl,gl,kl,vl,xl,El,Pl,zl,Al,ql,Nl,Ol,Bl,Cl,Dl,Fl,Gl,Hl,Il,Jl,Kl,Ll,Ml,Ql,Rl,Sl,Tl,Ul,Vl,Wl,Xl,Yl,Zl,$l,_l,rt,ot,it,st,mt,lt,tt,pt,ft,et,wt,nt,jt,ct,at,bt,dt,yt,ut,ht,gt,kt,vt,xt,Et,Pt,zt,At,qt,Nt,Ot,Bt,Ct,Dt,Ft,Gt,Ht,It,Jt,Kt,Lt,Mt,Qt,Rt,St,Tt,Ut,Vt,Wt,Xt,Yt,Zt,$t,_t,rp,op,ip,sp,mp,lp,tp,pp,fp,ep,wp,np,jp,cp,ap,bp,dp,yp,up,hp,gp,kp,vp,xp,Ep,Pp,zp,Ap,qp,Np,Op,Bp,Cp,Dp,Fp,Gp,Hp,Ip,Jp,Kp,Lp,Mp,Qp,Rp].forEach((o=>{customElements.get(r(o.is))||customElements.define(r(o.is),o,Sp)}))};export{Sp as defineCustomElements}

package/dist/components/media-query.service.js

@@ -0,0 +1 @@
+import{u as s}from"./utils.js";const t=new class{constructor(){this.listeners=new Set,this.onChange=s=>{this.listeners.forEach((t=>t(s.matches)))},this.mediaQueryList=s(),this.mediaQueryList.addEventListener("change",this.onChange)}subscribe(s){return this.listeners.add(s),s(this.mediaQueryList.matches),()=>{this.listeners.delete(s)}}};export{t as D}

package/dist/components/swirl-accordion-item.js

@@ -1 +1 @@
-import{p as i,H as e,c as o,h as t,d as a,t as d}from"./p-BIzYxcO0.js";import{c as s}from"./p-CTIzk_ki.js";import{d as n}from"./p-B0WN1rps.js";import{d as c}from"./p-CLL9tkCx.js";import{v as r}from"./p-DD3477fe.js";const l=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.expansionChange=o(this,"expansionChange",7),this.headingLevel=2,this.itemId=r(),this.expanded=!1,this.headingId=r()+"-heading",this.onHeadingClick=()=>{this.toggle()}}componentWillLoad(){if(this.accordion=this.el.closest("swirl-accordion"),this.expanded=this.initiallyOpen&&!this.disabled||!1,!this.accordion)throw Error("[Swirl] swirl-accordion-item must be a child of a swirl-accordion.")}async collapse(){this.expanded&&!this.disabled&&(this.expanded=!1,this.expansionChange.emit(this.expanded))}async expand(){this.expanded||this.disabled||(this.expanded=!0,this.expansionChange.emit(this.expanded))}async toggle(){this.expanded?this.collapse():this.expand()}render(){const i="h"+this.headingLevel,e=s("accordion-item",{"accordion-item--expanded":this.expanded});return t(a,{key:"9eb402da9e5382bc658a3bf2bcc6a4e6fc83eb15"},t("div",{key:"baf87dc91914002c5c26dd360a11520b0059638f",class:e},t(i,{key:"a80584ad5c65a7f6a1ddbc504c456dedd4d8ae50",class:"accordion-item__heading"},t("button",{key:"2a99df8d96f34a7b7e0f9c7838e052f79881f5da","aria-controls":this.itemId,"aria-expanded":this.expanded+"",class:"accordion-item__toggle",disabled:this.disabled,id:this.headingId,onClick:this.onHeadingClick,type:"button"},t("slot",{key:"f81381e388c95ba7ab3fddaf9622cf8036289dfd",name:"media"}),t("span",{key:"bc855d5d5fc262c67478d00e5b4979f9f573c465",class:"accordion-item__toggle-text"},this.heading,this.description&&t("swirl-text",{key:"e84613303533dbc57b2e8fbf78ae0b8682631fd7",as:"span",color:"subdued",size:"sm"},this.description)),t("slot",{key:"c441d88ef4e97bb0a0be9b6b79f3c2a4976bc82f",name:"trailing"}),t("span",{key:"1fd5da1543bd83149408f79521aec30d8cfea3e8",class:"accordion-item__icon"},!this.expanded&&t("swirl-icon",{key:"05616a2e22f5f9154654bac3e015bb9ad968bd79",glyph:"chevron-right",size:20}),this.expanded&&t("swirl-icon",{key:"eb1e3be7c7ef2153c195d87d9170d76b56627f24",glyph:"expand-more",size:20})))),t("div",{key:"ea15a0c40f8b32194b1acd5f1c6be4db8fbf1f82","aria-labelledby":this.headingId,class:"accordion-item__content",id:this.itemId,role:"region"},t("slot",{key:"b85f37fcc199ba95c68f049bc15470dc224f5c2b"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-8);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}"}},[257,"swirl-accordion-item",{description:[1],disabled:[4],heading:[1],headingLevel:[2,"heading-level"],initiallyOpen:[4,"initially-open"],itemId:[1,"item-id"],expanded:[32],collapse:[64],expand:[64],toggle:[64]}]),m=l,h=function(){"undefined"!=typeof customElements&&["swirl-accordion-item","swirl-icon","swirl-text"].forEach((i=>{switch(i){case"swirl-accordion-item":customElements.get(d(i))||customElements.define(d(i),l);break;case"swirl-icon":customElements.get(d(i))||n();break;case"swirl-text":customElements.get(d(i))||c()}}))};export{m as SwirlAccordionItem,h as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as e,createEvent as o,h as t,Host as a,transformTag as d}from"@stencil/core/internal/client";import{c as s}from"./index2.js";import{d as n}from"./swirl-icon2.js";import{d as c}from"./swirl-text2.js";import{v as r}from"./v4.js";const l=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.expansionChange=o(this,"expansionChange",7),this.headingLevel=2,this.itemId=r(),this.expanded=!1,this.headingId=r()+"-heading",this.onHeadingClick=()=>{this.toggle()}}componentWillLoad(){if(this.accordion=this.el.closest("swirl-accordion"),this.expanded=this.initiallyOpen&&!this.disabled||!1,!this.accordion)throw Error("[Swirl] swirl-accordion-item must be a child of a swirl-accordion.")}async collapse(){this.expanded&&!this.disabled&&(this.expanded=!1,this.expansionChange.emit(this.expanded))}async expand(){this.expanded||this.disabled||(this.expanded=!0,this.expansionChange.emit(this.expanded))}async toggle(){this.expanded?this.collapse():this.expand()}render(){const i="h"+this.headingLevel,e=s("accordion-item",{"accordion-item--expanded":this.expanded});return t(a,{key:"9eb402da9e5382bc658a3bf2bcc6a4e6fc83eb15"},t("div",{key:"baf87dc91914002c5c26dd360a11520b0059638f",class:e},t(i,{key:"a80584ad5c65a7f6a1ddbc504c456dedd4d8ae50",class:"accordion-item__heading"},t("button",{key:"2a99df8d96f34a7b7e0f9c7838e052f79881f5da","aria-controls":this.itemId,"aria-expanded":this.expanded+"",class:"accordion-item__toggle",disabled:this.disabled,id:this.headingId,onClick:this.onHeadingClick,type:"button"},t("slot",{key:"f81381e388c95ba7ab3fddaf9622cf8036289dfd",name:"media"}),t("span",{key:"bc855d5d5fc262c67478d00e5b4979f9f573c465",class:"accordion-item__toggle-text"},this.heading,this.description&&t("swirl-text",{key:"e84613303533dbc57b2e8fbf78ae0b8682631fd7",as:"span",color:"subdued",size:"sm"},this.description)),t("slot",{key:"c441d88ef4e97bb0a0be9b6b79f3c2a4976bc82f",name:"trailing"}),t("span",{key:"1fd5da1543bd83149408f79521aec30d8cfea3e8",class:"accordion-item__icon"},!this.expanded&&t("swirl-icon",{key:"05616a2e22f5f9154654bac3e015bb9ad968bd79",glyph:"chevron-right",size:20}),this.expanded&&t("swirl-icon",{key:"eb1e3be7c7ef2153c195d87d9170d76b56627f24",glyph:"expand-more",size:20})))),t("div",{key:"ea15a0c40f8b32194b1acd5f1c6be4db8fbf1f82","aria-labelledby":this.headingId,class:"accordion-item__content",id:this.itemId,role:"region"},t("slot",{key:"b85f37fcc199ba95c68f049bc15470dc224f5c2b"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-8);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}"}},[257,"swirl-accordion-item",{description:[1],disabled:[4],heading:[1],headingLevel:[2,"heading-level"],initiallyOpen:[4,"initially-open"],itemId:[1,"item-id"],expanded:[32],collapse:[64],expand:[64],toggle:[64]}]),m=l,h=function(){"undefined"!=typeof customElements&&["swirl-accordion-item","swirl-icon","swirl-text"].forEach((i=>{switch(i){case"swirl-accordion-item":customElements.get(d(i))||customElements.define(d(i),l);break;case"swirl-icon":customElements.get(d(i))||n();break;case"swirl-text":customElements.get(d(i))||c()}}))};export{m as SwirlAccordionItem,h as defineCustomElement}

package/dist/components/swirl-accordion.js

@@ -1 +1 @@
-import{p as t,t as e,H as s,c as i,h as o,d as c}from"./p-BIzYxcO0.js";const a=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expandedItemChange=i(this,"expandedItemChange",7),this.multiExpand=!1,this.onExpansionChange=t=>{t.detail&&(this.expandedItemChange.emit(t.target.itemId),this.collapseInactiveItems(t.target))}}componentDidLoad(){this.el.addEventListener("expansionChange",this.onExpansionChange)}disconnectedCallback(){this.el.removeEventListener("expansionChange",this.onExpansionChange)}async collapseItem(t){const e=Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((e=>e.itemId===t));e&&e.collapse()}async expandItem(t){const e=Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((e=>e.itemId===t));e&&e.expand()}collapseInactiveItems(t){this.multiExpand||Array.from(this.el.querySelectorAll("swirl-accordion-item")).forEach((e=>{e!==t&&e.collapse()}))}render(){return o(c,{key:"a055c9792756a0cf248d0fea251e255800cd7960"},o("slot",{key:"7da8b05b3664f55cca7e04db4127cbeecf134eeb"}))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}"}},[257,"swirl-accordion",{multiExpand:[4,"multi-expand"],collapseItem:[64],expandItem:[64]}]),n=a,r=function(){"undefined"!=typeof customElements&&["swirl-accordion"].forEach((t=>{"swirl-accordion"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))};export{n as SwirlAccordion,r as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as i,Host as o,transformTag as n}from"@stencil/core/internal/client";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expandedItemChange=s(this,"expandedItemChange",7),this.multiExpand=!1,this.onExpansionChange=e=>{e.detail&&(this.expandedItemChange.emit(e.target.itemId),this.collapseInactiveItems(e.target))}}componentDidLoad(){this.el.addEventListener("expansionChange",this.onExpansionChange)}disconnectedCallback(){this.el.removeEventListener("expansionChange",this.onExpansionChange)}async collapseItem(e){const t=Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((t=>t.itemId===e));t&&t.collapse()}async expandItem(e){const t=Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((t=>t.itemId===e));t&&t.expand()}collapseInactiveItems(e){this.multiExpand||Array.from(this.el.querySelectorAll("swirl-accordion-item")).forEach((t=>{t!==e&&t.collapse()}))}render(){return i(o,{key:"a055c9792756a0cf248d0fea251e255800cd7960"},i("slot",{key:"7da8b05b3664f55cca7e04db4127cbeecf134eeb"}))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}"}},[257,"swirl-accordion",{multiExpand:[4,"multi-expand"],collapseItem:[64],expandItem:[64]}]),r=c,a=function(){"undefined"!=typeof customElements&&["swirl-accordion"].forEach((e=>{"swirl-accordion"===e&&(customElements.get(n(e))||customElements.define(n(e),c))}))};export{r as SwirlAccordion,a as defineCustomElement}

package/dist/components/swirl-action-list-item.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-Bk6G6dK-.js";const p=o,r=s;export{p as SwirlActionListItem,r as defineCustomElement}
+import{S as s,d as t}from"./swirl-action-list-item2.js";const i=s,o=t;export{i as SwirlActionListItem,o as defineCustomElement}

package/dist/components/swirl-action-list-item2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as i,HTMLElement as t,h as e,Host as a,transformTag as s}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{D as o}from"./media-query.service.js";const l=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.intent="default",this.size="m",this.truncateLabel=!0,this.mediaQueryUnsubscribe=()=>{}}componentDidLoad(){this.mediaQueryUnsubscribe=o.subscribe((i=>{this.forceIconProps(i)}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(i){const t=this.iconEl?.children[0],e=this.suffixEl?.children[0];t?.setAttribute("size",i?"20":"24");const a=this.iconBadgeEl?.children[0];a?.setAttribute("size","xs"),a?.setAttribute("variant","dot"),"SWIRL-TAG"!==e?.tagName&&e?.setAttribute("size",i?"20":"24")}render(){const i=Boolean(this.badge),t=Boolean(this.iconBadge),s=Boolean(this.el.querySelector('[slot="suffix"]')),o=(Boolean(this.suffix)||s)&&!this.disabled,l=n("action-list-item",`action-list-item--intent-${this.intent}`,`action-list-item--size-${this.size}`);return e(a,{key:"a8ec31c9d8234291c8379e9b3521f91c176e811e"},e("button",{key:"3018e2f041a84b321b9cef388c85c59afa518b79","aria-expanded":this.swirlAriaExpanded,"aria-haspopup":this.swirlAriaHaspopup,class:l,disabled:this.disabled,part:"action-list-item",role:"menuitem",tabIndex:-1,type:"button"},e("slot",{key:"34bebbac07562f76eb29e1b93900019a75143add",name:"avatar"}),this.icon&&e("span",{key:"15b82e7eb50d334254f1f6da7d55cecad4706475",class:"action-list-item__icon",innerHTML:this.icon,ref:i=>this.iconEl=i},t&&e("span",{key:"0c4c8fc78fd13d707cb33dab2309c85f97a4e201",class:"action-list-item__icon-badge",innerHTML:this.iconBadge,ref:i=>this.iconBadgeEl=i})),e("span",{key:"c3c1a34a74a8dfbec8a82cb3fc797ce03e6ddd55",class:"action-list-item__label-container"},e("span",{key:"9626f3a01f7c95da947b7665e7c97a9542f48cfb",class:"action-list-item__label",style:{whiteSpace:this.truncateLabel?"nowrap":"normal"}},this.label),this.description&&e("span",{key:"e002430aa42252b68c1550af4d2c75dd744f78ee",class:"action-list-item__description"},this.description)),i&&e("span",{key:"1aca4916c0f3fca1601c49db73ae72516520572f",class:"action-list-item__badge",innerHTML:this.badge}),o&&e("span",{key:"c355f7123d3d5deba0a72ca3ee1142ef3210d96e",class:"action-list-item__suffix",innerHTML:s?void 0:this.suffix,ref:i=>this.suffixEl=i},e("slot",{key:"d3d6cac336709a2592f637971f0479587cbf0dee",name:"suffix"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;position:relative;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-translucent-low-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-translucent-low-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.action-list-item:active{background-color:var(--s-translucent-low-pressed)}.action-list-item:disabled{cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__icon-badge{position:absolute;display:grid;bottom:0;right:0}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}"}},[257,"swirl-action-list-item",{badge:[1],disabled:[4],description:[1],icon:[1],iconBadge:[1,"icon-badge"],intent:[1],label:[1],size:[1],swirlAriaExpanded:[1,"swirl-aria-expanded"],swirlAriaHaspopup:[1,"swirl-aria-haspopup"],suffix:[1],truncateLabel:[4,"truncate-label"]}]);function c(){"undefined"!=typeof customElements&&["swirl-action-list-item"].forEach((i=>{"swirl-action-list-item"===i&&(customElements.get(s(i))||customElements.define(s(i),l))}))}export{l as S,c as d}

package/dist/components/swirl-action-list-section.js

@@ -1 +1 @@
-import{p as s,H as a,h as e,d as t,t as i}from"./p-BIzYxcO0.js";import{d as c}from"./p-CzZiJ1qc.js";import{d as r}from"./p-BGcNhzCf.js";const o=s(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.separatorSpacing="4",this.spacing="0",this.hasSeparator=!1}render(){return e(t,{key:"7a63a8a0b9832c08eadcb85533b3ec9e1e03437e"},this.hasSeparator&&e("swirl-separator",{key:"aaa33960c8a3db74b8b5df83ae3d725c603e0535",spacing:this.separatorSpacing}),e("div",{key:"3baa8270c6c9dc3de037657506c42ecdc5d4f060","aria-labelledby":"label",class:"action-list-section",role:"group"},e("span",{key:"6187f12fa3081721f2d25e360076a27649cda8bd",class:"action-list-section__label",id:"label",part:"action-list-section__label"},this.label),e("swirl-stack",{key:"4f3fbff155ad75167bcd5469a2df41e7679c5dd3",spacing:this.spacing,align:"stretch"},e("slot",{key:"f610b47db6a58184d18c950c975666abe890ba3b"}))))}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}"}},[257,"swirl-action-list-section",{label:[1],separatorSpacing:[1,"separator-spacing"],spacing:[1],hasSeparator:[4,"has-separator"]}]),l=o,n=function(){"undefined"!=typeof customElements&&["swirl-action-list-section","swirl-separator","swirl-stack"].forEach((s=>{switch(s){case"swirl-action-list-section":customElements.get(i(s))||customElements.define(i(s),o);break;case"swirl-separator":customElements.get(i(s))||c();break;case"swirl-stack":customElements.get(i(s))||r()}}))};export{l as SwirlActionListSection,n as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as e,h as a,Host as t,transformTag as i}from"@stencil/core/internal/client";import{d as c}from"./swirl-separator2.js";import{d as r}from"./swirl-stack2.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.separatorSpacing="4",this.spacing="0",this.hasSeparator=!1}render(){return a(t,{key:"7a63a8a0b9832c08eadcb85533b3ec9e1e03437e"},this.hasSeparator&&a("swirl-separator",{key:"aaa33960c8a3db74b8b5df83ae3d725c603e0535",spacing:this.separatorSpacing}),a("div",{key:"3baa8270c6c9dc3de037657506c42ecdc5d4f060","aria-labelledby":"label",class:"action-list-section",role:"group"},a("span",{key:"6187f12fa3081721f2d25e360076a27649cda8bd",class:"action-list-section__label",id:"label",part:"action-list-section__label"},this.label),a("swirl-stack",{key:"4f3fbff155ad75167bcd5469a2df41e7679c5dd3",spacing:this.spacing,align:"stretch"},a("slot",{key:"f610b47db6a58184d18c950c975666abe890ba3b"}))))}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}"}},[257,"swirl-action-list-section",{label:[1],separatorSpacing:[1,"separator-spacing"],spacing:[1],hasSeparator:[4,"has-separator"]}]),o=l,n=function(){"undefined"!=typeof customElements&&["swirl-action-list-section","swirl-separator","swirl-stack"].forEach((s=>{switch(s){case"swirl-action-list-section":customElements.get(i(s))||customElements.define(i(s),l);break;case"swirl-separator":customElements.get(i(s))||c();break;case"swirl-stack":customElements.get(i(s))||r()}}))};export{o as SwirlActionListSection,n as defineCustomElement}

package/dist/components/swirl-action-list.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-D4oJmF1j.js";const m=o,p=s;export{m as SwirlActionList,p as defineCustomElement}
+import{S as s,d as o}from"./swirl-action-list2.js";const t=s,i=o;export{t as SwirlActionList,i as defineCustomElement}

package/dist/components/swirl-action-list2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as s,h as i,Host as e,transformTag as o}from"@stencil/core/internal/client";import{q as n,k as r}from"./utils.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.onKeyDown=t=>{"ArrowDown"===t.code||"ArrowRight"===t.code?(t.preventDefault(),t.stopPropagation(),this.focusNextItem()):"ArrowUp"!==t.code&&"ArrowLeft"!==t.code||(t.preventDefault(),t.stopPropagation(),this.focusPreviousItem())},this.onFocusOut=t=>{if(this.isInsidePopover)return;const s=t.relatedTarget,i=t.target,e="SWIRL-ACTION-LIST-ITEM"===i?.tagName,o=null===s||!this.el.contains(s);!this.isInsidePopover&&o&&e&&this.container.setAttribute("tabindex","0")},this.onFocus=()=>{if(this.isInsidePopover)return;this.container.removeAttribute("tabindex");const t=this.getItems(),s=this.getActiveItemIndex();s>-1?t[s]?.focus():t[0]?.focus()}}componentDidLoad(){queueMicrotask((()=>{this.isInsidePopover=null!==this.el.closest("swirl-popover"),this.isInsidePopover||this.container.setAttribute("tabindex","0")})),this.setSectionSeparator()}getItems(){return n(this.el,'[role="menuitem"]')}focusNextItem(){const t=this.getItems();t[(this.getActiveItemIndex()+1)%t.length].focus()}focusPreviousItem(){const t=this.getItems(),s=this.getActiveItemIndex(),i=0===s?t.length-1:s-1;t[i]?.focus()}getActiveItemIndex(){const t=this.getItems(),s=r();return t.findIndex((t=>t===s||t===s?.querySelector('[role="menuitem"]')))}setSectionSeparator(){this.el&&Array.from(this.el.querySelectorAll("swirl-action-list-section")).filter((t=>t.isConnected)).forEach(((t,s)=>{0===s&&"SWIRL-ACTION-LIST-ITEM"!==t.previousElementSibling?.tagName&&(t.hasSeparator=!1)}))}render(){return i(e,{key:"1c75c3ab32ea63fa2f841926c7796cacca0927a7"},i("div",{key:"a1d22c1d56d559dd212da3223654bd1a8d7f173d","aria-orientation":"vertical",class:"action-list",onFocusout:this.isInsidePopover?void 0:this.onFocusOut,onFocus:this.isInsidePopover?void 0:this.onFocus,onKeyDown:this.onKeyDown,part:"action-list",ref:t=>this.container=t,role:"menu"},i("slot",{key:"16ca662b99182ed96909eb5ffbee2e4373a07325",onSlotchange:this.setSectionSeparator})))}get el(){return this}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}"}},[257,"swirl-action-list",{isInsidePopover:[32]}]);function h(){"undefined"!=typeof customElements&&["swirl-action-list"].forEach((t=>{"swirl-action-list"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))}export{c as S,h as d}

package/dist/components/swirl-app-bar.js

@@ -1 +1 @@
-import{p as a,H as t,c as e,h as s,d as i,t as n}from"./p-BIzYxcO0.js";import{c as o}from"./p-CTIzk_ki.js";import{d as r}from"./p-DWVJBU8l.js";const l=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.backButtonClick=e(this,"backButtonClick",7),this.closeButtonClick=e(this,"closeButtonClick",7),this.stepUpButtonClick=e(this,"stepUpButtonClick",7),this.stepDownButtonClick=e(this,"stepDownButtonClick",7),this.backButtonLabel="Go back",this.closeButtonIcon="<swirl-icon-close></swirl-icon-close>",this.closeButtonLabel="Close",this.paddingInlineEnd="16",this.paddingInlineStart="16",this.stepUpButtonLabel="Previous item",this.stepDownButtonLabel="Next item",this.showHeading=!0,this.onBackButtonClick=a=>{this.backButtonClick.emit(a)},this.onCloseButtonClick=a=>{this.closeButtonClick.emit(a)},this.onStepUpButtonClick=a=>{this.stepUpButtonClick.emit(a)},this.onStepDownButtonClick=a=>{this.stepDownButtonClick.emit(a)}}componentWillLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateCtaStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateCtaStatus()}))}disconnectedCallback(){this.mutationObserver?.disconnect()}updateCtaStatus(){this.hasCta=!!this.el.querySelector('[slot="cta"]')}render(){const a=this.showBackButton||this.showCloseButton||this.showStepperControls,t=!!this.el.querySelector('[slot="right-controls"]'),e=!!this.el.querySelector('[slot="heading"]'),n=o("app-bar",{"app-bar--has-cta":this.hasCta,"app-bar--has-right-controls":t,"app-bar--has-heading":e&&this.showHeading});return s(i,{key:"3780ddd0d31da42b5debfb9a4a239db65d2b9f6a"},s("div",{key:"6a64894f59b6e56a3ea43a2fd2186bcc00f4d1a5",class:n,style:{paddingInlineEnd:`var(--s-space-${this.paddingInlineEnd})`,paddingInlineStart:`var(--s-space-${this.paddingInlineStart})`}},a&&s("div",{key:"ca74718a2032cac792a1fbc43745eac49a71d5fe",class:"app-bar__left-controls"},(this.showBackButton||this.showCloseButton)&&s("div",{key:"2066d1cab1565885df8a31a6a983980205e1ea82",class:"app-bar__main-navigation-control"},this.showBackButton&&s("swirl-button",{key:"67f59277ee4523b25ee497ca9a1d2d0f6690088b",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backButtonLabel,onClick:this.onBackButtonClick}),this.showCloseButton&&s("swirl-button",{key:"da058aef20dedd56df6ebd911f6e5822a8b1af37",hideLabel:!0,icon:this.closeButtonIcon,label:this.closeButtonLabel,onClick:this.onCloseButtonClick})),this.showStepperControls&&s("div",{key:"c9da007e15d4f351535c44a8766d285cd7fdf758",class:"app-bar__stepper-controls"},s("swirl-button",{key:"b75f27203ca254564147a45180240f4a050607c0",hideLabel:!0,icon:"<swirl-icon-arrow-upward></swirl-icon-arrow-upward>",label:this.stepUpButtonLabel,onClick:this.onStepUpButtonClick}),s("swirl-button",{key:"4a6aebc86c7e3e73cc80579ce79c22fa17c2f2bd",hideLabel:!0,icon:"<swirl-icon-arrow-downward></swirl-icon-arrow-downward>",label:this.stepDownButtonLabel,onClick:this.onStepDownButtonClick}))),s("div",{key:"05efc306d01e5a8f29436001e583496fdbc4d474",class:"app-bar__cta"},s("slot",{key:"794013782abe08494ef50da060da52c95e5f8e50",name:"cta"})),s("div",{key:"d3ee2f096ada2ccb1a0cefa7e3f4b52a5180e3fe",class:"app-bar__heading"},s("slot",{key:"a3f2f4adf696a08752874556b2cad106dbbe8cef",name:"heading"})),s("div",{key:"971230dd573cb3a35650534365b5a16506ad117a",class:"app-bar__center-controls"},s("slot",{key:"d26903808a059b4645efd868dc1847e87e4daf96",name:"center-controls"})),s("div",{key:"466c2ec56b707d9d4d33022fb83ad87648e3f177",class:"app-bar__right-controls"},s("slot",{key:"786e1a1b3a962d82989a23f6ed6304e4bce1bbf0",name:"right-controls"}))))}get el(){return this}static get style(){return':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-16)}.app-bar--has-cta .app-bar__cta{display:block}.app-bar:not(.app-bar--has-right-controls) .app-bar__right-controls{display:none}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:10rem;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{min-width:0;flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar:not(.app-bar--has-heading) .app-bar__center-controls{display:flex}.app-bar:not(.app-bar--has-heading) .app-bar__heading{display:none}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}'}},[257,"swirl-app-bar",{backButtonLabel:[1,"back-button-label"],closeButtonIcon:[1,"close-button-icon"],closeButtonLabel:[1,"close-button-label"],paddingInlineEnd:[1,"padding-inline-end"],paddingInlineStart:[1,"padding-inline-start"],stepUpButtonLabel:[1,"step-up-button-label"],stepDownButtonLabel:[1,"step-down-button-label"],showBackButton:[4,"show-back-button"],showCloseButton:[4,"show-close-button"],showHeading:[4,"show-heading"],showStepperControls:[4,"show-stepper-controls"],hasCta:[32]}]),c=l,p=function(){"undefined"!=typeof customElements&&["swirl-app-bar","swirl-button"].forEach((a=>{switch(a){case"swirl-app-bar":customElements.get(n(a))||customElements.define(n(a),l);break;case"swirl-button":customElements.get(n(a))||r()}}))};export{c as SwirlAppBar,p as defineCustomElement}
+import{proxyCustomElement as a,HTMLElement as t,createEvent as e,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";import{c as o}from"./index2.js";import{d as r}from"./swirl-button2.js";const l=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.backButtonClick=e(this,"backButtonClick",7),this.closeButtonClick=e(this,"closeButtonClick",7),this.stepUpButtonClick=e(this,"stepUpButtonClick",7),this.stepDownButtonClick=e(this,"stepDownButtonClick",7),this.backButtonLabel="Go back",this.closeButtonIcon="<swirl-icon-close></swirl-icon-close>",this.closeButtonLabel="Close",this.paddingInlineEnd="16",this.paddingInlineStart="16",this.stepUpButtonLabel="Previous item",this.stepDownButtonLabel="Next item",this.showHeading=!0,this.onBackButtonClick=a=>{this.backButtonClick.emit(a)},this.onCloseButtonClick=a=>{this.closeButtonClick.emit(a)},this.onStepUpButtonClick=a=>{this.stepUpButtonClick.emit(a)},this.onStepDownButtonClick=a=>{this.stepDownButtonClick.emit(a)}}componentWillLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateCtaStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateCtaStatus()}))}disconnectedCallback(){this.mutationObserver?.disconnect()}updateCtaStatus(){this.hasCta=!!this.el.querySelector('[slot="cta"]')}render(){const a=this.showBackButton||this.showCloseButton||this.showStepperControls,t=!!this.el.querySelector('[slot="right-controls"]'),e=!!this.el.querySelector('[slot="heading"]'),n=o("app-bar",{"app-bar--has-cta":this.hasCta,"app-bar--has-right-controls":t,"app-bar--has-heading":e&&this.showHeading});return s(i,{key:"3780ddd0d31da42b5debfb9a4a239db65d2b9f6a"},s("div",{key:"6a64894f59b6e56a3ea43a2fd2186bcc00f4d1a5",class:n,style:{paddingInlineEnd:`var(--s-space-${this.paddingInlineEnd})`,paddingInlineStart:`var(--s-space-${this.paddingInlineStart})`}},a&&s("div",{key:"ca74718a2032cac792a1fbc43745eac49a71d5fe",class:"app-bar__left-controls"},(this.showBackButton||this.showCloseButton)&&s("div",{key:"2066d1cab1565885df8a31a6a983980205e1ea82",class:"app-bar__main-navigation-control"},this.showBackButton&&s("swirl-button",{key:"67f59277ee4523b25ee497ca9a1d2d0f6690088b",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backButtonLabel,onClick:this.onBackButtonClick}),this.showCloseButton&&s("swirl-button",{key:"da058aef20dedd56df6ebd911f6e5822a8b1af37",hideLabel:!0,icon:this.closeButtonIcon,label:this.closeButtonLabel,onClick:this.onCloseButtonClick})),this.showStepperControls&&s("div",{key:"c9da007e15d4f351535c44a8766d285cd7fdf758",class:"app-bar__stepper-controls"},s("swirl-button",{key:"b75f27203ca254564147a45180240f4a050607c0",hideLabel:!0,icon:"<swirl-icon-arrow-upward></swirl-icon-arrow-upward>",label:this.stepUpButtonLabel,onClick:this.onStepUpButtonClick}),s("swirl-button",{key:"4a6aebc86c7e3e73cc80579ce79c22fa17c2f2bd",hideLabel:!0,icon:"<swirl-icon-arrow-downward></swirl-icon-arrow-downward>",label:this.stepDownButtonLabel,onClick:this.onStepDownButtonClick}))),s("div",{key:"05efc306d01e5a8f29436001e583496fdbc4d474",class:"app-bar__cta"},s("slot",{key:"794013782abe08494ef50da060da52c95e5f8e50",name:"cta"})),s("div",{key:"d3ee2f096ada2ccb1a0cefa7e3f4b52a5180e3fe",class:"app-bar__heading"},s("slot",{key:"a3f2f4adf696a08752874556b2cad106dbbe8cef",name:"heading"})),s("div",{key:"971230dd573cb3a35650534365b5a16506ad117a",class:"app-bar__center-controls"},s("slot",{key:"d26903808a059b4645efd868dc1847e87e4daf96",name:"center-controls"})),s("div",{key:"466c2ec56b707d9d4d33022fb83ad87648e3f177",class:"app-bar__right-controls"},s("slot",{key:"786e1a1b3a962d82989a23f6ed6304e4bce1bbf0",name:"right-controls"}))))}get el(){return this}static get style(){return':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-16)}.app-bar--has-cta .app-bar__cta{display:block}.app-bar:not(.app-bar--has-right-controls) .app-bar__right-controls{display:none}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:10rem;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{min-width:0;flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar:not(.app-bar--has-heading) .app-bar__center-controls{display:flex}.app-bar:not(.app-bar--has-heading) .app-bar__heading{display:none}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}'}},[257,"swirl-app-bar",{backButtonLabel:[1,"back-button-label"],closeButtonIcon:[1,"close-button-icon"],closeButtonLabel:[1,"close-button-label"],paddingInlineEnd:[1,"padding-inline-end"],paddingInlineStart:[1,"padding-inline-start"],stepUpButtonLabel:[1,"step-up-button-label"],stepDownButtonLabel:[1,"step-down-button-label"],showBackButton:[4,"show-back-button"],showCloseButton:[4,"show-close-button"],showHeading:[4,"show-heading"],showStepperControls:[4,"show-stepper-controls"],hasCta:[32]}]),c=l,d=function(){"undefined"!=typeof customElements&&["swirl-app-bar","swirl-button"].forEach((a=>{switch(a){case"swirl-app-bar":customElements.get(n(a))||customElements.define(n(a),l);break;case"swirl-button":customElements.get(n(a))||r()}}))};export{c as SwirlAppBar,d as defineCustomElement}

package/dist/components/swirl-app-icon.js

@@ -1 +1 @@
-import{p as i,H as s,h as t,d as e,t as o}from"./p-BIzYxcO0.js";import{c}from"./p-CTIzk_ki.js";const r=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.setImageAvailable=()=>{this.imageAvailable=!0},this.setImageUnavailable=()=>{this.imageAvailable=!1},this.onImageElementUpdate=i=>{this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable),this.imgEl=i,this.imgEl&&(this.imgEl.addEventListener("load",this.setImageAvailable),this.imgEl.addEventListener("error",this.setImageUnavailable))}}disconnectedCallback(){this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable)}render(){const i=!!this.src&&(this.imageAvailable||void 0===this.imageAvailable),s=!i&&!!this.icon,o=c("app-icon",{"app-icon--has-icon":s||!i&&!s});return t(e,{key:"fe8d516e1120d072e2f4600ca610bc4c13fd21f5"},t("span",{key:"221e8a7f2eb9c1486b3958d81e124cf2bbe12247",class:o},i&&t("img",{key:"50a6602a09d6e1f41e218137c3bbeca0afe7954f",alt:"",height:"256",ref:this.onImageElementUpdate,src:this.src,width:"256"}),s&&t("span",{key:"06d45bf19f89194eed5db2398fb572d6cb3125bf",class:"app-icon__icon",innerHTML:this.icon})))}static get style(){return":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{position:relative;overflow:hidden;width:var(--swirl-app-icon-size);height:var(--swirl-app-icon-size);border-radius:var(--s-border-radius-sm)}.app-icon>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-icon__icon{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}"}},[1,"swirl-app-icon",{icon:[1],src:[1],imageAvailable:[32]}]),n=r,a=function(){"undefined"!=typeof customElements&&["swirl-app-icon"].forEach((i=>{"swirl-app-icon"===i&&(customElements.get(o(i))||customElements.define(o(i),r))}))};export{n as SwirlAppIcon,a as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as e,h as t,Host as s,transformTag as o}from"@stencil/core/internal/client";import{c as n}from"./index2.js";const c=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.setImageAvailable=()=>{this.imageAvailable=!0},this.setImageUnavailable=()=>{this.imageAvailable=!1},this.onImageElementUpdate=i=>{this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable),this.imgEl=i,this.imgEl&&(this.imgEl.addEventListener("load",this.setImageAvailable),this.imgEl.addEventListener("error",this.setImageUnavailable))}}disconnectedCallback(){this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable)}render(){const i=!!this.src&&(this.imageAvailable||void 0===this.imageAvailable),e=!i&&!!this.icon,o=n("app-icon",{"app-icon--has-icon":e||!i&&!e});return t(s,{key:"fe8d516e1120d072e2f4600ca610bc4c13fd21f5"},t("span",{key:"221e8a7f2eb9c1486b3958d81e124cf2bbe12247",class:o},i&&t("img",{key:"50a6602a09d6e1f41e218137c3bbeca0afe7954f",alt:"",height:"256",ref:this.onImageElementUpdate,src:this.src,width:"256"}),e&&t("span",{key:"06d45bf19f89194eed5db2398fb572d6cb3125bf",class:"app-icon__icon",innerHTML:this.icon})))}static get style(){return":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{position:relative;overflow:hidden;width:var(--swirl-app-icon-size);height:var(--swirl-app-icon-size);border-radius:var(--s-border-radius-sm)}.app-icon>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-icon__icon{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}"}},[1,"swirl-app-icon",{icon:[1],src:[1],imageAvailable:[32]}]),r=c,a=function(){"undefined"!=typeof customElements&&["swirl-app-icon"].forEach((i=>{"swirl-app-icon"===i&&(customElements.get(o(i))||customElements.define(o(i),c))}))};export{r as SwirlAppIcon,a as defineCustomElement}

package/dist/components/swirl-app-layout.js

@@ -1 +1 @@
-import{p as a,H as t,c as o,h as i,d as e,t as p}from"./p-BIzYxcO0.js";import{c as n}from"./p-CTIzk_ki.js";import{D as l}from"./p-WUxuIVzT.js";import{d as s,i as r,p as d}from"./p-DRAQ9S8E.js";import{d as y}from"./p-DWVJBU8l.js";import{d as u}from"./p-BGAf4PfC.js";const b=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.ctaClick=o(this,"ctaClick",7),this.mobileViewChange=o(this,"mobileViewChange",7),this.navigationBackButtonClick=o(this,"navigationBackButtonClick",7),this.navigationExpansionStateChange=o(this,"navigationExpansionStateChange",7),this.sidebarToggle=o(this,"sidebarToggle",7),this.backToNavigationViewButtonLabel="Back to navigation",this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",this.navigationToggleLabel="Toggle navigation",this.navigationOverlayLabel="Show navigation",this.sidebarPositioning="auto",this.sidebarCloseButtonLabel="Close sidebar",this.transitionStyle="slides",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.mobileView="navigation",this.navScrollState={scrollable:!1,scrolledToTop:!1},this.navExpansionState="expanded",this.sidebarScrollState={scrollable:!1,scrolledToTop:!1},this.mediaQueryUnsubscribe=()=>{},this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=a=>{this.ctaClick.emit(a)},this.onNavigationBackButtonClick=a=>{this.navigationBackButtonClick.emit(a)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.onContentScroll=s((()=>{this.updateContentScrollState()}),16),this.onNavScroll=s((()=>{this.updateNavScrollState()}),16),this.onSidebarScroll=s((()=>{this.updateSidebarScrollState()}),16),this.toggleNavigation=()=>{this.collapsibleNavigation&&this.setCollapsibleNavigationState("expanded"===this.navExpansionState?"collapsed":"expanded")},this.overlayNavigation=a=>{a.stopPropagation(),this.setCollapsibleNavigationState("overlayed")}}componentWillLoad(){this.initialMobileView&&(this.mobileView=this.initialMobileView),this.mutationObserver=new MutationObserver((()=>{this.updateBottomBarStatus(),this.updateBottomBannerStatus(),this.updateCustomAppBarBackButtonStatus(),this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateBottomBarStatus(),this.updateBottomBannerStatus(),this.updateCustomAppBarBackButtonStatus(),this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}componentDidLoad(){this.mediaQueryUnsubscribe=l.subscribe((a=>{this.isDesktop=a})),queueMicrotask((()=>{this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.mediaQueryUnsubscribe(),this.mutationObserver?.disconnect()}onDocumentClick(a){this.collapsibleNavigation&&"overlayed"===this.navExpansionState&&(a.composedPath().includes(this.navEl)||a.composedPath().includes(this.headerEl)||this.setCollapsibleNavigationState("collapsed"))}onKeyDown(a){"Escape"===a.key&&"overlayed"===this.navExpansionState&&this.setCollapsibleNavigationState("collapsed")}watchMobileView(){this.checkMobileView()}async showSidebar(){if(this.sidebarActive||!this.hasSidebar)return;this.sidebarOpeningTimeout&&clearTimeout(this.sidebarOpeningTimeout),this.sidebarOpening=!0;const a=r()||d()?0:300;this.sidebarOpeningTimeout=setTimeout((()=>{this.sidebarActive=!0,this.sidebarOpening=!1,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0)}),a)}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;this.sidebarClosingTimeout&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const a=r()||d()?0:290;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),a)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async getCollapsibleNavigationState(){return this.navExpansionState}async setCollapsibleNavigationState(a){this.collapsibleNavigation&&(this.navExpansionState=a,this.navigationExpansionStateChange.emit(this.navExpansionState),localStorage.setItem(this.navigationExpansionStateStorageKey,this.navExpansionState))}async changeMobileView(a,t=!0){if(this.mobileView===a||"navigation"===a&&!this.hasNavigation||"sidebar"===a&&!this.hasSidebar)return;if(!r()||!t)return this.mobileView=a,void this.mobileViewChange.emit(this.mobileView);this.transitionTimeout&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=a;const o=d();this.transitionTimeout=setTimeout((()=>{this.mobileView=a,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),o?0:"slides"===this.transitionStyle?400:"dialog"===this.transitionStyle?300:0)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation||"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const a="sidebar"===this.mobileView||this.sidebarActive;a!==this.sidebarActive&&(a?this.showSidebar():this.hideSidebar())}updateBottomBannerStatus(){this.hasBottomBanner=!!this.el.querySelector('[slot="bottom-banner"]')}updateBottomBarStatus(){this.hasBottomBar=!!this.el.querySelector('[slot="bottom-bar"]')}updateNavigationStatus(){this.hasNavigation=!!this.el.querySelector('[slot="navigation"]')}updateCustomAppBarBackButtonStatus(){this.hasCustomAppBarBackButton=!!this.el.querySelector('[slot="custom-app-bar-back-button"]')}updateSidebarStatus(){this.hasSidebar=!!this.el.querySelector('[slot="sidebar"]')}updateContentScrollState(){const a={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(a).some((t=>a[t]!==this.contentScrollState[t]))&&(this.contentScrollState=a)}updateNavScrollState(){const a={scrollable:this.navEl.scrollHeight>this.navEl.clientHeight,scrolledToTop:0===this.navEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.navScrollState[t]))&&(this.navScrollState=a)}updateSidebarScrollState(){const a={scrollable:this.sidebarEl.scrollHeight>this.sidebarEl.clientHeight,scrolledToTop:0===this.sidebarEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.sidebarScrollState[t]))&&(this.sidebarScrollState=a)}restoreNavExpansionState(){if(!this.collapsibleNavigation)return;const a=localStorage.getItem(this.navigationExpansionStateStorageKey);a&&this.setCollapsibleNavigationState(a)}render(){const a=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,t=!!this.el.querySelector('[slot="app-bar-controls"]'),o=!!this.el.querySelector('[slot="app-bar-mobile-menu-button"]'),p=!!this.el.querySelector('[slot="custom-sidebar-header"]'),l=!!this.el.querySelector('[slot="floating-action-button"]')||!!this.ctaLabel,s=this.hasNavigation&&(!this.collapsibleNavigation||"collapsed"!==this.navExpansionState||!this.isDesktop),r=n("app-layout","app-layout--mobile-view-"+this.mobileView,"app-layout--nav-"+(this.isDesktop?this.navExpansionState:"expanded"),"app-layout--transitioning-from-"+this.transitioningFrom,"app-layout--transitioning-to-"+this.transitioningTo,"app-layout--transition-style-"+this.transitionStyle,"app-layout--sidebar-positioning-"+this.sidebarPositioning,{"app-layout--content-scrollable":this.contentScrollState.scrollable,"app-layout--content-scrolled-to-top":this.contentScrollState.scrolledToTop,"app-layout--content-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"app-layout--has-app-bar-mobile-menu-button":o,"app-layout--has-app-bar-controls":t,"app-layout--has-bottom-banner":this.hasBottomBanner,"app-layout--has-bottom-bar":this.hasBottomBar,"app-layout--has-custom-app-bar-back-button":this.hasCustomAppBarBackButton,"app-layout--has-custom-sidebar-header":p,"app-layout--has-floating-action-button":l,"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--hide-app-bar":this.hideAppBar,"app-layout--nav-collapsible":this.collapsibleNavigation&&this.isDesktop,"app-layout--nav-scrollable":this.navScrollState.scrollable,"app-layout--nav-scrolled-to-top":this.navScrollState.scrolledToTop,"app-layout--prevent-content-overflow":this.preventContentOverflow,"app-layout--rounded-corners":this.roundedCorners,"app-layout--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing,"app-layout--sidebar-opening":this.sidebarOpening,"app-layout--sidebar-scrollable":this.sidebarScrollState.scrollable,"app-layout--sidebar-scrolled-to-top":this.sidebarScrollState.scrolledToTop});return i(e,{key:"ead881277a155e115ebe4f6be56cbeee85dd8408"},i("section",{key:"5bc17130e3847963fcbbf98450c9eb2cc934db5b","aria-labelledby":"app-name",class:r},i("div",{key:"9d6ffbe9e8ca62cc8d1be901d41da95d05653936",class:"app-layout__grid"},i("header",{key:"b8da1969a2b9ad39886762cf1dc4afe3b0027e7c",class:"app-layout__header",ref:a=>this.headerEl=a},i("span",{key:"84d904bfc1411a91f3095fad617dfb17c1307b34",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"a1b82a828e4ec51a9e6015426cf9ea3fc86b7fd1",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"e3c359650ce2f138a51b979868aa60a18d5e0bf2",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"1aa91b092058f60b05055d787f61cd35cb04e32b",hideLabel:!0,icon:"expanded"!==this.navExpansionState?"<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>":"<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>",label:this.navigationToggleLabel,onClick:this.toggleNavigation})),this.showNavigationBackButton&&i("span",{key:"ef0d16e6afbcdb638f1d2e3800e2793c743af1c6",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"9429c72b5d34efeb86239416590c0fadd389724a",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"605fe675f9a4eced75c4f33f272793482086ad4b",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),s&&i("span",{key:"165a463783bd82331c99bb30eb9564d032ed4f52",class:"app-layout__navigation-controls"},i("slot",{key:"eb839a19964f70465570139fe56eb6450fcdbaa3",name:"navigation-controls"}))),i("nav",{key:"7183608b9b4ac5e13366da237f4439b0a0bdd2c1","aria-label":this.navigationLabel,class:"app-layout__navigation",onScroll:this.onNavScroll,ref:a=>this.navEl=a,inert:this.isDesktop&&this.collapsibleNavigation&&"collapsed"===this.navExpansionState},i("slot",{key:"de316daf0bdedd249f05249fca3a68146ad293fb",name:"navigation"})),i("section",{key:"876c052fefc7c238022519e4299f2d0e2655d939","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"6974d3eb909ea07eadee96744b7bbd17b3af4923",class:"app-layout__app-bar"},i("span",{key:"e03a998a4a7f402e5745d5ff62594287b94cbe7d",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"e79dd9bc40bfb32c598c3056bfad9b65db8e566f",name:"app-bar-mobile-menu-button"})),a&&i("span",{key:"c29d0feecef2eceb40eee6a1bb4b2cd00a4d88df",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"bbd34db4e17a6fc4e617a10ca82a7748d0ff9873",hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),this.collapsibleNavigation&&"expanded"!==this.navExpansionState&&i("span",{key:"3bfa9373facbcfad561bd4a13c102551ff9eea2d",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"f356a0915fe51b90dbbbc7e571f3a053d273c839",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"ec4a483ca7f2b1cbe1bb1baec59d825bb5bf34de",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"7a75144dca7d3f2947f3304059b213ed34c9fccb",name:"custom-app-bar-back-button"})),i("div",{key:"91a9316dff16169830a236fe564f4bb672a8f8dc",class:"app-layout__app-bar-content"},i("slot",{key:"9e716914f665e06f766be7ffc4d36a2aa8dc16d8",name:"app-bar"})),i("div",{key:"13fee72ac6a60b0dea5b17f8c2191c01e61ac9aa",class:"app-layout__app-bar-controls"},i("slot",{key:"aa87260f11d2fd9a7bec4ef8bbbc856a80205e67",name:"app-bar-controls"}))),i("div",{key:"93b5ee42206a0209873fa425f8ad2d9abff9329e",class:"app-layout__banner"},i("slot",{key:"744d17552abf2a8fe3daec33c20c3c7e35b79b37",name:"banner"})),i("div",{key:"4cefbb00696675a650c3db78764b682ad02a4a46",class:"app-layout__content",onScroll:this.onContentScroll,ref:a=>this.contentEl=a},i("div",{key:"1be8cd073fe029f66ab5a05ac4c6e067e76bc4cc",class:"app-layout__content-inner"},i("slot",{key:"c9e1168dd0fb6d163a9075ef1608d952604d243a",name:"content"})),i("div",{key:"6968e87b6dbe665e866b3f478a057baf8754ebcd",class:"app-layout__bottom-banner"},i("slot",{key:"eb08f966b57af9c58e58ca9a3f7f7b5d7ef4caff",name:"bottom-banner"}))),i("div",{key:"88615eee9cb9f9b9a83cbcc84e09c31da30a34c6",class:"app-layout__bottom-bar"},i("slot",{key:"1ab96ca6bd2fad1dce641afa04be1989aa768aba",name:"bottom-bar"}))),i("aside",{key:"8027698ffd40319ceb4d9226cb5d17eedcb07f99",class:"app-layout__sidebar"},i("header",{key:"173cdf1294ca01a5904b36a2915bcef4355a5e10",class:"app-layout__custom-sidebar-header"},i("slot",{key:"1d95e3adb89e58c8deecff7b3117fccec0da82f2",name:"custom-sidebar-header"})),i("header",{key:"14b1db7a1fd69e3c2d2ee0121ed192d9fa838049",class:"app-layout__sidebar-header"},i("swirl-button",{key:"a3a5af8b61e3aa2a8ca6e3bcd2531f7f6cfb5c2c",class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),i("swirl-heading",{key:"703bcae42650587c7c0cf2593a28f48c3ee85fde",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"c9f44a945bdf0dd8fee0b04100c27751daee72c6",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:a=>this.sidebarEl=a},i("slot",{key:"23d926e596db8d4f6d6c6757b22f0be25549f875",name:"sidebar"}))),i("span",{key:"4d2613d254b5495e6bc43264deede91b5b5b9dea",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"a0a4fc0f24a20358f80a30b032fd297decbf1e22",hideLabel:!!this.ctaIcon,icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"df28233ad76b912653430f85f0be9b85f14d27b5",name:"floating-action-button"})))))}get el(){return this}static get watchers(){return{mobileView:[{watchMobileView:0}]}}static get style(){return':host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"body"     "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"       "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"         "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(               to right,               rgba(0, 0, 0, 0.05) 0,               rgba(0, 0, 0, 0) 80%,               rgba(0, 0, 0, 0) 100%             );content:""}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid,.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"           "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"       "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay) .app-layout__sidebar{position:static;z-index:auto;width:25rem;animation:none;box-shadow:none}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"           "navigation body sidebar"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"         "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;z-index:3;top:0;right:0;bottom:0;width:min(40%, 25rem)}.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--rounded-corners){border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"         "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"         "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"         "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active):not(.app-layout--sidebar-opening) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing:not(.app-layout--sidebar-positioning-overlay) .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:"app-bar"       "banner"       "content"       "bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block;padding-bottom:env(safe-area-inset-bottom, 0)}.app-layout--has-bottom-banner .app-layout__bottom-banner{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"       "content"       "bottom-bar"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom):not(.app-layout--has-bottom-banner) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout--prevent-content-overflow .app-layout__content{overflow:hidden}.app-layout--prevent-content-overflow .app-layout__content-inner{max-height:100%}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;background-color:var(--s-background-default);grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:"app-bar"     "banner"     "content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;grid-area:content;display:flex;flex-direction:column}.app-layout__content-inner{flex-grow:1}.app-layout__sidebar{display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"     "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;grid-area:sidebar-content}.app-layout__bottom-banner{display:none;position:sticky;right:0;bottom:0;left:0;z-index:5}@media (min-width: 768px){.app-layout--rounded-corners .app-layout__grid{-moz-column-gap:var(--s-space-8);column-gap:var(--s-space-8)}.app-layout--rounded-corners .app-layout__header{border-right:none;border-radius:var(--s-border-radius-l) var(--s-border-radius-l) 0 0}.app-layout--rounded-corners .app-layout__navigation{border-right:none;border-radius:0 0 var(--s-border-radius-l) var(--s-border-radius-l)}.app-layout--rounded-corners .app-layout__body,.app-layout--rounded-corners .app-layout__sidebar{overflow:hidden;border-radius:var(--s-border-radius-l)}.app-layout--rounded-corners .app-layout__sidebar{border-left:none;box-shadow:-12px 0 32px -10px rgba(23, 23, 23, 0.12),         -8px 4px 12px -8px rgba(23, 23, 23, 0.08)}}@media (min-width: 768px){.app-layout--sidebar-positioning-overlay:not(.app-layout--has-navigation).app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid,.app-layout--sidebar-positioning-overlay:not(.app-layout--has-navigation).app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"           "body"}}@media (min-width: 768px){.app-layout--sidebar-positioning-overlay:not(.app-layout--has-navigation).app-layout--has-sidebar .app-layout__sidebar{position:absolute;z-index:3;top:0;right:0;bottom:0;width:min(50%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"           "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"           "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}'}},[257,"swirl-app-layout",{appName:[1,"app-name"],backToNavigationViewButtonLabel:[1,"back-to-navigation-view-button-label"],collapsibleNavigation:[4,"collapsible-navigation"],ctaIcon:[1,"cta-icon"],ctaLabel:[1,"cta-label"],hasNavigation:[1028,"has-navigation"],hideAppBar:[4,"hide-app-bar"],initialMobileView:[1,"initial-mobile-view"],navigationBackButtonLabel:[1,"navigation-back-button-label"],navigationExpansionStateStorageKey:[1,"navigation-expansion-state-storage-key"],navigationToggleLabel:[1,"navigation-toggle-label"],navigationOverlayLabel:[1,"navigation-overlay-label"],navigationLabel:[1,"navigation-label"],preventContentOverflow:[4,"prevent-content-overflow"],roundedCorners:[4,"rounded-corners"],showNavigationBackButton:[4,"show-navigation-back-button"],sidebarPositioning:[1,"sidebar-positioning"],sidebarCloseButtonLabel:[1,"sidebar-close-button-label"],sidebarHeading:[1,"sidebar-heading"],transitionStyle:[1,"transition-style"],contentScrollState:[32],hasBottomBanner:[32],hasBottomBar:[32],hasCustomAppBarBackButton:[32],hasSidebar:[32],isDesktop:[32],mobileView:[32],navScrollState:[32],navExpansionState:[32],sidebarActive:[32],sidebarClosing:[32],sidebarOpening:[32],sidebarScrollState:[32],transitioningFrom:[32],transitioningTo:[32],showSidebar:[64],hideSidebar:[64],toggleSidebar:[64],getCollapsibleNavigationState:[64],setCollapsibleNavigationState:[64],changeMobileView:[64]},[[4,"click","onDocumentClick"],[0,"keydown","onKeyDown"]],{mobileView:[{watchMobileView:0}]}]),m=b,g=function(){"undefined"!=typeof customElements&&["swirl-app-layout","swirl-button","swirl-heading"].forEach((a=>{switch(a){case"swirl-app-layout":customElements.get(p(a))||customElements.define(p(a),b);break;case"swirl-button":customElements.get(p(a))||y();break;case"swirl-heading":customElements.get(p(a))||u()}}))};export{m as SwirlAppLayout,g as defineCustomElement}
+import{proxyCustomElement as a,HTMLElement as t,createEvent as o,h as i,Host as e,transformTag as n}from"@stencil/core/internal/client";import{c as p}from"./index2.js";import{D as l}from"./media-query.service.js";import{d as s,i as r,p as d}from"./utils.js";import{d as y}from"./swirl-button2.js";import{d as u}from"./swirl-heading2.js";const b=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.ctaClick=o(this,"ctaClick",7),this.mobileViewChange=o(this,"mobileViewChange",7),this.navigationBackButtonClick=o(this,"navigationBackButtonClick",7),this.navigationExpansionStateChange=o(this,"navigationExpansionStateChange",7),this.sidebarToggle=o(this,"sidebarToggle",7),this.backToNavigationViewButtonLabel="Back to navigation",this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",this.navigationToggleLabel="Toggle navigation",this.navigationOverlayLabel="Show navigation",this.sidebarPositioning="auto",this.sidebarCloseButtonLabel="Close sidebar",this.transitionStyle="slides",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.mobileView="navigation",this.navScrollState={scrollable:!1,scrolledToTop:!1},this.navExpansionState="expanded",this.sidebarScrollState={scrollable:!1,scrolledToTop:!1},this.mediaQueryUnsubscribe=()=>{},this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=a=>{this.ctaClick.emit(a)},this.onNavigationBackButtonClick=a=>{this.navigationBackButtonClick.emit(a)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.onContentScroll=s((()=>{this.updateContentScrollState()}),16),this.onNavScroll=s((()=>{this.updateNavScrollState()}),16),this.onSidebarScroll=s((()=>{this.updateSidebarScrollState()}),16),this.toggleNavigation=()=>{this.collapsibleNavigation&&this.setCollapsibleNavigationState("expanded"===this.navExpansionState?"collapsed":"expanded")},this.overlayNavigation=a=>{a.stopPropagation(),this.setCollapsibleNavigationState("overlayed")}}componentWillLoad(){this.initialMobileView&&(this.mobileView=this.initialMobileView),this.mutationObserver=new MutationObserver((()=>{this.updateBottomBarStatus(),this.updateBottomBannerStatus(),this.updateCustomAppBarBackButtonStatus(),this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateBottomBarStatus(),this.updateBottomBannerStatus(),this.updateCustomAppBarBackButtonStatus(),this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}componentDidLoad(){this.mediaQueryUnsubscribe=l.subscribe((a=>{this.isDesktop=a})),queueMicrotask((()=>{this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.mediaQueryUnsubscribe(),this.mutationObserver?.disconnect()}onDocumentClick(a){this.collapsibleNavigation&&"overlayed"===this.navExpansionState&&(a.composedPath().includes(this.navEl)||a.composedPath().includes(this.headerEl)||this.setCollapsibleNavigationState("collapsed"))}onKeyDown(a){"Escape"===a.key&&"overlayed"===this.navExpansionState&&this.setCollapsibleNavigationState("collapsed")}watchMobileView(){this.checkMobileView()}async showSidebar(){if(this.sidebarActive||!this.hasSidebar)return;this.sidebarOpeningTimeout&&clearTimeout(this.sidebarOpeningTimeout),this.sidebarOpening=!0;const a=r()||d()?0:300;this.sidebarOpeningTimeout=setTimeout((()=>{this.sidebarActive=!0,this.sidebarOpening=!1,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0)}),a)}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;this.sidebarClosingTimeout&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const a=r()||d()?0:290;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),a)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async getCollapsibleNavigationState(){return this.navExpansionState}async setCollapsibleNavigationState(a){this.collapsibleNavigation&&(this.navExpansionState=a,this.navigationExpansionStateChange.emit(this.navExpansionState),localStorage.setItem(this.navigationExpansionStateStorageKey,this.navExpansionState))}async changeMobileView(a,t=!0){if(this.mobileView===a||"navigation"===a&&!this.hasNavigation||"sidebar"===a&&!this.hasSidebar)return;if(!r()||!t)return this.mobileView=a,void this.mobileViewChange.emit(this.mobileView);this.transitionTimeout&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=a;const o=d();this.transitionTimeout=setTimeout((()=>{this.mobileView=a,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),o?0:"slides"===this.transitionStyle?400:"dialog"===this.transitionStyle?300:0)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation||"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const a="sidebar"===this.mobileView||this.sidebarActive;a!==this.sidebarActive&&(a?this.showSidebar():this.hideSidebar())}updateBottomBannerStatus(){this.hasBottomBanner=!!this.el.querySelector('[slot="bottom-banner"]')}updateBottomBarStatus(){this.hasBottomBar=!!this.el.querySelector('[slot="bottom-bar"]')}updateNavigationStatus(){this.hasNavigation=!!this.el.querySelector('[slot="navigation"]')}updateCustomAppBarBackButtonStatus(){this.hasCustomAppBarBackButton=!!this.el.querySelector('[slot="custom-app-bar-back-button"]')}updateSidebarStatus(){this.hasSidebar=!!this.el.querySelector('[slot="sidebar"]')}updateContentScrollState(){const a={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(a).some((t=>a[t]!==this.contentScrollState[t]))&&(this.contentScrollState=a)}updateNavScrollState(){const a={scrollable:this.navEl.scrollHeight>this.navEl.clientHeight,scrolledToTop:0===this.navEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.navScrollState[t]))&&(this.navScrollState=a)}updateSidebarScrollState(){const a={scrollable:this.sidebarEl.scrollHeight>this.sidebarEl.clientHeight,scrolledToTop:0===this.sidebarEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.sidebarScrollState[t]))&&(this.sidebarScrollState=a)}restoreNavExpansionState(){if(!this.collapsibleNavigation)return;const a=localStorage.getItem(this.navigationExpansionStateStorageKey);a&&this.setCollapsibleNavigationState(a)}render(){const a=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,t=!!this.el.querySelector('[slot="app-bar-controls"]'),o=!!this.el.querySelector('[slot="app-bar-mobile-menu-button"]'),n=!!this.el.querySelector('[slot="custom-sidebar-header"]'),l=!!this.el.querySelector('[slot="floating-action-button"]')||!!this.ctaLabel,s=this.hasNavigation&&(!this.collapsibleNavigation||"collapsed"!==this.navExpansionState||!this.isDesktop),r=p("app-layout","app-layout--mobile-view-"+this.mobileView,"app-layout--nav-"+(this.isDesktop?this.navExpansionState:"expanded"),"app-layout--transitioning-from-"+this.transitioningFrom,"app-layout--transitioning-to-"+this.transitioningTo,"app-layout--transition-style-"+this.transitionStyle,"app-layout--sidebar-positioning-"+this.sidebarPositioning,{"app-layout--content-scrollable":this.contentScrollState.scrollable,"app-layout--content-scrolled-to-top":this.contentScrollState.scrolledToTop,"app-layout--content-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"app-layout--has-app-bar-mobile-menu-button":o,"app-layout--has-app-bar-controls":t,"app-layout--has-bottom-banner":this.hasBottomBanner,"app-layout--has-bottom-bar":this.hasBottomBar,"app-layout--has-custom-app-bar-back-button":this.hasCustomAppBarBackButton,"app-layout--has-custom-sidebar-header":n,"app-layout--has-floating-action-button":l,"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--hide-app-bar":this.hideAppBar,"app-layout--nav-collapsible":this.collapsibleNavigation&&this.isDesktop,"app-layout--nav-scrollable":this.navScrollState.scrollable,"app-layout--nav-scrolled-to-top":this.navScrollState.scrolledToTop,"app-layout--prevent-content-overflow":this.preventContentOverflow,"app-layout--rounded-corners":this.roundedCorners,"app-layout--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing,"app-layout--sidebar-opening":this.sidebarOpening,"app-layout--sidebar-scrollable":this.sidebarScrollState.scrollable,"app-layout--sidebar-scrolled-to-top":this.sidebarScrollState.scrolledToTop});return i(e,{key:"ead881277a155e115ebe4f6be56cbeee85dd8408"},i("section",{key:"5bc17130e3847963fcbbf98450c9eb2cc934db5b","aria-labelledby":"app-name",class:r},i("div",{key:"9d6ffbe9e8ca62cc8d1be901d41da95d05653936",class:"app-layout__grid"},i("header",{key:"b8da1969a2b9ad39886762cf1dc4afe3b0027e7c",class:"app-layout__header",ref:a=>this.headerEl=a},i("span",{key:"84d904bfc1411a91f3095fad617dfb17c1307b34",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"a1b82a828e4ec51a9e6015426cf9ea3fc86b7fd1",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"e3c359650ce2f138a51b979868aa60a18d5e0bf2",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"1aa91b092058f60b05055d787f61cd35cb04e32b",hideLabel:!0,icon:"expanded"!==this.navExpansionState?"<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>":"<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>",label:this.navigationToggleLabel,onClick:this.toggleNavigation})),this.showNavigationBackButton&&i("span",{key:"ef0d16e6afbcdb638f1d2e3800e2793c743af1c6",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"9429c72b5d34efeb86239416590c0fadd389724a",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"605fe675f9a4eced75c4f33f272793482086ad4b",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),s&&i("span",{key:"165a463783bd82331c99bb30eb9564d032ed4f52",class:"app-layout__navigation-controls"},i("slot",{key:"eb839a19964f70465570139fe56eb6450fcdbaa3",name:"navigation-controls"}))),i("nav",{key:"7183608b9b4ac5e13366da237f4439b0a0bdd2c1","aria-label":this.navigationLabel,class:"app-layout__navigation",onScroll:this.onNavScroll,ref:a=>this.navEl=a,inert:this.isDesktop&&this.collapsibleNavigation&&"collapsed"===this.navExpansionState},i("slot",{key:"de316daf0bdedd249f05249fca3a68146ad293fb",name:"navigation"})),i("section",{key:"876c052fefc7c238022519e4299f2d0e2655d939","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"6974d3eb909ea07eadee96744b7bbd17b3af4923",class:"app-layout__app-bar"},i("span",{key:"e03a998a4a7f402e5745d5ff62594287b94cbe7d",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"e79dd9bc40bfb32c598c3056bfad9b65db8e566f",name:"app-bar-mobile-menu-button"})),a&&i("span",{key:"c29d0feecef2eceb40eee6a1bb4b2cd00a4d88df",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"bbd34db4e17a6fc4e617a10ca82a7748d0ff9873",hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),this.collapsibleNavigation&&"expanded"!==this.navExpansionState&&i("span",{key:"3bfa9373facbcfad561bd4a13c102551ff9eea2d",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"f356a0915fe51b90dbbbc7e571f3a053d273c839",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"ec4a483ca7f2b1cbe1bb1baec59d825bb5bf34de",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"7a75144dca7d3f2947f3304059b213ed34c9fccb",name:"custom-app-bar-back-button"})),i("div",{key:"91a9316dff16169830a236fe564f4bb672a8f8dc",class:"app-layout__app-bar-content"},i("slot",{key:"9e716914f665e06f766be7ffc4d36a2aa8dc16d8",name:"app-bar"})),i("div",{key:"13fee72ac6a60b0dea5b17f8c2191c01e61ac9aa",class:"app-layout__app-bar-controls"},i("slot",{key:"aa87260f11d2fd9a7bec4ef8bbbc856a80205e67",name:"app-bar-controls"}))),i("div",{key:"93b5ee42206a0209873fa425f8ad2d9abff9329e",class:"app-layout__banner"},i("slot",{key:"744d17552abf2a8fe3daec33c20c3c7e35b79b37",name:"banner"})),i("div",{key:"4cefbb00696675a650c3db78764b682ad02a4a46",class:"app-layout__content",onScroll:this.onContentScroll,ref:a=>this.contentEl=a},i("div",{key:"1be8cd073fe029f66ab5a05ac4c6e067e76bc4cc",class:"app-layout__content-inner"},i("slot",{key:"c9e1168dd0fb6d163a9075ef1608d952604d243a",name:"content"})),i("div",{key:"6968e87b6dbe665e866b3f478a057baf8754ebcd",class:"app-layout__bottom-banner"},i("slot",{key:"eb08f966b57af9c58e58ca9a3f7f7b5d7ef4caff",name:"bottom-banner"}))),i("div",{key:"88615eee9cb9f9b9a83cbcc84e09c31da30a34c6",class:"app-layout__bottom-bar"},i("slot",{key:"1ab96ca6bd2fad1dce641afa04be1989aa768aba",name:"bottom-bar"}))),i("aside",{key:"8027698ffd40319ceb4d9226cb5d17eedcb07f99",class:"app-layout__sidebar"},i("header",{key:"173cdf1294ca01a5904b36a2915bcef4355a5e10",class:"app-layout__custom-sidebar-header"},i("slot",{key:"1d95e3adb89e58c8deecff7b3117fccec0da82f2",name:"custom-sidebar-header"})),i("header",{key:"14b1db7a1fd69e3c2d2ee0121ed192d9fa838049",class:"app-layout__sidebar-header"},i("swirl-button",{key:"a3a5af8b61e3aa2a8ca6e3bcd2531f7f6cfb5c2c",class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),i("swirl-heading",{key:"703bcae42650587c7c0cf2593a28f48c3ee85fde",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"c9f44a945bdf0dd8fee0b04100c27751daee72c6",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:a=>this.sidebarEl=a},i("slot",{key:"23d926e596db8d4f6d6c6757b22f0be25549f875",name:"sidebar"}))),i("span",{key:"4d2613d254b5495e6bc43264deede91b5b5b9dea",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"a0a4fc0f24a20358f80a30b032fd297decbf1e22",hideLabel:!!this.ctaIcon,icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"df28233ad76b912653430f85f0be9b85f14d27b5",name:"floating-action-button"})))))}get el(){return this}static get watchers(){return{mobileView:[{watchMobileView:0}]}}static get style(){return':host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"body"     "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"       "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"         "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(               to right,               rgba(0, 0, 0, 0.05) 0,               rgba(0, 0, 0, 0) 80%,               rgba(0, 0, 0, 0) 100%             );content:""}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid,.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"           "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"       "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay) .app-layout__sidebar{position:static;z-index:auto;width:25rem;animation:none;box-shadow:none}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"           "navigation body sidebar"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"         "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;z-index:3;top:0;right:0;bottom:0;width:min(40%, 25rem)}.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--rounded-corners){border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"         "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"         "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"         "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active):not(.app-layout--sidebar-opening) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing:not(.app-layout--sidebar-positioning-overlay) .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:"app-bar"       "banner"       "content"       "bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block;padding-bottom:env(safe-area-inset-bottom, 0)}.app-layout--has-bottom-banner .app-layout__bottom-banner{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"       "content"       "bottom-bar"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom):not(.app-layout--has-bottom-banner) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout--prevent-content-overflow .app-layout__content{overflow:hidden}.app-layout--prevent-content-overflow .app-layout__content-inner{max-height:100%}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;background-color:var(--s-background-default);grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:"app-bar"     "banner"     "content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;grid-area:content;display:flex;flex-direction:column}.app-layout__content-inner{flex-grow:1}.app-layout__sidebar{display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"     "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;grid-area:sidebar-content}.app-layout__bottom-banner{display:none;position:sticky;right:0;bottom:0;left:0;z-index:5}@media (min-width: 768px){.app-layout--rounded-corners .app-layout__grid{-moz-column-gap:var(--s-space-8);column-gap:var(--s-space-8)}.app-layout--rounded-corners .app-layout__header{border-right:none;border-radius:var(--s-border-radius-l) var(--s-border-radius-l) 0 0}.app-layout--rounded-corners .app-layout__navigation{border-right:none;border-radius:0 0 var(--s-border-radius-l) var(--s-border-radius-l)}.app-layout--rounded-corners .app-layout__body,.app-layout--rounded-corners .app-layout__sidebar{overflow:hidden;border-radius:var(--s-border-radius-l)}.app-layout--rounded-corners .app-layout__sidebar{border-left:none;box-shadow:-12px 0 32px -10px rgba(23, 23, 23, 0.12),         -8px 4px 12px -8px rgba(23, 23, 23, 0.08)}}@media (min-width: 768px){.app-layout--sidebar-positioning-overlay:not(.app-layout--has-navigation).app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid,.app-layout--sidebar-positioning-overlay:not(.app-layout--has-navigation).app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"           "body"}}@media (min-width: 768px){.app-layout--sidebar-positioning-overlay:not(.app-layout--has-navigation).app-layout--has-sidebar .app-layout__sidebar{position:absolute;z-index:3;top:0;right:0;bottom:0;width:min(50%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"           "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"           "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}'}},[257,"swirl-app-layout",{appName:[1,"app-name"],backToNavigationViewButtonLabel:[1,"back-to-navigation-view-button-label"],collapsibleNavigation:[4,"collapsible-navigation"],ctaIcon:[1,"cta-icon"],ctaLabel:[1,"cta-label"],hasNavigation:[1028,"has-navigation"],hideAppBar:[4,"hide-app-bar"],initialMobileView:[1,"initial-mobile-view"],navigationBackButtonLabel:[1,"navigation-back-button-label"],navigationExpansionStateStorageKey:[1,"navigation-expansion-state-storage-key"],navigationToggleLabel:[1,"navigation-toggle-label"],navigationOverlayLabel:[1,"navigation-overlay-label"],navigationLabel:[1,"navigation-label"],preventContentOverflow:[4,"prevent-content-overflow"],roundedCorners:[4,"rounded-corners"],showNavigationBackButton:[4,"show-navigation-back-button"],sidebarPositioning:[1,"sidebar-positioning"],sidebarCloseButtonLabel:[1,"sidebar-close-button-label"],sidebarHeading:[1,"sidebar-heading"],transitionStyle:[1,"transition-style"],contentScrollState:[32],hasBottomBanner:[32],hasBottomBar:[32],hasCustomAppBarBackButton:[32],hasSidebar:[32],isDesktop:[32],mobileView:[32],navScrollState:[32],navExpansionState:[32],sidebarActive:[32],sidebarClosing:[32],sidebarOpening:[32],sidebarScrollState:[32],transitioningFrom:[32],transitioningTo:[32],showSidebar:[64],hideSidebar:[64],toggleSidebar:[64],getCollapsibleNavigationState:[64],setCollapsibleNavigationState:[64],changeMobileView:[64]},[[4,"click","onDocumentClick"],[0,"keydown","onKeyDown"]],{mobileView:[{watchMobileView:0}]}]),m=b,g=function(){"undefined"!=typeof customElements&&["swirl-app-layout","swirl-button","swirl-heading"].forEach((a=>{switch(a){case"swirl-app-layout":customElements.get(n(a))||customElements.define(n(a),b);break;case"swirl-button":customElements.get(n(a))||y();break;case"swirl-heading":customElements.get(n(a))||u()}}))};export{m as SwirlAppLayout,g as defineCustomElement}