npm - @getflip/swirl-components - Versions diffs - 0.498.1 → 0.501.0 - Mend

@getflip/swirl-components 0.498.1 → 0.501.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2574) hide show

package/dist/components/index.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as i,createEvent as o,h as t,Host as a,transformTag as d}from"@stencil/core/internal/client";import{c as s}from"./index2.js";import{d as n}from"./swirl-icon2.js";import{d as c}from"./swirl-text2.js";import{v as r}from"./v4.js";const l=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expansionChange=o(this,"expansionChange",7),this.headingLevel=2,this.itemId=r(),this.expanded=!1,this.headingId=r()+"-heading",this.onHeadingClick=()=>{this.toggle()}}componentWillLoad(){if(this.accordion=this.el.closest("swirl-accordion"),this.expanded=this.initiallyOpen&&!this.disabled\|\|!1,!this.accordion)throw Error("[Swirl] swirl-accordion-item must be a child of a swirl-accordion.")}async collapse(){this.expanded&&!this.disabled&&(this.expanded=!1,this.expansionChange.emit(this.expanded))}async expand(){this.expanded\|\|this.disabled\|\|(this.expanded=!0,this.expansionChange.emit(this.expanded))}async toggle(){this.expanded?this.collapse():this.expand()}render(){const e="h"+this.headingLevel,i=s("accordion-item",{"accordion-item--expanded":this.expanded});return t(a,{key:"~~f15a0677326d12d4b9d4eb23c9d5efe65611f7d6~~"},t("div",{key:"~~ccc8c752e65b5325bdab89e1c27e285b6241d38f~~",class:i},t(e,{key:"~~15bed907cc15f0b3589263c7837c1f5602e9cb7c~~",class:"accordion-item__heading"},t("button",{key:"~~83152164de9659cf826ac4898742fff772e01860~~","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:"~~e6f97e10880180b1461b15fef1fdfbd6ab00487d~~",name:"media"}),t("span",{key:"~~303a2952d526306fe52f4aa1e4e62df8c3b71e4f~~",class:"accordion-item__toggle-text"},this.heading,this.description&&t("swirl-text",{key:"~~0f174ee5694050ccc2a05d4a946a954875c31b12~~",as:"span",color:"subdued",size:"sm"},this.description)),t("slot",{key:"~~b1816e439f7b680b3347cd9f214a271eab449b93~~",name:"trailing"}),t("span",{key:"~~72b1f1fb9088fb74c8dd0fcd3e2745a6bde25b6c~~",class:"accordion-item__icon"},!this.expanded&&t("swirl-icon",{key:"~~478218253cc30ad3c706fb8bd160e4fc62a0d841~~",glyph:"chevron-right",size:20}),this.expanded&&t("swirl-icon",{key:"~~18d538ce575e8e50167ab4dd85ca370e5c7d0d91~~",glyph:"expand-more",size:20})))),t("div",{key:"~~1389d81ed3bce89f1967bc8d588cc9c89596d66c~~","aria-labelledby":this.headingId,class:"accordion-item__content",id:this.itemId,role:"region"},t("slot",{key:"~~24e8e2ada9bbade7ad6a8eee6a56d34ee7803a60~~"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-8);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}"}},[257,"swirl-accordion-item",{description:[1],disabled:[4],heading:[1],headingLevel:[2,"heading-level"],initiallyOpen:[4,"initially-open"],itemId:[1,"item-id"],expanded:[32],collapse:[64],expand:[64],toggle:[64]}]),m=l,h=function(){"undefined"!=typeof customElements&&["swirl-accordion-item","swirl-icon","swirl-text"].forEach((e=>{switch(e){case"swirl-accordion-item":customElements.get(d(e))\|\|customElements.define(d(e),l);break;case"swirl-icon":customElements.get(d(e))\|\|n();break;case"swirl-text":customElements.get(d(e))\|\|c()}}))};export{m as SwirlAccordionItem,h as defineCustomElement}
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";import{v as c}from"./v4.js";const l=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.expansionChange=o(this,"expansionChange",7),this.headingLevel=2,this.itemId=c(),this.expanded=!1,this.headingId=c()+"-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:"06999da47eaba55763a447cbbb544d92da636760"},t("div",{key:"5484984dcea351c0e224ab4796c1460bba704fe3",class:e},t(i,{key:"72eaf7a42cec947e810de91c6116b7f50b0c1598",class:"accordion-item__heading"},t("button",{key:"98f4adc35db13350b76dbba86c7e22f1bac2aa2a","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:"94a467d23569e323a2dedf7110c91c0f5244f60b",name:"media"}),t("span",{key:"ed3131d3e0a2c02ffe6925a52045e9c547fac2bc",class:"accordion-item__toggle-text"},this.heading,this.description&&t("swirl-text",{key:"3030464b2a7b19222563bd8a355be5a5af1baca7",as:"span",color:"subdued",size:"sm"},this.description)),t("slot",{key:"108256c9d74efda48d746f7a40037a68420a40e4",name:"trailing"}),t("span",{key:"5c3367b2ee839b214d4a013f10f800de16b57d4a",class:"accordion-item__icon"},!this.expanded&&t("swirl-icon",{key:"5b5906edb7cf2e24fbb11e405bfe8ea9df65b1ef",glyph:"chevron-right",size:20}),this.expanded&&t("swirl-icon",{key:"c4249ab5c3ce934be473771f0b831fabce7cd3f7",glyph:"expand-more",size:20})))),t("div",{key:"10d0287d13bd323e42de265a6ff3944fa9959eb2","aria-labelledby":this.headingId,class:"accordion-item__content",id:this.itemId,role:"region"},t("slot",{key:"e8cccd0d6e0f6a3a5911efd964930e5ba4273b73"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-8);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}"}},[257,"swirl-accordion-item",{description:[1],disabled:[4],heading:[1],headingLevel:[2,"heading-level"],initiallyOpen:[4,"initially-open"],itemId:[1,"item-id"],expanded:[32],collapse:[64],expand:[64],toggle:[64]}]),m=l,h=function(){"undefined"!=typeof customElements&&["swirl-accordion-item","swirl-icon","swirl-text"].forEach((i=>{switch(i){case"swirl-accordion-item":customElements.get(d(i))\|\|customElements.define(d(i),l);break;case"swirl-icon":customElements.get(d(i))\|\|n();break;case"swirl-text":customElements.get(d(i))\|\|r()}}))};export{m as SwirlAccordionItem,h as defineCustomElement}

package/dist/components/swirl-accordion.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as c,transformTag as n}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(c,{key:"~~53058b590f5964f77f27c1a2d5dc3e4f6303bca4~~"},i("slot",{key:"~~40aadacc04d62c2ad7dcb2184e3c96cede6b1c9e~~"}))}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]}]),a=o,r=function(){"undefined"!=typeof customElements&&["swirl-accordion"].forEach((t=>{"swirl-accordion"===t&&(customElements.get(n(t))\|\|customElements.define(n(t),o))}))};export{a as SwirlAccordion,r as defineCustomElement}
1	+ 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:"3145ae0baa7f64589d40182d31a0b3b05e26c2f8"},i("slot",{key:"e7544fbcc0b50f06e12b52b10f9c0773c0a69713"}))}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]}]),a=c,r=function(){"undefined"!=typeof customElements&&["swirl-accordion"].forEach((t=>{"swirl-accordion"===t&&(customElements.get(o(t))\|\|customElements.define(o(t),c))}))};export{a as SwirlAccordion,r as defineCustomElement}

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

	@@ -1 +1 @@
1	- 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:"~~b1f48748eb872060713c7cd9e2d85b903a8bc877~~"},this.hasSeparator&&t("swirl-separator",{key:"~~0b81779a74fe4b20a790c9098616b8a0393129e7~~",spacing:this.separatorSpacing}),t("div",{key:"~~a91fa502721bdeaf491e216467c7545fd5522cd5~~","aria-labelledby":"label",class:"action-list-section",role:"group"},t("span",{key:"~~6321d99508e7bccd2590fb966532acdb751058f9~~",class:"action-list-section__label",id:"label",part:"action-list-section__label"},this.label),t("swirl-stack",{key:"~~bf4859d757a18080947baa4967ccafe904e534d2~~",spacing:this.spacing,align:"stretch"},t("slot",{key:"~~6c681834ca30b1843e883dbca0434c7fcf652e30~~"}))))}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}
1	+ 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:"c9f4e4a9f5c548ca890ad61c9f497c27f3b797a7"},this.hasSeparator&&t("swirl-separator",{key:"b0a7f642ff96f23b69dd7e29cca1b258674ef75e",spacing:this.separatorSpacing}),t("div",{key:"849ee3049d337414b102caca1d00f632b016f5e2","aria-labelledby":"label",class:"action-list-section",role:"group"},t("span",{key:"2b31af6217534b05b153b1784c2df074665a1673",class:"action-list-section__label",id:"label",part:"action-list-section__label"},this.label),t("swirl-stack",{key:"2f4d8c9c1b7d07c63495052cfb2a3edc89893968",spacing:this.spacing,align:"stretch"},t("slot",{key:"2e07c838eb056cff1708cd6f3f7c913b29c7351a"}))))}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 CHANGED Viewed

	@@ -1 +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:"~~c6ce9b1fce62151da12fe07c07d338122ceaafa8~~"},i("div",{key:"~~c040c40c62c3037208cd5790dbc83adf3170f18a~~","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:"~~35e4e5306fa2f333554893b292302a18dccd0736~~",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}
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:"29cb100e2c4dda657ae43dfcfbbfde7e1803bf35"},i("div",{key:"a5894ffd17df4488b41318368d48056991d28c20","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:"b0cc65e1c60829887ea80531c2487ec664fc6491",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 CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as i,HTMLElement as e,h as t,Host as s,transformTag as o}from"@stencil/core/internal/client";import{c ~~as n~~}from"./index2.js";const r=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.setImageAvailable=()=>{this.imageAvailable=!0},this.setImageUnavailable=()=>{this.imageAvailable=!1},this.onImageElementUpdate=i=>{this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable),this.imgEl=i,this.imgEl&&(this.imgEl.addEventListener("load",this.setImageAvailable),this.imgEl.addEventListener("error",this.setImageUnavailable))}}disconnectedCallback(){this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable)}render(){const i=!!this.src&&(this.imageAvailable\|\|void 0===this.imageAvailable),e=!i&&!!this.icon,o=n("app-icon",{"app-icon--has-icon":e\|\|!i&&!e});return t(s,{key:"~~c58475dbf646a9d006890916e87d83cd9906ee83~~"},t("span",{key:"~~b0d64cfd31d6e716eb2eae9f08140f476b4ad8be~~",class:o},i&&t("img",{key:"~~0c2ae8bd6f3462a4549c55cd7e3b0ebe70d1e1bc~~",alt:"",height:"256",ref:this.onImageElementUpdate,src:this.src,width:"256"}),e&&t("span",{key:"~~f352ef23a3396184e88e41894357e6ddb15301d0~~",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]}]),c=r,a=function(){"undefined"!=typeof customElements&&["swirl-app-icon"].forEach((i=>{"swirl-app-icon"===i&&(customElements.get(o(i))\|\|customElements.define(o(i),r))}))};export{c as SwirlAppIcon,a as defineCustomElement}
1	+ 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:"d09c1d1aaa21068830200c308f2b3f720422a96c"},s("span",{key:"24523d60801284e612620ba2255e4238955d2b3f",class:o},i&&s("img",{key:"c83f11a2814beac394aad6194af386b8a77200e8",alt:"",height:"256",ref:this.onImageElementUpdate,src:this.src,width:"256"}),t&&s("span",{key:"00593a27391e4d0df84cf8c387ec1a0c14c6ecb6",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=n,r=function(){"undefined"!=typeof customElements&&["swirl-app-icon"].forEach((i=>{"swirl-app-icon"===i&&(customElements.get(o(i))\|\|customElements.define(o(i),n))}))};export{a as SwirlAppIcon,r as defineCustomElement}

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

	@@ -1 +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 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:"~~3dee76aae503080b212ab304b1b2d4bc11c3fc0c~~","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:"~~18395f1c057a4b8adfea8f96599fccdaeade58ab~~"}))}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,c=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,c as defineCustomElement}
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 a}from"./index2.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.width="15.5rem"}render(){const e=a("carousel-slide",{"carousel-slide--has-min-height":!!this.minHeight});return t(i,{key:"7f5c8e11f7aacefbfa72ccae416b5d94d0f3e9a7","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:"25cdf099ba287290ef10a7cb40375ca2ea0c94ad"}))}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=l,c=function(){"undefined"!=typeof customElements&&["swirl-carousel-slide"].forEach((e=>{"swirl-carousel-slide"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),l))}))};export{r as SwirlCarouselSlide,c as defineCustomElement}

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

	@@ -1 +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";import{v as h}from"./v4.js";const d=(t,e=0,r=1)=>t>r?r:t<e?e:t,u=(t,e=0,r=Math.pow(10,e))=>Math.round(rt)/r,p=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}),b=t=>{const{h:e,s:r,l:s}=(({h:t,s:e,v:r,a:s})=>{const i=(200-e)r/100;return{h:u(t),s:u(i>0&&i<200?er/100/(i<=100?i:200-i)100:0),l:u(i/2),a:u(s,2)}})(t);return`hsl(${e}, ${r}%, ${s}%)`},m=t=>{const e=t.toString(16);return e.length<2?"0"+e:e},f=(t,e)=>{if(t===e)return!0;for(const r in t)if(t[r]!==e[r])return!1;return!0},g={},v=t=>{let e=g[t];return e\|\|(e=document.createElement("template"),e.innerHTML=t,g[t]=e),e},w=(t,e,r)=>{t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:r}))};let x=!1;const k=t=>"touches"in t,y=(t,e)=>{const r=k(e)?e.touches[0]:e,s=t.el.getBoundingClientRect();w(t.el,"move",t.getMove({x:d((r.pageX-(s.left+window.pageXOffset))/s.width),y:d((r.pageY-(s.top+window.pageYOffset))/s.height)}))};class _{constructor(t,e,r,s){const i=v(`<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(x?"touchmove":"mousemove",this),e(x?"touchend":"mouseup",this)}handleEvent(t){switch(t.type){case"mousedown":case"touchstart":if(t.preventDefault(),!(t=>!(x&&!k(t)\|\|(x\|\|(x=k(t)),0)))(t)\|\|!x&&0!=t.button)return;this.el.focus(),y(this,t),this.dragging=!0;break;case"mousemove":case"touchmove":t.preventDefault(),y(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(),w(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 E extends _{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/360100+"%",color:b({h:t,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuenow",""+u(t))}getMove(t,e){return{h:e?d(this.h+360t.x,0,360):360t.x}}}class $ extends _{constructor(t){super(t,"saturation",'aria-label="Color"',!0)}update(t){this.hsva=t,this.style([{top:100-t.v+"%",left:t.s+"%",color:b(t)},{"background-color":b({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?d(this.hsva.s+100t.x,0,100):100t.x,v:e?d(this.hsva.v-100t.y,0,100):Math.round(100-100t.y)}}}const I=Symbol("same"),S=Symbol("color"),C=Symbol("hsva"),M=Symbol("update"),z=Symbol("parts"),B=Symbol("css"),L=Symbol("sliders");class j extends HTMLElement{static get observedAttributes(){return["color"]}get[B](){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[L](){return[$,E]}get color(){return this[S]}set color(t){if(!this[I](t)){const e=this.colorModel.toHsva(t);this[M](e),this[S]=t}}constructor(){super();const t=v(`<style>${this[B].join("")}</style>`),e=this.attachShadow({mode:"open"});e.appendChild(t.content.cloneNode(!0)),e.addEventListener("move",this),this[z]=this[L].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[I](s)\|\|(this.color=s)}handleEvent(t){const e=this[C],r={...e,...t.detail};let s;this[M](r),f(r,e)\|\|this[I](s=this.colorModel.fromHsva(r))\|\|(this[S]=s,w(this,"color-changed",{value:s}))}[I](t){return this.color&&this.colorModel.equal(t,this.color)}[M](t){this[C]=t,this[z].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:u(60(n<0?n+6:n)),s:u(i?o/i100:0),v:u(i/255100),a:s}})(p(t)),fromHsva:({h:t,s:e,v:r})=>(t=>(({r:t,g:e,b:r,a:s})=>{const i=s<1?m(u(255s)):"";return"#"+m(t)+m(e)+m(r)+i})((({h:t,s:e,v:r,a:s})=>{e/=100,r/=100;const i=Math.floor(t=t/3606),o=r(1-e),n=r(1-(t-i)e),a=r(1-(1-t+i)e),l=i%6;return{r:u(255[r,n,o,o,a,r][l]),g:u(255[a,r,r,n,o,o][l]),b:u(255[o,o,a,r,r,n][l]),a:u(s,2)}})(t)))({h:t,s:e,v:r,a:1}),equal:(t,e)=>t.toLowerCase()===e.toLowerCase()\|\|f(p(t),p(e)),fromAttr:t=>t};class A extends j{get colorModel(){return H}}customElements.define("hex-color-picker",class extends A{});const F=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-"+h(),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:"8faa0ba1fdf6d55cd5e9ff8d1cb42738d586a0eb"},s("div",{key:"fbc9200a7318669ace362f25510124ced61b418b",class:e},s("input",{key:"7837f8b509251caf79d46a6341cb0e43772a246b","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:"256e94f88ee8b0ce91d3c22bd5236ab7aa2be07e",swirlPopover:this.pickerId},s("button",{key:"1b0b3b76331731d3c1af0d73ccb6dde06326184b",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:"d93b43a8b6d680d7d52743dde653a8333d67d514",animation:"scale-in-y",id:this.pickerId,label:this.pickerLabel,placement:"bottom-end"},s("swirl-box",{key:"3189ed30ad815e64b265e1f3c3b4464e5799b7ca",centerInline:!0,paddingBlockEnd:"8",paddingBlockStart:"8",paddingInlineEnd:"16",paddingInlineStart:"16"},s("hex-color-picker",{key:"e2cd1e63d998d906b824c5d0c8e4a6eaedfe23f3",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}]}]),q=F,T=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),F);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{q as SwirlColorInput,T as defineCustomElement}
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";import{v as h}from"./v4.js";const d=(t,e=0,r=1)=>t>r?r:t<e?e:t,u=(t,e=0,r=Math.pow(10,e))=>Math.round(rt)/r,p=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}),b=t=>{const{h:e,s:r,l:s}=(({h:t,s:e,v:r,a:s})=>{const i=(200-e)r/100;return{h:u(t),s:u(i>0&&i<200?er/100/(i<=100?i:200-i)100:0),l:u(i/2),a:u(s,2)}})(t);return`hsl(${e}, ${r}%, ${s}%)`},m=t=>{const e=t.toString(16);return e.length<2?"0"+e:e},f=(t,e)=>{if(t===e)return!0;for(const r in t)if(t[r]!==e[r])return!1;return!0},g={},v=t=>{let e=g[t];return e\|\|(e=document.createElement("template"),e.innerHTML=t,g[t]=e),e},w=(t,e,r)=>{t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:r}))};let x=!1;const k=t=>"touches"in t,y=(t,e)=>{const r=k(e)?e.touches[0]:e,s=t.el.getBoundingClientRect();w(t.el,"move",t.getMove({x:d((r.pageX-(s.left+window.pageXOffset))/s.width),y:d((r.pageY-(s.top+window.pageYOffset))/s.height)}))};class _{constructor(t,e,r,s){const i=v(`<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(x?"touchmove":"mousemove",this),e(x?"touchend":"mouseup",this)}handleEvent(t){switch(t.type){case"mousedown":case"touchstart":if(t.preventDefault(),!(t=>!(x&&!k(t)\|\|(x\|\|(x=k(t)),0)))(t)\|\|!x&&0!=t.button)return;this.el.focus(),y(this,t),this.dragging=!0;break;case"mousemove":case"touchmove":t.preventDefault(),y(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(),w(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 E extends _{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/360100+"%",color:b({h:t,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuenow",""+u(t))}getMove(t,e){return{h:e?d(this.h+360t.x,0,360):360t.x}}}class $ extends _{constructor(t){super(t,"saturation",'aria-label="Color"',!0)}update(t){this.hsva=t,this.style([{top:100-t.v+"%",left:t.s+"%",color:b(t)},{"background-color":b({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?d(this.hsva.s+100t.x,0,100):100t.x,v:e?d(this.hsva.v-100t.y,0,100):Math.round(100-100t.y)}}}const I=Symbol("same"),S=Symbol("color"),C=Symbol("hsva"),M=Symbol("update"),z=Symbol("parts"),B=Symbol("css"),L=Symbol("sliders");class j extends HTMLElement{static get observedAttributes(){return["color"]}get[B](){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[L](){return[$,E]}get color(){return this[S]}set color(t){if(!this[I](t)){const e=this.colorModel.toHsva(t);this[M](e),this[S]=t}}constructor(){super();const t=v(`<style>${this[B].join("")}</style>`),e=this.attachShadow({mode:"open"});e.appendChild(t.content.cloneNode(!0)),e.addEventListener("move",this),this[z]=this[L].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[I](s)\|\|(this.color=s)}handleEvent(t){const e=this[C],r={...e,...t.detail};let s;this[M](r),f(r,e)\|\|this[I](s=this.colorModel.fromHsva(r))\|\|(this[S]=s,w(this,"color-changed",{value:s}))}[I](t){return this.color&&this.colorModel.equal(t,this.color)}[M](t){this[C]=t,this[z].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:u(60(n<0?n+6:n)),s:u(i?o/i100:0),v:u(i/255100),a:s}})(p(t)),fromHsva:({h:t,s:e,v:r})=>(t=>(({r:t,g:e,b:r,a:s})=>{const i=s<1?m(u(255s)):"";return"#"+m(t)+m(e)+m(r)+i})((({h:t,s:e,v:r,a:s})=>{e/=100,r/=100;const i=Math.floor(t=t/3606),o=r(1-e),n=r(1-(t-i)e),a=r(1-(1-t+i)e),l=i%6;return{r:u(255[r,n,o,o,a,r][l]),g:u(255[a,r,r,n,o,o][l]),b:u(255[o,o,a,r,r,n][l]),a:u(s,2)}})(t)))({h:t,s:e,v:r,a:1}),equal:(t,e)=>t.toLowerCase()===e.toLowerCase()\|\|f(p(t),p(e)),fromAttr:t=>t};class A extends j{get colorModel(){return H}}customElements.define("hex-color-picker",class extends A{});const F=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-"+h(),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:"5a710686ad471748049e2246186febb4d7a3fd87"},s("div",{key:"6f9beacf28b62e48db30001e9586ca7248a35ff8",class:e},s("input",{key:"848bb9cde49f688a4007242a0900cc3755a54bba","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:"e400c9f79451c30009555c451406260090925d41",swirlPopover:this.pickerId},s("button",{key:"546f4a60eb80aad2e813b4e034c3db2af1bbbc53",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:"f6ba4b19ebeed724563ce771efeb446d7a0072bf",animation:"scale-in-y",id:this.pickerId,label:this.pickerLabel,placement:"bottom-end"},s("swirl-box",{key:"ed091dbb4c85fb35be4b64aff43c95f599be3729",centerInline:!0,paddingBlockEnd:"8",paddingBlockStart:"8",paddingInlineEnd:"16",paddingInlineStart:"16"},s("hex-color-picker",{key:"21e2f5281d5e1f6619a9ab1b637cc7ab770aac59",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}]}]),q=F,T=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),F);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{q as SwirlColorInput,T as defineCustomElement}

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

	@@ -1 +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 r}from"./utils.js";import{d}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((()=>{r()?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=r();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"),r()&&this.el.querySelector("swirl-tree-navigation-item")?.focus()}deactivateSidebar(){this.sidebarActive=!1,r()&&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:"6d3d76b3bbe059e36b83d71bef04189d9bf52697"},t("div",{key:"8be9369affb1e769fa088af15c278d5bcef3239c",class:o,onClick:this.onClick,onKeyDown:this.onKeyDown},t("header",{key:"18f96ffe0cd4531fa1c1432571e9865c81419519","aria-hidden":!this.sidebarActive+"",class:"console-layout__sidebar",ref:e=>this.sidebarEl=e},t("div",{key:"a6ca9595440e044f01e9eeb99a02669006651377",class:"console-layout__header"},t("div",{key:"eedf50754624ba62d2dee201caaa4c722472e867",class:"console-layout__logo"},t("svg",{key:"126b0b43f34bb3b4b17ce55f443a28a9ab920bf1",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:"5816b1cf9245a21f410b78d4df44be804f1f8653","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:"94260711560885dd241e2c982d41a6a445ab500e",class:"console-layout__logo-text",weight:"medium"},this.logoText))),t("nav",{key:"02f8498f9cc229c3f2264e47df1a524033bcdc3b","aria-label":this.navigationLabel,class:"console-layout__navigation"},t("slot",{key:"ba5909d095b6287796877cd96d795f93dc440512",name:"navigation"})),t("div",{key:"df6cf86f2df40b1311d7e8272b0aead808001358",class:"console-layout__user"},t("slot",{key:"71d379979ed62b36ab090e2ee7275f84b2348738",name:"user"}))),t("main",{key:"79b024113f1ff98be044b1ff439b060ec427ba2e","aria-labelledby":this.appName?"app-name":void 0,class:"console-layout__main"},t("header",{key:"11c0da8a1ceb9f1114b31fb2f253ef2cedb6e841",class:"console-layout__app-bar console-layout__app-bar--custom"},t("slot",{key:"945c13dc3f1a137f67dc4dd23372abd59303dad1",name:"app-bar",onSlotchange:this.updateCustomAppBarStatus})),t("header",{key:"ade2fdb3b97bca5b11d3f51960130554102eaf93",class:"console-layout__app-bar"},t("span",{key:"3763982c2893f0e9f4051858cc13348b9ad87464",class:"console-layout__mobile-navigation-button"},t("swirl-button",{key:"adb4797947a8164a439920cf46b78c01ba71ee6a",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:"888442817c242245c8a4254b1fcbdac131e9664b",class:"console-layout__app-name"},this.appName&&t("swirl-heading",{key:"9a42899542bf5a8f3015e4a9830adf7e82b16602",as:"h1",headingId:"app-name",level:4,text:this.appName})),this.showHelpButton&&t("swirl-button",{key:"368709207382507b0f3acc7eff553af7fd21ca12",class:"console-layout__help-button",hideLabel:!0,icon:"<swirl-icon-help></swirl-icon-help>",label:this.helpButonLabel,onClick:this.onHelpButtonClick})),t("section",{key:"1b818fdd0857179d2571b2c3636e4ea253670c71","aria-labelledby":"heading",class:"console-layout__content",onScroll:this.onMainScroll,ref:e=>this.contentEl=e},t("div",{key:"997508980962020a361281a61acbda609dd02f5f",class:"console-layout__content-container"},!this.hideContentHeader&&t("header",{key:"597ee6188a39738b85cfe5b8ee1cff5e81fc470b",class:"console-layout__content-header",style:e},this.showBackButton&&t("swirl-button",{key:"9dbf4f8f04e1e32eac104d324448d9678122e141",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:"017cca3478dabf0347de9c906da9639dfd55a186",class:"console-layout__heading-container"},t("swirl-heading",{key:"d2799b47248282463d9e53f81870d3a644c48778",as:this.appName?"h2":"h1",class:"console-layout__heading",headingId:"heading",level:1,text:this.heading}),this.subheading&&t("swirl-text",{key:"758441b1390f2e7014b25123d978f0b3f37dd09d",class:"console-layout__subheading",color:"subdued"},this.subheading)),!this.heading&&t("div",{key:"c1da0ed02c4391cd1134e29380df6999432ed390",class:"console-layout__heading-container"},t("slot",{key:"20b72fc9bebfe7fa55272d3743448b75cdbec86c",name:"heading"})),t("div",{key:"631804252b9d02e7e77c447736f82c72b86c5b12",class:"console-layout__content-header-tools"},t("slot",{key:"d8111f725736d6269e617cf6f69bf1c2a4082058",name:"content-header-tools"}))),t("div",{key:"bc36dc116663e54fba88653175ea494b9746503d",class:"console-layout__integration",style:e},t("slot",{key:"563651e53020e12c2d936ab8c0585a9939ea2dc2",name:"content"})))),t("footer",{key:"1fbabaa24e0a457835e0e173542c29387d834666",class:"console-layout__footer"},t("slot",{key:"e7444b9ee022f3a1bb816fe4b7c32e25c9e07d9b",name:"footer",onSlotchange:this.updateFooterStatus})),t("div",{key:"0ab722bb6bc57e4b3bc2fe11e771f6f796c7fd0e",class:"console-layout__overlays"},t("slot",{key:"86312704fefb36b2b9f8d5a24a191c588acf23f1",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 -webkit-min-content;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 -webkit-min-content;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 -webkit-min-content;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))\|\|d();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}
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 r}from"./utils.js";import{d}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((()=>{r()?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=r();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"),r()&&this.el.querySelector("swirl-tree-navigation-item")?.focus()}deactivateSidebar(){this.sidebarActive=!1,r()&&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:"a4158e13d33d78b4d27fb2024290f11c49fd0e5f"},t("div",{key:"3f1291ef4b8ac9828151a09e07657b68954b678c",class:o,onClick:this.onClick,onKeyDown:this.onKeyDown},t("header",{key:"cefb587ec5daa8096a4c3d3f13344cc440e5f97d","aria-hidden":!this.sidebarActive+"",class:"console-layout__sidebar",ref:e=>this.sidebarEl=e},t("div",{key:"ca149c639283c4bc8e733ea1cf8fa1619ee0e434",class:"console-layout__header"},t("div",{key:"a59ae357c46b8d35fc3f5c8a99f1ef753008327c",class:"console-layout__logo"},t("svg",{key:"42c6c8e6250510d5d0593b202bc9d2cde0a9590d",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:"64900a6758a8d12ee196ab708e6d50d836a52f61","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:"57d5701d08b4c53af4de4ca3284b7e04c4e0e54b",class:"console-layout__logo-text",weight:"medium"},this.logoText))),t("nav",{key:"76dab062b840632dea8308756703bb3e119f2081","aria-label":this.navigationLabel,class:"console-layout__navigation"},t("slot",{key:"cf89e7ddbebb6e87119368dbfff3c8295868ce27",name:"navigation"})),t("div",{key:"5d49517e16eff2f164b945f48dcbd6407bce5031",class:"console-layout__user"},t("slot",{key:"ff73023ebb64f240ec9a782ec086b4aebd555f34",name:"user"}))),t("main",{key:"5d9470b3d8cb91853c0dedfd0075c7f90c2dd439","aria-labelledby":this.appName?"app-name":void 0,class:"console-layout__main"},t("header",{key:"a6a5bd4c6ca674ebae0cc8e97fb4aa47265fd2cd",class:"console-layout__app-bar console-layout__app-bar--custom"},t("slot",{key:"fbbde6af44031e9b51af81972d5a0ca07dc639be",name:"app-bar",onSlotchange:this.updateCustomAppBarStatus})),t("header",{key:"2265183fea6bf47f09cc019ecc508e7168c17029",class:"console-layout__app-bar"},t("span",{key:"f7e7c811938694c46a473001ee0a2f8937395078",class:"console-layout__mobile-navigation-button"},t("swirl-button",{key:"711f48b45b46753f118a0463f2304eda2f9c0a27",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:"b232051bf3cb60ce36bb2159a11853dd139168c0",class:"console-layout__app-name"},this.appName&&t("swirl-heading",{key:"5ccb29bfef3aaae85ed8c8bf818665c14a86b2a2",as:"h1",headingId:"app-name",level:4,text:this.appName})),this.showHelpButton&&t("swirl-button",{key:"fb402a6f585112cfa1115274982b2f8e645ce44b",class:"console-layout__help-button",hideLabel:!0,icon:"<swirl-icon-help></swirl-icon-help>",label:this.helpButonLabel,onClick:this.onHelpButtonClick})),t("section",{key:"fe702ca29858dc085ffdd02e767098dbf85dce9b","aria-labelledby":"heading",class:"console-layout__content",onScroll:this.onMainScroll,ref:e=>this.contentEl=e},t("div",{key:"8c0bc9d8f5b68e176d166620e5114d15b52c42f9",class:"console-layout__content-container"},!this.hideContentHeader&&t("header",{key:"a3f358a3e96dd6e9d818a390516b6cd67d0c6aa0",class:"console-layout__content-header",style:e},this.showBackButton&&t("swirl-button",{key:"1b7a95dd315ccd55f1bb1281b54eb7876b1f7852",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:"596834d4d9308e355f8be0bab370141448b28e3c",class:"console-layout__heading-container"},t("swirl-heading",{key:"91e2b51e6fe28d9974ab4eb62ceee52be660fc1b",as:this.appName?"h2":"h1",class:"console-layout__heading",headingId:"heading",level:1,text:this.heading}),this.subheading&&t("swirl-text",{key:"4baf247b67882cbc726a7b741dbac737ed2bc7b6",class:"console-layout__subheading",color:"subdued"},this.subheading)),!this.heading&&t("div",{key:"fec65282ac397f9a8955a568a0c11d162ade6a4d",class:"console-layout__heading-container"},t("slot",{key:"db73df06bc3f6618f262b1a79053a0d1054f1a72",name:"heading"})),t("div",{key:"148cfe997f855a7ce9c24e2567bb3336be629e67",class:"console-layout__content-header-tools"},t("slot",{key:"cb087749b934ccfa488781874671cec70f82b83d",name:"content-header-tools"}))),t("div",{key:"68d29de55d12e3a38aae91cbd0b20b7d21e83b3a",class:"console-layout__integration",style:e},t("slot",{key:"0d509ae9c95910196c160c324c93a3029bec3a76",name:"content"})))),t("footer",{key:"958b494dc87397b8909edbdd3c71a9a66767e6fc",class:"console-layout__footer"},t("slot",{key:"c852db01bc215f6b4da9eef67163259a3ddfaae3",name:"footer",onSlotchange:this.updateFooterStatus})),t("div",{key:"68aebf8d1319138ff2bf530111369746ad17781a",class:"console-layout__overlays"},t("slot",{key:"0312cb654e3b771c7ca87319e7ac44e2d3aba4a9",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 -webkit-min-content;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 -webkit-min-content;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 -webkit-min-content;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))\|\|d();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}

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as a,HTMLElement as e,h as t,Host as s,transformTag as l}from"@stencil/core/internal/client";import{c ~~as d~~}from"./index2.js";import{v as c}from"./v4.js";const r=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.hideLabel=!1,this.headerId="data-cell-stack-header-"+c(),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=d("data-cell-stack",{"data-cell-stack--has-cta":a}),c=e?this.headerId+"-label":void 0,r=this.description?this.headerId+"-description":void 0;return t(s,{key:"~~9816cd9a28f4771294e607d37f7eafa7bbeec397~~"},t("div",{key:"~~a4f70e0edf996c0502f17bdc7cad8de297431e76~~",class:l,part:"data-cell-stack",role:"group"},(e\|\|this.description\|\|a)&&t("header",{key:"~~66ea79f97995eb38d609ac76681b60c8d2986aee~~",class:"data-cell-stack__header",id:this.headerId},t("div",{key:"~~170fa4424c37ede46d21c98fe9a0a3e30e7dc6ad~~",class:"data-cell-stack__header-content"},e&&t("h3",{key:"~~8b533a3efc877d00f2b883b4bd97f5ce3ff0d82e~~",class:"data-cell-stack__label",id:c},this.label),this.description&&t("p",{key:"~~09b7ab8c1916e3eee5dc319a82b2cdf2261f0507~~",class:"data-cell-stack__description",id:r},this.description)),a&&t("div",{key:"~~2d543e439b20b707cac55899382b4da1db83e867~~",class:"data-cell-stack__cta"},t("slot",{key:"~~f425a418b60908285450b4714f941272e541ad9a~~",name:"cta"}))),t("div",{key:"~~14ba4e4c794c2d6bd27ff4dffaf7241139a1d694~~",class:"data-cell-stack__cells",role:"list","aria-labelledby":c\|\|void 0,"aria-describedby":r\|\|void 0},t("slot",{key:"~~aa91bc50a03d16f0ca0ff7026f41074200480053~~",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__cta{display:flex;align-items:center;flex-shrink:0}"}},[257,"swirl-data-cell-stack",{description:[1],hideLabel:[4,"hide-label"],label:[1]}]),i=r,o=function(){"undefined"!=typeof customElements&&["swirl-data-cell-stack"].forEach((a=>{"swirl-data-cell-stack"===a&&(customElements.get(l(a))\|\|customElements.define(l(a),r))}))};export{i as SwirlDataCellStack,o as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as a,h as t,Host as s,transformTag as l}from"@stencil/core/internal/client";import{c}from"./index2.js";import{v as d}from"./v4.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hideLabel=!1,this.headerId="data-cell-stack-header-"+d(),this.onSlotChange=e=>{e.target.assignedElements().filter((e=>"SWIRL-DATA-CELL"!==e.tagName)).length>0&&console.warn("[SwirlDataCellStack] Only swirl-data-cell elements are allowed as direct children.")}}render(){const e=!!this.el.querySelector('[slot="cta"]'),a=!!this.label&&!this.hideLabel,l=c("data-cell-stack",{"data-cell-stack--has-cta":e}),d=a?this.headerId+"-label":void 0,r=this.description?this.headerId+"-description":void 0;return t(s,{key:"c3da49e9b7790874f8360fee4d0314204e79f56b"},t("div",{key:"841705fac518ef6a01525df95dba2cbdc2d5a3e0",class:l,part:"data-cell-stack",role:"group"},(a\|\|this.description\|\|e)&&t("header",{key:"11ae4c9b357be3b834c31bd7eda0e642fa3ddf23",class:"data-cell-stack__header",id:this.headerId},t("div",{key:"3a75787b65c88d645535b63b4ca8679898399cce",class:"data-cell-stack__header-content"},a&&t("h3",{key:"65bc8b13f560ee9adeabf18c5fbf35623e0542c3",class:"data-cell-stack__label",id:d},this.label),this.description&&t("p",{key:"0742e498e5deb487bdb1947aca8ae92b74137bee",class:"data-cell-stack__description",id:r},this.description)),e&&t("div",{key:"86fcb90372ad2e9179389ce69735d812c1d21952",class:"data-cell-stack__cta"},t("slot",{key:"385924b0cdf96c2b76605268b30eea4be3f510cf",name:"cta"}))),t("div",{key:"284c754322880cfed92c85534241be24af898bc7",class:"data-cell-stack__cells",role:"list","aria-labelledby":d\|\|void 0,"aria-describedby":r\|\|void 0},t("slot",{key:"d8e255560793646082e0552b75dddee75d6f1051",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__cta{display:flex;align-items:center;flex-shrink:0}"}},[257,"swirl-data-cell-stack",{description:[1],hideLabel:[4,"hide-label"],label:[1]}]),i=r,o=function(){"undefined"!=typeof customElements&&["swirl-data-cell-stack"].forEach((e=>{"swirl-data-cell-stack"===e&&(customElements.get(l(e))\|\|customElements.define(l(e),r))}))};export{i as SwirlDataCellStack,o as defineCustomElement}

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

	@@ -1 +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 b}from"./swirl-popover-trigger2.js";import{d as w}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:"~~3cc04c80b9e8be4aa7461f340d10705220751b92~~"},s("div",{key:"~~f07cab3f83d59c05e86926490893e0455b88bc48~~",class:r},s("input",{key:"~~e7aa2c4be5019070fdfc0819354528600a8c5a1a~~","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:"~~3572f4e7b818083b664f6f976a936171ecfc209b~~",swirlPopover:"popover-"+this.id},s("button",{key:"~~bd20e95c764b32d27af2230ddcabb48351008f58~~","aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},s("swirl-icon-today",{key:"~~f51649c06b04c5873fffd4fe5866f79421578b84~~",size:this.iconSize})))),!(this.disabled\|\|this.readonly)&&s("swirl-popover",{key:"~~edcee514ccc63bcf098d6669bdc0c92d106cc0e1~~",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:"~~0e348d65635e249958e274bd7d2e74f76457ff8c~~",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))\|\|b();break;case"wc-datepicker":customElements.get(r(t))\|\|w()}}))};export{v as SwirlDateInput,g as defineCustomElement}
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:"837329ab8c80cad44421fc19a79124c684846e8f"},s("div",{key:"7116bfaf64a4b4da2eebe5851a881bae29581174",class:r},s("input",{key:"3abfdb8840ce728d0f75e550482aeddeaa854f44","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:"a6d3c22092affdc5370fd93009a70907d1bd651e",swirlPopover:"popover-"+this.id},s("button",{key:"42325d18293a1ffcae71385d5d190c9d8419e527","aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},s("swirl-icon-today",{key:"6eb5d29bd5bc825cd30ddaf21df1bac22fae09dc",size:this.iconSize})))),!(this.disabled\|\|this.readonly)&&s("swirl-popover",{key:"293941dc84a9a953e8a8760262380c9a9b567ece",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:"c45bd7a0309af4c8e8080655c1dd3f855c9751ed",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}

package/dist/components/swirl-date-picker2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,createEvent as a,h as r,Host as i,transformTag as o}from"@stencil/core/internal/client";import{r as n,g as s}from"./utils.js";import{c}from"./index2.js";import{d}from"./wc-datepicker2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=a(this,"valueChange",3),this.disableDate=()=>!1,this.firstDayOfWeek=0,this.fixedAspectRatio=!0,this.fixedMaxWidth=!0,this.locale="en-US",this.onClick=e=>{e.stopPropagation(),e.preventDefault()},this.onSelectDate=e=>{this.valueChange.emit("string"==typeof e.detail?n(new Date(e.detail)):e.detail.map((e=>n(new Date(e)))))}}componentWillLoad(){if(!this.firstDayOfWeek){const e=new Intl.Locale(this.locale);this.firstDayOfWeek="getWeekInfo"in e?e.getWeekInfo().firstDay:e.weekInfo?.firstDay??0}}render(){const e=this.startDate instanceof Date?s(this.startDate):void 0,t=c({"date-picker--fixed-max-width":this.fixedMaxWidth,"date-picker--fixed-aspect-ratio":this.fixedAspectRatio});return r(i,{key:"94dea4c449be4b75fe25afe265f3adf2ee2a94d5",onClick:this.onClick},r("wc-datepicker",{key:"7a84b9ea132cc0530c2c40fd698ac76b9d9df125",class:t,elementClassName:"date-picker",disableDate:this.disableDate,firstDayOfWeek:this.firstDayOfWeek,labels:this.labels,locale:this.locale,onSelectDate:this.onSelectDate,range:this.range,startDate:e,value:this.value}))}get el(){return this}static get style(){return":host{display:block}:host {box-sizing:border-box}.date-picker{padding:var(--s-space-8) var(--s-space-16);background-color:transparent;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}@media (min-width: 768px){.date-picker--fixed-max-width .date-picker{max-width:17.5rem}}.date-picker__header{display:flex;margin-bottom:var(--s-space-8);align-items:center}.date-picker__current-month{display:flex;padding:var(--s-space-8);flex-grow:1;align-items:center;order:1;gap:var(--s-space-4)}.date-picker__next-month-button,.date-picker__previous-month-button{position:relative;display:inline-flex;width:2.5rem;height:2.5rem;margin:0;padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-highlight);background-color:transparent;cursor:pointer}.date-picker__next-month-button:after,.date-picker__previous-month-button:after{position:absolute;background-color:currentColor;content:\"\";inset:0;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.date-picker__next-month-button:hover,.date-picker__previous-month-button:hover{background-color:var(--s-state-hovered)}.date-picker__next-month-button:active,.date-picker__previous-month-button:active{background-color:var(--s-state-pressed)}.date-picker__next-month-button:focus:not(:focus-visible),.date-picker__previous-month-button:focus:not(:focus-visible){outline:none}.date-picker__next-month-button:focus-visible,.date-picker__previous-month-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-picker__next-month-button>svg,.date-picker__previous-month-button>svg{display:none}.date-picker__next-month-button{order:3}.date-picker__next-month-button:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\")}.date-picker__previous-month-button{order:2}.date-picker__previous-month-button:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\")}.date-picker__month-select,.date-picker__year-select{margin:0;padding:0;border:none;background-color:transparent;font:inherit;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;cursor:pointer}.date-picker__month-select:focus:not(:focus-visible),.date-picker__year-select:focus:not(:focus-visible){outline:none}.date-picker__month-select:focus-visible,.date-picker__year-select:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-picker__month-select,.date-picker__year-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-picker__month-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.date-picker__year-select{max-width:4rem}.date-picker__calendar{display:block;width:100%}.date-picker__calendar tbody{display:block}.date-picker__calendar-header{display:block}.date-picker__weekday-row,.date-picker__calendar-row{display:flex}.date-picker__weekday-row{margin-bottom:var(--s-space-8)}.date-picker__weekday{display:inline-flex;min-width:2.25rem;min-height:2.25rem;flex-basis:calc(100 / 7 1%);justify-content:center;align-items:center;color:var(--s-text-subdued);font-weight:var(--s-font-weight-regular)}.date-picker--fixed-aspect-ratio .date-picker__weekday{aspect-ratio:1}.date-picker__date{position:relative;z-index:1;display:inline-flex;min-width:2.25rem;min-height:2.25rem;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;font-weight:var(--s-font-weight-medium);cursor:pointer}.date-picker__date:before{position:absolute;z-index:-1;border-radius:50%;background-color:transparent;content:\"\";inset:0;aspect-ratio:1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}.date-picker__date:hover:before{background-color:var(--s-state-hovered)}.date-picker--fixed-aspect-ratio .date-picker__date{aspect-ratio:1}.date-picker__date--current:before{background-color:var(--s-state-hovered)}.date-picker__date--current:focus:not(:focus-visible){outline:none}.date-picker__date--current:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-picker__date--overflowing{color:var(--s-text-subdued)}.date-picker__date--selected{color:var(--s-text-on-action-primary)}.date-picker__date--selected:before{background-color:var(--s-action-primary-default)}.date-picker__date--selected:hover{color:var(--s-text-on-action-primary)}.date-picker__date--selected:hover:before{background-color:var(--s-action-primary-hovered)}.date-picker__date--selected>strong{font-weight:var(--s-font-weight-medium)}.date-picker__date--in-range:not(.date-picker__date--selected):after{position:absolute;border-radius:0px;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 0px}.date-picker__date--start:not(.date-picker__date--end){color:var(--s-text-on-action-primary)}.date-picker__date--start:not(.date-picker__date--end):before{background-color:var(--s-action-primary-default)}.date-picker__date--start:not(.date-picker__date--end):after{position:absolute;z-index:-1;border-radius:0;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 0 0.0625rem 50%}.date-picker__date--end:not(.date-picker__date--start){color:var(--s-text-on-action-primary)}.date-picker__date--end:not(.date-picker__date--start):before{background-color:var(--s-action-primary-default)}.date-picker__date--end:not(.date-picker__date--start):after{position:absolute;z-index:-1;border-radius:0;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 50% 0.0625rem 0}.date-picker__date--today:before{box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.date-picker__date--today>em{font-style:normal}.date-picker__date--disabled{color:var(--s-text-disabled);cursor:default;pointer-events:none}.date-picker__date--disabled:before{background-color:transparent}.date-picker__date--disabled:hover{color:var(--s-text-disabled)}.date-picker__date--disabled:hover:before{background-color:transparent}"}},[1,"swirl-date-picker",{disableDate:[16],firstDayOfWeek:[1026,"first-day-of-week"],fixedAspectRatio:[4,"fixed-aspect-ratio"],fixedMaxWidth:[4,"fixed-max-width"],labels:[16],locale:[1],range:[4],startDate:[16],value:[1040]}]);function p(){"undefined"!=typeof customElements&&["swirl-date-picker","wc-datepicker"].forEach((e=>{switch(e){case"swirl-date-picker":customElements.get(o(e))\|\|customElements.define(o(e),l);break;case"wc-datepicker":customElements.get(o(e))\|\|d()}}))}export{l as S,p as d}
1	+ import{proxyCustomElement as e,HTMLElement as t,createEvent as a,h as r,Host as i,transformTag as o}from"@stencil/core/internal/client";import{r as n,g as s}from"./utils.js";import{c}from"./index2.js";import{d}from"./wc-datepicker2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=a(this,"valueChange",3),this.disableDate=()=>!1,this.firstDayOfWeek=0,this.fixedAspectRatio=!0,this.fixedMaxWidth=!0,this.locale="en-US",this.onClick=e=>{e.stopPropagation(),e.preventDefault()},this.onSelectDate=e=>{this.valueChange.emit("string"==typeof e.detail?n(new Date(e.detail)):e.detail.map((e=>n(new Date(e)))))}}componentWillLoad(){if(!this.firstDayOfWeek){const e=new Intl.Locale(this.locale);this.firstDayOfWeek="getWeekInfo"in e?e.getWeekInfo().firstDay:e.weekInfo?.firstDay??0}}render(){const e=this.startDate instanceof Date?s(this.startDate):void 0,t=c({"date-picker--fixed-max-width":this.fixedMaxWidth,"date-picker--fixed-aspect-ratio":this.fixedAspectRatio});return r(i,{key:"74295e59ccb106ea49afe81c3f3e1a0edcaed1ad",onClick:this.onClick},r("wc-datepicker",{key:"dfa153a41ee7be0c3cbd93e418ea8acc37728fc4",class:t,elementClassName:"date-picker",disableDate:this.disableDate,firstDayOfWeek:this.firstDayOfWeek,labels:this.labels,locale:this.locale,onSelectDate:this.onSelectDate,range:this.range,startDate:e,value:this.value}))}get el(){return this}static get style(){return":host{display:block}:host {box-sizing:border-box}.date-picker{padding:var(--s-space-8) var(--s-space-16);background-color:transparent;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}@media (min-width: 768px){.date-picker--fixed-max-width .date-picker{max-width:17.5rem}}.date-picker__header{display:flex;margin-bottom:var(--s-space-8);align-items:center}.date-picker__current-month{display:flex;padding:var(--s-space-8);flex-grow:1;align-items:center;order:1;gap:var(--s-space-4)}.date-picker__next-month-button,.date-picker__previous-month-button{position:relative;display:inline-flex;width:2.5rem;height:2.5rem;margin:0;padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-highlight);background-color:transparent;cursor:pointer}.date-picker__next-month-button:after,.date-picker__previous-month-button:after{position:absolute;background-color:currentColor;content:\"\";inset:0;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.date-picker__next-month-button:hover,.date-picker__previous-month-button:hover{background-color:var(--s-state-hovered)}.date-picker__next-month-button:active,.date-picker__previous-month-button:active{background-color:var(--s-state-pressed)}.date-picker__next-month-button:focus:not(:focus-visible),.date-picker__previous-month-button:focus:not(:focus-visible){outline:none}.date-picker__next-month-button:focus-visible,.date-picker__previous-month-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-picker__next-month-button>svg,.date-picker__previous-month-button>svg{display:none}.date-picker__next-month-button{order:3}.date-picker__next-month-button:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\")}.date-picker__previous-month-button{order:2}.date-picker__previous-month-button:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\")}.date-picker__month-select,.date-picker__year-select{margin:0;padding:0;border:none;background-color:transparent;font:inherit;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;cursor:pointer}.date-picker__month-select:focus:not(:focus-visible),.date-picker__year-select:focus:not(:focus-visible){outline:none}.date-picker__month-select:focus-visible,.date-picker__year-select:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-picker__month-select,.date-picker__year-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-picker__month-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.date-picker__year-select{max-width:4rem}.date-picker__calendar{display:block;width:100%}.date-picker__calendar tbody{display:block}.date-picker__calendar-header{display:block}.date-picker__weekday-row,.date-picker__calendar-row{display:flex}.date-picker__weekday-row{margin-bottom:var(--s-space-8)}.date-picker__weekday{display:inline-flex;min-width:2.25rem;min-height:2.25rem;flex-basis:calc(100 / 7 1%);justify-content:center;align-items:center;color:var(--s-text-subdued);font-weight:var(--s-font-weight-regular)}.date-picker--fixed-aspect-ratio .date-picker__weekday{aspect-ratio:1}.date-picker__date{position:relative;z-index:1;display:inline-flex;min-width:2.25rem;min-height:2.25rem;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;font-weight:var(--s-font-weight-medium);cursor:pointer}.date-picker__date:before{position:absolute;z-index:-1;border-radius:50%;background-color:transparent;content:\"\";inset:0;aspect-ratio:1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}.date-picker__date:hover:before{background-color:var(--s-state-hovered)}.date-picker--fixed-aspect-ratio .date-picker__date{aspect-ratio:1}.date-picker__date--current:before{background-color:var(--s-state-hovered)}.date-picker__date--current:focus:not(:focus-visible){outline:none}.date-picker__date--current:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-picker__date--overflowing{color:var(--s-text-subdued)}.date-picker__date--selected{color:var(--s-text-on-action-primary)}.date-picker__date--selected:before{background-color:var(--s-action-primary-default)}.date-picker__date--selected:hover{color:var(--s-text-on-action-primary)}.date-picker__date--selected:hover:before{background-color:var(--s-action-primary-hovered)}.date-picker__date--selected>strong{font-weight:var(--s-font-weight-medium)}.date-picker__date--in-range:not(.date-picker__date--selected):after{position:absolute;border-radius:0px;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 0px}.date-picker__date--start:not(.date-picker__date--end){color:var(--s-text-on-action-primary)}.date-picker__date--start:not(.date-picker__date--end):before{background-color:var(--s-action-primary-default)}.date-picker__date--start:not(.date-picker__date--end):after{position:absolute;z-index:-1;border-radius:0;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 0 0.0625rem 50%}.date-picker__date--end:not(.date-picker__date--start){color:var(--s-text-on-action-primary)}.date-picker__date--end:not(.date-picker__date--start):before{background-color:var(--s-action-primary-default)}.date-picker__date--end:not(.date-picker__date--start):after{position:absolute;z-index:-1;border-radius:0;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 50% 0.0625rem 0}.date-picker__date--today:before{box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.date-picker__date--today>em{font-style:normal}.date-picker__date--disabled{color:var(--s-text-disabled);cursor:default;pointer-events:none}.date-picker__date--disabled:before{background-color:transparent}.date-picker__date--disabled:hover{color:var(--s-text-disabled)}.date-picker__date--disabled:hover:before{background-color:transparent}"}},[1,"swirl-date-picker",{disableDate:[16],firstDayOfWeek:[1026,"first-day-of-week"],fixedAspectRatio:[4,"fixed-aspect-ratio"],fixedMaxWidth:[4,"fixed-max-width"],labels:[16],locale:[1],range:[4],startDate:[16],value:[1040]}]);function p(){"undefined"!=typeof customElements&&["swirl-date-picker","wc-datepicker"].forEach((e=>{switch(e){case"swirl-date-picker":customElements.get(o(e))\|\|customElements.define(o(e),l);break;case"wc-datepicker":customElements.get(o(e))\|\|d()}}))}export{l as S,p as d}