@getflip/swirl-components 0.527.0 → 0.529.0

package/dist/components/index.js

@@ -1 +1 @@
-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 n}from"./swirl-autocomplete.js";import{SwirlAvatar as e}from"./swirl-avatar.js";import{SwirlAvatarGroup as w}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 d}from"./swirl-button.js";import{SwirlButtonGroup as b}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 z}from"./swirl-console-layout.js";import{SwirlDataCell as q}from"./swirl-data-cell.js";import{SwirlDataCellStack as E}from"./swirl-data-cell-stack.js";import{SwirlDateInput as P}from"./swirl-date-input.js";import{SwirlDatePicker as A}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{SwirlIconAddBox as or}from"./swirl-icon-add-box.js";import{SwirlIconAddModerator as ir}from"./swirl-icon-add-moderator.js";import{SwirlIconAddPhoto as sr}from"./swirl-icon-add-photo.js";import{SwirlIconAddReaction as mr}from"./swirl-icon-add-reaction.js";import{SwirlIconAdminPanelSettings as lr}from"./swirl-icon-admin-panel-settings.js";import{SwirlIconAi as tr}from"./swirl-icon-ai.js";import{SwirlIconAiFilled as pr}from"./swirl-icon-ai-filled.js";import{SwirlIconApi as fr}from"./swirl-icon-api.js";import{SwirlIconApparel as nr}from"./swirl-icon-apparel.js";import{SwirlIconApps as er}from"./swirl-icon-apps.js";import{SwirlIconArrowBack as wr}from"./swirl-icon-arrow-back.js";import{SwirlIconArrowDownward as jr}from"./swirl-icon-arrow-downward.js";import{SwirlIconArrowForward as cr}from"./swirl-icon-arrow-forward.js";import{SwirlIconArrowLeft as ar}from"./swirl-icon-arrow-left.js";import{SwirlIconArrowRight as dr}from"./swirl-icon-arrow-right.js";import{SwirlIconArrowRightSmall as br}from"./swirl-icon-arrow-right-small.js";import{SwirlIconArrowUpward as yr}from"./swirl-icon-arrow-upward.js";import{SwirlIconAspectRatio as ur}from"./swirl-icon-aspect-ratio.js";import{SwirlIconAttachment as hr}from"./swirl-icon-attachment.js";import{SwirlIconAudioFile as gr}from"./swirl-icon-audio-file.js";import{SwirlIconAutorenew as kr}from"./swirl-icon-autorenew.js";import{SwirlIconBarChart as vr}from"./swirl-icon-bar-chart.js";import{SwirlIconBeachAccess as xr}from"./swirl-icon-beach-access.js";import{SwirlIconBeachAccessFilled as zr}from"./swirl-icon-beach-access-filled.js";import{SwirlIconBlock as qr}from"./swirl-icon-block.js";import{SwirlIconBold as Er}from"./swirl-icon-bold.js";import{SwirlIconBookmark as Pr}from"./swirl-icon-bookmark.js";import{SwirlIconBookmarkFilled as Ar}from"./swirl-icon-bookmark-filled.js";import{SwirlIconCalendarAddOnFilled as Nr}from"./swirl-icon-calendar-add-on-filled.js";import{SwirlIconCalendarRespond as Or}from"./swirl-icon-calendar-respond.js";import{SwirlIconCalendarToday as Br}from"./swirl-icon-calendar-today.js";import{SwirlIconCall as Cr}from"./swirl-icon-call.js";import{SwirlIconCallEnd as Dr}from"./swirl-icon-call-end.js";import{SwirlIconCancel as Fr}from"./swirl-icon-cancel.js";import{SwirlIconCancelFilled as Gr}from"./swirl-icon-cancel-filled.js";import{SwirlIconCancelOutline as Hr}from"./swirl-icon-cancel-outline.js";import{SwirlIconChatBubble as Ir}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 Yr}from"./swirl-icon-close-small.js";import{SwirlIconCloudUpload as Zr}from"./swirl-icon-cloud-upload.js";import{SwirlIconCoPresent as $r}from"./swirl-icon-co-present.js";import{SwirlIconCode as _r}from"./swirl-icon-code.js";import{SwirlIconColumn as ro}from"./swirl-icon-column.js";import{SwirlIconComment as oo}from"./swirl-icon-comment.js";import{SwirlIconContractEdit as io}from"./swirl-icon-contract-edit.js";import{SwirlIconContrast as so}from"./swirl-icon-contrast.js";import{SwirlIconCopy as mo}from"./swirl-icon-copy.js";import{SwirlIconCrop as lo}from"./swirl-icon-crop.js";import{SwirlIconDarkMode as to}from"./swirl-icon-dark-mode.js";import{SwirlIconDataObject as po}from"./swirl-icon-data-object.js";import{SwirlIconDateRange as fo}from"./swirl-icon-date-range.js";import{SwirlIconDelete as no}from"./swirl-icon-delete.js";import{SwirlIconDeployedCode as eo}from"./swirl-icon-deployed-code.js";import{SwirlIconDescription as wo}from"./swirl-icon-description.js";import{SwirlIconDesktop as jo}from"./swirl-icon-desktop.js";import{SwirlIconDestruction as co}from"./swirl-icon-destruction.js";import{SwirlIconDirectory as ao}from"./swirl-icon-directory.js";import{SwirlIconDirectoryFilled as bo}from"./swirl-icon-directory-filled.js";import{SwirlIconDiscover as yo}from"./swirl-icon-discover.js";import{SwirlIconDockLeft as uo}from"./swirl-icon-dock-left.js";import{SwirlIconDockLeftCollapse as ho}from"./swirl-icon-dock-left-collapse.js";import{SwirlIconDockLeftExpand as go}from"./swirl-icon-dock-left-expand.js";import{SwirlIconDoorOpen as ko}from"./swirl-icon-door-open.js";import{SwirlIconDot as vo}from"./swirl-icon-dot.js";import{SwirlIconDoubleArrowLeft as xo}from"./swirl-icon-double-arrow-left.js";import{SwirlIconDoubleArrowRight as zo}from"./swirl-icon-double-arrow-right.js";import{SwirlIconDownload as qo}from"./swirl-icon-download.js";import{SwirlIconDragHandle as Eo}from"./swirl-icon-drag-handle.js";import{SwirlIconEdit as Po}from"./swirl-icon-edit.js";import{SwirlIconEditNote as Ao}from"./swirl-icon-edit-note.js";import{SwirlIconEmojiMood as No}from"./swirl-icon-emoji-mood.js";import{SwirlIconEmojiSatisfied as Oo}from"./swirl-icon-emoji-satisfied.js";import{SwirlIconEmojiSymbols as Bo}from"./swirl-icon-emoji-symbols.js";import{SwirlIconEndSeries as Co}from"./swirl-icon-end-series.js";import{SwirlIconError as Do}from"./swirl-icon-error.js";import{SwirlIconExpandLess as Fo}from"./swirl-icon-expand-less.js";import{SwirlIconExpandMore as Go}from"./swirl-icon-expand-more.js";import{SwirlIconExperiment as Ho}from"./swirl-icon-experiment.js";import{SwirlIconFactCheck as Io}from"./swirl-icon-fact-check.js";import{SwirlIconFile as Jo}from"./swirl-icon-file.js";import{SwirlIconFileCopy as Ko}from"./swirl-icon-file-copy.js";import{SwirlIconFilter as Lo}from"./swirl-icon-filter.js";import{SwirlIconFolder as Mo}from"./swirl-icon-folder.js";import{SwirlIconFolderShared as Qo}from"./swirl-icon-folder-shared.js";import{SwirlIconFormatHOne as Ro}from"./swirl-icon-format-h-one.js";import{SwirlIconFormatListBulleted as So}from"./swirl-icon-format-list-bulleted.js";import{SwirlIconFormatListNumbered as To}from"./swirl-icon-format-list-numbered.js";import{SwirlIconForward as Uo}from"./swirl-icon-forward.js";import{SwirlIconFrontHand as Vo}from"./swirl-icon-front-hand.js";import{SwirlIconFullscreen as Wo}from"./swirl-icon-fullscreen.js";import{SwirlIconFullscreenExit as Xo}from"./swirl-icon-fullscreen-exit.js";import{SwirlIconGif as Yo}from"./swirl-icon-gif.js";import{SwirlIconGroupAdd as Zo}from"./swirl-icon-group-add.js";import{SwirlIconGroupAssign as $o}from"./swirl-icon-group-assign.js";import{SwirlIconGroups as _o}from"./swirl-icon-groups.js";import{SwirlIconGroupsFilled as ri}from"./swirl-icon-groups-filled.js";import{SwirlIconHamburgerMenu as oi}from"./swirl-icon-hamburger-menu.js";import{SwirlIconHealthAndSafety as ii}from"./swirl-icon-health-and-safety.js";import{SwirlIconHelp as si}from"./swirl-icon-help.js";import{SwirlIconHelpFilled as mi}from"./swirl-icon-help-filled.js";import{SwirlIconHighlight as li}from"./swirl-icon-highlight.js";import{SwirlIconHistory as ti}from"./swirl-icon-history.js";import{SwirlIconHome as pi}from"./swirl-icon-home.js";import{SwirlIconHomeFilled as fi}from"./swirl-icon-home-filled.js";import{SwirlIconHrResting as ni}from"./swirl-icon-hr-resting.js";import{SwirlIconImage as ei}from"./swirl-icon-image.js";import{SwirlIconImproveText as wi}from"./swirl-icon-improve-text.js";import{SwirlIconInfo as ji}from"./swirl-icon-info.js";import{SwirlIconInsertBelow as ci}from"./swirl-icon-insert-below.js";import{SwirlIconInsertChart as ai}from"./swirl-icon-insert-chart.js";import{SwirlIconInsertOnTop as di}from"./swirl-icon-insert-on-top.js";import{SwirlIconInventory as bi}from"./swirl-icon-inventory.js";import{SwirlIconInventoryOff as yi}from"./swirl-icon-inventory-off.js";import{SwirlIconIphone as ui}from"./swirl-icon-iphone.js";import{SwirlIconItalic as hi}from"./swirl-icon-italic.js";import{SwirlIconKey as gi}from"./swirl-icon-key.js";import{SwirlIconKeyboard as ki}from"./swirl-icon-keyboard.js";import{SwirlIconKeyboardHide as vi}from"./swirl-icon-keyboard-hide.js";import{SwirlIconLanguage as xi}from"./swirl-icon-language.js";import{SwirlIconLightMode as zi}from"./swirl-icon-light-mode.js";import{SwirlIconLike as qi}from"./swirl-icon-like.js";import{SwirlIconLink as Ei}from"./swirl-icon-link.js";import{SwirlIconListAltCheck as Pi}from"./swirl-icon-list-alt-check.js";import{SwirlIconLive as Ai}from"./swirl-icon-live.js";import{SwirlIconLoad as Ni}from"./swirl-icon-load.js";import{SwirlIconLocationOn as Oi}from"./swirl-icon-location-on.js";import{SwirlIconLock as Bi}from"./swirl-icon-lock.js";import{SwirlIconLockOpen as Ci}from"./swirl-icon-lock-open.js";import{SwirlIconLockPerson as Di}from"./swirl-icon-lock-person.js";import{SwirlIconLogin as Fi}from"./swirl-icon-login.js";import{SwirlIconLogout as Gi}from"./swirl-icon-logout.js";import{SwirlIconLongText as Hi}from"./swirl-icon-long-text.js";import{SwirlIconMail as Ii}from"./swirl-icon-mail.js";import{SwirlIconManageAccounts as Ji}from"./swirl-icon-manage-accounts.js";import{SwirlIconMarkChatRead as Ki}from"./swirl-icon-mark-chat-read.js";import{SwirlIconMarkChatUnread as Li}from"./swirl-icon-mark-chat-unread.js";import{SwirlIconMarkEmailRead as Mi}from"./swirl-icon-mark-email-read.js";import{SwirlIconMention as Qi}from"./swirl-icon-mention.js";import{SwirlIconMenu as Ri}from"./swirl-icon-menu.js";import{SwirlIconMenuBook as Si}from"./swirl-icon-menu-book.js";import{SwirlIconMenuBookFilled as Ti}from"./swirl-icon-menu-book-filled.js";import{SwirlIconMenuFilled as Ui}from"./swirl-icon-menu-filled.js";import{SwirlIconMessage as Vi}from"./swirl-icon-message.js";import{SwirlIconMic as Wi}from"./swirl-icon-mic.js";import{SwirlIconMicOff as Xi}from"./swirl-icon-mic-off.js";import{SwirlIconMobileTheft as Yi}from"./swirl-icon-mobile-theft.js";import{SwirlIconMoreHorizontal as Zi}from"./swirl-icon-more-horizontal.js";import{SwirlIconMoreVertikal as $i}from"./swirl-icon-more-vertikal.js";import{SwirlIconNews as _i}from"./swirl-icon-news.js";import{SwirlIconNewsFilled as rs}from"./swirl-icon-news-filled.js";import{SwirlIconNewsOff as os}from"./swirl-icon-news-off.js";import{SwirlIconNextPlan as is}from"./swirl-icon-next-plan.js";import{SwirlIconNoteStack as ss}from"./swirl-icon-note-stack.js";import{SwirlIconNoteStackFilled as ms}from"./swirl-icon-note-stack-filled.js";import{SwirlIconNotifications as ls}from"./swirl-icon-notifications.js";import{SwirlIconNotificationsActive as ts}from"./swirl-icon-notifications-active.js";import{SwirlIconNotificationsOff as ps}from"./swirl-icon-notifications-off.js";import{SwirlIconOpenInFull as fs}from"./swirl-icon-open-in-full.js";import{SwirlIconOpenInNew as ns}from"./swirl-icon-open-in-new.js";import{SwirlIconPasskey as es}from"./swirl-icon-passkey.js";import{SwirlIconPassword as ws}from"./swirl-icon-password.js";import{SwirlIconPatientList as js}from"./swirl-icon-patient-list.js";import{SwirlIconPause as cs}from"./swirl-icon-pause.js";import{SwirlIconPauseCircle as as}from"./swirl-icon-pause-circle.js";import{SwirlIconPeopleAlt as ds}from"./swirl-icon-people-alt.js";import{SwirlIconPerson as bs}from"./swirl-icon-person.js";import{SwirlIconPersonCheck as ys}from"./swirl-icon-person-check.js";import{SwirlIconPersonOff as us}from"./swirl-icon-person-off.js";import{SwirlIconPersonRaisedHand as hs}from"./swirl-icon-person-raised-hand.js";import{SwirlIconPhone as gs}from"./swirl-icon-phone.js";import{SwirlIconPhotoCamera as ks}from"./swirl-icon-photo-camera.js";import{SwirlIconPictureAsPdf as vs}from"./swirl-icon-picture-as-pdf.js";import{SwirlIconPictureInPicture as xs}from"./swirl-icon-picture-in-picture.js";import{SwirlIconPin as zs}from"./swirl-icon-pin.js";import{SwirlIconPinOff as qs}from"./swirl-icon-pin-off.js";import{SwirlIconPlace as Es}from"./swirl-icon-place.js";import{SwirlIconPlayArrow as Ps}from"./swirl-icon-play-arrow.js";import{SwirlIconPoll as As}from"./swirl-icon-poll.js";import{SwirlIconPostApproval as Ns}from"./swirl-icon-post-approval.js";import{SwirlIconPresent as Os}from"./swirl-icon-present.js";import{SwirlIconPreview as Bs}from"./swirl-icon-preview.js";import{SwirlIconPrint as Cs}from"./swirl-icon-print.js";import{SwirlIconPublic as Ds}from"./swirl-icon-public.js";import{SwirlIconPublicOff as Fs}from"./swirl-icon-public-off.js";import{SwirlIconPublishedWithChanges as Gs}from"./swirl-icon-published-with-changes.js";import{SwirlIconQrCodeScanner as Hs}from"./swirl-icon-qr-code-scanner.js";import{SwirlIconRatioFourToThree as Is}from"./swirl-icon-ratio-four-to-three.js";import{SwirlIconRatioFreeform as Js}from"./swirl-icon-ratio-freeform.js";import{SwirlIconRatioSixteenToNine as Ks}from"./swirl-icon-ratio-sixteen-to-nine.js";import{SwirlIconRatioSquare as Ls}from"./swirl-icon-ratio-square.js";import{SwirlIconRatioThreeToFour as Ms}from"./swirl-icon-ratio-three-to-four.js";import{SwirlIconRatioThreeToTwo as Qs}from"./swirl-icon-ratio-three-to-two.js";import{SwirlIconRecieved as Rs}from"./swirl-icon-recieved.js";import{SwirlIconRedo as Ss}from"./swirl-icon-redo.js";import{SwirlIconRefresh as Ts}from"./swirl-icon-refresh.js";import{SwirlIconRemove as Us}from"./swirl-icon-remove.js";import{SwirlIconRemoveCircle as Vs}from"./swirl-icon-remove-circle.js";import{SwirlIconRemoveModerator as Ws}from"./swirl-icon-remove-moderator.js";import{SwirlIconRepeat as Xs}from"./swirl-icon-repeat.js";import{SwirlIconReply as Ys}from"./swirl-icon-reply.js";import{SwirlIconReport as Zs}from"./swirl-icon-report.js";import{SwirlIconRoadmap as $s}from"./swirl-icon-roadmap.js";import{SwirlIconRocketLaunch as _s}from"./swirl-icon-rocket-launch.js";import{SwirlIconRotateLeft as rm}from"./swirl-icon-rotate-left.js";import{SwirlIconRotateRight as om}from"./swirl-icon-rotate-right.js";import{SwirlIconSchool as im}from"./swirl-icon-school.js";import{SwirlIconScreenshare as sm}from"./swirl-icon-screenshare.js";import{SwirlIconScreenshareOff as mm}from"./swirl-icon-screenshare-off.js";import{SwirlIconSearch as lm}from"./swirl-icon-search.js";import{SwirlIconSearchStrong as tm}from"./swirl-icon-search-strong.js";import{SwirlIconSection as pm}from"./swirl-icon-section.js";import{SwirlIconSecure as fm}from"./swirl-icon-secure.js";import{SwirlIconSelect as nm}from"./swirl-icon-select.js";import{SwirlIconSelectEdit as em}from"./swirl-icon-select-edit.js";import{SwirlIconSell as wm}from"./swirl-icon-sell.js";import{SwirlIconSend as jm}from"./swirl-icon-send.js";import{SwirlIconSettings as cm}from"./swirl-icon-settings.js";import{SwirlIconShortText as am}from"./swirl-icon-short-text.js";import{SwirlIconSimplify as dm}from"./swirl-icon-simplify.js";import{SwirlIconSpellcheck as bm}from"./swirl-icon-spellcheck.js";import{SwirlIconStars as ym}from"./swirl-icon-stars.js";import{SwirlIconStickyNote as um}from"./swirl-icon-sticky-note.js";import{SwirlIconStop as hm}from"./swirl-icon-stop.js";import{SwirlIconStopCircle as gm}from"./swirl-icon-stop-circle.js";import{SwirlIconStrikethrough as km}from"./swirl-icon-strikethrough.js";import{SwirlIconSunny as vm}from"./swirl-icon-sunny.js";import{SwirlIconSwapVert as xm}from"./swirl-icon-swap-vert.js";import{SwirlIconSync as zm}from"./swirl-icon-sync.js";import{SwirlIconTasks as qm}from"./swirl-icon-tasks.js";import{SwirlIconTasksFilled as Em}from"./swirl-icon-tasks-filled.js";import{SwirlIconTerminal as Pm}from"./swirl-icon-terminal.js";import{SwirlIconTime as Am}from"./swirl-icon-time.js";import{SwirlIconTimeFilled as Nm}from"./swirl-icon-time-filled.js";import{SwirlIconToday as Om}from"./swirl-icon-today.js";import{SwirlIconTodayFilled as Bm}from"./swirl-icon-today-filled.js";import{SwirlIconTranslate as Cm}from"./swirl-icon-translate.js";import{SwirlIconTreeStructure as Dm}from"./swirl-icon-tree-structure.js";import{SwirlIconUnderlined as Fm}from"./swirl-icon-underlined.js";import{SwirlIconUndo as Gm}from"./swirl-icon-undo.js";import{SwirlIconUnlockPerson as Hm}from"./swirl-icon-unlock-person.js";import{SwirlIconUpload as Im}from"./swirl-icon-upload.js";import{SwirlIconUserAdd as Jm}from"./swirl-icon-user-add.js";import{SwirlIconUserAssign as Km}from"./swirl-icon-user-assign.js";import{SwirlIconVerifiedUser as Lm}from"./swirl-icon-verified-user.js";import{SwirlIconVideoCamera as Mm}from"./swirl-icon-video-camera.js";import{SwirlIconVideoCameraOff as Qm}from"./swirl-icon-video-camera-off.js";import{SwirlIconVideoLibrary as Rm}from"./swirl-icon-video-library.js";import{SwirlIconVideoPlayer as Sm}from"./swirl-icon-video-player.js";import{SwirlIconViewAgenda as Tm}from"./swirl-icon-view-agenda.js";import{SwirlIconVisibility as Um}from"./swirl-icon-visibility.js";import{SwirlIconVisibilityOff as Vm}from"./swirl-icon-visibility-off.js";import{SwirlIconVoice as Wm}from"./swirl-icon-voice.js";import{SwirlIconVolumeOff as Xm}from"./swirl-icon-volume-off.js";import{SwirlIconVolumeUp as Ym}from"./swirl-icon-volume-up.js";import{SwirlIconWarning as Zm}from"./swirl-icon-warning.js";import{SwirlIconWavingHand as $m}from"./swirl-icon-waving-hand.js";import{SwirlIconWebAsset as _m}from"./swirl-icon-web-asset.js";import{SwirlIconWebAssetOff as rl}from"./swirl-icon-web-asset-off.js";import{SwirlIconWork as ol}from"./swirl-icon-work.js";import{SwirlIconWorkspacePremium as il}from"./swirl-icon-workspace-premium.js";import{SwirlIconZoomIn as sl}from"./swirl-icon-zoom-in.js";import{SwirlIconZoomOut as ml}from"./swirl-icon-zoom-out.js";import{SwirlIllustration as ll}from"./swirl-illustration.js";import{SwirlIllustrationAbsence as tl}from"./swirl-illustration-absence.js";import{SwirlIllustrationBookmarks as pl}from"./swirl-illustration-bookmarks.js";import{SwirlIllustrationCalendar as fl}from"./swirl-illustration-calendar.js";import{SwirlIllustrationCelebrate as nl}from"./swirl-illustration-celebrate.js";import{SwirlIllustrationChatMessages as el}from"./swirl-illustration-chat-messages.js";import{SwirlIllustrationChatSecurity as wl}from"./swirl-illustration-chat-security.js";import{SwirlIllustrationCompletedTask as jl}from"./swirl-illustration-completed-task.js";import{SwirlIllustrationConstruction as cl}from"./swirl-illustration-construction.js";import{SwirlIllustrationContrast as al}from"./swirl-illustration-contrast.js";import{SwirlIllustrationDirectory as dl}from"./swirl-illustration-directory.js";import{SwirlIllustrationDoor as bl}from"./swirl-illustration-door.js";import{SwirlIllustrationEmptyFolder as yl}from"./swirl-illustration-empty-folder.js";import{SwirlIllustrationInvites as ul}from"./swirl-illustration-invites.js";import{SwirlIllustrationInvitesDeclined as hl}from"./swirl-illustration-invites-declined.js";import{SwirlIllustrationKey as gl}from"./swirl-illustration-key.js";import{SwirlIllustrationKeyboard as kl}from"./swirl-illustration-keyboard.js";import{SwirlIllustrationLight as vl}from"./swirl-illustration-light.js";import{SwirlIllustrationMail as xl}from"./swirl-illustration-mail.js";import{SwirlIllustrationMaintenance as zl}from"./swirl-illustration-maintenance.js";import{SwirlIllustrationMeteor as ql}from"./swirl-illustration-meteor.js";import{SwirlIllustrationMoon as El}from"./swirl-illustration-moon.js";import{SwirlIllustrationNews as Pl}from"./swirl-illustration-news.js";import{SwirlIllustrationNoNotifications as Al}from"./swirl-illustration-no-notifications.js";import{SwirlIllustrationNotification as Nl}from"./swirl-illustration-notification.js";import{SwirlIllustrationPaperRoll as Ol}from"./swirl-illustration-paper-roll.js";import{SwirlIllustrationPending as Bl}from"./swirl-illustration-pending.js";import{SwirlIllustrationProfile as Cl}from"./swirl-illustration-profile.js";import{SwirlIllustrationRoot as Dl}from"./swirl-illustration-root.js";import{SwirlIllustrationSearch as Fl}from"./swirl-illustration-search.js";import{SwirlIllustrationShifts as Gl}from"./swirl-illustration-shifts.js";import{SwirlIllustrationSorry as Hl}from"./swirl-illustration-sorry.js";import{SwirlIllustrationStart as Il}from"./swirl-illustration-start.js";import{SwirlIllustrationTasks as Jl}from"./swirl-illustration-tasks.js";import{SwirlIllustrationWarningSign as Kl}from"./swirl-illustration-warning-sign.js";import{SwirlIllustrationWave as Ll}from"./swirl-illustration-wave.js";import{SwirlImageGrid as Ml}from"./swirl-image-grid.js";import{SwirlImageGridItem as Ql}from"./swirl-image-grid-item.js";import{SwirlInlineError as Rl}from"./swirl-inline-error.js";import{SwirlInlineNotification as Sl}from"./swirl-inline-notification.js";import{SwirlInlineStatus as Tl}from"./swirl-inline-status.js";import{SwirlLightbox as Ul}from"./swirl-lightbox.js";import{SwirlLink as Vl}from"./swirl-link.js";import{SwirlList as Wl}from"./swirl-list.js";import{SwirlMenu as Xl}from"./swirl-menu.js";import{SwirlMenuItem as Yl}from"./swirl-menu-item.js";import{SwirlModal as Zl}from"./swirl-modal.js";import{SwirlModalShell as $l}from"./swirl-modal-shell.js";import{SwirlOptionList as _l}from"./swirl-option-list.js";import{SwirlOptionListItem as rt}from"./swirl-option-list-item.js";import{SwirlOptionListSection as ot}from"./swirl-option-list-section.js";import{SwirlPagination as it}from"./swirl-pagination.js";import{SwirlPdfReader as st}from"./swirl-pdf-reader.js";import{SwirlPopover as mt}from"./swirl-popover.js";import{SwirlPopoverTrigger as lt}from"./swirl-popover-trigger.js";import{SwirlProgressIndicator as tt}from"./swirl-progress-indicator.js";import{SwirlRadio as pt}from"./swirl-radio.js";import{SwirlRadioGroup as ft}from"./swirl-radio-group.js";import{SwirlResourceList as nt}from"./swirl-resource-list.js";import{SwirlResourceListFileItem as et}from"./swirl-resource-list-file-item.js";import{SwirlResourceListItem as wt}from"./swirl-resource-list-item.js";import{SwirlResourceListSection as jt}from"./swirl-resource-list-section.js";import{SwirlSearch as ct}from"./swirl-search.js";import{SwirlSelect as at}from"./swirl-select.js";import{SwirlSeparator as dt}from"./swirl-separator.js";import{SwirlShellLayout as bt}from"./swirl-shell-layout.js";import{SwirlShellNavigationItem as yt}from"./swirl-shell-navigation-item.js";import{SwirlSkeletonBox as ut}from"./swirl-skeleton-box.js";import{SwirlSkeletonText as ht}from"./swirl-skeleton-text.js";import{SwirlSpinner as gt}from"./swirl-spinner.js";import{SwirlStack as kt}from"./swirl-stack.js";import{SwirlStatusIndicator as vt}from"./swirl-status-indicator.js";import{SwirlSwitch as xt}from"./swirl-switch.js";import{SwirlSymbol as zt}from"./swirl-symbol.js";import{SwirlSymbolAcUnit as qt}from"./swirl-symbol-ac-unit.js";import{SwirlSymbolAccountCircle as Et}from"./swirl-symbol-account-circle.js";import{SwirlSymbolAlternateEmail as Pt}from"./swirl-symbol-alternate-email.js";import{SwirlSymbolAndroid as At}from"./swirl-symbol-android.js";import{SwirlSymbolAnnouncement as Nt}from"./swirl-symbol-announcement.js";import{SwirlSymbolAutorenew as Ot}from"./swirl-symbol-autorenew.js";import{SwirlSymbolBackup as Bt}from"./swirl-symbol-backup.js";import{SwirlSymbolBadge as Ct}from"./swirl-symbol-badge.js";import{SwirlSymbolBarcodeReader as Dt}from"./swirl-symbol-barcode-reader.js";import{SwirlSymbolBarcodeScanner as Ft}from"./swirl-symbol-barcode-scanner.js";import{SwirlSymbolBatteryHoriz as Gt}from"./swirl-symbol-battery-horiz.js";import{SwirlSymbolBeachAccess as Ht}from"./swirl-symbol-beach-access.js";import{SwirlSymbolBolt as It}from"./swirl-symbol-bolt.js";import{SwirlSymbolBookmark as Jt}from"./swirl-symbol-bookmark.js";import{SwirlSymbolCalendar as Kt}from"./swirl-symbol-calendar.js";import{SwirlSymbolCampaign as Lt}from"./swirl-symbol-campaign.js";import{SwirlSymbolCardsStar as Mt}from"./swirl-symbol-cards-star.js";import{SwirlSymbolCloud as Qt}from"./swirl-symbol-cloud.js";import{SwirlSymbolConstruction as Rt}from"./swirl-symbol-construction.js";import{SwirlSymbolContacts as St}from"./swirl-symbol-contacts.js";import{SwirlSymbolCoronavirus as Tt}from"./swirl-symbol-coronavirus.js";import{SwirlSymbolDesignServices as Ut}from"./swirl-symbol-design-services.js";import{SwirlSymbolDesktopWindows as Vt}from"./swirl-symbol-desktop-windows.js";import{SwirlSymbolDirectionsCarFilled as Wt}from"./swirl-symbol-directions-car-filled.js";import{SwirlSymbolDiversity as Xt}from"./swirl-symbol-diversity.js";import{SwirlSymbolDraw as Yt}from"./swirl-symbol-draw.js";import{SwirlSymbolEditCalendar as Zt}from"./swirl-symbol-edit-calendar.js";import{SwirlSymbolEmail as $t}from"./swirl-symbol-email.js";import{SwirlSymbolEmergency as _t}from"./swirl-symbol-emergency.js";import{SwirlSymbolEmojiFoodBeverage as rp}from"./swirl-symbol-emoji-food-beverage.js";import{SwirlSymbolEngineering as op}from"./swirl-symbol-engineering.js";import{SwirlSymbolEventMenu as ip}from"./swirl-symbol-event-menu.js";import{SwirlSymbolExplore as sp}from"./swirl-symbol-explore.js";import{SwirlSymbolExtension as mp}from"./swirl-symbol-extension.js";import{SwirlSymbolFacebook as lp}from"./swirl-symbol-facebook.js";import{SwirlSymbolFavorite as tp}from"./swirl-symbol-favorite.js";import{SwirlSymbolFitnessCenter as pp}from"./swirl-symbol-fitness-center.js";import{SwirlSymbolFlag as fp}from"./swirl-symbol-flag.js";import{SwirlSymbolFlight as np}from"./swirl-symbol-flight.js";import{SwirlSymbolFolder as ep}from"./swirl-symbol-folder.js";import{SwirlSymbolGlobe as wp}from"./swirl-symbol-globe.js";import{SwirlSymbolGroups as jp}from"./swirl-symbol-groups.js";import{SwirlSymbolHealing as cp}from"./swirl-symbol-healing.js";import{SwirlSymbolHealthAndSafety as ap}from"./swirl-symbol-health-and-safety.js";import{SwirlSymbolHelp as dp}from"./swirl-symbol-help.js";import{SwirlSymbolHomeRepairService as bp}from"./swirl-symbol-home-repair-service.js";import{SwirlSymbolHomeStorage as yp}from"./swirl-symbol-home-storage.js";import{SwirlSymbolIdCard as up}from"./swirl-symbol-id-card.js";import{SwirlSymbolImage as hp}from"./swirl-symbol-image.js";import{SwirlSymbolInfoMenu as gp}from"./swirl-symbol-info-menu.js";import{SwirlSymbolInstagram as kp}from"./swirl-symbol-instagram.js";import{SwirlSymbolInventory as vp}from"./swirl-symbol-inventory.js";import{SwirlSymbolInventory2 as xp}from"./swirl-symbol-inventory-2.js";import{SwirlSymbolIos as zp}from"./swirl-symbol-ios.js";import{SwirlSymbolKey as qp}from"./swirl-symbol-key.js";import{SwirlSymbolLanguage as Ep}from"./swirl-symbol-language.js";import{SwirlSymbolLeaderboard as Pp}from"./swirl-symbol-leaderboard.js";import{SwirlSymbolLightbulb as Ap}from"./swirl-symbol-lightbulb.js";import{SwirlSymbolLinkedin as Np}from"./swirl-symbol-linkedin.js";import{SwirlSymbolLocalShipping as Op}from"./swirl-symbol-local-shipping.js";import{SwirlSymbolLocationOn as Bp}from"./swirl-symbol-location-on.js";import{SwirlSymbolLoyalty as Cp}from"./swirl-symbol-loyalty.js";import{SwirlSymbolMap as Dp}from"./swirl-symbol-map.js";import{SwirlSymbolMapsHomeWork as Fp}from"./swirl-symbol-maps-home-work.js";import{SwirlSymbolMenuBook as Gp}from"./swirl-symbol-menu-book.js";import{SwirlSymbolMop as Hp}from"./swirl-symbol-mop.js";import{SwirlSymbolNestEcoLeaf as Ip}from"./swirl-symbol-nest-eco-leaf.js";import{SwirlSymbolNotifications as Jp}from"./swirl-symbol-notifications.js";import{SwirlSymbolOpenInNew as Kp}from"./swirl-symbol-open-in-new.js";import{SwirlSymbolOrders as Lp}from"./swirl-symbol-orders.js";import{SwirlSymbolPackage as Mp}from"./swirl-symbol-package.js";import{SwirlSymbolPalette as Qp}from"./swirl-symbol-palette.js";import{SwirlSymbolPartlyCloudyDay as Rp}from"./swirl-symbol-partly-cloudy-day.js";import{SwirlSymbolPedalBike as Sp}from"./swirl-symbol-pedal-bike.js";import{SwirlSymbolPercentDiscount as Tp}from"./swirl-symbol-percent-discount.js";import{SwirlSymbolPets as Up}from"./swirl-symbol-pets.js";import{SwirlSymbolPinterest as Vp}from"./swirl-symbol-pinterest.js";import{SwirlSymbolPointOfSale as Wp}from"./swirl-symbol-point-of-sale.js";import{SwirlSymbolPolicy as Xp}from"./swirl-symbol-policy.js";import{SwirlSymbolPrecisionManufacturing as Yp}from"./swirl-symbol-precision-manufacturing.js";import{SwirlSymbolPrint as Zp}from"./swirl-symbol-print.js";import{SwirlSymbolPushPin as $p}from"./swirl-symbol-push-pin.js";import{SwirlSymbolQrCodeScanner as _p}from"./swirl-symbol-qr-code-scanner.js";import{SwirlSymbolRecycling as rf}from"./swirl-symbol-recycling.js";import{SwirlSymbolRedeem as of}from"./swirl-symbol-redeem.js";import{SwirlSymbolReportProblem as sf}from"./swirl-symbol-report-problem.js";import{SwirlSymbolRestaurant as mf}from"./swirl-symbol-restaurant.js";import{SwirlSymbolRoadmap as lf}from"./swirl-symbol-roadmap.js";import{SwirlSymbolRocketLaunch as tf}from"./swirl-symbol-rocket-launch.js";import{SwirlSymbolRoom as pf}from"./swirl-symbol-room.js";import{SwirlSymbolSavings as ff}from"./swirl-symbol-savings.js";import{SwirlSymbolSchool as nf}from"./swirl-symbol-school.js";import{SwirlSymbolSell as ef}from"./swirl-symbol-sell.js";import{SwirlSymbolSettingsVoice as wf}from"./swirl-symbol-settings-voice.js";import{SwirlSymbolShoppingBag as jf}from"./swirl-symbol-shopping-bag.js";import{SwirlSymbolShoppingCart as cf}from"./swirl-symbol-shopping-cart.js";import{SwirlSymbolSmartphone as af}from"./swirl-symbol-smartphone.js";import{SwirlSymbolSpa as df}from"./swirl-symbol-spa.js";import{SwirlSymbolSportsSoccer as bf}from"./swirl-symbol-sports-soccer.js";import{SwirlSymbolStar as yf}from"./swirl-symbol-star.js";import{SwirlSymbolSupervisorAccount as uf}from"./swirl-symbol-supervisor-account.js";import{SwirlSymbolTask as hf}from"./swirl-symbol-task.js";import{SwirlSymbolTasks as gf}from"./swirl-symbol-tasks.js";import{SwirlSymbolThumbsUpDown as kf}from"./swirl-symbol-thumbs-up-down.js";import{SwirlSymbolTimer as vf}from"./swirl-symbol-timer.js";import{SwirlSymbolToolsPowerDrill as xf}from"./swirl-symbol-tools-power-drill.js";import{SwirlSymbolTrain as zf}from"./swirl-symbol-train.js";import{SwirlSymbolTrophy as qf}from"./swirl-symbol-trophy.js";import{SwirlSymbolTwitter as Ef}from"./swirl-symbol-twitter.js";import{SwirlSymbolVideo as Pf}from"./swirl-symbol-video.js";import{SwirlSymbolWarehouse as Af}from"./swirl-symbol-warehouse.js";import{SwirlSymbolWaterDrop as Nf}from"./swirl-symbol-water-drop.js";import{SwirlSymbolWbSunny as Of}from"./swirl-symbol-wb-sunny.js";import{SwirlSymbolWechat as Bf}from"./swirl-symbol-wechat.js";import{SwirlSymbolWeibo as Cf}from"./swirl-symbol-weibo.js";import{SwirlSymbolWifi as Df}from"./swirl-symbol-wifi.js";import{SwirlSymbolWork as Ff}from"./swirl-symbol-work.js";import{SwirlSymbolXing as Gf}from"./swirl-symbol-xing.js";import{SwirlSymbolYoutube as Hf}from"./swirl-symbol-youtube.js";import{SwirlTab as If}from"./swirl-tab.js";import{SwirlTabBar as Jf}from"./swirl-tab-bar.js";import{SwirlTable as Kf}from"./swirl-table.js";import{SwirlTableCell as Lf}from"./swirl-table-cell.js";import{SwirlTableColumn as Mf}from"./swirl-table-column.js";import{SwirlTableRow as Qf}from"./swirl-table-row.js";import{SwirlTableRowGroup as Rf}from"./swirl-table-row-group.js";import{SwirlTabs as Sf}from"./swirl-tabs.js";import{SwirlTag as Tf}from"./swirl-tag.js";import{SwirlText as Uf}from"./swirl-text.js";import{SwirlTextInput as Vf}from"./swirl-text-input.js";import{SwirlThemeProvider as Wf}from"./swirl-theme-provider.js";import{SwirlThumbnail as Xf}from"./swirl-thumbnail.js";import{SwirlTimeInput as Yf}from"./swirl-time-input.js";import{SwirlToast as Zf}from"./swirl-toast.js";import{SwirlToastProvider as $f}from"./swirl-toast-provider.js";import{SwirlToggleButton as _f}from"./swirl-toggle-button.js";import{SwirlToggleGroup as rn}from"./swirl-toggle-group.js";import{SwirlToolbar as on}from"./swirl-toolbar.js";import{SwirlTooltip as sn}from"./swirl-tooltip.js";import{SwirlTreeNavigation as mn}from"./swirl-tree-navigation.js";import{SwirlTreeNavigationItem as ln}from"./swirl-tree-navigation-item.js";import{SwirlTreeView as tn}from"./swirl-tree-view.js";import{SwirlTreeViewItem as pn}from"./swirl-tree-view-item.js";import{SwirlVideoThumbnail as fn}from"./swirl-video-thumbnail.js";import{SwirlVisuallyHidden as nn}from"./swirl-visually-hidden.js";import{WcDatepicker as en}from"./wc-datepicker.js";const wn=wn=>{"undefined"!=typeof customElements&&[o,i,s,m,l,t,p,f,n,e,w,j,c,a,d,b,y,u,h,g,k,v,x,z,q,E,P,A,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,nr,er,wr,jr,cr,ar,dr,br,yr,ur,hr,gr,kr,vr,xr,zr,qr,Er,Pr,Ar,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,no,eo,wo,jo,co,ao,bo,yo,uo,ho,go,ko,vo,xo,zo,qo,Eo,Po,Ao,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,ni,ei,wi,ji,ci,ai,di,bi,yi,ui,hi,gi,ki,vi,xi,zi,qi,Ei,Pi,Ai,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,ns,es,ws,js,cs,as,ds,bs,ys,us,hs,gs,ks,vs,xs,zs,qs,Es,Ps,As,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,nm,em,wm,jm,cm,am,dm,bm,ym,um,hm,gm,km,vm,xm,zm,qm,Em,Pm,Am,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,nl,el,wl,jl,cl,al,dl,bl,yl,ul,hl,gl,kl,vl,xl,zl,ql,El,Pl,Al,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,nt,et,wt,jt,ct,at,dt,bt,yt,ut,ht,gt,kt,vt,xt,zt,qt,Et,Pt,At,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,np,ep,wp,jp,cp,ap,dp,bp,yp,up,hp,gp,kp,vp,xp,zp,qp,Ep,Pp,Ap,Np,Op,Bp,Cp,Dp,Fp,Gp,Hp,Ip,Jp,Kp,Lp,Mp,Qp,Rp,Sp,Tp,Up,Vp,Wp,Xp,Yp,Zp,$p,_p,rf,of,sf,mf,lf,tf,pf,ff,nf,ef,wf,jf,cf,af,df,bf,yf,uf,hf,gf,kf,vf,xf,zf,qf,Ef,Pf,Af,Nf,Of,Bf,Cf,Df,Ff,Gf,Hf,If,Jf,Kf,Lf,Mf,Qf,Rf,Sf,Tf,Uf,Vf,Wf,Xf,Yf,Zf,$f,_f,rn,on,sn,mn,ln,tn,pn,fn,nn,en].forEach((o=>{customElements.get(r(o.is))||customElements.define(r(o.is),o,wn)}))};export{wn 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 n}from"./swirl-autocomplete.js";import{SwirlAvatar as e}from"./swirl-avatar.js";import{SwirlAvatarGroup as w}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 d}from"./swirl-button.js";import{SwirlButtonGroup as b}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 z}from"./swirl-console-layout.js";import{SwirlDataCell as q}from"./swirl-data-cell.js";import{SwirlDataCellStack as E}from"./swirl-data-cell-stack.js";import{SwirlDateInput as P}from"./swirl-date-input.js";import{SwirlDatePicker as A}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{SwirlIconAddBox as or}from"./swirl-icon-add-box.js";import{SwirlIconAddModerator as ir}from"./swirl-icon-add-moderator.js";import{SwirlIconAddPhoto as sr}from"./swirl-icon-add-photo.js";import{SwirlIconAddReaction as mr}from"./swirl-icon-add-reaction.js";import{SwirlIconAdminPanelSettings as lr}from"./swirl-icon-admin-panel-settings.js";import{SwirlIconAi as tr}from"./swirl-icon-ai.js";import{SwirlIconAiFilled as pr}from"./swirl-icon-ai-filled.js";import{SwirlIconApi as fr}from"./swirl-icon-api.js";import{SwirlIconApparel as nr}from"./swirl-icon-apparel.js";import{SwirlIconApps as er}from"./swirl-icon-apps.js";import{SwirlIconArrowBack as wr}from"./swirl-icon-arrow-back.js";import{SwirlIconArrowDownward as jr}from"./swirl-icon-arrow-downward.js";import{SwirlIconArrowForward as cr}from"./swirl-icon-arrow-forward.js";import{SwirlIconArrowLeft as ar}from"./swirl-icon-arrow-left.js";import{SwirlIconArrowRight as dr}from"./swirl-icon-arrow-right.js";import{SwirlIconArrowRightSmall as br}from"./swirl-icon-arrow-right-small.js";import{SwirlIconArrowUpward as yr}from"./swirl-icon-arrow-upward.js";import{SwirlIconAspectRatio as ur}from"./swirl-icon-aspect-ratio.js";import{SwirlIconAttachment as hr}from"./swirl-icon-attachment.js";import{SwirlIconAudioFile as gr}from"./swirl-icon-audio-file.js";import{SwirlIconAutorenew as kr}from"./swirl-icon-autorenew.js";import{SwirlIconBarChart as vr}from"./swirl-icon-bar-chart.js";import{SwirlIconBeachAccess as xr}from"./swirl-icon-beach-access.js";import{SwirlIconBeachAccessFilled as zr}from"./swirl-icon-beach-access-filled.js";import{SwirlIconBlock as qr}from"./swirl-icon-block.js";import{SwirlIconBold as Er}from"./swirl-icon-bold.js";import{SwirlIconBookmark as Pr}from"./swirl-icon-bookmark.js";import{SwirlIconBookmarkFilled as Ar}from"./swirl-icon-bookmark-filled.js";import{SwirlIconCalendarAddOnFilled as Nr}from"./swirl-icon-calendar-add-on-filled.js";import{SwirlIconCalendarRespond as Or}from"./swirl-icon-calendar-respond.js";import{SwirlIconCalendarToday as Br}from"./swirl-icon-calendar-today.js";import{SwirlIconCall as Cr}from"./swirl-icon-call.js";import{SwirlIconCallEnd as Dr}from"./swirl-icon-call-end.js";import{SwirlIconCancel as Fr}from"./swirl-icon-cancel.js";import{SwirlIconCancelFilled as Gr}from"./swirl-icon-cancel-filled.js";import{SwirlIconCancelOutline as Hr}from"./swirl-icon-cancel-outline.js";import{SwirlIconChatBubble as Ir}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 Yr}from"./swirl-icon-close-small.js";import{SwirlIconCloudUpload as Zr}from"./swirl-icon-cloud-upload.js";import{SwirlIconCoPresent as $r}from"./swirl-icon-co-present.js";import{SwirlIconCode as _r}from"./swirl-icon-code.js";import{SwirlIconColumn as ro}from"./swirl-icon-column.js";import{SwirlIconComment as oo}from"./swirl-icon-comment.js";import{SwirlIconContractEdit as io}from"./swirl-icon-contract-edit.js";import{SwirlIconContrast as so}from"./swirl-icon-contrast.js";import{SwirlIconCopy as mo}from"./swirl-icon-copy.js";import{SwirlIconCrop as lo}from"./swirl-icon-crop.js";import{SwirlIconDarkMode as to}from"./swirl-icon-dark-mode.js";import{SwirlIconDataObject as po}from"./swirl-icon-data-object.js";import{SwirlIconDateRange as fo}from"./swirl-icon-date-range.js";import{SwirlIconDelete as no}from"./swirl-icon-delete.js";import{SwirlIconDeployedCode as eo}from"./swirl-icon-deployed-code.js";import{SwirlIconDescription as wo}from"./swirl-icon-description.js";import{SwirlIconDesktop as jo}from"./swirl-icon-desktop.js";import{SwirlIconDestruction as co}from"./swirl-icon-destruction.js";import{SwirlIconDirectory as ao}from"./swirl-icon-directory.js";import{SwirlIconDirectoryFilled as bo}from"./swirl-icon-directory-filled.js";import{SwirlIconDiscover as yo}from"./swirl-icon-discover.js";import{SwirlIconDockLeft as uo}from"./swirl-icon-dock-left.js";import{SwirlIconDockLeftCollapse as ho}from"./swirl-icon-dock-left-collapse.js";import{SwirlIconDockLeftExpand as go}from"./swirl-icon-dock-left-expand.js";import{SwirlIconDoorOpen as ko}from"./swirl-icon-door-open.js";import{SwirlIconDot as vo}from"./swirl-icon-dot.js";import{SwirlIconDoubleArrowLeft as xo}from"./swirl-icon-double-arrow-left.js";import{SwirlIconDoubleArrowRight as zo}from"./swirl-icon-double-arrow-right.js";import{SwirlIconDownload as qo}from"./swirl-icon-download.js";import{SwirlIconDragHandle as Eo}from"./swirl-icon-drag-handle.js";import{SwirlIconEdit as Po}from"./swirl-icon-edit.js";import{SwirlIconEditNote as Ao}from"./swirl-icon-edit-note.js";import{SwirlIconEmojiMood as No}from"./swirl-icon-emoji-mood.js";import{SwirlIconEmojiSatisfied as Oo}from"./swirl-icon-emoji-satisfied.js";import{SwirlIconEmojiSymbols as Bo}from"./swirl-icon-emoji-symbols.js";import{SwirlIconEndSeries as Co}from"./swirl-icon-end-series.js";import{SwirlIconError as Do}from"./swirl-icon-error.js";import{SwirlIconExpandLess as Fo}from"./swirl-icon-expand-less.js";import{SwirlIconExpandMore as Go}from"./swirl-icon-expand-more.js";import{SwirlIconExperiment as Ho}from"./swirl-icon-experiment.js";import{SwirlIconFactCheck as Io}from"./swirl-icon-fact-check.js";import{SwirlIconFile as Jo}from"./swirl-icon-file.js";import{SwirlIconFileCopy as Ko}from"./swirl-icon-file-copy.js";import{SwirlIconFilter as Lo}from"./swirl-icon-filter.js";import{SwirlIconFolder as Mo}from"./swirl-icon-folder.js";import{SwirlIconFolderShared as Qo}from"./swirl-icon-folder-shared.js";import{SwirlIconFormatHOne as Ro}from"./swirl-icon-format-h-one.js";import{SwirlIconFormatListBulleted as So}from"./swirl-icon-format-list-bulleted.js";import{SwirlIconFormatListNumbered as To}from"./swirl-icon-format-list-numbered.js";import{SwirlIconForward as Uo}from"./swirl-icon-forward.js";import{SwirlIconFrontHand as Vo}from"./swirl-icon-front-hand.js";import{SwirlIconFullscreen as Wo}from"./swirl-icon-fullscreen.js";import{SwirlIconFullscreenExit as Xo}from"./swirl-icon-fullscreen-exit.js";import{SwirlIconGif as Yo}from"./swirl-icon-gif.js";import{SwirlIconGroupAdd as Zo}from"./swirl-icon-group-add.js";import{SwirlIconGroupAssign as $o}from"./swirl-icon-group-assign.js";import{SwirlIconGroups as _o}from"./swirl-icon-groups.js";import{SwirlIconGroupsFilled as ri}from"./swirl-icon-groups-filled.js";import{SwirlIconHamburgerMenu as oi}from"./swirl-icon-hamburger-menu.js";import{SwirlIconHealthAndSafety as ii}from"./swirl-icon-health-and-safety.js";import{SwirlIconHelp as si}from"./swirl-icon-help.js";import{SwirlIconHelpFilled as mi}from"./swirl-icon-help-filled.js";import{SwirlIconHighlight as li}from"./swirl-icon-highlight.js";import{SwirlIconHistory as ti}from"./swirl-icon-history.js";import{SwirlIconHome as pi}from"./swirl-icon-home.js";import{SwirlIconHomeFilled as fi}from"./swirl-icon-home-filled.js";import{SwirlIconHrResting as ni}from"./swirl-icon-hr-resting.js";import{SwirlIconImage as ei}from"./swirl-icon-image.js";import{SwirlIconImproveText as wi}from"./swirl-icon-improve-text.js";import{SwirlIconInfo as ji}from"./swirl-icon-info.js";import{SwirlIconInsertBelow as ci}from"./swirl-icon-insert-below.js";import{SwirlIconInsertChart as ai}from"./swirl-icon-insert-chart.js";import{SwirlIconInsertOnTop as di}from"./swirl-icon-insert-on-top.js";import{SwirlIconInventory as bi}from"./swirl-icon-inventory.js";import{SwirlIconInventoryOff as yi}from"./swirl-icon-inventory-off.js";import{SwirlIconIphone as ui}from"./swirl-icon-iphone.js";import{SwirlIconItalic as hi}from"./swirl-icon-italic.js";import{SwirlIconKey as gi}from"./swirl-icon-key.js";import{SwirlIconKeyboard as ki}from"./swirl-icon-keyboard.js";import{SwirlIconKeyboardHide as vi}from"./swirl-icon-keyboard-hide.js";import{SwirlIconLanguage as xi}from"./swirl-icon-language.js";import{SwirlIconLightMode as zi}from"./swirl-icon-light-mode.js";import{SwirlIconLike as qi}from"./swirl-icon-like.js";import{SwirlIconLink as Ei}from"./swirl-icon-link.js";import{SwirlIconListAltCheck as Pi}from"./swirl-icon-list-alt-check.js";import{SwirlIconLive as Ai}from"./swirl-icon-live.js";import{SwirlIconLoad as Ni}from"./swirl-icon-load.js";import{SwirlIconLocationOn as Oi}from"./swirl-icon-location-on.js";import{SwirlIconLock as Bi}from"./swirl-icon-lock.js";import{SwirlIconLockOpen as Ci}from"./swirl-icon-lock-open.js";import{SwirlIconLockPerson as Di}from"./swirl-icon-lock-person.js";import{SwirlIconLogin as Fi}from"./swirl-icon-login.js";import{SwirlIconLogout as Gi}from"./swirl-icon-logout.js";import{SwirlIconLongText as Hi}from"./swirl-icon-long-text.js";import{SwirlIconMail as Ii}from"./swirl-icon-mail.js";import{SwirlIconManageAccounts as Ji}from"./swirl-icon-manage-accounts.js";import{SwirlIconMarkChatRead as Ki}from"./swirl-icon-mark-chat-read.js";import{SwirlIconMarkChatUnread as Li}from"./swirl-icon-mark-chat-unread.js";import{SwirlIconMarkEmailRead as Mi}from"./swirl-icon-mark-email-read.js";import{SwirlIconMention as Qi}from"./swirl-icon-mention.js";import{SwirlIconMenu as Ri}from"./swirl-icon-menu.js";import{SwirlIconMenuBook as Si}from"./swirl-icon-menu-book.js";import{SwirlIconMenuBookFilled as Ti}from"./swirl-icon-menu-book-filled.js";import{SwirlIconMenuFilled as Ui}from"./swirl-icon-menu-filled.js";import{SwirlIconMessage as Vi}from"./swirl-icon-message.js";import{SwirlIconMic as Wi}from"./swirl-icon-mic.js";import{SwirlIconMicOff as Xi}from"./swirl-icon-mic-off.js";import{SwirlIconMobileTheft as Yi}from"./swirl-icon-mobile-theft.js";import{SwirlIconMoreHorizontal as Zi}from"./swirl-icon-more-horizontal.js";import{SwirlIconMoreVertikal as $i}from"./swirl-icon-more-vertikal.js";import{SwirlIconNews as _i}from"./swirl-icon-news.js";import{SwirlIconNewsFilled as rs}from"./swirl-icon-news-filled.js";import{SwirlIconNewsOff as os}from"./swirl-icon-news-off.js";import{SwirlIconNextPlan as is}from"./swirl-icon-next-plan.js";import{SwirlIconNoteStack as ss}from"./swirl-icon-note-stack.js";import{SwirlIconNoteStackFilled as ms}from"./swirl-icon-note-stack-filled.js";import{SwirlIconNotifications as ls}from"./swirl-icon-notifications.js";import{SwirlIconNotificationsActive as ts}from"./swirl-icon-notifications-active.js";import{SwirlIconNotificationsOff as ps}from"./swirl-icon-notifications-off.js";import{SwirlIconOpenInFull as fs}from"./swirl-icon-open-in-full.js";import{SwirlIconOpenInNew as ns}from"./swirl-icon-open-in-new.js";import{SwirlIconPasskey as es}from"./swirl-icon-passkey.js";import{SwirlIconPassword as ws}from"./swirl-icon-password.js";import{SwirlIconPatientList as js}from"./swirl-icon-patient-list.js";import{SwirlIconPause as cs}from"./swirl-icon-pause.js";import{SwirlIconPauseCircle as as}from"./swirl-icon-pause-circle.js";import{SwirlIconPeopleAlt as ds}from"./swirl-icon-people-alt.js";import{SwirlIconPerson as bs}from"./swirl-icon-person.js";import{SwirlIconPersonCheck as ys}from"./swirl-icon-person-check.js";import{SwirlIconPersonOff as us}from"./swirl-icon-person-off.js";import{SwirlIconPersonRaisedHand as hs}from"./swirl-icon-person-raised-hand.js";import{SwirlIconPhone as gs}from"./swirl-icon-phone.js";import{SwirlIconPhotoCamera as ks}from"./swirl-icon-photo-camera.js";import{SwirlIconPictureAsPdf as vs}from"./swirl-icon-picture-as-pdf.js";import{SwirlIconPictureInPicture as xs}from"./swirl-icon-picture-in-picture.js";import{SwirlIconPin as zs}from"./swirl-icon-pin.js";import{SwirlIconPinOff as qs}from"./swirl-icon-pin-off.js";import{SwirlIconPlace as Es}from"./swirl-icon-place.js";import{SwirlIconPlayArrow as Ps}from"./swirl-icon-play-arrow.js";import{SwirlIconPoll as As}from"./swirl-icon-poll.js";import{SwirlIconPostApproval as Ns}from"./swirl-icon-post-approval.js";import{SwirlIconPresent as Os}from"./swirl-icon-present.js";import{SwirlIconPreview as Bs}from"./swirl-icon-preview.js";import{SwirlIconPrint as Cs}from"./swirl-icon-print.js";import{SwirlIconPublic as Ds}from"./swirl-icon-public.js";import{SwirlIconPublicOff as Fs}from"./swirl-icon-public-off.js";import{SwirlIconPublishedWithChanges as Gs}from"./swirl-icon-published-with-changes.js";import{SwirlIconQrCodeScanner as Hs}from"./swirl-icon-qr-code-scanner.js";import{SwirlIconRatioFourToThree as Is}from"./swirl-icon-ratio-four-to-three.js";import{SwirlIconRatioFreeform as Js}from"./swirl-icon-ratio-freeform.js";import{SwirlIconRatioSixteenToNine as Ks}from"./swirl-icon-ratio-sixteen-to-nine.js";import{SwirlIconRatioSquare as Ls}from"./swirl-icon-ratio-square.js";import{SwirlIconRatioThreeToFour as Ms}from"./swirl-icon-ratio-three-to-four.js";import{SwirlIconRatioThreeToTwo as Qs}from"./swirl-icon-ratio-three-to-two.js";import{SwirlIconRecieved as Rs}from"./swirl-icon-recieved.js";import{SwirlIconRedo as Ss}from"./swirl-icon-redo.js";import{SwirlIconRefresh as Ts}from"./swirl-icon-refresh.js";import{SwirlIconRemove as Us}from"./swirl-icon-remove.js";import{SwirlIconRemoveCircle as Vs}from"./swirl-icon-remove-circle.js";import{SwirlIconRemoveModerator as Ws}from"./swirl-icon-remove-moderator.js";import{SwirlIconRepeat as Xs}from"./swirl-icon-repeat.js";import{SwirlIconReply as Ys}from"./swirl-icon-reply.js";import{SwirlIconReport as Zs}from"./swirl-icon-report.js";import{SwirlIconRoadmap as $s}from"./swirl-icon-roadmap.js";import{SwirlIconRocketLaunch as _s}from"./swirl-icon-rocket-launch.js";import{SwirlIconRotateLeft as rm}from"./swirl-icon-rotate-left.js";import{SwirlIconRotateRight as om}from"./swirl-icon-rotate-right.js";import{SwirlIconSchool as im}from"./swirl-icon-school.js";import{SwirlIconScreenshare as sm}from"./swirl-icon-screenshare.js";import{SwirlIconScreenshareOff as mm}from"./swirl-icon-screenshare-off.js";import{SwirlIconSearch as lm}from"./swirl-icon-search.js";import{SwirlIconSearchStrong as tm}from"./swirl-icon-search-strong.js";import{SwirlIconSection as pm}from"./swirl-icon-section.js";import{SwirlIconSecure as fm}from"./swirl-icon-secure.js";import{SwirlIconSelect as nm}from"./swirl-icon-select.js";import{SwirlIconSelectEdit as em}from"./swirl-icon-select-edit.js";import{SwirlIconSell as wm}from"./swirl-icon-sell.js";import{SwirlIconSend as jm}from"./swirl-icon-send.js";import{SwirlIconSettings as cm}from"./swirl-icon-settings.js";import{SwirlIconShortText as am}from"./swirl-icon-short-text.js";import{SwirlIconSimplify as dm}from"./swirl-icon-simplify.js";import{SwirlIconSpellcheck as bm}from"./swirl-icon-spellcheck.js";import{SwirlIconStars as ym}from"./swirl-icon-stars.js";import{SwirlIconStickyNote as um}from"./swirl-icon-sticky-note.js";import{SwirlIconStop as hm}from"./swirl-icon-stop.js";import{SwirlIconStopCircle as gm}from"./swirl-icon-stop-circle.js";import{SwirlIconStrikethrough as km}from"./swirl-icon-strikethrough.js";import{SwirlIconSunny as vm}from"./swirl-icon-sunny.js";import{SwirlIconSwapVert as xm}from"./swirl-icon-swap-vert.js";import{SwirlIconSync as zm}from"./swirl-icon-sync.js";import{SwirlIconTabMove as qm}from"./swirl-icon-tab-move.js";import{SwirlIconTasks as Em}from"./swirl-icon-tasks.js";import{SwirlIconTasksFilled as Pm}from"./swirl-icon-tasks-filled.js";import{SwirlIconTerminal as Am}from"./swirl-icon-terminal.js";import{SwirlIconTime as Nm}from"./swirl-icon-time.js";import{SwirlIconTimeFilled as Om}from"./swirl-icon-time-filled.js";import{SwirlIconToday as Bm}from"./swirl-icon-today.js";import{SwirlIconTodayFilled as Cm}from"./swirl-icon-today-filled.js";import{SwirlIconTranslate as Dm}from"./swirl-icon-translate.js";import{SwirlIconTreeStructure as Fm}from"./swirl-icon-tree-structure.js";import{SwirlIconUnderlined as Gm}from"./swirl-icon-underlined.js";import{SwirlIconUndo as Hm}from"./swirl-icon-undo.js";import{SwirlIconUnlockPerson as Im}from"./swirl-icon-unlock-person.js";import{SwirlIconUpload as Jm}from"./swirl-icon-upload.js";import{SwirlIconUserAdd as Km}from"./swirl-icon-user-add.js";import{SwirlIconUserAssign as Lm}from"./swirl-icon-user-assign.js";import{SwirlIconVerifiedUser as Mm}from"./swirl-icon-verified-user.js";import{SwirlIconVideoCamera as Qm}from"./swirl-icon-video-camera.js";import{SwirlIconVideoCameraOff as Rm}from"./swirl-icon-video-camera-off.js";import{SwirlIconVideoLibrary as Sm}from"./swirl-icon-video-library.js";import{SwirlIconVideoPlayer as Tm}from"./swirl-icon-video-player.js";import{SwirlIconViewAgenda as Um}from"./swirl-icon-view-agenda.js";import{SwirlIconVisibility as Vm}from"./swirl-icon-visibility.js";import{SwirlIconVisibilityOff as Wm}from"./swirl-icon-visibility-off.js";import{SwirlIconVoice as Xm}from"./swirl-icon-voice.js";import{SwirlIconVolumeOff as Ym}from"./swirl-icon-volume-off.js";import{SwirlIconVolumeUp as Zm}from"./swirl-icon-volume-up.js";import{SwirlIconWarning as $m}from"./swirl-icon-warning.js";import{SwirlIconWavingHand as _m}from"./swirl-icon-waving-hand.js";import{SwirlIconWebAsset as rl}from"./swirl-icon-web-asset.js";import{SwirlIconWebAssetOff as ol}from"./swirl-icon-web-asset-off.js";import{SwirlIconWork as il}from"./swirl-icon-work.js";import{SwirlIconWorkspacePremium as sl}from"./swirl-icon-workspace-premium.js";import{SwirlIconZoomIn as ml}from"./swirl-icon-zoom-in.js";import{SwirlIconZoomOut as ll}from"./swirl-icon-zoom-out.js";import{SwirlIllustration as tl}from"./swirl-illustration.js";import{SwirlIllustrationAbsence as pl}from"./swirl-illustration-absence.js";import{SwirlIllustrationBookmarks as fl}from"./swirl-illustration-bookmarks.js";import{SwirlIllustrationCalendar as nl}from"./swirl-illustration-calendar.js";import{SwirlIllustrationCelebrate as el}from"./swirl-illustration-celebrate.js";import{SwirlIllustrationChatMessages as wl}from"./swirl-illustration-chat-messages.js";import{SwirlIllustrationChatSecurity as jl}from"./swirl-illustration-chat-security.js";import{SwirlIllustrationCompletedTask as cl}from"./swirl-illustration-completed-task.js";import{SwirlIllustrationConstruction as al}from"./swirl-illustration-construction.js";import{SwirlIllustrationContrast as dl}from"./swirl-illustration-contrast.js";import{SwirlIllustrationDirectory as bl}from"./swirl-illustration-directory.js";import{SwirlIllustrationDoor as yl}from"./swirl-illustration-door.js";import{SwirlIllustrationEmptyFolder as ul}from"./swirl-illustration-empty-folder.js";import{SwirlIllustrationInvites as hl}from"./swirl-illustration-invites.js";import{SwirlIllustrationInvitesDeclined as gl}from"./swirl-illustration-invites-declined.js";import{SwirlIllustrationKey as kl}from"./swirl-illustration-key.js";import{SwirlIllustrationKeyboard as vl}from"./swirl-illustration-keyboard.js";import{SwirlIllustrationLight as xl}from"./swirl-illustration-light.js";import{SwirlIllustrationMail as zl}from"./swirl-illustration-mail.js";import{SwirlIllustrationMaintenance as ql}from"./swirl-illustration-maintenance.js";import{SwirlIllustrationMeteor as El}from"./swirl-illustration-meteor.js";import{SwirlIllustrationMoon as Pl}from"./swirl-illustration-moon.js";import{SwirlIllustrationNews as Al}from"./swirl-illustration-news.js";import{SwirlIllustrationNoNotifications as Nl}from"./swirl-illustration-no-notifications.js";import{SwirlIllustrationNotification as Ol}from"./swirl-illustration-notification.js";import{SwirlIllustrationPaperRoll as Bl}from"./swirl-illustration-paper-roll.js";import{SwirlIllustrationPending as Cl}from"./swirl-illustration-pending.js";import{SwirlIllustrationProfile as Dl}from"./swirl-illustration-profile.js";import{SwirlIllustrationRoot as Fl}from"./swirl-illustration-root.js";import{SwirlIllustrationSearch as Gl}from"./swirl-illustration-search.js";import{SwirlIllustrationShifts as Hl}from"./swirl-illustration-shifts.js";import{SwirlIllustrationSorry as Il}from"./swirl-illustration-sorry.js";import{SwirlIllustrationStart as Jl}from"./swirl-illustration-start.js";import{SwirlIllustrationTasks as Kl}from"./swirl-illustration-tasks.js";import{SwirlIllustrationWarningSign as Ll}from"./swirl-illustration-warning-sign.js";import{SwirlIllustrationWave as Ml}from"./swirl-illustration-wave.js";import{SwirlImageGrid as Ql}from"./swirl-image-grid.js";import{SwirlImageGridItem as Rl}from"./swirl-image-grid-item.js";import{SwirlInlineError as Sl}from"./swirl-inline-error.js";import{SwirlInlineNotification as Tl}from"./swirl-inline-notification.js";import{SwirlInlineStatus as Ul}from"./swirl-inline-status.js";import{SwirlLightbox as Vl}from"./swirl-lightbox.js";import{SwirlLink as Wl}from"./swirl-link.js";import{SwirlList as Xl}from"./swirl-list.js";import{SwirlMenu as Yl}from"./swirl-menu.js";import{SwirlMenuItem as Zl}from"./swirl-menu-item.js";import{SwirlModal as $l}from"./swirl-modal.js";import{SwirlModalShell as _l}from"./swirl-modal-shell.js";import{SwirlOptionList as rt}from"./swirl-option-list.js";import{SwirlOptionListItem as ot}from"./swirl-option-list-item.js";import{SwirlOptionListSection as it}from"./swirl-option-list-section.js";import{SwirlPagination as st}from"./swirl-pagination.js";import{SwirlPdfReader as mt}from"./swirl-pdf-reader.js";import{SwirlPopover as lt}from"./swirl-popover.js";import{SwirlPopoverTrigger as tt}from"./swirl-popover-trigger.js";import{SwirlProgressIndicator as pt}from"./swirl-progress-indicator.js";import{SwirlRadio as ft}from"./swirl-radio.js";import{SwirlRadioGroup as nt}from"./swirl-radio-group.js";import{SwirlResourceList as et}from"./swirl-resource-list.js";import{SwirlResourceListFileItem as wt}from"./swirl-resource-list-file-item.js";import{SwirlResourceListItem as jt}from"./swirl-resource-list-item.js";import{SwirlResourceListSection as ct}from"./swirl-resource-list-section.js";import{SwirlSearch as at}from"./swirl-search.js";import{SwirlSelect as dt}from"./swirl-select.js";import{SwirlSeparator as bt}from"./swirl-separator.js";import{SwirlShellLayout as yt}from"./swirl-shell-layout.js";import{SwirlShellNavigationItem as ut}from"./swirl-shell-navigation-item.js";import{SwirlSkeletonBox as ht}from"./swirl-skeleton-box.js";import{SwirlSkeletonText as gt}from"./swirl-skeleton-text.js";import{SwirlSpinner as kt}from"./swirl-spinner.js";import{SwirlStack as vt}from"./swirl-stack.js";import{SwirlStatusIndicator as xt}from"./swirl-status-indicator.js";import{SwirlSwitch as zt}from"./swirl-switch.js";import{SwirlSymbol as qt}from"./swirl-symbol.js";import{SwirlSymbolAcUnit as Et}from"./swirl-symbol-ac-unit.js";import{SwirlSymbolAccountCircle as Pt}from"./swirl-symbol-account-circle.js";import{SwirlSymbolAlternateEmail as At}from"./swirl-symbol-alternate-email.js";import{SwirlSymbolAndroid as Nt}from"./swirl-symbol-android.js";import{SwirlSymbolAnnouncement as Ot}from"./swirl-symbol-announcement.js";import{SwirlSymbolAutorenew as Bt}from"./swirl-symbol-autorenew.js";import{SwirlSymbolBackup as Ct}from"./swirl-symbol-backup.js";import{SwirlSymbolBadge as Dt}from"./swirl-symbol-badge.js";import{SwirlSymbolBarcodeReader as Ft}from"./swirl-symbol-barcode-reader.js";import{SwirlSymbolBarcodeScanner as Gt}from"./swirl-symbol-barcode-scanner.js";import{SwirlSymbolBatteryHoriz as Ht}from"./swirl-symbol-battery-horiz.js";import{SwirlSymbolBeachAccess as It}from"./swirl-symbol-beach-access.js";import{SwirlSymbolBolt as Jt}from"./swirl-symbol-bolt.js";import{SwirlSymbolBookmark as Kt}from"./swirl-symbol-bookmark.js";import{SwirlSymbolCalendar as Lt}from"./swirl-symbol-calendar.js";import{SwirlSymbolCampaign as Mt}from"./swirl-symbol-campaign.js";import{SwirlSymbolCardsStar as Qt}from"./swirl-symbol-cards-star.js";import{SwirlSymbolCloud as Rt}from"./swirl-symbol-cloud.js";import{SwirlSymbolConstruction as St}from"./swirl-symbol-construction.js";import{SwirlSymbolContacts as Tt}from"./swirl-symbol-contacts.js";import{SwirlSymbolCoronavirus as Ut}from"./swirl-symbol-coronavirus.js";import{SwirlSymbolDesignServices as Vt}from"./swirl-symbol-design-services.js";import{SwirlSymbolDesktopWindows as Wt}from"./swirl-symbol-desktop-windows.js";import{SwirlSymbolDirectionsCarFilled as Xt}from"./swirl-symbol-directions-car-filled.js";import{SwirlSymbolDiversity as Yt}from"./swirl-symbol-diversity.js";import{SwirlSymbolDraw as Zt}from"./swirl-symbol-draw.js";import{SwirlSymbolEditCalendar as $t}from"./swirl-symbol-edit-calendar.js";import{SwirlSymbolEmail as _t}from"./swirl-symbol-email.js";import{SwirlSymbolEmergency as rp}from"./swirl-symbol-emergency.js";import{SwirlSymbolEmojiFoodBeverage as op}from"./swirl-symbol-emoji-food-beverage.js";import{SwirlSymbolEngineering as ip}from"./swirl-symbol-engineering.js";import{SwirlSymbolEventMenu as sp}from"./swirl-symbol-event-menu.js";import{SwirlSymbolExplore as mp}from"./swirl-symbol-explore.js";import{SwirlSymbolExtension as lp}from"./swirl-symbol-extension.js";import{SwirlSymbolFacebook as tp}from"./swirl-symbol-facebook.js";import{SwirlSymbolFavorite as pp}from"./swirl-symbol-favorite.js";import{SwirlSymbolFitnessCenter as fp}from"./swirl-symbol-fitness-center.js";import{SwirlSymbolFlag as np}from"./swirl-symbol-flag.js";import{SwirlSymbolFlight as ep}from"./swirl-symbol-flight.js";import{SwirlSymbolFolder as wp}from"./swirl-symbol-folder.js";import{SwirlSymbolGlobe as jp}from"./swirl-symbol-globe.js";import{SwirlSymbolGroups as cp}from"./swirl-symbol-groups.js";import{SwirlSymbolHealing as ap}from"./swirl-symbol-healing.js";import{SwirlSymbolHealthAndSafety as dp}from"./swirl-symbol-health-and-safety.js";import{SwirlSymbolHelp as bp}from"./swirl-symbol-help.js";import{SwirlSymbolHomeRepairService as yp}from"./swirl-symbol-home-repair-service.js";import{SwirlSymbolHomeStorage as up}from"./swirl-symbol-home-storage.js";import{SwirlSymbolIdCard as hp}from"./swirl-symbol-id-card.js";import{SwirlSymbolImage as gp}from"./swirl-symbol-image.js";import{SwirlSymbolInfoMenu as kp}from"./swirl-symbol-info-menu.js";import{SwirlSymbolInstagram as vp}from"./swirl-symbol-instagram.js";import{SwirlSymbolInventory as xp}from"./swirl-symbol-inventory.js";import{SwirlSymbolInventory2 as zp}from"./swirl-symbol-inventory-2.js";import{SwirlSymbolIos as qp}from"./swirl-symbol-ios.js";import{SwirlSymbolKey as Ep}from"./swirl-symbol-key.js";import{SwirlSymbolLanguage as Pp}from"./swirl-symbol-language.js";import{SwirlSymbolLeaderboard as Ap}from"./swirl-symbol-leaderboard.js";import{SwirlSymbolLightbulb as Np}from"./swirl-symbol-lightbulb.js";import{SwirlSymbolLinkedin as Op}from"./swirl-symbol-linkedin.js";import{SwirlSymbolLocalShipping as Bp}from"./swirl-symbol-local-shipping.js";import{SwirlSymbolLocationOn as Cp}from"./swirl-symbol-location-on.js";import{SwirlSymbolLoyalty as Dp}from"./swirl-symbol-loyalty.js";import{SwirlSymbolMap as Fp}from"./swirl-symbol-map.js";import{SwirlSymbolMapsHomeWork as Gp}from"./swirl-symbol-maps-home-work.js";import{SwirlSymbolMenuBook as Hp}from"./swirl-symbol-menu-book.js";import{SwirlSymbolMop as Ip}from"./swirl-symbol-mop.js";import{SwirlSymbolNestEcoLeaf as Jp}from"./swirl-symbol-nest-eco-leaf.js";import{SwirlSymbolNotifications as Kp}from"./swirl-symbol-notifications.js";import{SwirlSymbolOpenInNew as Lp}from"./swirl-symbol-open-in-new.js";import{SwirlSymbolOrders as Mp}from"./swirl-symbol-orders.js";import{SwirlSymbolPackage as Qp}from"./swirl-symbol-package.js";import{SwirlSymbolPalette as Rp}from"./swirl-symbol-palette.js";import{SwirlSymbolPartlyCloudyDay as Sp}from"./swirl-symbol-partly-cloudy-day.js";import{SwirlSymbolPedalBike as Tp}from"./swirl-symbol-pedal-bike.js";import{SwirlSymbolPercentDiscount as Up}from"./swirl-symbol-percent-discount.js";import{SwirlSymbolPets as Vp}from"./swirl-symbol-pets.js";import{SwirlSymbolPinterest as Wp}from"./swirl-symbol-pinterest.js";import{SwirlSymbolPointOfSale as Xp}from"./swirl-symbol-point-of-sale.js";import{SwirlSymbolPolicy as Yp}from"./swirl-symbol-policy.js";import{SwirlSymbolPrecisionManufacturing as Zp}from"./swirl-symbol-precision-manufacturing.js";import{SwirlSymbolPrint as $p}from"./swirl-symbol-print.js";import{SwirlSymbolPushPin as _p}from"./swirl-symbol-push-pin.js";import{SwirlSymbolQrCodeScanner as rf}from"./swirl-symbol-qr-code-scanner.js";import{SwirlSymbolRecycling as of}from"./swirl-symbol-recycling.js";import{SwirlSymbolRedeem as sf}from"./swirl-symbol-redeem.js";import{SwirlSymbolReportProblem as mf}from"./swirl-symbol-report-problem.js";import{SwirlSymbolRestaurant as lf}from"./swirl-symbol-restaurant.js";import{SwirlSymbolRoadmap as tf}from"./swirl-symbol-roadmap.js";import{SwirlSymbolRocketLaunch as pf}from"./swirl-symbol-rocket-launch.js";import{SwirlSymbolRoom as ff}from"./swirl-symbol-room.js";import{SwirlSymbolSavings as nf}from"./swirl-symbol-savings.js";import{SwirlSymbolSchool as ef}from"./swirl-symbol-school.js";import{SwirlSymbolSell as wf}from"./swirl-symbol-sell.js";import{SwirlSymbolSettingsVoice as jf}from"./swirl-symbol-settings-voice.js";import{SwirlSymbolShoppingBag as cf}from"./swirl-symbol-shopping-bag.js";import{SwirlSymbolShoppingCart as af}from"./swirl-symbol-shopping-cart.js";import{SwirlSymbolSmartphone as df}from"./swirl-symbol-smartphone.js";import{SwirlSymbolSpa as bf}from"./swirl-symbol-spa.js";import{SwirlSymbolSportsSoccer as yf}from"./swirl-symbol-sports-soccer.js";import{SwirlSymbolStar as uf}from"./swirl-symbol-star.js";import{SwirlSymbolSupervisorAccount as hf}from"./swirl-symbol-supervisor-account.js";import{SwirlSymbolTask as gf}from"./swirl-symbol-task.js";import{SwirlSymbolTasks as kf}from"./swirl-symbol-tasks.js";import{SwirlSymbolThumbsUpDown as vf}from"./swirl-symbol-thumbs-up-down.js";import{SwirlSymbolTimer as xf}from"./swirl-symbol-timer.js";import{SwirlSymbolToolsPowerDrill as zf}from"./swirl-symbol-tools-power-drill.js";import{SwirlSymbolTrain as qf}from"./swirl-symbol-train.js";import{SwirlSymbolTrophy as Ef}from"./swirl-symbol-trophy.js";import{SwirlSymbolTwitter as Pf}from"./swirl-symbol-twitter.js";import{SwirlSymbolVideo as Af}from"./swirl-symbol-video.js";import{SwirlSymbolWarehouse as Nf}from"./swirl-symbol-warehouse.js";import{SwirlSymbolWaterDrop as Of}from"./swirl-symbol-water-drop.js";import{SwirlSymbolWbSunny as Bf}from"./swirl-symbol-wb-sunny.js";import{SwirlSymbolWechat as Cf}from"./swirl-symbol-wechat.js";import{SwirlSymbolWeibo as Df}from"./swirl-symbol-weibo.js";import{SwirlSymbolWifi as Ff}from"./swirl-symbol-wifi.js";import{SwirlSymbolWork as Gf}from"./swirl-symbol-work.js";import{SwirlSymbolXing as Hf}from"./swirl-symbol-xing.js";import{SwirlSymbolYoutube as If}from"./swirl-symbol-youtube.js";import{SwirlTab as Jf}from"./swirl-tab.js";import{SwirlTabBar as Kf}from"./swirl-tab-bar.js";import{SwirlTable as Lf}from"./swirl-table.js";import{SwirlTableCell as Mf}from"./swirl-table-cell.js";import{SwirlTableColumn as Qf}from"./swirl-table-column.js";import{SwirlTableRow as Rf}from"./swirl-table-row.js";import{SwirlTableRowGroup as Sf}from"./swirl-table-row-group.js";import{SwirlTabs as Tf}from"./swirl-tabs.js";import{SwirlTag as Uf}from"./swirl-tag.js";import{SwirlText as Vf}from"./swirl-text.js";import{SwirlTextInput as Wf}from"./swirl-text-input.js";import{SwirlThemeProvider as Xf}from"./swirl-theme-provider.js";import{SwirlThumbnail as Yf}from"./swirl-thumbnail.js";import{SwirlTimeInput as Zf}from"./swirl-time-input.js";import{SwirlToast as $f}from"./swirl-toast.js";import{SwirlToastProvider as _f}from"./swirl-toast-provider.js";import{SwirlToggleButton as rn}from"./swirl-toggle-button.js";import{SwirlToggleGroup as on}from"./swirl-toggle-group.js";import{SwirlToolbar as sn}from"./swirl-toolbar.js";import{SwirlTooltip as mn}from"./swirl-tooltip.js";import{SwirlTreeNavigation as ln}from"./swirl-tree-navigation.js";import{SwirlTreeNavigationItem as tn}from"./swirl-tree-navigation-item.js";import{SwirlTreeView as pn}from"./swirl-tree-view.js";import{SwirlTreeViewItem as fn}from"./swirl-tree-view-item.js";import{SwirlVideoThumbnail as nn}from"./swirl-video-thumbnail.js";import{SwirlVisuallyHidden as en}from"./swirl-visually-hidden.js";import{WcDatepicker as wn}from"./wc-datepicker.js";const jn=jn=>{"undefined"!=typeof customElements&&[o,i,s,m,l,t,p,f,n,e,w,j,c,a,d,b,y,u,h,g,k,v,x,z,q,E,P,A,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,nr,er,wr,jr,cr,ar,dr,br,yr,ur,hr,gr,kr,vr,xr,zr,qr,Er,Pr,Ar,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,no,eo,wo,jo,co,ao,bo,yo,uo,ho,go,ko,vo,xo,zo,qo,Eo,Po,Ao,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,ni,ei,wi,ji,ci,ai,di,bi,yi,ui,hi,gi,ki,vi,xi,zi,qi,Ei,Pi,Ai,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,ns,es,ws,js,cs,as,ds,bs,ys,us,hs,gs,ks,vs,xs,zs,qs,Es,Ps,As,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,nm,em,wm,jm,cm,am,dm,bm,ym,um,hm,gm,km,vm,xm,zm,qm,Em,Pm,Am,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,nl,el,wl,jl,cl,al,dl,bl,yl,ul,hl,gl,kl,vl,xl,zl,ql,El,Pl,Al,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,nt,et,wt,jt,ct,at,dt,bt,yt,ut,ht,gt,kt,vt,xt,zt,qt,Et,Pt,At,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,np,ep,wp,jp,cp,ap,dp,bp,yp,up,hp,gp,kp,vp,xp,zp,qp,Ep,Pp,Ap,Np,Op,Bp,Cp,Dp,Fp,Gp,Hp,Ip,Jp,Kp,Lp,Mp,Qp,Rp,Sp,Tp,Up,Vp,Wp,Xp,Yp,Zp,$p,_p,rf,of,sf,mf,lf,tf,pf,ff,nf,ef,wf,jf,cf,af,df,bf,yf,uf,hf,gf,kf,vf,xf,zf,qf,Ef,Pf,Af,Nf,Of,Bf,Cf,Df,Ff,Gf,Hf,If,Jf,Kf,Lf,Mf,Qf,Rf,Sf,Tf,Uf,Vf,Wf,Xf,Yf,Zf,$f,_f,rn,on,sn,mn,ln,tn,pn,fn,nn,en,wn].forEach((o=>{customElements.get(r(o.is))||customElements.define(r(o.is),o,jn)}))};export{jn as defineCustomElements}

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

@@ -1 +1 @@
-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 r}from"./swirl-text2.js";const c=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.expansionChange=o(this,"expansionChange",7),this.headingLevel=2,this.itemId=crypto.randomUUID(),this.expanded=!1,this.headingId=crypto.randomUUID()+"-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:"b297a697fbbe8121acd9f966f074c271e76972ed"},t("div",{key:"6656e55c34dfa06504e11e36d70eb357a1a46b63",class:e},t(i,{key:"c8251970ff06e54143d299bbeeaefc6d5b5d2244",class:"accordion-item__heading"},t("button",{key:"5ce40ba197c4240ff3a773a5f6bb76bd294c6c76","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:"2858c801a6f82512e6cbd8167c800d8377e7c35a",name:"media"}),t("span",{key:"2bdb695a299037fee4888f302443973616fad4da",class:"accordion-item__toggle-text"},this.heading,this.description&&t("swirl-text",{key:"7c11ea5d728793547c1a0f1dab90aaa5aa4c59da",as:"span",color:"subdued",size:"sm"},this.description)),t("slot",{key:"5af2efe8d4465b25bf12fedf37b238284e7a25be",name:"trailing"}),t("span",{key:"4a6dd7c3c8cf8f0963b7c3a42773d98dcbf0e539",class:"accordion-item__icon"},!this.expanded&&t("swirl-icon",{key:"829fd01d3b23ee30533e6f98ece26d5e0c2d05d8",glyph:"chevron-right",size:20}),this.expanded&&t("swirl-icon",{key:"379315557a2beeba3859c2881db12da3f1926840",glyph:"expand-more",size:20})))),t("div",{key:"94859d42d121cbbe5efc57ba0e63a22d589ac1a9","aria-labelledby":this.headingId,class:"accordion-item__content",id:this.itemId,role:"region"},t("slot",{key:"166871ec6623b8a4b06d1807d61cb93819b95d0a"}))))}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]}]),l=c,m=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),c);break;case"swirl-icon":customElements.get(d(i))||n();break;case"swirl-text":customElements.get(d(i))||r()}}))};export{l as SwirlAccordionItem,m 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 r}from"./swirl-text2.js";const c=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.expansionChange=o(this,"expansionChange",7),this.headingLevel=2,this.itemId=crypto.randomUUID(),this.expanded=!1,this.headingId=crypto.randomUUID()+"-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:"6707a1b512d1aa54789c1ac47186fbe1ffb9563a"},t("div",{key:"c8eff3561d541f118178b2ed6462d6b968a20a19",class:e},t(i,{key:"71872b1aa2f65d0d0086b77b43865cfa388ce996",class:"accordion-item__heading"},t("button",{key:"b4142dc44542110eccda91d6ec28ad984ae56259","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:"61d8c5046b7760700faa2722ee5bd922de84de36",name:"media"}),t("span",{key:"c3f22d66e6f8a692f318a0971b7e5e948fa8fc81",class:"accordion-item__toggle-text"},this.heading,this.description&&t("swirl-text",{key:"e5789928255ae8ee34bf8b600ac63f1cc0150b63",as:"span",color:"subdued",size:"sm"},this.description)),t("slot",{key:"0094a77f062ed3d9e763f0cf80367518bc95984a",name:"trailing"}),t("span",{key:"a3137d137340c30b984f13db2c22a1315895934c",class:"accordion-item__icon"},!this.expanded&&t("swirl-icon",{key:"7f367031ab98ef08d8c78845ca5f0bde70573cd1",glyph:"chevron-right",size:20}),this.expanded&&t("swirl-icon",{key:"437a61fbb1540c0c82ebbae41eb382e471e57aad",glyph:"expand-more",size:20})))),t("div",{key:"af7c4b1ddff638bb32fdf83e993e5cc48c7416a8","aria-labelledby":this.headingId,class:"accordion-item__content",id:this.itemId,role:"region"},t("slot",{key:"a372dc4959477650adc0a479dd33aaa6f6a775cd"}))))}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]}]),l=c,m=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),c);break;case"swirl-icon":customElements.get(d(i))||n();break;case"swirl-text":customElements.get(d(i))||r()}}))};export{l as SwirlAccordionItem,m as defineCustomElement}

package/dist/components/swirl-accordion.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as n,transformTag as c}from"@stencil/core/internal/client";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expandedItemChange=s(this,"expandedItemChange",7),this.multiExpand=!1,this.componentLoaded=!1,this.onExpansionChange=t=>{t.detail&&(this.expandedItemChange.emit(t.target.itemId),this.collapseInactiveItems(t.target))}}connectedCallback(){this.componentLoaded&&this.el.addEventListener("expansionChange",this.onExpansionChange)}componentDidLoad(){this.el.addEventListener("expansionChange",this.onExpansionChange),this.componentLoaded=!0}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 i(n,{key:"c8cd14f92cef7d34f59f1883d0c95724171b8425"},i("slot",{key:"27729fdcf545689f6a6e4b05c62df2cacfc24e15"}))}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=o,a=function(){"undefined"!=typeof customElements&&["swirl-accordion"].forEach((t=>{"swirl-accordion"===t&&(customElements.get(c(t))||customElements.define(c(t),o))}))};export{r as SwirlAccordion,a as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as n,transformTag as o}from"@stencil/core/internal/client";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expandedItemChange=s(this,"expandedItemChange",7),this.multiExpand=!1,this.componentLoaded=!1,this.onExpansionChange=t=>{t.detail&&(this.expandedItemChange.emit(t.target.itemId),this.collapseInactiveItems(t.target))}}connectedCallback(){this.componentLoaded&&this.el.addEventListener("expansionChange",this.onExpansionChange)}componentDidLoad(){this.el.addEventListener("expansionChange",this.onExpansionChange),this.componentLoaded=!0}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 i(n,{key:"db824bb15d6e2cb8a4d6b1bc69c938c8ba05d0cd"},i("slot",{key:"962e95169c448b31f1f7d4732b8bef943757919c"}))}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((t=>{"swirl-accordion"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))};export{r as SwirlAccordion,a as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as a,Host as t,transformTag as i}from"@stencil/core/internal/client";import{d as r}from"./swirl-separator2.js";import{d as c}from"./swirl-stack2.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.separatorSpacing="4",this.spacing="0",this.hasSeparator=!1}render(){return a(t,{key:"c353e574f05fe969e8da34d168d49b303393e63c"},this.hasSeparator&&a("swirl-separator",{key:"a2ee97295f8008855b8b49df50a16c81ab846a4a",spacing:this.separatorSpacing}),a("div",{key:"7acec8b0a4b14d44c993d27e9972ce424cded911","aria-labelledby":"label",class:"action-list-section",role:"group"},a("span",{key:"b44a649448a5317d7047098ece65d455d7da34de",class:"action-list-section__label",id:"label",part:"action-list-section__label"},this.label),a("swirl-stack",{key:"259331672891860273deeaa0b21e633dd3ad18aa",spacing:this.spacing,align:"stretch"},a("slot",{key:"d08ae1429c8f4ed5079ebba44216952e0e5fec52"}))))}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((e=>{switch(e){case"swirl-action-list-section":customElements.get(i(e))||customElements.define(i(e),l);break;case"swirl-separator":customElements.get(i(e))||r();break;case"swirl-stack":customElements.get(i(e))||c()}}))};export{o as SwirlActionListSection,n as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as e,h as t,Host as a,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 t(a,{key:"783ead35780725c3448e67b29d8514c1878ac776"},this.hasSeparator&&t("swirl-separator",{key:"56569148428e9c2c84d8b6b98f84303cb4bcb6a7",spacing:this.separatorSpacing}),t("div",{key:"6b5bc91e392e50ca605bf4dc2aa0731cc016cd9b","aria-labelledby":"label",class:"action-list-section",role:"group"},t("span",{key:"f259d0ffea93d5e663d96af7a404edb861c891ab",class:"action-list-section__label",id:"label",part:"action-list-section__label"},this.label),t("swirl-stack",{key:"1b64ecbc112ef03a63df681ad9f12a2cd392808f",spacing:this.spacing,align:"stretch"},t("slot",{key:"ea6b73395b035990f4806926a61699d55dcacabb"}))))}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-list2.js

@@ -1 +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:"5442b552f660a65607f637d1e658ce03cc0102df"},i("div",{key:"163eb820320b9013cfcdc8853c147aacdbd77e50","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:"0056a5e3b7f6d6e9723fee4e5fb00d8bb9ed10e5",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}
+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:"b69904ae0892ff3583235cbf1256d7599cd8c3bb"},i("div",{key:"ef00e5cac280ebdd0e586ba0789df7c834a5175e","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:"4771ca68fcb87dc96d44b78d9f3715440e073bf8",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-icon.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as t,h as e,Host as s,transformTag as o}from"@stencil/core/internal/client";import{c as n}from"./index2.js";const r=i(class extends t{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),t=!i&&!!this.icon,o=n("app-icon",{"app-icon--has-icon":t||!i&&!t});return e(s,{key:"ab8397613faf92e7bd56601e2ad84eedb742dc7a"},e("span",{key:"518c69f11b7206663037775198573e97a17086ea",class:o},i&&e("img",{key:"08de1d2e7ff432842bbc4fa35fd7758a41e71b24",alt:"",height:"256",ref:this.onImageElementUpdate,src:this.src,width:"256"}),t&&e("span",{key:"76b4a209381c29ed208ae9a56b16080ff4a0ffb2",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]}]),a=r,c=function(){"undefined"!=typeof customElements&&["swirl-app-icon"].forEach((i=>{"swirl-app-icon"===i&&(customElements.get(o(i))||customElements.define(o(i),r))}))};export{a as SwirlAppIcon,c as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as t,h as s,Host as e,transformTag as o}from"@stencil/core/internal/client";import{c}from"./index2.js";const n=i(class extends t{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),t=!i&&!!this.icon,o=c("app-icon",{"app-icon--has-icon":t||!i&&!t});return s(e,{key:"ca9bee5af805a836fe3f8c6d07951df0a1e388ff"},s("span",{key:"4588dc055e98aaf1e3bb3689272d118486975c96",class:o},i&&s("img",{key:"9858e8d8a4f28fbe026e11a353f1dac6b8b69ccf",alt:"",height:"256",ref:this.onImageElementUpdate,src:this.src,width:"256"}),t&&s("span",{key:"6331381bf41c6651edcb884805d09cdbc57db552",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=n,a=function(){"undefined"!=typeof customElements&&["swirl-app-icon"].forEach((i=>{"swirl-app-icon"===i&&(customElements.get(o(i))||customElements.define(o(i),n))}))};export{r as SwirlAppIcon,a as defineCustomElement}

package/dist/components/swirl-carousel-slide.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as t,Host as i,transformTag as o}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const r=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.width="15.5rem"}render(){const e=l("carousel-slide",{"carousel-slide--has-min-height":!!this.minHeight});return t(i,{key:"e43be5975a5399ef11cf176d19cd3f8b5af326a3","aria-roledescription":"slide","aria-label":this.label,class:e,role:"group",style:{aspectRatio:this.aspectRatio,flexBasis:this.width,minHeight:this.minHeight},tabIndex:0},t("slot",{key:"d6183581ebae542cc66340041e7c1617a4b5587d"}))}static get style(){return":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}"}},[257,"swirl-carousel-slide",{aspectRatio:[1,"aspect-ratio"],label:[1],minHeight:[1,"min-height"],width:[1]}]),a=r,c=function(){"undefined"!=typeof customElements&&["swirl-carousel-slide"].forEach((e=>{"swirl-carousel-slide"===e&&(customElements.get(o(e))||customElements.define(o(e),r))}))};export{a as SwirlCarouselSlide,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Host as i,transformTag as o}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.width="15.5rem"}render(){const e=l("carousel-slide",{"carousel-slide--has-min-height":!!this.minHeight});return t(i,{key:"602fa58e6f9a08ac21b95f0e5a6db619012a7f5e","aria-roledescription":"slide","aria-label":this.label,class:e,role:"group",style:{aspectRatio:this.aspectRatio,flexBasis:this.width,minHeight:this.minHeight},tabIndex:0},t("slot",{key:"62708550e6868fd1ab2e472f635b43f6b5911a91"}))}static get style(){return":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}"}},[257,"swirl-carousel-slide",{aspectRatio:[1,"aspect-ratio"],label:[1],minHeight:[1,"min-height"],width:[1]}]),r=a,h=function(){"undefined"!=typeof customElements&&["swirl-carousel-slide"].forEach((e=>{"swirl-carousel-slide"===e&&(customElements.get(o(e))||customElements.define(o(e),a))}))};export{r as SwirlCarouselSlide,h as defineCustomElement}

package/dist/components/swirl-color-input.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as s,Host as i,transformTag as o}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{d as a}from"./swirl-box2.js";import{d as l}from"./swirl-popover2.js";import{d as c}from"./swirl-popover-trigger2.js";const h=(t,e=0,r=1)=>t>r?r:t<e?e:t,d=(t,e=0,r=Math.pow(10,e))=>Math.round(r*t)/r,u=t=>("#"===t[0]&&(t=t.substring(1)),t.length<6?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:4===t.length?d(parseInt(t[3]+t[3],16)/255,2):1}:{r:parseInt(t.substring(0,2),16),g:parseInt(t.substring(2,4),16),b:parseInt(t.substring(4,6),16),a:8===t.length?d(parseInt(t.substring(6,8),16)/255,2):1}),p=t=>{const{h:e,s:r,l:s}=(({h:t,s:e,v:r,a:s})=>{const i=(200-e)*r/100;return{h:d(t),s:d(i>0&&i<200?e*r/100/(i<=100?i:200-i)*100:0),l:d(i/2),a:d(s,2)}})(t);return`hsl(${e}, ${r}%, ${s}%)`},b=t=>{const e=t.toString(16);return e.length<2?"0"+e:e},m=(t,e)=>{if(t===e)return!0;for(const r in t)if(t[r]!==e[r])return!1;return!0},f={},g=t=>{let e=f[t];return e||(e=document.createElement("template"),e.innerHTML=t,f[t]=e),e},v=(t,e,r)=>{t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:r}))};let w=!1;const x=t=>"touches"in t,k=(t,e)=>{const r=x(e)?e.touches[0]:e,s=t.el.getBoundingClientRect();v(t.el,"move",t.getMove({x:h((r.pageX-(s.left+window.pageXOffset))/s.width),y:h((r.pageY-(s.top+window.pageYOffset))/s.height)}))};class y{constructor(t,e,r,s){const i=g(`<div role="slider" tabindex="0" part="${e}" ${r}><div part="${e}-pointer"></div></div>`);t.appendChild(i.content.cloneNode(!0));const o=t.querySelector(`[part=${e}]`);o.addEventListener("mousedown",this),o.addEventListener("touchstart",this),o.addEventListener("keydown",this),this.el=o,this.xy=s,this.nodes=[o.firstChild,o]}set dragging(t){const e=t?document.addEventListener:document.removeEventListener;e(w?"touchmove":"mousemove",this),e(w?"touchend":"mouseup",this)}handleEvent(t){switch(t.type){case"mousedown":case"touchstart":if(t.preventDefault(),!(t=>!(w&&!x(t)||(w||(w=x(t)),0)))(t)||!w&&0!=t.button)return;this.el.focus(),k(this,t),this.dragging=!0;break;case"mousemove":case"touchmove":t.preventDefault(),k(this,t);break;case"mouseup":case"touchend":this.dragging=!1;break;case"keydown":((t,e)=>{const r=e.keyCode;r>40||t.xy&&r<37||r<33||(e.preventDefault(),v(t.el,"move",t.getMove({x:39===r?.01:37===r?-.01:34===r?.05:33===r?-.05:35===r?1:36===r?-1:0,y:40===r?.01:38===r?-.01:0},!0)))})(this,t)}}style(t){t.forEach(((t,e)=>{for(const r in t)this.nodes[e].style.setProperty(r,t[r])}))}}class _ extends y{constructor(t){super(t,"hue",'aria-label="Hue" aria-valuemin="0" aria-valuemax="360"',!1)}update({h:t}){this.h=t,this.style([{left:t/360*100+"%",color:p({h:t,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuenow",""+d(t))}getMove(t,e){return{h:e?h(this.h+360*t.x,0,360):360*t.x}}}class E extends y{constructor(t){super(t,"saturation",'aria-label="Color"',!0)}update(t){this.hsva=t,this.style([{top:100-t.v+"%",left:t.s+"%",color:p(t)},{"background-color":p({h:t.h,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuetext",`Saturation ${d(t.s)}%, Brightness ${d(t.v)}%`)}getMove(t,e){return{s:e?h(this.hsva.s+100*t.x,0,100):100*t.x,v:e?h(this.hsva.v-100*t.y,0,100):Math.round(100-100*t.y)}}}const $=Symbol("same"),I=Symbol("color"),S=Symbol("hsva"),C=Symbol("update"),M=Symbol("parts"),z=Symbol("css"),B=Symbol("sliders");class L extends HTMLElement{static get observedAttributes(){return["color"]}get[z](){return[':host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}',"[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}","[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}"]}get[B](){return[E,_]}get color(){return this[I]}set color(t){if(!this[$](t)){const e=this.colorModel.toHsva(t);this[C](e),this[I]=t}}constructor(){super();const t=g(`<style>${this[z].join("")}</style>`),e=this.attachShadow({mode:"open"});e.appendChild(t.content.cloneNode(!0)),e.addEventListener("move",this),this[M]=this[B].map((t=>new t(e)))}connectedCallback(){if(this.hasOwnProperty("color")){const t=this.color;delete this.color,this.color=t}else this.color||(this.color=this.colorModel.defaultColor)}attributeChangedCallback(t,e,r){const s=this.colorModel.fromAttr(r);this[$](s)||(this.color=s)}handleEvent(t){const e=this[S],r={...e,...t.detail};let s;this[C](r),m(r,e)||this[$](s=this.colorModel.fromHsva(r))||(this[I]=s,v(this,"color-changed",{value:s}))}[$](t){return this.color&&this.colorModel.equal(t,this.color)}[C](t){this[S]=t,this[M].forEach((e=>e.update(t)))}}const H={defaultColor:"#000",toHsva:t=>(({r:t,g:e,b:r,a:s})=>{const i=Math.max(t,e,r),o=i-Math.min(t,e,r),n=o?i===t?(e-r)/o:i===e?2+(r-t)/o:4+(t-e)/o:0;return{h:d(60*(n<0?n+6:n)),s:d(i?o/i*100:0),v:d(i/255*100),a:s}})(u(t)),fromHsva:({h:t,s:e,v:r})=>(t=>(({r:t,g:e,b:r,a:s})=>{const i=s<1?b(d(255*s)):"";return"#"+b(t)+b(e)+b(r)+i})((({h:t,s:e,v:r,a:s})=>{e/=100,r/=100;const i=Math.floor(t=t/360*6),o=r*(1-e),n=r*(1-(t-i)*e),a=r*(1-(1-t+i)*e),l=i%6;return{r:d(255*[r,n,o,o,a,r][l]),g:d(255*[a,r,r,n,o,o][l]),b:d(255*[o,o,a,r,r,n][l]),a:d(s,2)}})(t)))({h:t,s:e,v:r,a:1}),equal:(t,e)=>t.toLowerCase()===e.toLowerCase()||m(u(t),u(e)),fromAttr:t=>t};class j extends L{get colorModel(){return H}}customElements.define("hex-color-picker",class extends j{});const A=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.inputBlur=r(this,"inputBlur",7),this.inputFocus=r(this,"inputFocus",7),this.valueChange=r(this,"valueChange",7),this.pickerButtonLabel="Open color picker",this.pickerLabel="Color picker",this.pickerId="color-picker-"+crypto.randomUUID(),this.onPickerChange=t=>{this.value=t.detail.value},this.onChange=t=>{this.value=t.target.value},this.onBlur=t=>{this.inputBlur.emit(t)},this.onFocus=t=>{this.inputFocus.emit(t),this.handleAutoSelect(t)},this.onInput=t=>{this.onChange(t)}}componentDidLoad(){this.autoFocus&&setTimeout((()=>{this.inputEl.focus()})),this.picker.addEventListener("color-changed",this.onPickerChange)}disconnectedCallback(){this.picker?.removeEventListener("color-changed",this.onPickerChange)}watchValue(t,e){t!==e&&this.valueChange.emit(t)}handleAutoSelect(t){this.autoSelect&&t.target.select()}render(){const t=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,e=n("color-input",{"color-input--inline":this.inline});return s(i,{key:"eaebb304551ee3505a7f74460c9bd5e3a6ed9e7a"},s("div",{key:"6cadb205b2706440c7e8f7c8305cf2c6fbb18fce",class:e},s("input",{key:"f2de040b5debb7b0bdd07ad596973d0236e1ac9f","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"color-input__input",disabled:this.disabled,maxLength:7,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,spellcheck:"false",type:"text",value:this.value,readonly:this.readonly}),s("swirl-popover-trigger",{key:"f3e6cf803d871526a9b1460a1c0d39119a8c66c2",swirlPopover:this.pickerId},s("button",{key:"9407e1137bb3ed0087102557962fef7bdfe18a7e",disabled:this.readonly,"aria-label":this.pickerButtonLabel,class:"color-input__preview-button",style:{backgroundColor:this.disabled?"var(--s-border-subdued)":this.value},type:"button"})),s("swirl-popover",{key:"3b13428dbd94c203b9786324830adf77c6b59b17",animation:"scale-in-y",id:this.pickerId,label:this.pickerLabel,placement:"bottom-end"},s("swirl-box",{key:"6b05ec734a0bee7b8a51706f40c4d4a36034294a",centerInline:!0,paddingBlockEnd:"8",paddingBlockStart:"8",paddingInlineEnd:"16",paddingInlineStart:"16"},s("hex-color-picker",{key:"df0cf8f535354a57376419903f6739427ce59d8f",color:this.value,ref:t=>this.picker=t})))))}static get watchers(){return{value:[{watchValue:0}]}}static get style(){return".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}"}},[2,"swirl-color-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],disabled:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],inline:[4],invalid:[4],pickerButtonLabel:[1,"picker-button-label"],pickerLabel:[1,"picker-label"],placeholder:[1],required:[4],value:[1537],readonly:[4]},void 0,{value:[{watchValue:0}]}]),F=A,q=function(){"undefined"!=typeof customElements&&["swirl-color-input","swirl-box","swirl-popover","swirl-popover-trigger"].forEach((t=>{switch(t){case"swirl-color-input":customElements.get(o(t))||customElements.define(o(t),A);break;case"swirl-box":customElements.get(o(t))||a();break;case"swirl-popover":customElements.get(o(t))||l();break;case"swirl-popover-trigger":customElements.get(o(t))||c()}}))};export{F as SwirlColorInput,q as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{d as a}from"./swirl-box2.js";import{d as l}from"./swirl-popover2.js";import{d as c}from"./swirl-popover-trigger2.js";const h=(t,e=0,r=1)=>t>r?r:t<e?e:t,u=(t,e=0,r=Math.pow(10,e))=>Math.round(r*t)/r,d=t=>("#"===t[0]&&(t=t.substring(1)),t.length<6?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:4===t.length?u(parseInt(t[3]+t[3],16)/255,2):1}:{r:parseInt(t.substring(0,2),16),g:parseInt(t.substring(2,4),16),b:parseInt(t.substring(4,6),16),a:8===t.length?u(parseInt(t.substring(6,8),16)/255,2):1}),p=t=>{const{h:e,s:r,l:i}=(({h:t,s:e,v:r,a:i})=>{const o=(200-e)*r/100;return{h:u(t),s:u(o>0&&o<200?e*r/100/(o<=100?o:200-o)*100:0),l:u(o/2),a:u(i,2)}})(t);return`hsl(${e}, ${r}%, ${i}%)`},b=t=>{const e=t.toString(16);return e.length<2?"0"+e:e},m=(t,e)=>{if(t===e)return!0;for(const r in t)if(t[r]!==e[r])return!1;return!0},f={},g=t=>{let e=f[t];return e||(e=document.createElement("template"),e.innerHTML=t,f[t]=e),e},v=(t,e,r)=>{t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:r}))};let w=!1;const x=t=>"touches"in t,k=(t,e)=>{const r=x(e)?e.touches[0]:e,i=t.el.getBoundingClientRect();v(t.el,"move",t.getMove({x:h((r.pageX-(i.left+window.pageXOffset))/i.width),y:h((r.pageY-(i.top+window.pageYOffset))/i.height)}))};class y{constructor(t,e,r,i){const o=g(`<div role="slider" tabindex="0" part="${e}" ${r}><div part="${e}-pointer"></div></div>`);t.appendChild(o.content.cloneNode(!0));const s=t.querySelector(`[part=${e}]`);s.addEventListener("mousedown",this),s.addEventListener("touchstart",this),s.addEventListener("keydown",this),this.el=s,this.xy=i,this.nodes=[s.firstChild,s]}set dragging(t){const e=t?document.addEventListener:document.removeEventListener;e(w?"touchmove":"mousemove",this),e(w?"touchend":"mouseup",this)}handleEvent(t){switch(t.type){case"mousedown":case"touchstart":if(t.preventDefault(),!(t=>!(w&&!x(t)||(w||(w=x(t)),0)))(t)||!w&&0!=t.button)return;this.el.focus(),k(this,t),this.dragging=!0;break;case"mousemove":case"touchmove":t.preventDefault(),k(this,t);break;case"mouseup":case"touchend":this.dragging=!1;break;case"keydown":((t,e)=>{const r=e.keyCode;r>40||t.xy&&r<37||r<33||(e.preventDefault(),v(t.el,"move",t.getMove({x:39===r?.01:37===r?-.01:34===r?.05:33===r?-.05:35===r?1:36===r?-1:0,y:40===r?.01:38===r?-.01:0},!0)))})(this,t)}}style(t){t.forEach(((t,e)=>{for(const r in t)this.nodes[e].style.setProperty(r,t[r])}))}}class _ extends y{constructor(t){super(t,"hue",'aria-label="Hue" aria-valuemin="0" aria-valuemax="360"',!1)}update({h:t}){this.h=t,this.style([{left:t/360*100+"%",color:p({h:t,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuenow",""+u(t))}getMove(t,e){return{h:e?h(this.h+360*t.x,0,360):360*t.x}}}class E extends y{constructor(t){super(t,"saturation",'aria-label="Color"',!0)}update(t){this.hsva=t,this.style([{top:100-t.v+"%",left:t.s+"%",color:p(t)},{"background-color":p({h:t.h,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuetext",`Saturation ${u(t.s)}%, Brightness ${u(t.v)}%`)}getMove(t,e){return{s:e?h(this.hsva.s+100*t.x,0,100):100*t.x,v:e?h(this.hsva.v-100*t.y,0,100):Math.round(100-100*t.y)}}}const $=Symbol("same"),I=Symbol("color"),S=Symbol("hsva"),z=Symbol("update"),C=Symbol("parts"),M=Symbol("css"),B=Symbol("sliders");class L extends HTMLElement{static get observedAttributes(){return["color"]}get[M](){return[':host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}',"[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}","[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}"]}get[B](){return[E,_]}get color(){return this[I]}set color(t){if(!this[$](t)){const e=this.colorModel.toHsva(t);this[z](e),this[I]=t}}constructor(){super();const t=g(`<style>${this[M].join("")}</style>`),e=this.attachShadow({mode:"open"});e.appendChild(t.content.cloneNode(!0)),e.addEventListener("move",this),this[C]=this[B].map((t=>new t(e)))}connectedCallback(){if(this.hasOwnProperty("color")){const t=this.color;delete this.color,this.color=t}else this.color||(this.color=this.colorModel.defaultColor)}attributeChangedCallback(t,e,r){const i=this.colorModel.fromAttr(r);this[$](i)||(this.color=i)}handleEvent(t){const e=this[S],r={...e,...t.detail};let i;this[z](r),m(r,e)||this[$](i=this.colorModel.fromHsva(r))||(this[I]=i,v(this,"color-changed",{value:i}))}[$](t){return this.color&&this.colorModel.equal(t,this.color)}[z](t){this[S]=t,this[C].forEach((e=>e.update(t)))}}const H={defaultColor:"#000",toHsva:t=>(({r:t,g:e,b:r,a:i})=>{const o=Math.max(t,e,r),s=o-Math.min(t,e,r),n=s?o===t?(e-r)/s:o===e?2+(r-t)/s:4+(t-e)/s:0;return{h:u(60*(n<0?n+6:n)),s:u(o?s/o*100:0),v:u(o/255*100),a:i}})(d(t)),fromHsva:({h:t,s:e,v:r})=>(t=>(({r:t,g:e,b:r,a:i})=>{const o=i<1?b(u(255*i)):"";return"#"+b(t)+b(e)+b(r)+o})((({h:t,s:e,v:r,a:i})=>{e/=100,r/=100;const o=Math.floor(t=t/360*6),s=r*(1-e),n=r*(1-(t-o)*e),a=r*(1-(1-t+o)*e),l=o%6;return{r:u(255*[r,n,s,s,a,r][l]),g:u(255*[a,r,r,n,s,s][l]),b:u(255*[s,s,a,r,r,n][l]),a:u(i,2)}})(t)))({h:t,s:e,v:r,a:1}),equal:(t,e)=>t.toLowerCase()===e.toLowerCase()||m(d(t),d(e)),fromAttr:t=>t};class j extends L{get colorModel(){return H}}customElements.define("hex-color-picker",class extends j{});const A=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.inputBlur=r(this,"inputBlur",7),this.inputFocus=r(this,"inputFocus",7),this.valueChange=r(this,"valueChange",7),this.pickerButtonLabel="Open color picker",this.pickerLabel="Color picker",this.pickerId="color-picker-"+crypto.randomUUID(),this.onPickerChange=t=>{this.value=t.detail.value},this.onChange=t=>{this.value=t.target.value},this.onBlur=t=>{this.inputBlur.emit(t)},this.onFocus=t=>{this.inputFocus.emit(t),this.handleAutoSelect(t)},this.onInput=t=>{this.onChange(t)}}componentDidLoad(){this.autoFocus&&setTimeout((()=>{this.inputEl.focus()})),this.picker.addEventListener("color-changed",this.onPickerChange)}disconnectedCallback(){this.picker?.removeEventListener("color-changed",this.onPickerChange)}watchValue(t,e){t!==e&&this.valueChange.emit(t)}handleAutoSelect(t){this.autoSelect&&t.target.select()}render(){const t=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,e=n("color-input",{"color-input--inline":this.inline});return i(o,{key:"70609707548ea685762e228a6decf092b8529504"},i("div",{key:"58fbebbbceafe27e17f7c98fc4ae9257c2a45495",class:e},i("input",{key:"000fa1ef0f65b0d97fc108e6975c87469ac958e7","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"color-input__input",disabled:this.disabled,maxLength:7,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,spellcheck:"false",type:"text",value:this.value,readonly:this.readonly}),i("swirl-popover-trigger",{key:"8896bf2f4af94932927ebfc1e9252fd278cdcf07",swirlPopover:this.pickerId},i("button",{key:"00c99e96460bcfdbbca79fe968fa5d328b697bbb",disabled:this.readonly,"aria-label":this.pickerButtonLabel,class:"color-input__preview-button",style:{backgroundColor:this.disabled?"var(--s-border-subdued)":this.value},type:"button"})),i("swirl-popover",{key:"aef79289c5c2ad5d85ad1cc4249f08b011a1a6e4",animation:"scale-in-y",id:this.pickerId,label:this.pickerLabel,placement:"bottom-end"},i("swirl-box",{key:"328f80828841cb7e62281bb36fc1004bc41c2adb",centerInline:!0,paddingBlockEnd:"8",paddingBlockStart:"8",paddingInlineEnd:"16",paddingInlineStart:"16"},i("hex-color-picker",{key:"caef801b528e9d597abf6ffd5b366f07a8173bfd",color:this.value,ref:t=>this.picker=t})))))}static get watchers(){return{value:[{watchValue:0}]}}static get style(){return".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}.color-input__input.sc-swirl-color-input::-moz-placeholder{color:var(--swirl-input-placeholder-color)}.color-input__input.sc-swirl-color-input::placeholder{color:var(--swirl-input-placeholder-color)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}"}},[2,"swirl-color-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],disabled:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],inline:[4],invalid:[4],pickerButtonLabel:[1,"picker-button-label"],pickerLabel:[1,"picker-label"],placeholder:[1],required:[4],value:[1537],readonly:[4]},void 0,{value:[{watchValue:0}]}]),F=A,q=function(){"undefined"!=typeof customElements&&["swirl-color-input","swirl-box","swirl-popover","swirl-popover-trigger"].forEach((t=>{switch(t){case"swirl-color-input":customElements.get(s(t))||customElements.define(s(t),A);break;case"swirl-box":customElements.get(s(t))||a();break;case"swirl-popover":customElements.get(s(t))||l();break;case"swirl-popover-trigger":customElements.get(s(t))||c()}}))};export{F as SwirlColorInput,q as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as o,createEvent as a,h as t,Host as s,transformTag as i}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{d as n,i as d}from"./utils.js";import{d as r}from"./swirl-button2.js";import{d as c}from"./swirl-heading2.js";import{d as h}from"./swirl-text2.js";const b=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.backButtonClick=a(this,"backButtonClick",7),this.helpButtonClick=a(this,"helpButtonClick",7),this.backButonLabel="Back",this.helpButonLabel="Help",this.hideNavigationButtonLabel="Hide main navigation",this.logoText="Admin",this.navigationLabel="Main",this.showNavigationButtonLabel="Show main navigation",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.updateCustomAppBarStatus=()=>{this.hasCustomAppBar=!!this.el.querySelector('[slot="app-bar"]')},this.updateFooterStatus=()=>{this.hasFooter=!!this.el.querySelector('[slot="footer"]')},this.onMainScroll=n((()=>{this.updateContentScrollState()}),16),this.onBackButtonClick=e=>{this.backButtonClick.emit(e)},this.onHelpButtonClick=e=>{this.helpButtonClick.emit(e)},this.onMobileNavigationToggleClick=()=>{this.toggleSidebar()},this.onClick=e=>{const o=e.target,a=!!o.closest(".console-layout__mobile-navigation-button"),t="overlays"===o.closest("[slot]")?.slot;e.composedPath().includes(this.sidebarEl)||a||t||!this.sidebarActive||this.deactivateSidebar()},this.onKeyDown=e=>{"Escape"===e.code&&this.sidebarActive&&this.deactivateSidebar()}}componentDidLoad(){queueMicrotask((()=>{d()?this.deactivateSidebar():this.activateSidebar(),this.updateContentScrollState(),this.updateCustomAppBarStatus(),this.updateFooterStatus()}))}updateContentScrollState(){if(!this.contentEl)return;const e={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(e).some((o=>e[o]!==this.contentScrollState[o]))&&(this.contentScrollState=e)}onWindowResize(){const e=d();e||this.sidebarActive?e&&this.deactivateSidebar():this.activateSidebar()}async toggleSidebar(){this.sidebarActive?this.deactivateSidebar():this.activateSidebar()}async showSidebar(){this.sidebarActive||this.activateSidebar()}async hideSidebar(){this.sidebarActive&&this.deactivateSidebar()}activateSidebar(){this.sidebarActive=!0,this.sidebarEl.removeAttribute("inert"),d()&&this.el.querySelector("swirl-tree-navigation-item")?.focus()}deactivateSidebar(){this.sidebarActive=!1,d()&&this.sidebarEl.setAttribute("inert","")}render(){const e=this.maxContentWidth?{maxWidth:this.maxContentWidth,justifySelf:"center",width:"100%"}:void 0;this.updateCustomAppBarStatus(),this.updateFooterStatus();const o=l("console-layout",{"console-layout--sidebar-active":this.sidebarActive,"console-layout--empty-app-bar":!this.appName&&!this.showHelpButton&&!this.hasCustomAppBar,"console-layout--has-footer":this.hasFooter,"console-layout--has-custom-app-bar":this.hasCustomAppBar,"console-layout--main-scrollable":this.contentScrollState.scrollable,"console-layout--main-scrolled-to-top":this.contentScrollState.scrolledToTop,"console-layout--main-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"console-layout--hide-content-header":this.hideContentHeader});return t(s,{key:"15d2f52c18697e566c4dd1d3bdb9db576ad0dcec"},t("div",{key:"c054039010eae676edb7f10aad03fc7fa9a9a8c4",class:o,onClick:this.onClick,onKeyDown:this.onKeyDown},t("header",{key:"6c9a4c509e903b0e44ac05bacd9430681a64920a","aria-hidden":!this.sidebarActive+"",class:"console-layout__sidebar",ref:e=>this.sidebarEl=e},t("div",{key:"af1b7fefeac8af4efef4958c7eb730e424752932",class:"console-layout__header"},t("div",{key:"f5db1d27aefdf046f49dfcef3a1e9a9555ec916b",class:"console-layout__logo"},t("svg",{key:"08f2f49df60a0587d260a3fc2304b7cee5ee3617",class:"console-layout__logo-mark",fill:"none",height:"26",viewBox:"0 0 301 460",width:"16",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"4d6748b153c86e5620c4e4c59ff1dc25b7c11c8e","fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z",fill:"#2151F5"})),t("swirl-text",{key:"970514ed57833a9529f311a5c43467c4daa672c6",class:"console-layout__logo-text",weight:"medium"},this.logoText))),t("nav",{key:"9fb6ab4b03fb2ac61117592059cb32c103024deb","aria-label":this.navigationLabel,class:"console-layout__navigation"},t("slot",{key:"01a623e3e09bc87b0c602dcd2fa7da423fb07308",name:"navigation"})),t("div",{key:"976030dfa1856cc1dea4a5c5ff64fd1ea97d3089",class:"console-layout__user"},t("slot",{key:"3283d6b75520d4abf292c9a5d07e2578e9cb381b",name:"user"}))),t("main",{key:"e12320ffd46285bc10daaa7b782d776697e9ce9d","aria-labelledby":this.appName?"app-name":void 0,class:"console-layout__main"},t("header",{key:"901d795e7ff7c56da51bd3a7dd2a0407cfa2aa82",class:"console-layout__app-bar console-layout__app-bar--custom"},t("slot",{key:"78d1b2f14e1dd09d5cc2b5783dff3f7e994a73aa",name:"app-bar",onSlotchange:this.updateCustomAppBarStatus})),t("header",{key:"ff530c79297f657e646af25aa83578bcaae2fbb8",class:"console-layout__app-bar"},t("span",{key:"65f29c7006a92a8fe924a8e455fa32ad0f28c4db",class:"console-layout__mobile-navigation-button"},t("swirl-button",{key:"7218846d10839b1994da82ccfbc291b415077de4",swirlAriaExpanded:this.sidebarActive+"",hideLabel:!0,icon:this.sidebarActive?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-menu></swirl-icon-menu>",label:this.sidebarActive?this.hideNavigationButtonLabel:this.showNavigationButtonLabel,onClick:this.onMobileNavigationToggleClick})),t("div",{key:"fbf0b8ded8f0fa74baa5b2c9acfdcdf9bcf57183",class:"console-layout__app-name"},this.appName&&t("swirl-heading",{key:"d982f91e9d5beb99082187e40105785c136ee38b",as:"h1",headingId:"app-name",level:4,text:this.appName})),this.showHelpButton&&t("swirl-button",{key:"1d63dc04cb72ba2db7ab055b3d748c59abdc379f",class:"console-layout__help-button",hideLabel:!0,icon:"<swirl-icon-help></swirl-icon-help>",label:this.helpButonLabel,onClick:this.onHelpButtonClick})),t("section",{key:"ef836c5b943a749cdcee7db1a87d5bc16f5e9a27","aria-labelledby":"heading",class:"console-layout__content",onScroll:this.onMainScroll,ref:e=>this.contentEl=e},t("div",{key:"36ea5994c2837090daac583ea08623b4c3c0570a",class:"console-layout__content-container"},!this.hideContentHeader&&t("header",{key:"7dfaddb3e368d213faa55567736979710d534742",class:"console-layout__content-header",style:e},this.showBackButton&&t("swirl-button",{key:"adc51b4211fa79b094e80604f7d2dab126659019",class:"console-layout__back-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backButonLabel,onClick:this.onBackButtonClick}),!!this.heading&&t("div",{key:"05bbbb590b2c1fc0d495fa61c9de4bbaaf89014d",class:"console-layout__heading-container"},t("swirl-heading",{key:"31dc5f25083685e038d1d126cb594695ec20361e",as:this.appName?"h2":"h1",class:"console-layout__heading",headingId:"heading",level:1,text:this.heading}),this.subheading&&t("swirl-text",{key:"e27d210f844ec818be9507e5f492528f575a9969",class:"console-layout__subheading",color:"subdued"},this.subheading)),!this.heading&&t("div",{key:"dde72801d7baade4b3537cb295fd427b7de8924f",class:"console-layout__heading-container"},t("slot",{key:"444c84c0e8ab0c2794b22e3fbb854ae56c7866eb",name:"heading"})),t("div",{key:"b13f0da62021e6ae9279b392b8b3c1469f30b771",class:"console-layout__content-header-tools"},t("slot",{key:"e4020c482ae5c060f62d7a5b3535d43ff8e43955",name:"content-header-tools"}))),t("div",{key:"3bef306687d7786801db4a51cc3bc42c3da7040d",class:"console-layout__integration",style:e},t("slot",{key:"bb96d82dfceb770864dae5db21d8d4c3ab560089",name:"content"})))),t("footer",{key:"50cfb94c33f2eae3823b79a2aba1961287d5129b",class:"console-layout__footer"},t("slot",{key:"ef963b0a2354e05cb1a7ccbae2db12fe9bfe102e",name:"footer",onSlotchange:this.updateFooterStatus})),t("div",{key:"b4f047c7670949069ad5f2e4b63618d267b66a80",class:"console-layout__overlays"},t("slot",{key:"d45aacca9d750da73294745eb8a6910e372673dd",name:"overlays"})))))}get el(){return this}static get style(){return':host{display:block;width:100%;height:100vh;--console-footer-height:4.25rem;--console-app-bar-height:3.5rem;--console-sidebar-width:18.5rem}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:var(--console-sidebar-width) 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{transform:translate3d(0, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06)}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__main{grid-template-areas:"content";grid-template-rows:1fr}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__app-bar{display:none}}@media (min-width: 768px){.console-layout--empty-app-bar.console-layout--has-footer .console-layout__main{grid-template-areas:"content"         "footer";grid-template-rows:1fr min-content}}.console-layout__sidebar{position:fixed;z-index:var(--s-z-30);top:4rem;bottom:0;left:0;display:grid;overflow-x:hidden;overflow-y:auto;width:100%;max-width:20rem;border-right:var(--s-border-width-default) solid var(--s-border-default);transition:transform 0.15s, box-shadow 0.15s;transform:translate3d(-100%, 0, 0);grid-template-rows:auto 1fr min-content;grid-template-areas:"header"     "navigation"     "user"}@media (prefers-reduced-motion){.console-layout__sidebar{transition:none}}@media (min-width: 768px){.console-layout__sidebar{position:static;top:auto;left:auto;max-width:none;height:100%;transform:none;box-shadow:none;grid-area:sidebar}}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;padding:var(--s-space-16) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__main{display:grid;overflow:hidden;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:var(--console-app-bar-height) 1fr;grid-template-areas:"app-bar"     "content"}.console-layout--has-footer .console-layout__main{grid-template-rows:var(--console-app-bar-height) 1fr min-content;grid-template-areas:"app-bar"     "content"     "footer"}.console-layout__app-bar{position:sticky;z-index:var(--s-z-30);top:0;display:flex;min-width:0;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}@media (min-width: 768px){.console-layout__app-bar{padding-right:2.5rem;padding-left:2.5rem}}@media (min-width: 768px){.console-layout__mobile-navigation-button{display:none}}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;display:flex;min-width:0;padding:0 var(--s-space-16);background-color:var(--s-background-default);flex-direction:column;grid-area:content}@media (min-width: 768px){.console-layout__content{padding:0 2.5rem}}.console-layout__content-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.console-layout__integration{flex-grow:1;padding-bottom:var(--s-space-16)}@media (min-width: 768px){.console-layout__integration{padding-bottom:2.5rem}}.console-layout__integration{width:100%}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:var(--s-space-24);flex-shrink:0;gap:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.console-layout__content-header{padding-top:2.5rem}}.console-layout__content-header{width:100%}.console-layout--has-custom-app-bar .console-layout__content-header{padding-top:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__heading-container{flex-grow:1}.console-layout__subheading{margin-top:var(--s-space-8)}.console-layout__content-header-tools{display:flex;flex-shrink:0}.console-layout__footer{position:sticky;bottom:0;z-index:var(--s-z-20);display:flex;flex-shrink:0;min-width:0;border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:footer;width:100%;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__app-bar--custom{display:flex;min-width:0;align-items:center;padding:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default)}.console-layout--main-scrollable:not(.console-layout--main-scrolled-to-top) .console-layout__app-bar--custom{border-bottom-color:var(--s-border-default)}.console-layout:not(.console-layout--has-custom-app-bar) .console-layout__app-bar--custom{display:none}.console-layout:not(.console-layout--has-footer) .console-layout__footer{display:none}.console-layout--has-custom-app-bar .console-layout__app-bar:not(.console-layout__app-bar--custom){display:none}.console-layout--hide-content-header .console-layout__content{padding:0;overflow:hidden;scrollbar-gutter:auto}.console-layout--hide-content-header .console-layout__integration{padding-bottom:0}'}},[257,"swirl-console-layout",{appName:[1,"app-name"],backButonLabel:[1,"back-buton-label"],heading:[1],helpButonLabel:[1,"help-buton-label"],hideNavigationButtonLabel:[1,"hide-navigation-button-label"],logoText:[1,"logo-text"],navigationLabel:[1,"navigation-label"],maxContentWidth:[1,"max-content-width"],showBackButton:[4,"show-back-button"],showHelpButton:[4,"show-help-button"],showNavigationButtonLabel:[1,"show-navigation-button-label"],subheading:[1],hideContentHeader:[4,"hide-content-header"],sidebarActive:[32],contentScrollState:[32],hasCustomAppBar:[32],hasFooter:[32],toggleSidebar:[64],showSidebar:[64],hideSidebar:[64]},[[9,"resize","onWindowResize"]]]),u=b,p=function(){"undefined"!=typeof customElements&&["swirl-console-layout","swirl-button","swirl-heading","swirl-text"].forEach((e=>{switch(e){case"swirl-console-layout":customElements.get(i(e))||customElements.define(i(e),b);break;case"swirl-button":customElements.get(i(e))||r();break;case"swirl-heading":customElements.get(i(e))||c();break;case"swirl-text":customElements.get(i(e))||h()}}))};export{u as SwirlConsoleLayout,p as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as o,createEvent as a,h as t,Host as s,transformTag as i}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{d as n,i as d}from"./utils.js";import{d as c}from"./swirl-button2.js";import{d as r}from"./swirl-heading2.js";import{d as h}from"./swirl-text2.js";const b=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.backButtonClick=a(this,"backButtonClick",7),this.helpButtonClick=a(this,"helpButtonClick",7),this.backButonLabel="Back",this.helpButonLabel="Help",this.hideNavigationButtonLabel="Hide main navigation",this.logoText="Admin",this.navigationLabel="Main",this.showNavigationButtonLabel="Show main navigation",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.updateCustomAppBarStatus=()=>{this.hasCustomAppBar=!!this.el.querySelector('[slot="app-bar"]')},this.updateFooterStatus=()=>{this.hasFooter=!!this.el.querySelector('[slot="footer"]')},this.onMainScroll=n((()=>{this.updateContentScrollState()}),16),this.onBackButtonClick=e=>{this.backButtonClick.emit(e)},this.onHelpButtonClick=e=>{this.helpButtonClick.emit(e)},this.onMobileNavigationToggleClick=()=>{this.toggleSidebar()},this.onClick=e=>{const o=e.target,a=!!o.closest(".console-layout__mobile-navigation-button"),t="overlays"===o.closest("[slot]")?.slot;e.composedPath().includes(this.sidebarEl)||a||t||!this.sidebarActive||this.deactivateSidebar()},this.onKeyDown=e=>{"Escape"===e.code&&this.sidebarActive&&this.deactivateSidebar()}}componentDidLoad(){queueMicrotask((()=>{d()?this.deactivateSidebar():this.activateSidebar(),this.updateContentScrollState(),this.updateCustomAppBarStatus(),this.updateFooterStatus()}))}updateContentScrollState(){if(!this.contentEl)return;const e={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(e).some((o=>e[o]!==this.contentScrollState[o]))&&(this.contentScrollState=e)}onWindowResize(){const e=d();e||this.sidebarActive?e&&this.deactivateSidebar():this.activateSidebar()}async toggleSidebar(){this.sidebarActive?this.deactivateSidebar():this.activateSidebar()}async showSidebar(){this.sidebarActive||this.activateSidebar()}async hideSidebar(){this.sidebarActive&&this.deactivateSidebar()}activateSidebar(){this.sidebarActive=!0,this.sidebarEl.removeAttribute("inert"),d()&&this.el.querySelector("swirl-tree-navigation-item")?.focus()}deactivateSidebar(){this.sidebarActive=!1,d()&&this.sidebarEl.setAttribute("inert","")}render(){const e=this.maxContentWidth?{maxWidth:this.maxContentWidth,justifySelf:"center",width:"100%"}:void 0;this.updateCustomAppBarStatus(),this.updateFooterStatus();const o=l("console-layout",{"console-layout--sidebar-active":this.sidebarActive,"console-layout--empty-app-bar":!this.appName&&!this.showHelpButton&&!this.hasCustomAppBar,"console-layout--has-footer":this.hasFooter,"console-layout--has-custom-app-bar":this.hasCustomAppBar,"console-layout--main-scrollable":this.contentScrollState.scrollable,"console-layout--main-scrolled-to-top":this.contentScrollState.scrolledToTop,"console-layout--main-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"console-layout--hide-content-header":this.hideContentHeader});return t(s,{key:"6848922cde9dfa1716ebd41f4c0c2f6817969400"},t("div",{key:"8cf53833d2f9485df8ed411c214d6f39e3cdf30a",class:o,onClick:this.onClick,onKeyDown:this.onKeyDown},t("header",{key:"adcad06c750716bf5de25bba5f1c96c0c21ab249","aria-hidden":!this.sidebarActive+"",class:"console-layout__sidebar",ref:e=>this.sidebarEl=e},t("div",{key:"08ca8a1bf9454bd1bb662ef6486cadb7e74398f0",class:"console-layout__header"},t("div",{key:"5469465999f90650d2f00cd01b054dbd1128ab50",class:"console-layout__logo"},t("svg",{key:"a0811d0db3cf3e639c46cf1e872a16d27215e8c8",class:"console-layout__logo-mark",fill:"none",height:"26",viewBox:"0 0 301 460",width:"16",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"68c82bd30f9babcef401605ac4c18811ebc7bf81","fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z",fill:"#2151F5"})),t("swirl-text",{key:"0937f837fe82f9f478d1ca44397c0cde95f61f56",class:"console-layout__logo-text",weight:"medium"},this.logoText))),t("nav",{key:"7192cc5db38a09053874f5d206effec7a16a32ed","aria-label":this.navigationLabel,class:"console-layout__navigation"},t("slot",{key:"dbe7e080ca1eca0eaff31a9c48c733f1076ca64c",name:"navigation"})),t("div",{key:"b55b594c3f362e55b52a476ce7a1f1522bba82dd",class:"console-layout__user"},t("slot",{key:"f2cc0163b8ac8bd3f089ebfe27cc841e1b122f7f",name:"user"}))),t("main",{key:"3009a9715257a5d5ba0836f3540859b4d971a4e9","aria-labelledby":this.appName?"app-name":void 0,class:"console-layout__main"},t("header",{key:"0cf03538a1416e8ddf20ad925a5fe6c6f7734e4c",class:"console-layout__app-bar console-layout__app-bar--custom"},t("slot",{key:"c318f66a2eed9a6754283e94eeb397e10d1919b6",name:"app-bar",onSlotchange:this.updateCustomAppBarStatus})),t("header",{key:"d27e604792ef0fd8e44799f3fb900cbecdd75bd1",class:"console-layout__app-bar"},t("span",{key:"aa506b3c58900d90ac5f5dba3dcbea1e1ed7d1c5",class:"console-layout__mobile-navigation-button"},t("swirl-button",{key:"53fb047dca7a84f98944d8bc94948096b0acfccc",swirlAriaExpanded:this.sidebarActive+"",hideLabel:!0,icon:this.sidebarActive?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-menu></swirl-icon-menu>",label:this.sidebarActive?this.hideNavigationButtonLabel:this.showNavigationButtonLabel,onClick:this.onMobileNavigationToggleClick})),t("div",{key:"87bdcd2afb6d2442edfccc63629429adb60827b1",class:"console-layout__app-name"},this.appName&&t("swirl-heading",{key:"ab205b556bba25d0303f4c019e3a03466fa25697",as:"h1",headingId:"app-name",level:4,text:this.appName})),this.showHelpButton&&t("swirl-button",{key:"4f2b818e0fec8103e80cd6230927e33e2ecffba1",class:"console-layout__help-button",hideLabel:!0,icon:"<swirl-icon-help></swirl-icon-help>",label:this.helpButonLabel,onClick:this.onHelpButtonClick})),t("section",{key:"54bba94d993f8ce83c768b821743991ae27ba4d5","aria-labelledby":"heading",class:"console-layout__content",onScroll:this.onMainScroll,ref:e=>this.contentEl=e},t("div",{key:"8600ee685d00c024e159261ac66c6ca3c5cfaf31",class:"console-layout__content-container"},!this.hideContentHeader&&t("header",{key:"07ef9b90d5f793c2b6763286879625f8fd845df2",class:"console-layout__content-header",style:e},this.showBackButton&&t("swirl-button",{key:"e18c6b9ebc66dba1ba63bdde333ece8ed01e9b45",class:"console-layout__back-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backButonLabel,onClick:this.onBackButtonClick}),!!this.heading&&t("div",{key:"41b00ee62169b50e37b5754c5464aa9a8b63631a",class:"console-layout__heading-container"},t("swirl-heading",{key:"71067ed971781005e89ec9bfc64e0d24dacec900",as:this.appName?"h2":"h1",class:"console-layout__heading",headingId:"heading",level:1,text:this.heading}),this.subheading&&t("swirl-text",{key:"dcd6ae2eb3885bc3784a340302a04562878d653a",class:"console-layout__subheading",color:"subdued"},this.subheading)),!this.heading&&t("div",{key:"10c547a587f02eba66ffcd81755c14df52e8578c",class:"console-layout__heading-container"},t("slot",{key:"3bb324e228c50a653407b5c50abfc1c45d9455f6",name:"heading"})),t("div",{key:"779c27a365c3d5ef0578e0893b50b62493c6d84f",class:"console-layout__content-header-tools"},t("slot",{key:"b578bd3d99e54fcac63c8c3e2c80736b019b9c9f",name:"content-header-tools"}))),t("div",{key:"1bb161cd962444af20ffa4caf9de1b9aae721274",class:"console-layout__integration",style:e},t("slot",{key:"31e3c9cdd82a1d40ee5209ed6ba9f5014b0a1841",name:"content"})))),t("footer",{key:"ed85f473640f281860989f468fd43597e929651a",class:"console-layout__footer"},t("slot",{key:"468b1d1c5d644bb8e5fd858c22badbcf982619d9",name:"footer",onSlotchange:this.updateFooterStatus})),t("div",{key:"3f8c83797badcc807085d0ae600db4b793a8da1c",class:"console-layout__overlays"},t("slot",{key:"87cadb26a9ff31d86dba3f8ecef5fd0d9fbe7680",name:"overlays"})))))}get el(){return this}static get style(){return':host{display:block;width:100%;height:100vh;--console-footer-height:4.25rem;--console-app-bar-height:3.5rem;--console-sidebar-width:18.5rem}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:var(--console-sidebar-width) 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{transform:translate3d(0, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06)}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__main{grid-template-areas:"content";grid-template-rows:1fr}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__app-bar{display:none}}@media (min-width: 768px){.console-layout--empty-app-bar.console-layout--has-footer .console-layout__main{grid-template-areas:"content"         "footer";grid-template-rows:1fr min-content}}.console-layout__sidebar{position:fixed;z-index:var(--s-z-30);top:4rem;bottom:0;left:0;display:grid;overflow-x:hidden;overflow-y:auto;width:100%;max-width:20rem;border-right:var(--s-border-width-default) solid var(--s-border-default);transition:transform 0.15s, box-shadow 0.15s;transform:translate3d(-100%, 0, 0);grid-template-rows:auto 1fr min-content;grid-template-areas:"header"     "navigation"     "user"}@media (prefers-reduced-motion){.console-layout__sidebar{transition:none}}@media (min-width: 768px){.console-layout__sidebar{position:static;top:auto;left:auto;max-width:none;height:100%;transform:none;box-shadow:none;grid-area:sidebar}}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;padding:var(--s-space-16) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__main{display:grid;overflow:hidden;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:var(--console-app-bar-height) 1fr;grid-template-areas:"app-bar"     "content"}.console-layout--has-footer .console-layout__main{grid-template-rows:var(--console-app-bar-height) 1fr min-content;grid-template-areas:"app-bar"     "content"     "footer"}.console-layout__app-bar{position:sticky;z-index:var(--s-z-30);top:0;display:flex;min-width:0;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}@media (min-width: 768px){.console-layout__app-bar{padding-right:2.5rem;padding-left:2.5rem}}@media (min-width: 768px){.console-layout__mobile-navigation-button{display:none}}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;display:flex;min-width:0;padding:0 var(--s-space-16);background-color:var(--s-background-default);flex-direction:column;grid-area:content}@media (min-width: 768px){.console-layout__content{padding:0 2.5rem}}.console-layout__content-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.console-layout__integration{flex-grow:1;padding-bottom:var(--s-space-16)}@media (min-width: 768px){.console-layout__integration{padding-bottom:2.5rem}}.console-layout__integration{width:100%}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:var(--s-space-24);flex-shrink:0;gap:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.console-layout__content-header{padding-top:2.5rem}}.console-layout__content-header{width:100%}.console-layout--has-custom-app-bar .console-layout__content-header{padding-top:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__heading-container{flex-grow:1}.console-layout__subheading{margin-top:var(--s-space-8)}.console-layout__content-header-tools{display:flex;flex-shrink:0}.console-layout__footer{position:sticky;bottom:0;z-index:var(--s-z-20);display:flex;flex-shrink:0;min-width:0;border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:footer;width:100%;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__app-bar--custom{display:flex;min-width:0;align-items:center;padding:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default)}.console-layout--main-scrollable:not(.console-layout--main-scrolled-to-top) .console-layout__app-bar--custom{border-bottom-color:var(--s-border-default)}.console-layout:not(.console-layout--has-custom-app-bar) .console-layout__app-bar--custom{display:none}.console-layout:not(.console-layout--has-footer) .console-layout__footer{display:none}.console-layout--has-custom-app-bar .console-layout__app-bar:not(.console-layout__app-bar--custom){display:none}.console-layout--hide-content-header .console-layout__content{padding:0;overflow:hidden;scrollbar-gutter:auto}.console-layout--hide-content-header .console-layout__integration{padding-bottom:0}'}},[257,"swirl-console-layout",{appName:[1,"app-name"],backButonLabel:[1,"back-buton-label"],heading:[1],helpButonLabel:[1,"help-buton-label"],hideNavigationButtonLabel:[1,"hide-navigation-button-label"],logoText:[1,"logo-text"],navigationLabel:[1,"navigation-label"],maxContentWidth:[1,"max-content-width"],showBackButton:[4,"show-back-button"],showHelpButton:[4,"show-help-button"],showNavigationButtonLabel:[1,"show-navigation-button-label"],subheading:[1],hideContentHeader:[4,"hide-content-header"],sidebarActive:[32],contentScrollState:[32],hasCustomAppBar:[32],hasFooter:[32],toggleSidebar:[64],showSidebar:[64],hideSidebar:[64]},[[9,"resize","onWindowResize"]]]),u=b,p=function(){"undefined"!=typeof customElements&&["swirl-console-layout","swirl-button","swirl-heading","swirl-text"].forEach((e=>{switch(e){case"swirl-console-layout":customElements.get(i(e))||customElements.define(i(e),b);break;case"swirl-button":customElements.get(i(e))||c();break;case"swirl-heading":customElements.get(i(e))||r();break;case"swirl-text":customElements.get(i(e))||h()}}))};export{u as SwirlConsoleLayout,p as defineCustomElement}

package/dist/components/swirl-data-cell-stack.js

@@ -1 +1 @@
-import{proxyCustomElement as a,HTMLElement as e,h as s,Host as t,transformTag as l}from"@stencil/core/internal/client";import{c as r}from"./index2.js";const d=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.hideLabel=!1,this.headerId="data-cell-stack-header-"+crypto.randomUUID(),this.onSlotChange=a=>{a.target.assignedElements().filter((a=>"SWIRL-DATA-CELL"!==a.tagName)).length>0&&console.warn("[SwirlDataCellStack] Only swirl-data-cell elements are allowed as direct children.")}}render(){const a=!!this.el.querySelector('[slot="cta"]'),e=!!this.label&&!this.hideLabel,l=r("data-cell-stack",{"data-cell-stack--has-cta":a}),d=e?this.headerId+"-label":void 0,i=this.description?this.headerId+"-description":void 0;return s(t,{key:"14d6213f21bb5e162342389d3e89501d529e490b"},s("div",{key:"515c84a9eda22a77b9f9b5985412d56dfb6a8e07",class:l,part:"data-cell-stack",role:"group"},(e||this.description||a)&&s("header",{key:"3da984d135c10750099a3d11e79563033da059b9",class:"data-cell-stack__header",id:this.headerId},s("div",{key:"db3b9a71276d0340dd1d1c58755b1d38cef35ab4",class:"data-cell-stack__header-content"},e&&s("h3",{key:"30da89e037e37a7fa17b66b1e435651de49a0690",class:"data-cell-stack__label",id:d},this.label),this.description&&s("p",{key:"11fb9329d4a82dbb03e145d7ac8c476eec72dfba",class:"data-cell-stack__description",id:i},this.description)),a&&s("div",{key:"6279ad312fea30a67c6b4994ca6e1affba407216",class:"data-cell-stack__cta"},s("slot",{key:"e438aa0e938642b99510734ff7aa3a5186fab10c",name:"cta"}))),s("div",{key:"5cc83894daa410486ad4b3a9b264dfb8d5599829",class:"data-cell-stack__cells",role:"list","aria-labelledby":d||void 0,"aria-describedby":i||void 0},s("slot",{key:"782785d26eeb69614af9d2c9af8a7dbd896361b7",onSlotchange:this.onSlotChange}))))}get el(){return this}static get style(){return':host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell-stack{display:flex;flex-direction:column;width:100%;gap:var(--s-space-16)}.data-cell-stack__header{display:flex;align-items:flex-start;gap:var(--s-space-8);width:100%;justify-content:space-between}.data-cell-stack__header-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell-stack__label{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);margin:0}.data-cell-stack__description{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);margin:0}.data-cell-stack__cells{display:flex;flex-direction:column;gap:var(--s-space-2)}.data-cell-stack__cells ::slotted(swirl-data-cell:first-of-type:not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-l)     var(--s-border-radius-l) var(--s-border-radius-s) var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell:last-of-type:not(:first-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)     var(--s-border-radius-s) var(--s-border-radius-l) var(--s-border-radius-l)}.data-cell-stack__cells ::slotted(swirl-data-cell:not(:first-of-type):not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell:first-of-type:last-of-type){--swirl-data-cell-border-radius:var(--s-border-radius-l)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:first-of-type:not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-base)     var(--s-border-radius-base) var(--s-border-radius-s) var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:last-of-type:not(:first-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)     var(--s-border-radius-s) var(--s-border-radius-base) var(--s-border-radius-base)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:not(:first-of-type):not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:first-of-type:last-of-type){--swirl-data-cell-border-radius:var(--s-border-radius-base)}.data-cell-stack__cta{display:flex;align-items:center;flex-shrink:0}'}},[257,"swirl-data-cell-stack",{description:[1],hideLabel:[4,"hide-label"],label:[1]}]),i=d,c=function(){"undefined"!=typeof customElements&&["swirl-data-cell-stack"].forEach((a=>{"swirl-data-cell-stack"===a&&(customElements.get(l(a))||customElements.define(l(a),d))}))};export{i as SwirlDataCellStack,c as defineCustomElement}
+import{proxyCustomElement as a,HTMLElement as e,h as s,Host as t,transformTag as l}from"@stencil/core/internal/client";import{c as r}from"./index2.js";const d=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.hideLabel=!1,this.headerId="data-cell-stack-header-"+crypto.randomUUID(),this.onSlotChange=a=>{a.target.assignedElements().filter((a=>"SWIRL-DATA-CELL"!==a.tagName)).length>0&&console.warn("[SwirlDataCellStack] Only swirl-data-cell elements are allowed as direct children.")}}render(){const a=!!this.el.querySelector('[slot="cta"]'),e=!!this.label&&!this.hideLabel,l=r("data-cell-stack",{"data-cell-stack--has-cta":a}),d=e?this.headerId+"-label":void 0,c=this.description?this.headerId+"-description":void 0;return s(t,{key:"670fbb59c699865583b950a58c620b1f239aa992"},s("div",{key:"af07d2b1f44d104f4353344efc1c3751336e19fd",class:l,part:"data-cell-stack",role:"group"},(e||this.description||a)&&s("header",{key:"9a70c3a2b2ab84015e20b9ba1d403366d506b196",class:"data-cell-stack__header",id:this.headerId},s("div",{key:"2fd51c9fea60b899550e8c81a7713ab670f0bc85",class:"data-cell-stack__header-content"},e&&s("h3",{key:"ca34247fb200698b307ed63bf3320ce614407489",class:"data-cell-stack__label",id:d},this.label),this.description&&s("p",{key:"008bdbd5dcf03a10bf5dbedf049aed4040533213",class:"data-cell-stack__description",id:c},this.description)),a&&s("div",{key:"4a717454049bc64bd55b5f3d9164b97b29e91709",class:"data-cell-stack__cta"},s("slot",{key:"a32f796e685712382d3c5038d8da1f60824aef51",name:"cta"}))),s("div",{key:"32c2167942e103ff24c0b32b3043763fa738e055",class:"data-cell-stack__cells",role:"list","aria-labelledby":d||void 0,"aria-describedby":c||void 0},s("slot",{key:"ab839d643c79152fe79921d6ac0fd79ccfc693cb",onSlotchange:this.onSlotChange}))))}get el(){return this}static get style(){return':host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell-stack{display:flex;flex-direction:column;width:100%;gap:var(--s-space-16)}.data-cell-stack__header{display:flex;align-items:flex-start;gap:var(--s-space-8);width:100%;justify-content:space-between}.data-cell-stack__header-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell-stack__label{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);margin:0}.data-cell-stack__description{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);margin:0}.data-cell-stack__cells{display:flex;flex-direction:column;gap:var(--s-space-2)}.data-cell-stack__cells ::slotted(swirl-data-cell:first-of-type:not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-l)     var(--s-border-radius-l) var(--s-border-radius-s) var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell:last-of-type:not(:first-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)     var(--s-border-radius-s) var(--s-border-radius-l) var(--s-border-radius-l)}.data-cell-stack__cells ::slotted(swirl-data-cell:not(:first-of-type):not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell:first-of-type:last-of-type){--swirl-data-cell-border-radius:var(--s-border-radius-l)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:first-of-type:not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-base)     var(--s-border-radius-base) var(--s-border-radius-s) var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:last-of-type:not(:first-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)     var(--s-border-radius-s) var(--s-border-radius-base) var(--s-border-radius-base)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:not(:first-of-type):not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:first-of-type:last-of-type){--swirl-data-cell-border-radius:var(--s-border-radius-base)}.data-cell-stack__cta{display:flex;align-items:center;flex-shrink:0}'}},[257,"swirl-data-cell-stack",{description:[1],hideLabel:[4,"hide-label"],label:[1]}]),c=d,i=function(){"undefined"!=typeof customElements&&["swirl-data-cell-stack"].forEach((a=>{"swirl-data-cell-stack"===a&&(customElements.get(l(a))||customElements.define(l(a),d))}))};export{c as SwirlDataCellStack,i as defineCustomElement}

package/dist/components/swirl-date-input.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as a,transformTag as r}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{f as o,I as d,p as c,i as h}from"./index3.js";import{D as l}from"./media-query.service.js";import{i as p}from"./utils.js";import{d as u}from"./swirl-date-picker2.js";import{d as m}from"./swirl-icon-today2.js";import{d as f}from"./swirl-popover2.js";import{d as w}from"./swirl-popover-trigger2.js";import{d as b}from"./wc-datepicker2.js";const y="yyyy-MM-dd",k=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.invalidInput=e(this,"invalidInput",7),this.valueChange=e(this,"valueChange",7),this.datePickerDisableDate=()=>!1,this.datePickerLabel="Date picker",this.datePickerTriggerLabel="Open date picker",this.firstDayOfWeek=0,this.format="yyyy-MM-dd",this.locale="en-US",this.placeholder="yyyy-mm-dd",this.preferredInputMode="input",this.iconSize=24,this.isInPickOnlyMode=!1,this.mediaQueryUnsubscribe=()=>{},this.onClick=t=>{t.preventDefault(),this.readonly||"pick"===this.preferredInputMode&&(this.pickerPopover.open(this.el),p()||this.focus())},this.onMouseDown=()=>{this.readonly||"pick"===this.preferredInputMode&&this.pickerPopover.close()},this.onFocus=t=>{this.handleAutoSelect(t)},this.onBlur=t=>{if(this.readonly)return;const i=this.pickerPopover.contains(t.relatedTarget);this.setIsInPickOnlyMode(!i)},this.onPickDate=t=>{const i=t.detail,e=o(i,y);this.value=e,this.inputEl.value=o(i,this.pattern),this.mask.updateValue(),this.setIsInPickOnlyMode(!0),this.pickerPopover.close()}}componentWillLoad(){const t=Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);this.id="swirl-date-input-"+t,this.setIsInPickOnlyMode(!0)}componentDidLoad(){this.setupMask(),this.mediaQueryUnsubscribe=l.subscribe((t=>{this.updateIconSize(t)})),this.autoFocus&&this.focus()}disconnectedCallback(){this.mask?.destroy(),this.mediaQueryUnsubscribe()}watchFormat(){this.setupMask()}watchValue(t,i){t!==i&&this.updateValue()}async openPicker(){this.pickerPopover.open(this.el)}focus(){setTimeout((()=>{this.inputEl.focus()}))}updateIconSize(t){this.iconSize=t?20:24}handleAutoSelect(t){this.autoSelect?t.target&&t.target instanceof HTMLInputElement&&t.target.select():setTimeout((()=>{t.target&&t.target instanceof HTMLInputElement&&t.target.setSelectionRange&&t.target.setSelectionRange(0,0)}))}setIsInPickOnlyMode(t){this.isInPickOnlyMode=!("pick"!==this.preferredInputMode||!p())&&t}setupMask(){this.mask?.destroy(),this.pattern=this.format.replace(/(?<!d)d(?!d)/g,"dd").replace(/(?<!M)M(?!M)/g,"MM").replace(/(?<!y)y(?!y)/g,"yyyy").replace(/(?<!y)yyy(?!y)/g,"yyyy"),this.pattern||(this.pattern=y),this.mask=d(this.inputEl,{mask:Date,pattern:this.pattern.replace(/([^A-Za-z0-9])/g,"$1`"),autofix:"pad",lazy:!0,overwrite:!0,eager:"append",blocks:{dd:{mask:d.MaskedRange,from:1,to:31,maxLength:2},MM:{mask:d.MaskedRange,from:1,to:12,maxLength:2},yy:{mask:d.MaskedRange,from:0,to:99,maxLength:2},yyyy:{mask:d.MaskedRange,from:1e3,to:9999,maxLength:4}},format:t=>{const i=o(t,this.pattern);return h(t)?(this.value=o(t,y),i):(this.invalidInput.emit(""+t),"")},parse:t=>c(t,this.pattern,new Date)}),this.mask.on("accept",(()=>{""===this.mask.value&&(this.value="",this.valueChange.emit(""))})),this.updateValue()}updateValue(){if(this.value){const t=c(this.value,y,new Date);if(h(t)){const i=o(t,this.pattern);this.mask.value=i,this.valueChange.emit(this.value)}else this.invalidInput.emit(this.value)}else this.mask.value=""}render(){const t=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,i=this.value?c(this.value,y,new Date):void 0,e=h(i)?i:void 0,r=n("date-input",{"date-input--inline":this.inline});return s(a,{key:"b98f4ce502fa59e2ec04c5ed7056b150270e9f37"},s("div",{key:"74351898abc21ab9de0ff9d8fc5e6a48d2e0e5c3",class:r},s("input",{key:"f065fac3e979f0073ff6749179d8ccb55defd5f2","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"date-input__input",disabled:this.disabled,readonly:this.isInPickOnlyMode||this.readonly,id:this.id,inputmode:"numeric",onClick:this.onClick,onMouseDown:this.onMouseDown,onFocus:this.onFocus,onBlur:this.onBlur,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,type:"text"}),!this.readonly&&s("swirl-popover-trigger",{key:"750c24d6f3ae3b13725e12b67679261d0104364e",swirlPopover:"popover-"+this.id},s("button",{key:"076d164200a3284e17dca26df53b3b2acd4b2cb1","aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},s("swirl-icon-today",{key:"a72bdb92c6e765c3ed8e667ffec31fde4032883b",size:this.iconSize})))),!(this.disabled||this.readonly)&&s("swirl-popover",{key:"47a15f43d41278c108fd71fe84054f58efed7a88",animation:"scale-in-y",class:"date-input__date-picker-popover",id:"popover-"+this.id,label:this.datePickerLabel,placement:"bottom-end",ref:t=>this.pickerPopover=t},s("swirl-date-picker",{key:"b7d73a9fc73c17e8ccdd56afe75633881d590380",disableDate:this.datePickerDisableDate,firstDayOfWeek:this.firstDayOfWeek,labels:this.labels,locale:this.locale,onValueChange:this.onPickDate,value:e,startDate:e})))}get el(){return this}static get watchers(){return{format:[{watchFormat:0}],value:[{watchValue:0}]}}static get style(){return".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h *.sc-swirl-date-input{box-sizing:border-box}.date-input.sc-swirl-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:0}}.date-input__input.sc-swirl-date-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.date-input__input.sc-swirl-date-input:focus{outline:none}.date-input__input.sc-swirl-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__input.sc-swirl-date-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-input__date-picker-button.sc-swirl-date-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.date-input__date-picker-button.sc-swirl-date-input:focus:not(:focus-visible){outline:none}.date-input__date-picker-button.sc-swirl-date-input:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-input__date-picker-button.sc-swirl-date-input:disabled{color:var(--s-icon-disabled);cursor:default}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__date-picker-button.sc-swirl-date-input{top:-0.625rem}}@media (max-width: 767px){.date-input__date-picker-popover.sc-swirl-date-input{position:fixed}}"}},[2,"swirl-date-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],datePickerDisableDate:[16],datePickerLabel:[1,"date-picker-label"],datePickerTriggerLabel:[1,"date-picker-trigger-label"],disabled:[4],firstDayOfWeek:[2,"first-day-of-week"],format:[1],inline:[4],invalid:[4],labels:[16],locale:[1],placeholder:[1],preferredInputMode:[1,"preferred-input-mode"],required:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1537],readonly:[4],iconSize:[32],isInPickOnlyMode:[32],openPicker:[64]},void 0,{format:[{watchFormat:0}],value:[{watchValue:0}]}]),v=k,g=function(){"undefined"!=typeof customElements&&["swirl-date-input","swirl-date-picker","swirl-icon-today","swirl-popover","swirl-popover-trigger","wc-datepicker"].forEach((t=>{switch(t){case"swirl-date-input":customElements.get(r(t))||customElements.define(r(t),k);break;case"swirl-date-picker":customElements.get(r(t))||u();break;case"swirl-icon-today":customElements.get(r(t))||m();break;case"swirl-popover":customElements.get(r(t))||f();break;case"swirl-popover-trigger":customElements.get(r(t))||w();break;case"wc-datepicker":customElements.get(r(t))||b()}}))};export{v as SwirlDateInput,g as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as a,transformTag as r}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{f as o,I as d,p as c,i as l}from"./index3.js";import{D as p}from"./media-query.service.js";import{i as h}from"./utils.js";import{d as u}from"./swirl-date-picker2.js";import{d as m}from"./swirl-icon-today2.js";import{d as w}from"./swirl-popover2.js";import{d as f}from"./swirl-popover-trigger2.js";import{d as b}from"./wc-datepicker2.js";const y="yyyy-MM-dd",k=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.invalidInput=e(this,"invalidInput",7),this.valueChange=e(this,"valueChange",7),this.datePickerDisableDate=()=>!1,this.datePickerLabel="Date picker",this.datePickerTriggerLabel="Open date picker",this.firstDayOfWeek=0,this.format="yyyy-MM-dd",this.locale="en-US",this.placeholder="yyyy-mm-dd",this.preferredInputMode="input",this.iconSize=24,this.isInPickOnlyMode=!1,this.mediaQueryUnsubscribe=()=>{},this.onClick=t=>{t.preventDefault(),this.readonly||"pick"===this.preferredInputMode&&(this.pickerPopover.open(this.el),h()||this.focus())},this.onMouseDown=()=>{this.readonly||"pick"===this.preferredInputMode&&this.pickerPopover.close()},this.onFocus=t=>{this.handleAutoSelect(t)},this.onBlur=t=>{if(this.readonly)return;const i=this.pickerPopover.contains(t.relatedTarget);this.setIsInPickOnlyMode(!i)},this.onPickDate=t=>{const i=t.detail,e=o(i,y);this.value=e,this.inputEl.value=o(i,this.pattern),this.mask.updateValue(),this.setIsInPickOnlyMode(!0),this.pickerPopover.close()}}componentWillLoad(){const t=Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);this.id="swirl-date-input-"+t,this.setIsInPickOnlyMode(!0)}componentDidLoad(){this.setupMask(),this.mediaQueryUnsubscribe=p.subscribe((t=>{this.updateIconSize(t)})),this.autoFocus&&this.focus()}disconnectedCallback(){this.mask?.destroy(),this.mediaQueryUnsubscribe()}watchFormat(){this.setupMask()}watchValue(t,i){t!==i&&this.updateValue()}async openPicker(){this.pickerPopover.open(this.el)}focus(){setTimeout((()=>{this.inputEl.focus()}))}updateIconSize(t){this.iconSize=t?20:24}handleAutoSelect(t){this.autoSelect?t.target&&t.target instanceof HTMLInputElement&&t.target.select():setTimeout((()=>{t.target&&t.target instanceof HTMLInputElement&&t.target.setSelectionRange&&t.target.setSelectionRange(0,0)}))}setIsInPickOnlyMode(t){this.isInPickOnlyMode=!("pick"!==this.preferredInputMode||!h())&&t}setupMask(){this.mask?.destroy(),this.pattern=this.format.replace(/(?<!d)d(?!d)/g,"dd").replace(/(?<!M)M(?!M)/g,"MM").replace(/(?<!y)y(?!y)/g,"yyyy").replace(/(?<!y)yyy(?!y)/g,"yyyy"),this.pattern||(this.pattern=y),this.mask=d(this.inputEl,{mask:Date,pattern:this.pattern.replace(/([^A-Za-z0-9])/g,"$1`"),autofix:"pad",lazy:!0,overwrite:!0,eager:"append",blocks:{dd:{mask:d.MaskedRange,from:1,to:31,maxLength:2},MM:{mask:d.MaskedRange,from:1,to:12,maxLength:2},yy:{mask:d.MaskedRange,from:0,to:99,maxLength:2},yyyy:{mask:d.MaskedRange,from:1e3,to:9999,maxLength:4}},format:t=>{const i=o(t,this.pattern);return l(t)?(this.value=o(t,y),i):(this.invalidInput.emit(""+t),"")},parse:t=>c(t,this.pattern,new Date)}),this.mask.on("accept",(()=>{""===this.mask.value&&(this.value="",this.valueChange.emit(""))})),this.updateValue()}updateValue(){if(this.value){const t=c(this.value,y,new Date);if(l(t)){const i=o(t,this.pattern);this.mask.value=i,this.valueChange.emit(this.value)}else this.invalidInput.emit(this.value)}else this.mask.value=""}render(){const t=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,i=this.value?c(this.value,y,new Date):void 0,e=l(i)?i:void 0,r=n("date-input",{"date-input--inline":this.inline});return s(a,{key:"da068b51e091af3568aae56c4edc062a02250a0c"},s("div",{key:"2b3e85d7c41297c5c16fcd7da3911918709bb88b",class:r},s("input",{key:"7988a33053e6126b4e2c2db07ecd35154b5dc118","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"date-input__input",disabled:this.disabled,readonly:this.isInPickOnlyMode||this.readonly,id:this.id,inputmode:"numeric",onClick:this.onClick,onMouseDown:this.onMouseDown,onFocus:this.onFocus,onBlur:this.onBlur,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,type:"text"}),!this.readonly&&s("swirl-popover-trigger",{key:"598635c0a78132ff023c7269ef1a1d0fb3a5598e",swirlPopover:"popover-"+this.id},s("button",{key:"c48e10b5e9a3f38129eab24773e95b54488b9567","aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},s("swirl-icon-today",{key:"3e4fdb17f2c2a8d601773ceddc38fd83ec22032a",size:this.iconSize})))),!(this.disabled||this.readonly)&&s("swirl-popover",{key:"ed5f0026cf1efc75b48994a83736e23b93c75527",animation:"scale-in-y",class:"date-input__date-picker-popover",id:"popover-"+this.id,label:this.datePickerLabel,placement:"bottom-end",ref:t=>this.pickerPopover=t},s("swirl-date-picker",{key:"d49902ee534677e0ce8f7bf3925d574a702c81e9",disableDate:this.datePickerDisableDate,firstDayOfWeek:this.firstDayOfWeek,labels:this.labels,locale:this.locale,onValueChange:this.onPickDate,value:e,startDate:e})))}get el(){return this}static get watchers(){return{format:[{watchFormat:0}],value:[{watchValue:0}]}}static get style(){return".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h *.sc-swirl-date-input{box-sizing:border-box}.date-input.sc-swirl-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:0}}.date-input--inline.sc-swirl-date-input .date-input__input.sc-swirl-date-input::-moz-placeholder{color:transparent}.date-input--inline.sc-swirl-date-input .date-input__input.sc-swirl-date-input::placeholder{color:transparent}.date-input__input.sc-swirl-date-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.date-input__input.sc-swirl-date-input:focus{outline:none}.date-input__input.sc-swirl-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}.date-input__input.sc-swirl-date-input::-moz-placeholder{color:var(--swirl-input-placeholder-color)}.date-input__input.sc-swirl-date-input::placeholder{color:var(--swirl-input-placeholder-color)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__input.sc-swirl-date-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-input__date-picker-button.sc-swirl-date-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.date-input__date-picker-button.sc-swirl-date-input:focus:not(:focus-visible){outline:none}.date-input__date-picker-button.sc-swirl-date-input:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-input__date-picker-button.sc-swirl-date-input:disabled{color:var(--s-icon-disabled);cursor:default}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__date-picker-button.sc-swirl-date-input{top:-0.625rem}}@media (max-width: 767px){.date-input__date-picker-popover.sc-swirl-date-input{position:fixed}}"}},[2,"swirl-date-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],datePickerDisableDate:[16],datePickerLabel:[1,"date-picker-label"],datePickerTriggerLabel:[1,"date-picker-trigger-label"],disabled:[4],firstDayOfWeek:[2,"first-day-of-week"],format:[1],inline:[4],invalid:[4],labels:[16],locale:[1],placeholder:[1],preferredInputMode:[1,"preferred-input-mode"],required:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1537],readonly:[4],iconSize:[32],isInPickOnlyMode:[32],openPicker:[64]},void 0,{format:[{watchFormat:0}],value:[{watchValue:0}]}]),v=k,g=function(){"undefined"!=typeof customElements&&["swirl-date-input","swirl-date-picker","swirl-icon-today","swirl-popover","swirl-popover-trigger","wc-datepicker"].forEach((t=>{switch(t){case"swirl-date-input":customElements.get(r(t))||customElements.define(r(t),k);break;case"swirl-date-picker":customElements.get(r(t))||u();break;case"swirl-icon-today":customElements.get(r(t))||m();break;case"swirl-popover":customElements.get(r(t))||w();break;case"swirl-popover-trigger":customElements.get(r(t))||f();break;case"wc-datepicker":customElements.get(r(t))||b()}}))};export{v as SwirlDateInput,g as defineCustomElement}