@getflip/swirl-components 0.526.0 → 0.528.0

package/dist/components/index.js

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

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

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

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

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

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

@@ -1 +1 @@
-import{proxyCustomElement as a,HTMLElement as e,createEvent as l,h as t,Host as i,transformTag as s}from"@stencil/core/internal/client";import{c}from"./index2.js";import{d}from"./swirl-icon-info2.js";import{d as r}from"./swirl-stack2.js";import{d as o}from"./swirl-tooltip2.js";const n=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.valueChange=l(this,"valueChange",7),this.intent="default",this.vertical=!1,this.elementId="data-cell-"+crypto.randomUUID(),this.handleRadioClick=a=>{const e=a.target,l=this.el.querySelector('swirl-radio[slot="content"]');if(e.contains(l)){const a=l?.querySelector('input[type="radio"]');a.click()}},this.handleClick=a=>{this.handleRadioClick(a),this.valueChange.emit(a)}}render(){const a=!("SWIRL-DATA-CELL"!==this.el.querySelector('[slot="media"]')?.parentElement.tagName),e=!("SWIRL-DATA-CELL"!==this.el.querySelector('[slot="suffix"]')?.parentElement.tagName),l=!!this.label,s=!("SWIRL-DATA-CELL"!==this.el.querySelector('[slot="content"]')?.parentElement.tagName),d=!!this.el.querySelector('swirl-checkbox[slot="content"]'),r=!!this.el.querySelector('swirl-radio[slot="content"]'),o=c("data-cell",{"data-cell--vertical":this.vertical,"data-cell--has-media":a,"data-cell--has-suffix":e,"data-cell--has-content":s,"data-cell--no-label":!l,"data-cell--interactive":d||r,["data-cell--intent-"+this.intent]:this.intent}),n=this.elementId+"-label",f=this.elementId+"-value",u="SWIRL-DATA-CELL-STACK"===this.el.parentElement?.tagName,p=u?"listitem":"group",b=d||r?"button":void 0,h=u&&!b?"group":b,v=t("swirl-stack",{key:"1a8d3ade2a5ce41b4ff0f81500def7aa4381f2d9",orientation:"horizontal",align:"center",spacing:"4"},t("span",{key:"2eb9b618b7ef03428c1540e6d3374af952ab0b89",class:"data-cell__label",id:n,role:"term"},this.label),this.tooltip&&t("swirl-tooltip",{key:"8d286960ce1806dd24f364ef10cb1ff4fc5e8028",class:"data-cell__tooltip",content:this.tooltip,position:"right"},t("swirl-icon-info",{key:"b35a894b40da6ec61229c63fe709e0aa303a8573",size:16,tabIndex:0})));return t(i,{key:"24d2c5a77d20a67d6c8de7242c74b4820f09146a",role:p},t("div",{key:"4e1c083711986f3f206f799505da137661466ff6",class:o,part:"data-cell",onClick:d||r?this.handleClick:void 0,role:h,tabIndex:d||r?0:void 0},a&&t("div",{key:"035d177d63dbe189633d4c121f3ef5cc6d3f680d",class:"data-cell__media","aria-hidden":"true"},t("slot",{key:"4dd8f0a1625531ad1e31e52c4aff6e4c7ef180bb",name:"media"})),t("div",{key:"7802b89ea49b36281097aa57c4cdf7cdb996b5cf",class:"data-cell__content"},l&&t("div",{key:"cbd0d077017af1dc7ffecaf1a4b0eb9e3d72ce29",class:"data-cell__label-wrapper"},v),(s||this.value||e)&&t("div",{key:"b43be51eda47779f425e4653269989732aef15ba",class:"data-cell__value-wrapper",role:"definition","aria-labelledby":l?n:void 0,id:f},s?t("div",{class:"data-cell__input"},t("slot",{name:"content"})):this.value&&t("div",{class:"data-cell__value"},this.value))),e&&t("div",{key:"7a2f4d6ca3f9865b35d0320120d38d41cf404cb7",class:"data-cell__suffix"},t("slot",{key:"1a6f4e9464eeaca483a97b7c051ba0042e38d37e",name:"suffix"}))))}get el(){return this}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell{display:flex;align-items:center;gap:var(--s-space-8);width:100%;padding:var(--s-space-12) var(--s-space-16);border-radius:var(--swirl-data-cell-border-radius, var(--s-border-radius-l))}.data-cell--interactive{cursor:pointer}.data-cell--intent-default{background-color:var(--s-surface-raised-50-default)}.data-cell--intent-info{background-color:var(--s-surface-info-subdued)}.data-cell--intent-critical{background-color:var(--s-surface-critical-subdued)}.data-cell--intent-warning{background-color:var(--s-surface-warning-subdued)}.data-cell--intent-success{background-color:var(--s-surface-success-subdued)}.data-cell--intent-special{background-color:var(--s-decorative-grape-surface-subdued)}.data-cell--intent-translucent{background-color:var(--s-surface-on-image-default)}.data-cell--intent-subdued{background-color:var(--s-surface-raised-default)}.data-cell--vertical{align-items:center}.data-cell__media{flex-shrink:0;display:flex;align-items:center}.data-cell__media ::slotted(swirl-avatar){--swirl-avatar-background-color:var(--s-surface-default)}.data-cell__content{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-space-24)}.data-cell--no-label .data-cell__content,.data-cell--no-label .data-cell__value-wrapper,.data-cell--no-label .data-cell__input{width:100%}.data-cell--vertical .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell__label-wrapper{flex-shrink:0;min-width:0}.data-cell:not(.data-cell--vertical) .data-cell__label-wrapper{width:calc(160px + var(--s-space-4) + 16px)}.data-cell__label{display:block;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);font-weight:var(--s-font-weight-normal)}.data-cell:not(.data-cell--vertical) .data-cell__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.data-cell__tooltip swirl-icon-info{flex-shrink:0;color:var(--s-text-subdued)}.data-cell__value-wrapper{display:flex;align-items:center;gap:var(--s-space-4);flex-shrink:1;min-width:0}.data-cell--vertical .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}.data-cell__value{flex:1;min-width:0;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-cell--vertical .data-cell__value{white-space:normal;overflow:visible;text-overflow:clip}.data-cell__suffix{flex-shrink:0}.data-cell__input{width:100%;--swirl-form-control-label-background-color:var(     --swirl-data-cell-input-background,     var(--s-surface-default)   )}.data-cell__input ::slotted(swirl-checkbox),.data-cell__input ::slotted(swirl-radio){width:100%}@media (max-width: 767px){.data-cell:not(.data-cell--vertical) .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell:not(.data-cell--vertical) .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}}"}},[257,"swirl-data-cell",{intent:[1],label:[1],tooltip:[1],value:[1],vertical:[4]}]),f=n,u=function(){"undefined"!=typeof customElements&&["swirl-data-cell","swirl-icon-info","swirl-stack","swirl-tooltip"].forEach((a=>{switch(a){case"swirl-data-cell":customElements.get(s(a))||customElements.define(s(a),n);break;case"swirl-icon-info":customElements.get(s(a))||d();break;case"swirl-stack":customElements.get(s(a))||r();break;case"swirl-tooltip":customElements.get(s(a))||o()}}))};export{f as SwirlDataCell,u as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as a,createEvent as t,h as l,Host as i,transformTag as s}from"@stencil/core/internal/client";import{c}from"./index2.js";import{d as r}from"./swirl-icon-info2.js";import{d}from"./swirl-stack2.js";import{d as o}from"./swirl-tooltip2.js";const n=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=t(this,"valueChange",7),this.intent="default",this.interactive=!1,this.size="m",this.vertical=!1,this.elementId="data-cell-"+crypto.randomUUID(),this.handleRadioClick=e=>{const a=e.target,t=this.el.querySelector('swirl-radio[slot="content"]');if(a.contains(t)){const e=t?.querySelector('input[type="radio"]');e.click()}},this.handleClick=e=>{this.handleRadioClick(e),this.valueChange.emit(e)}}render(){const e=!("SWIRL-DATA-CELL"!==this.el.querySelector('[slot="media"]')?.parentElement.tagName),a=!("SWIRL-DATA-CELL"!==this.el.querySelector('[slot="suffix"]')?.parentElement.tagName),t=!!this.label,s=!("SWIRL-DATA-CELL"!==this.el.querySelector('[slot="content"]')?.parentElement.tagName),r=!!this.el.querySelector('swirl-checkbox[slot="content"]'),d=!!this.el.querySelector('swirl-radio[slot="content"]'),o=this.interactive||!!this.href,n=c("data-cell","data-cell--size-"+this.size,{"data-cell--vertical":this.vertical,"data-cell--has-media":e,"data-cell--has-suffix":a,"data-cell--has-content":s,"data-cell--no-label":!t,"data-cell--interactive":o||r||d,["data-cell--intent-"+this.intent]:this.intent}),f=this.elementId+"-label",u=this.elementId+"-value",v="SWIRL-DATA-CELL-STACK"===this.el.parentElement?.tagName,b=v?"listitem":"group",h=r||d?"button":void 0,p=v&&!h?"group":h,w=this.href?"a":this.interactive?"button":"div",_=l("swirl-stack",{key:"02d9b33111b38a7e01c215ab22316e4702273d2f",orientation:"horizontal",align:"center",spacing:"4"},l("span",{key:"7c214d31b78bc9ed73bef749144fb090845be335",class:"data-cell__label",id:f,role:o?void 0:"term"},this.label),this.tooltip&&l("swirl-tooltip",{key:"5507dcf689141cf6492a0e0ebbac7f6d30bb9571",class:"data-cell__tooltip",content:this.tooltip,position:"right"},l("swirl-icon-info",{key:"ffd009f55337721081dd67811178625da5296395",size:16,tabIndex:0})));return l(i,{key:"3938b80ef59b8499ca122057cb2a601215fe63ca",role:b},l(w,{key:"d5e938b1e20cbd8ae35b3010e69655f04f31c4b3",class:n,href:this.href,onClick:r||d?this.handleClick:void 0,part:"data-cell",rel:this.href&&"_blank"===this.linkTarget?"noreferrer":void 0,role:o?void 0:p,tabIndex:o?void 0:r||d?0:void 0,target:this.linkTarget,type:this.href?void 0:this.interactive?"button":void 0},e&&l("div",{key:"11698c07d07a15d3e1402d5e7f06549ce12fec19",class:"data-cell__media","aria-hidden":"true"},l("slot",{key:"6c98bbb53fae7915300beafb9dbecc35aff6287c",name:"media"})),l("div",{key:"9370d31ac4d2d23dc0f40bb3ece90a608e182b83",class:"data-cell__content"},t&&l("div",{key:"a5ce98e4af9f182a159e15ca5b967a506f5771e3",class:"data-cell__label-wrapper"},_),(s||this.value||a)&&l("div",{key:"2360d1c1af966919370d00c44217314b7d91eece",class:"data-cell__value-wrapper",role:o?void 0:"definition","aria-labelledby":t&&!o?f:void 0,id:u},s?l("div",{class:"data-cell__input"},l("slot",{name:"content"})):this.value&&l("div",{class:"data-cell__value"},this.value))),a&&l("div",{key:"85482b447cb0d16b3c738a78f943ae8fd26281d8",class:"data-cell__suffix"},l("slot",{key:"0568683b289f22aed8aa6e0fc621c36d50b4d177",name:"suffix"}))))}get el(){return this}static get style(){return':host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell{display:flex;align-items:center;gap:var(--s-space-8);width:100%;padding:var(--s-space-12) var(--s-space-16);border:0;border-radius:var(--swirl-data-cell-border-radius, var(--s-border-radius-l));color:inherit;font:inherit;text-align:left;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.data-cell--interactive{position:relative;cursor:pointer}.data-cell--interactive::after{position:absolute;inset:0;border-radius:inherit;content:"";pointer-events:none}.data-cell--interactive:hover::after{background-color:var(--s-state-hovered)}.data-cell--interactive:active::after{background-color:var(--s-state-pressed)}.data-cell--interactive:focus:not(:focus-visible){outline:none}.data-cell--interactive:focus-visible{outline-color:var(--s-focus-default)}.data-cell--interactive.data-cell--intent-default:hover{background-color:var(--s-surface-raised-50-hovered)}.data-cell--interactive.data-cell--intent-default:active{background-color:var(--s-surface-raised-50-pressed)}.data-cell--interactive.data-cell--intent-default:hover::after,.data-cell--interactive.data-cell--intent-default:active::after{background-color:transparent}.data-cell--intent-default{background-color:var(--s-surface-raised-50-default)}.data-cell--intent-info{background-color:var(--s-surface-info-subdued)}.data-cell--intent-critical{background-color:var(--s-surface-critical-subdued)}.data-cell--intent-warning{background-color:var(--s-surface-warning-subdued)}.data-cell--intent-success{background-color:var(--s-surface-success-subdued)}.data-cell--intent-special{background-color:var(--s-decorative-grape-surface-subdued)}.data-cell--intent-translucent{background-color:var(--s-surface-on-image-default)}.data-cell--intent-subdued{background-color:var(--s-surface-raised-default)}.data-cell--size-s{gap:var(--s-space-4);padding:var(--s-space-8);border-radius:var(--swirl-data-cell-border-radius, var(--s-border-radius-s))}.data-cell--size-s .data-cell__content{gap:var(--s-space-8)}.data-cell--size-s .data-cell__value{font-weight:var(--s-font-weight-medium)}.data-cell--vertical{align-items:center}.data-cell__media{flex-shrink:0;display:flex;align-items:center}.data-cell__media ::slotted(swirl-avatar){--swirl-avatar-background-color:var(--s-surface-default)}.data-cell__content{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-space-24)}.data-cell--no-label .data-cell__content,.data-cell--no-label .data-cell__value-wrapper,.data-cell--no-label .data-cell__input{width:100%}.data-cell--vertical .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell__label-wrapper{flex-shrink:0;min-width:0}.data-cell:not(.data-cell--vertical) .data-cell__label-wrapper{width:calc(160px + var(--s-space-4) + 16px)}.data-cell__label{display:block;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);font-weight:var(--s-font-weight-normal)}.data-cell:not(.data-cell--vertical) .data-cell__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.data-cell__tooltip swirl-icon-info{flex-shrink:0;color:var(--s-text-subdued)}.data-cell__value-wrapper{display:flex;align-items:center;gap:var(--s-space-4);flex-shrink:1;min-width:0}.data-cell--vertical .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}.data-cell__value{flex:1;min-width:0;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-cell--vertical .data-cell__value{white-space:normal;overflow:visible;text-overflow:clip}.data-cell__suffix{flex-shrink:0}.data-cell__input{width:100%;--swirl-form-control-label-background-color:var(     --swirl-data-cell-input-background,     var(--s-surface-default)   )}.data-cell__input ::slotted(swirl-checkbox),.data-cell__input ::slotted(swirl-radio){width:100%}@media (max-width: 767px){.data-cell:not(.data-cell--vertical) .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell:not(.data-cell--vertical) .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}}'}},[257,"swirl-data-cell",{href:[1],intent:[1],interactive:[4],label:[1],linkTarget:[1,"link-target"],size:[513],tooltip:[1],value:[1],vertical:[4]}]),f=n,u=function(){"undefined"!=typeof customElements&&["swirl-data-cell","swirl-icon-info","swirl-stack","swirl-tooltip"].forEach((e=>{switch(e){case"swirl-data-cell":customElements.get(s(e))||customElements.define(s(e),n);break;case"swirl-icon-info":customElements.get(s(e))||r();break;case"swirl-stack":customElements.get(s(e))||d();break;case"swirl-tooltip":customElements.get(s(e))||o()}}))};export{f as SwirlDataCell,u as defineCustomElement}

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

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