@xplortech/apollo-core 3.2.0 → 3.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{p as e,b as a}from"./p-ukZKsqqq.js";export{s as setNonce}from"./p-ukZKsqqq.js";import{g as t}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a(JSON.parse('[["p-7eb02cf3",[[0,"xpl-icon",{"icon":[1],"size":[2],"backgroundColor":[1,"background-color"]}]]],["p-c5bc3b2c",[[260,"xpl-list",{"items":[16],"label":[1],"labelledBy":[1,"labelled-by"],"reorderable":[4],"selectable":[4],"keyboardReorderItemId":[32],"reorderLiveMessage":[32],"clearSelection":[64]},[[0,"keydown","handleKeyDown"],[0,"itemSelect","handleChildItemSelect"],[0,"slotchange","handleSlotChange"],[0,"itemDragStart","handleItemDragStart"],[0,"itemDragEnd","handleItemDragEnd"],[0,"itemDrop","handleItemDrop"],[0,"xplListItemReorder","handleItemReorder"]],{"keyboardReorderItemId":[{"handleKeyboardReorderItemIdChange":0}],"items":[{"handleItemsChange":0}],"reorderable":[{"handleReorderableChange":0}],"selectable":[{"handleSelectableChange":0}]}]]],["p-ff16f574",[[0,"xpl-pagination",{"totalPages":[2,"total-pages"],"withPageControl":[4,"with-page-control"],"currentPage":[1026,"current-page"],"rowsPerPageOptions":[1,"rows-per-page-options"],"selectedRowsPerPage":[1026,"selected-rows-per-page"]},null,{"currentPage":[{"onPageUpdate":0}],"totalPages":[{"onTotalPagesUpdate":0}],"selectedRowsPerPage":[{"onRowsPerPageUpdate":0}]}]]],["p-f579e4b0",[[260,"xpl-tabs",{"disabled":[4],"fullWidth":[4,"full-width"],"type":[513],"value":[1],"activeBarPosition":[32],"choicesTick":[32],"isMobileSelectChange":[32],"selectedValue":[32]},[[9,"resize","onWindowResize"]],{"disabled":[{"onDisabledChanged":0}],"fullWidth":[{"onFullWidthChanged":0}],"type":[{"onTypeChanged":0}],"value":[{"onValueChanged":0}]}]]],["p-9905c77c",[[260,"xpl-table",{"columns":[16],"data":[16],"footer":[16],"freeze":[4],"isSortable":[4,"is-sortable"],"label":[1],"multiselect":[4],"reorderHandleIcon":[1,"reorder-handle-icon"],"reorderHandleIconKeyboard":[1,"reorder-handle-icon-keyboard"],"rowReorderable":[4,"row-reorderable"],"selectable":[4],"selectedValues":[16],"sortableColumns":[16],"striped":[4],"areAllSelected":[32],"colCount":[32],"hasScrolled":[32],"keyboardReorderRowId":[32],"reorderLiveMessage":[32],"rowData":[32],"rowFooterData":[32],"selected":[32],"selectedRowIds":[32],"sortTypeArray":[32]},[[0,"xplTableColumnWidthsChange","handleHeaderCellColumnWidthsChange"],[0,"checkboxChange","handleCompositionalCheckboxChange"],[0,"headerCheckboxChange","handleCompositionalHeaderCheckboxChange"],[3,"pointerdown","handlePointerDownExitKeyboardReorder"],[3,"pointerdown","handleRowReorderPointerDown"],[3,"dragstart","handleRowReorderDragStart"],[3,"dragend","handleRowReorderDragEnd"],[2,"dragover","handleRowReorderDragOver"],[2,"dragenter","handleRowReorderDragEnter"],[3,"dragleave","handleRowReorderDragLeave"],[2,"drop","handleRowReorderDrop"],[0,"headerSortChange","handleCompositionalHeaderSort"]],{"columns":[{"watchColumns":0}],"data":[{"watchData":0}],"footer":[{"watchFooterData":0}],"reorderHandleIcon":[{"watchReorderHandleIcon":0}],"reorderHandleIconKeyboard":[{"watchReorderHandleIconKeyboard":0}],"rowReorderable":[{"watchRowReorderable":0}],"selectable":[{"watchSelectable":0}]}]]],["p-4e3c6616",[[260,"xpl-slideout",{"isOpen":[1540,"is-open"],"backdrop":[4],"variant":[1],"showFooter":[4,"show-footer"]},[[9,"scroll","handleScroll"]],{"isOpen":[{"watchPropHandler":0}]}]]],["p-aeb2bcb8",[[260,"xpl-top-nav",{"brandHref":[1,"brand-href"],"brandLogo":[1,"brand-logo"],"brandName":[1,"brand-name"],"childAccountLabel":[1,"child-account-label"],"label":[1],"navControl":[516,"nav-control"],"brandLogoSlotPresent":[32],"open":[32],"slotProjectionNonce":[32],"userMenuSlotPresent":[32],"userMenuTriggerSlotPresent":[32]},null,{"navControl":[{"onNavControlChanged":0}]}]]],["p-3713cd77",[[260,"xpl-modal",{"isOpen":[1540,"is-open"],"size":[1],"variant":[1]},null,{"isOpen":[{"updateModalState":0}]}]]],["p-715baae0",[[260,"xpl-side-nav",{"label":[1],"open":[1540],"hasHeaderSlot":[32],"toggle":[64],"setOpen":[64]},null,{"open":[{"onOpenChanged":0}]}]]],["p-8845106f",[[260,"xpl-tab",{"badge":[513],"badgeVariant":[1,"badge-variant"],"disabled":[516],"fullWidth":[4,"full-width"],"groupDisabled":[1540,"data-group-disabled"],"icon":[513],"iconPosition":[1,"icon-position"],"selected":[4],"target":[1],"variant":[1],"getFocusableElement":[64],"setTabIndex":[64],"focusTrigger":[64]}]]],["p-386851a2",[[0,"xpl-banner",{"actionText":[1,"action-text"],"appearance":[1],"description":[1],"hasIcon":[4,"has-icon"],"heading":[1],"isDismissible":[4,"is-dismissible"],"isSection":[4,"is-section"],"secondaryActionText":[1,"secondary-action-text"],"truncateDesc":[4,"truncate-desc"]}]]],["p-bdcece21",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["p-b64ed46d",[[0,"xpl-choicelist",{"choices":[16],"description":[1],"heading":[1],"multi":[4],"name":[1],"styled":[4],"selected":[32]},null,{"choices":[{"onChoicesPropChange":0}],"selected":[{"onSelectedChange":0}]}]]],["p-8f8f4759",[[260,"xpl-data-card",{"link":[4],"name":[1],"stat":[1],"shortStat":[1,"short-stat"],"variant":[1],"leadingIcon":[4,"leading-icon"],"icon":[1],"smallStat":[1,"small-stat"],"smallStatIcon":[1,"small-stat-icon"],"detail":[1],"smallStatVariant":[1,"small-stat-variant"],"tooltipTextSmallStat":[1,"tooltip-text-small-stat"],"tooltipTextStat":[1,"tooltip-text-stat"],"graphContentPresent":[32]},null,{"stat":[{"watchStat":0}],"shortStat":[{"watchShortStat":0}]}]]],["p-9feaa8be",[[260,"xpl-header-accordion",{"contentId":[1,"content-id"],"initialExpanded":[4,"initial-expanded"],"disabled":[4],"selectedCount":[2,"selected-count"],"hasCheckbox":[4,"has-checkbox"],"expanded":[32],"parentChecked":[32],"parentIndeterminate":[32]},[[0,"checkboxChange","handleChildCheckboxChange"]],{"selectedCount":[{"watchSelectedCount":0}]}]]],["p-256ece8b",[[260,"xpl-spotlight",{"actionLayout":[1,"action-layout"],"anchorPosition":[1,"anchor-position"],"body":[1],"currentStep":[2,"current-step"],"heading":[1],"isDismissible":[4,"is-dismissible"],"isOpen":[4,"is-open"],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"showActions":[4,"show-actions"],"showImage":[4,"show-image"],"showSteps":[4,"show-steps"],"target":[1],"totalSteps":[2,"total-steps"],"hasBodySlotContent":[32],"hasFloatingPosition":[32],"hasImageSlotContent":[32],"hasTitleSlotContent":[32],"dialogLabelId":[32],"isVisible":[32],"resolvedAnchorPosition":[32]},[[4,"keydown","handleKeyDown"]],{"anchorPosition":[{"onAnchorPositionChange":0}],"isOpen":[{"onIsOpenChange":0}],"target":[{"onTargetChange":0}]}]]],["p-1c031055",[[260,"xpl-toast",{"caption":[1],"dismissable":[4],"dismissible":[4],"showIcon":[4,"show-icon"],"timeout":[2],"variant":[1]},null,{"dismissable":[{"handleDismissableChange":0}],"timeout":[{"handleTimeoutChange":0}]}]]],["p-050a8bf2",[[260,"xpl-top-nav-menu",{"label":[1],"isMobileCascade":[32]}]]],["p-ea9cdd65",[[260,"xpl-accordion",{"contentId":[1,"content-id"],"header":[1],"description":[1],"initialExpanded":[4,"initial-expanded"],"size":[1],"borderType":[1,"border-type"],"expanded":[32],"parentCheckboxChange":[64]},[[0,"checkboxChange","listenToChangeEvent"]],{"initialExpanded":[{"watchInitialExpanded":0}]}]]],["p-045a4538",[[260,"xpl-application-shell",{"withSubnav":[4,"with-subnav"],"withUtility":[4,"with-utility"],"navWidth":[1,"nav-width"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"navOpen":[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]]],["p-e4d50301",[[260,"xpl-large-card",{"link":[4],"name":[1],"description":[1],"graphContentPresent":[32]}]]],["p-eba654a3",[[0,"xpl-progress-bar",{"helperText":[1,"helper-text"],"label":[1],"max":[2],"size":[1],"value":[2],"variant":[1]}]]],["p-49531864",[[0,"xpl-progress-indicator",{"currentStep":[1026,"current-step"],"layout":[1],"showLabels":[4,"show-labels"],"showNumbers":[4,"show-numbers"],"steps":[16]},null,{"steps":[{"validateCurrentStep":0}],"currentStep":[{"validateCurrentStep":0}]}]]],["p-24fa8a03",[[260,"xpl-side-nav-header-item",{"icon":[1],"label":[1],"selected":[516],"type":[513],"hasLeadingSlot":[32],"hasTrailingSlot":[32]}]]],["p-907bc21e",[[260,"xpl-side-nav-item",{"disabled":[516],"expanded":[1540],"hasChildren":[1540,"has-children"],"hidden":[516],"icon":[1],"label":[1],"link":[516],"selected":[516],"hasTrailingSlot":[32]},null,{"hasChildren":[{"syncLinkHasChildrenExclusivity":0}],"link":[{"syncLinkHasChildrenExclusivity":0}]}]]],["p-bfb7a83a",[[260,"xpl-side-nav-section",{"collapsible":[516],"expanded":[1540],"heading":[1],"hasBadgeSlot":[32],"hasNamedBadgeSlot":[32]}]]],["p-7d70e089",[[260,"xpl-utility-bar",{"navControl":[4,"nav-control"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"open":[32]}]]],["p-df257cbf",[[260,"xpl-breadcrumb-item"]]],["p-7f4463ff",[[260,"xpl-breadcrumbs"]]],["p-bc821e69",[[0,"xpl-calendar",{"inputId":[1,"input-id"],"dateFormat":[1,"date-format"],"max":[8],"min":[8],"mode":[1],"defaultDate":[1,"default-date"],"setDate":[64]}]]],["p-194c0ccd",[[260,"xpl-content-area",{"size":[1]}]]],["p-3cd1238b",[[260,"xpl-dashboard"]]],["p-9d731673",[[260,"xpl-dynamic-table",{"colCount":[32],"hasAccordion":[32],"selectedItemCount":[32]},[[8,"deselectAll","listenToDeselectEvent"],[8,"checkboxChange","listenToChangeEvent"]]]]],["p-f384a990",[[260,"xpl-dynamic-table-cell",{"disabled":[4]}]]],["p-08767607",[[260,"xpl-dynamic-table-row",{"disabled":[4],"selected":[4],"isDisabled":[32]}]]],["p-c22f70f4",[[0,"xpl-grid"]]],["p-24f7280a",[[260,"xpl-grid-item",{"xs":[2],"sm":[2],"md":[2],"lg":[2]}]]],["p-a789c272",[[260,"xpl-main-nav",{"width":[1]}]]],["p-64f5c129",[[260,"xpl-nav-header-menu",{"email":[1],"username":[1],"rightAsideMobilePresent":[32]}]]],["p-5ec2b180",[[260,"xpl-nav-item",{"navControl":[4,"nav-control"]}]]],["p-5c3be343",[[260,"xpl-panel",{"accent":[1],"padding":[1]}]]],["p-d3230277",[[260,"xpl-secondary-nav"]]],["p-14e86de8",[[0,"xpl-skeleton",{"classNames":[1,"class-names"],"fullWidth":[4,"full-width"],"height":[1],"width":[1],"margin":[1],"shape":[1],"size":[1]}]]],["p-5cbf5d42",[[260,"xpl-tab-panel",{"selected":[4],"target":[1]}]]],["p-7ac7fbc0",[[260,"xpl-table-body"]]],["p-a6ecca68",[[260,"xpl-table-footer"]]],["p-5b9fd96e",[[260,"xpl-table-header"]]],["p-d3ada7d0",[[260,"xpl-table-row",{"disabled":[516],"rowId":[513,"row-id"],"selected":[516]},null,{"disabled":[{"onDisabledChange":0}]}]]],["p-e09d8beb",[[0,"xpl-toggle",{"checked":[4],"description":[1],"disabled":[4],"heading":[1],"label":[1],"name":[1],"variant":[1],"id":[32]}]]],["p-bd493c4a",[[260,"xpl-toolbar",{"selectedItemCount":[2,"selected-item-count"]},[[8,"selectedItemCountChange","listenToSelectedItemCountChange"]]]]],["p-3417c1ce",[[260,"xpl-button",{"controlAttrs":[16],"disabled":[4],"form":[1],"fullWidth":[4,"full-width"],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"isLoading":[4,"is-loading"],"link":[4],"name":[1],"sentiment":[1],"size":[1],"state":[1],"type":[1],"value":[1],"variant":[1]},[[2,"click","handleDisabledClick"]]]]],["p-a0d3b7f8",[[260,"xpl-list-item",{"disabled":[4],"error":[4],"hidden":[4],"href":[1],"item":[16],"itemId":[1025,"item-id"],"keyboardActive":[4,"keyboard-active"],"radioName":[1,"radio-name"],"reorderable":[4],"selectable":[4],"selected":[4],"showDivider":[4,"show-divider"],"titleBadgeVariant":[1,"title-badge-variant"],"slotPresence":[32],"isKeyboardMode":[32]},[[0,"slotchange","handleSlotChange"]],{"item":[{"handleItemChange":0}],"keyboardActive":[{"handleKeyboardActiveChange":0}],"selected":[{"handleSelectedChange":0}],"titleBadgeVariant":[{"handleTitleBadgeVariantChange":0}]}]]],["p-d879c349",[[260,"xpl-tooltip",{"text":[1],"position":[1],"hideArrow":[4,"hide-arrow"]}]]],["p-ca83003e",[[260,"xpl-top-nav-item",{"active":[516],"description":[1],"href":[1],"icon":[1],"itemAriaLabel":[1,"item-aria-label"],"label":[1],"open":[1540],"openMode":[513,"open-mode"],"selected":[516],"hasActiveDescendant":[32],"hasDropdown":[32],"isLeadingIconSlotPresent":[32],"isMobileViewport":[32],"hostListitemRole":[32],"isTrailingIconSlotPresent":[32],"closeMenu":[64],"openMenu":[64],"toggleMenu":[64]},[[0,"_xplCloseNavDropdown","handleCloseNavDropdownRequest"]],{"hasDropdown":[{"onHasDropdownChanged":0}],"open":[{"onOpenChanged":0}]}]]],["p-808f3d9c",[[260,"xpl-table-header-cell",{"align":[1],"checkboxAriaLabel":[1,"checkbox-aria-label"],"checked":[4],"columnWidth":[513,"column-width"],"icon":[1],"indeterminate":[4],"label":[1],"sortDirection":[1537,"sort-direction"],"sortKey":[1,"sort-key"],"sortable":[4],"type":[513],"width":[514]},null,{"columnWidth":[{"watchColumnWidth":0}],"width":[{"watchWidth":0}]}],[260,"xpl-table-cell",{"align":[1],"bold":[4],"disabled":[4],"underline":[4]},null,{"disabled":[{"onDisabledChange":0}]}],[260,"xpl-table-footer-cell",{"align":[1]}]]],["p-ee68bed6",[[260,"xpl-popover",{"isOpen":[4,"is-open"],"disabled":[4],"position":[1],"display":[1],"isOpenState":[32],"actualPosition":[32],"updateListener":[32]},null,{"isOpen":[{"onIsOpenPropChange":0}],"isOpenState":[{"onIsOpenStateChange":0}]}]]],["p-b3b4678b",[[0,"xpl-input-color",{"value":[1],"placeholder":[1],"disabled":[4],"required":[4],"hideEyeDropper":[4,"hide-eye-dropper"],"hasErrorState":[32],"colorValues":[32],"eyeDropperSupported":[32],"hue":[32]},null,{"colorValues":[{"valueChanged":0}],"hasErrorState":[{"onHasErrorStateChanged":0}],"value":[{"onValuePropChange":0}]}]]],["p-87582346",[[260,"xpl-dropdown",{"isOpen":[1540,"open"],"closeOnSelect":[4,"close-on-select"],"mode":[1],"options":[1040],"anchorToTrigger":[4,"anchor-to-trigger"],"flipFallbackPlacements":[16],"placement":[1],"selectedValues":[1,"selected-values"],"selectOnFocus":[4,"select-on-focus"],"triggerId":[1,"trigger-id"],"update":[16],"virtualEnd":[32],"virtualStart":[32],"handleSelect":[64]},null,{"options":[{"onOptionsChanged":0}],"anchorToTrigger":[{"onAnchorToTriggerChanged":0}],"flipFallbackPlacements":[{"onFlipFallbackPlacementsChanged":0}],"placement":[{"onPlacementChanged":0}],"triggerId":[{"onTriggerIdChanged":0}],"selectedValues":[{"onSelectedValuesChanged":0}],"isOpen":[{"onIsOpenStateChange":0}]}],[260,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[260,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"value":[1],"subtitle":[1],"icon":[1],"isSelected":[4,"selected"]}],[260,"xpl-dropdown-heading",{"label":[1]}]]],["p-2971e2ec",[[0,"xpl-input-time",{"inputId":[1,"input-id"],"disabled":[4],"name":[1],"required":[4],"readonly":[4],"value":[1537],"placeholder":[1],"max":[8],"min":[8],"step":[2],"mode":[1],"timeFormat":[1,"time-format"],"allowCustomOption":[4,"allow-custom-option"],"formattedValue":[32],"hasErrorState":[32],"showOptions":[32],"options":[32],"amPm":[32]},null,{"value":[{"onValueChange":0}],"hasErrorState":[{"onHasErrorStateChanged":0}]}]]],["p-11914cd4",[[0,"xpl-input-phone",{"defaultCountry":[1,"default-country"],"disabled":[4],"error":[4],"inputId":[1,"input-id"],"isInternational":[4,"is-international"],"name":[1],"placeholder":[1],"preferredCountries":[16],"readonly":[4],"required":[4],"value":[1537],"dropdownOpen":[32],"hasErrorState":[32],"nationalNumber":[32],"searchQuery":[32],"selectedCountry":[32],"triggerId":[32]},null,{"dropdownOpen":[{"onDropdownOpenChange":0}],"hasErrorState":[{"onHasErrorStateChanged":0}],"value":[{"onValueChange":0}]}]]],["p-72e0455f",[[0,"xpl-backdrop",{"relative":[4]}]]],["p-65f6b66c",[[260,"xpl-badge",{"bordered":[4],"dot":[4],"dotOnly":[4,"dot-only"],"shape":[1],"size":[1],"variant":[1]}]]],["p-d7f8ee34",[[260,"xpl-checkbox",{"ariaLabel":[1,"aria-label"],"checked":[4],"description":[1],"disabled":[4],"indeterminate":[4],"name":[1],"value":[1],"required":[4],"styled":[4],"dataId":[1,"data-id"],"id":[32]}]]],["p-5bfac8fd",[[260,"xpl-select",{"choices":[16],"selectIcon":[1,"select-icon"],"description":[1],"disabled":[4],"dropdownFlipFallbackPlacements":[16],"dropdownPlacement":[1,"dropdown-placement"],"error":[1],"label":[1],"mode":[1],"name":[1],"placeholder":[1],"truncate":[4],"customDisplayValue":[4,"custom-display-value"],"selectedValues":[1,"selected-values"],"classNames":[1,"class-names"],"active":[32],"id":[32],"keepFocus":[32],"visibleChoices":[32],"choicesState":[32],"value":[32],"dropdownOpenState":[32],"reset":[64]},[[8,"click","handleClickEvent"],[8,"keydown","handleKeyDown"],[9,"resize","handleResize"]],{"choices":[{"onChoicesPropChanged":0}],"selectedValues":[{"onSelectedValuesPropChanged":0}],"choicesState":[{"onChoicesStateChanged":0}],"value":[{"handleValueStateChange":0}],"dropdownOpenState":[{"onDropdownOpenStateChanged":0}]}],[260,"xpl-tag",{"disabled":[4],"dismissible":[4],"isDraggable":[4,"is-draggable"],"size":[1],"tagId":[1,"tag-id"],"dismissAriaLabelSuffix":[32],"isDragging":[32]},null,{"disabled":[{"onDisabledChange":0}],"isDraggable":[{"onIsDraggableChange":0}]}]]],["p-d469bf5d",[[260,"xpl-avatar",{"color":[1],"disabled":[4],"groupData":[1,"group-data"],"href":[1],"name":[1],"size":[1],"src":[1],"status":[1],"subText":[1,"sub-text"],"target":[1],"variant":[1],"cachedGroupItems":[32],"cachedSlotContent":[32]},null,{"groupData":[{"onGroupDataChange":0}]}],[260,"xpl-divider",{"tier":[2]}],[260,"xpl-radio",{"checked":[4],"description":[1],"disabled":[4],"name":[1],"value":[1],"required":[4],"selectedValue":[1,"selected-value"],"styled":[4],"id":[32]}]]],["p-fcb17ff9",[[260,"xpl-input",{"_id":[1],"description":[1],"disabled":[4],"error":[1],"label":[1],"name":[1],"required":[4],"readonly":[4],"value":[1],"autocomplete":[1],"placeholder":[1],"post":[1],"pre":[1],"max":[8],"min":[8],"step":[2],"multiline":[4],"maxCharacterCount":[2,"max-character-count"],"dateFormat":[1,"date-format"],"timeFormat":[1,"time-format"],"allowCustomOption":[4,"allow-custom-option"],"mode":[1],"accept":[1],"multiple":[4],"hideTriggerOnSelect":[4,"hide-trigger-on-select"],"hideFileNames":[4,"hide-file-names"],"hideAcceptText":[4,"hide-accept-text"],"hideEyeDropper":[4,"hide-eye-dropper"],"defaultCountry":[1,"default-country"],"preferredCountries":[16],"isInternational":[4,"is-international"],"ariaLabel":[1,"aria-label"],"shape":[1],"type":[1],"characterCount":[32],"passwordVisible":[32],"hasPreSlotContent":[32],"setFocus":[64]}],[0,"xpl-input-date",{"inputId":[1,"input-id"],"disabled":[4],"name":[1],"required":[4],"readonly":[4],"value":[1],"placeholder":[1],"post":[1],"pre":[1],"max":[8],"min":[8],"dateFormat":[1,"date-format"],"mode":[1],"flatpickrStaticLayout":[32],"hasErrorState":[32]},null,{"hasErrorState":[{"onHasErrorStateChanged":0}],"value":[{"onValueChanged":0}]}],[260,"xpl-input-file",{"disabled":[4],"name":[1],"_id":[1],"accept":[1],"multiple":[4],"hideTriggerOnSelect":[4,"hide-trigger-on-select"],"hideFileNames":[4,"hide-file-names"],"hideAcceptText":[4,"hide-accept-text"],"files":[32],"removeFileByIndex":[64]},null,{"files":[{"onFilesChange":0}]}],[0,"xpl-input-search",{"ariaLabel":[1,"aria-label"],"autocomplete":[1],"disabled":[4],"errorMessageId":[1,"error-message-id"],"hasError":[4,"has-error"],"hasVisibleLabel":[4,"has-visible-label"],"inputId":[1,"input-id"],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"shape":[1],"value":[1025],"hasAncestorForm":[32],"setFocus":[64]}]]]]'),e))));
1
+ import{p as e,b as a}from"./p-ukZKsqqq.js";export{s as setNonce}from"./p-ukZKsqqq.js";import{g as t}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a(JSON.parse('[["p-7eb02cf3",[[0,"xpl-icon",{"icon":[1],"size":[2],"backgroundColor":[1,"background-color"]}]]],["p-c5bc3b2c",[[260,"xpl-list",{"items":[16],"label":[1],"labelledBy":[1,"labelled-by"],"reorderable":[4],"selectable":[4],"keyboardReorderItemId":[32],"reorderLiveMessage":[32],"clearSelection":[64]},[[0,"keydown","handleKeyDown"],[0,"itemSelect","handleChildItemSelect"],[0,"slotchange","handleSlotChange"],[0,"itemDragStart","handleItemDragStart"],[0,"itemDragEnd","handleItemDragEnd"],[0,"itemDrop","handleItemDrop"],[0,"xplListItemReorder","handleItemReorder"]],{"keyboardReorderItemId":[{"handleKeyboardReorderItemIdChange":0}],"items":[{"handleItemsChange":0}],"reorderable":[{"handleReorderableChange":0}],"selectable":[{"handleSelectableChange":0}]}]]],["p-ff16f574",[[0,"xpl-pagination",{"totalPages":[2,"total-pages"],"withPageControl":[4,"with-page-control"],"currentPage":[1026,"current-page"],"rowsPerPageOptions":[1,"rows-per-page-options"],"selectedRowsPerPage":[1026,"selected-rows-per-page"]},null,{"currentPage":[{"onPageUpdate":0}],"totalPages":[{"onTotalPagesUpdate":0}],"selectedRowsPerPage":[{"onRowsPerPageUpdate":0}]}]]],["p-f579e4b0",[[260,"xpl-tabs",{"disabled":[4],"fullWidth":[4,"full-width"],"type":[513],"value":[1],"activeBarPosition":[32],"choicesTick":[32],"isMobileSelectChange":[32],"selectedValue":[32]},[[9,"resize","onWindowResize"]],{"disabled":[{"onDisabledChanged":0}],"fullWidth":[{"onFullWidthChanged":0}],"type":[{"onTypeChanged":0}],"value":[{"onValueChanged":0}]}]]],["p-9905c77c",[[260,"xpl-table",{"columns":[16],"data":[16],"footer":[16],"freeze":[4],"isSortable":[4,"is-sortable"],"label":[1],"multiselect":[4],"reorderHandleIcon":[1,"reorder-handle-icon"],"reorderHandleIconKeyboard":[1,"reorder-handle-icon-keyboard"],"rowReorderable":[4,"row-reorderable"],"selectable":[4],"selectedValues":[16],"sortableColumns":[16],"striped":[4],"areAllSelected":[32],"colCount":[32],"hasScrolled":[32],"keyboardReorderRowId":[32],"reorderLiveMessage":[32],"rowData":[32],"rowFooterData":[32],"selected":[32],"selectedRowIds":[32],"sortTypeArray":[32]},[[0,"xplTableColumnWidthsChange","handleHeaderCellColumnWidthsChange"],[0,"checkboxChange","handleCompositionalCheckboxChange"],[0,"headerCheckboxChange","handleCompositionalHeaderCheckboxChange"],[3,"pointerdown","handlePointerDownExitKeyboardReorder"],[3,"pointerdown","handleRowReorderPointerDown"],[3,"dragstart","handleRowReorderDragStart"],[3,"dragend","handleRowReorderDragEnd"],[2,"dragover","handleRowReorderDragOver"],[2,"dragenter","handleRowReorderDragEnter"],[3,"dragleave","handleRowReorderDragLeave"],[2,"drop","handleRowReorderDrop"],[0,"headerSortChange","handleCompositionalHeaderSort"]],{"columns":[{"watchColumns":0}],"data":[{"watchData":0}],"footer":[{"watchFooterData":0}],"reorderHandleIcon":[{"watchReorderHandleIcon":0}],"reorderHandleIconKeyboard":[{"watchReorderHandleIconKeyboard":0}],"rowReorderable":[{"watchRowReorderable":0}],"selectable":[{"watchSelectable":0}]}]]],["p-4e3c6616",[[260,"xpl-slideout",{"isOpen":[1540,"is-open"],"backdrop":[4],"variant":[1],"showFooter":[4,"show-footer"]},[[9,"scroll","handleScroll"]],{"isOpen":[{"watchPropHandler":0}]}]]],["p-aeb2bcb8",[[260,"xpl-top-nav",{"brandHref":[1,"brand-href"],"brandLogo":[1,"brand-logo"],"brandName":[1,"brand-name"],"childAccountLabel":[1,"child-account-label"],"label":[1],"navControl":[516,"nav-control"],"brandLogoSlotPresent":[32],"open":[32],"slotProjectionNonce":[32],"userMenuSlotPresent":[32],"userMenuTriggerSlotPresent":[32]},null,{"navControl":[{"onNavControlChanged":0}]}]]],["p-3713cd77",[[260,"xpl-modal",{"isOpen":[1540,"is-open"],"size":[1],"variant":[1]},null,{"isOpen":[{"updateModalState":0}]}]]],["p-715baae0",[[260,"xpl-side-nav",{"label":[1],"open":[1540],"hasHeaderSlot":[32],"toggle":[64],"setOpen":[64]},null,{"open":[{"onOpenChanged":0}]}]]],["p-8845106f",[[260,"xpl-tab",{"badge":[513],"badgeVariant":[1,"badge-variant"],"disabled":[516],"fullWidth":[4,"full-width"],"groupDisabled":[1540,"data-group-disabled"],"icon":[513],"iconPosition":[1,"icon-position"],"selected":[4],"target":[1],"variant":[1],"getFocusableElement":[64],"setTabIndex":[64],"focusTrigger":[64]}]]],["p-386851a2",[[0,"xpl-banner",{"actionText":[1,"action-text"],"appearance":[1],"description":[1],"hasIcon":[4,"has-icon"],"heading":[1],"isDismissible":[4,"is-dismissible"],"isSection":[4,"is-section"],"secondaryActionText":[1,"secondary-action-text"],"truncateDesc":[4,"truncate-desc"]}]]],["p-bdcece21",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["p-b64ed46d",[[0,"xpl-choicelist",{"choices":[16],"description":[1],"heading":[1],"multi":[4],"name":[1],"styled":[4],"selected":[32]},null,{"choices":[{"onChoicesPropChange":0}],"selected":[{"onSelectedChange":0}]}]]],["p-8f8f4759",[[260,"xpl-data-card",{"link":[4],"name":[1],"stat":[1],"shortStat":[1,"short-stat"],"variant":[1],"leadingIcon":[4,"leading-icon"],"icon":[1],"smallStat":[1,"small-stat"],"smallStatIcon":[1,"small-stat-icon"],"detail":[1],"smallStatVariant":[1,"small-stat-variant"],"tooltipTextSmallStat":[1,"tooltip-text-small-stat"],"tooltipTextStat":[1,"tooltip-text-stat"],"graphContentPresent":[32]},null,{"stat":[{"watchStat":0}],"shortStat":[{"watchShortStat":0}]}]]],["p-9feaa8be",[[260,"xpl-header-accordion",{"contentId":[1,"content-id"],"initialExpanded":[4,"initial-expanded"],"disabled":[4],"selectedCount":[2,"selected-count"],"hasCheckbox":[4,"has-checkbox"],"expanded":[32],"parentChecked":[32],"parentIndeterminate":[32]},[[0,"checkboxChange","handleChildCheckboxChange"]],{"selectedCount":[{"watchSelectedCount":0}]}]]],["p-256ece8b",[[260,"xpl-spotlight",{"actionLayout":[1,"action-layout"],"anchorPosition":[1,"anchor-position"],"body":[1],"currentStep":[2,"current-step"],"heading":[1],"isDismissible":[4,"is-dismissible"],"isOpen":[4,"is-open"],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"showActions":[4,"show-actions"],"showImage":[4,"show-image"],"showSteps":[4,"show-steps"],"target":[1],"totalSteps":[2,"total-steps"],"hasBodySlotContent":[32],"hasFloatingPosition":[32],"hasImageSlotContent":[32],"hasTitleSlotContent":[32],"dialogLabelId":[32],"isVisible":[32],"resolvedAnchorPosition":[32]},[[4,"keydown","handleKeyDown"]],{"anchorPosition":[{"onAnchorPositionChange":0}],"isOpen":[{"onIsOpenChange":0}],"target":[{"onTargetChange":0}]}]]],["p-1c031055",[[260,"xpl-toast",{"caption":[1],"dismissable":[4],"dismissible":[4],"showIcon":[4,"show-icon"],"timeout":[2],"variant":[1]},null,{"dismissable":[{"handleDismissableChange":0}],"timeout":[{"handleTimeoutChange":0}]}]]],["p-050a8bf2",[[260,"xpl-top-nav-menu",{"label":[1],"isMobileCascade":[32]}]]],["p-ea9cdd65",[[260,"xpl-accordion",{"contentId":[1,"content-id"],"header":[1],"description":[1],"initialExpanded":[4,"initial-expanded"],"size":[1],"borderType":[1,"border-type"],"expanded":[32],"parentCheckboxChange":[64]},[[0,"checkboxChange","listenToChangeEvent"]],{"initialExpanded":[{"watchInitialExpanded":0}]}]]],["p-045a4538",[[260,"xpl-application-shell",{"withSubnav":[4,"with-subnav"],"withUtility":[4,"with-utility"],"navWidth":[1,"nav-width"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"navOpen":[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]]],["p-e4d50301",[[260,"xpl-large-card",{"link":[4],"name":[1],"description":[1],"graphContentPresent":[32]}]]],["p-eba654a3",[[0,"xpl-progress-bar",{"helperText":[1,"helper-text"],"label":[1],"max":[2],"size":[1],"value":[2],"variant":[1]}]]],["p-49531864",[[0,"xpl-progress-indicator",{"currentStep":[1026,"current-step"],"layout":[1],"showLabels":[4,"show-labels"],"showNumbers":[4,"show-numbers"],"steps":[16]},null,{"steps":[{"validateCurrentStep":0}],"currentStep":[{"validateCurrentStep":0}]}]]],["p-24fa8a03",[[260,"xpl-side-nav-header-item",{"icon":[1],"label":[1],"selected":[516],"type":[513],"hasLeadingSlot":[32],"hasTrailingSlot":[32]}]]],["p-907bc21e",[[260,"xpl-side-nav-item",{"disabled":[516],"expanded":[1540],"hasChildren":[1540,"has-children"],"hidden":[516],"icon":[1],"label":[1],"link":[516],"selected":[516],"hasTrailingSlot":[32]},null,{"hasChildren":[{"syncLinkHasChildrenExclusivity":0}],"link":[{"syncLinkHasChildrenExclusivity":0}]}]]],["p-bfb7a83a",[[260,"xpl-side-nav-section",{"collapsible":[516],"expanded":[1540],"heading":[1],"hasBadgeSlot":[32],"hasNamedBadgeSlot":[32]}]]],["p-7d70e089",[[260,"xpl-utility-bar",{"navControl":[4,"nav-control"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"open":[32]}]]],["p-df257cbf",[[260,"xpl-breadcrumb-item"]]],["p-7f4463ff",[[260,"xpl-breadcrumbs"]]],["p-bc821e69",[[0,"xpl-calendar",{"inputId":[1,"input-id"],"dateFormat":[1,"date-format"],"max":[8],"min":[8],"mode":[1],"defaultDate":[1,"default-date"],"setDate":[64]}]]],["p-194c0ccd",[[260,"xpl-content-area",{"size":[1]}]]],["p-3cd1238b",[[260,"xpl-dashboard"]]],["p-9d731673",[[260,"xpl-dynamic-table",{"colCount":[32],"hasAccordion":[32],"selectedItemCount":[32]},[[8,"deselectAll","listenToDeselectEvent"],[8,"checkboxChange","listenToChangeEvent"]]]]],["p-f384a990",[[260,"xpl-dynamic-table-cell",{"disabled":[4]}]]],["p-08767607",[[260,"xpl-dynamic-table-row",{"disabled":[4],"selected":[4],"isDisabled":[32]}]]],["p-c22f70f4",[[0,"xpl-grid"]]],["p-24f7280a",[[260,"xpl-grid-item",{"xs":[2],"sm":[2],"md":[2],"lg":[2]}]]],["p-a789c272",[[260,"xpl-main-nav",{"width":[1]}]]],["p-64f5c129",[[260,"xpl-nav-header-menu",{"email":[1],"username":[1],"rightAsideMobilePresent":[32]}]]],["p-5ec2b180",[[260,"xpl-nav-item",{"navControl":[4,"nav-control"]}]]],["p-5c3be343",[[260,"xpl-panel",{"accent":[1],"padding":[1]}]]],["p-d3230277",[[260,"xpl-secondary-nav"]]],["p-14e86de8",[[0,"xpl-skeleton",{"classNames":[1,"class-names"],"fullWidth":[4,"full-width"],"height":[1],"width":[1],"margin":[1],"shape":[1],"size":[1]}]]],["p-5cbf5d42",[[260,"xpl-tab-panel",{"selected":[4],"target":[1]}]]],["p-7ac7fbc0",[[260,"xpl-table-body"]]],["p-a6ecca68",[[260,"xpl-table-footer"]]],["p-5b9fd96e",[[260,"xpl-table-header"]]],["p-d3ada7d0",[[260,"xpl-table-row",{"disabled":[516],"rowId":[513,"row-id"],"selected":[516]},null,{"disabled":[{"onDisabledChange":0}]}]]],["p-e09d8beb",[[0,"xpl-toggle",{"checked":[4],"description":[1],"disabled":[4],"heading":[1],"label":[1],"name":[1],"variant":[1],"id":[32]}]]],["p-bd493c4a",[[260,"xpl-toolbar",{"selectedItemCount":[2,"selected-item-count"]},[[8,"selectedItemCountChange","listenToSelectedItemCountChange"]]]]],["p-3417c1ce",[[260,"xpl-button",{"controlAttrs":[16],"disabled":[4],"form":[1],"fullWidth":[4,"full-width"],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"isLoading":[4,"is-loading"],"link":[4],"name":[1],"sentiment":[1],"size":[1],"state":[1],"type":[1],"value":[1],"variant":[1]},[[2,"click","handleDisabledClick"]]]]],["p-a0d3b7f8",[[260,"xpl-list-item",{"disabled":[4],"error":[4],"hidden":[4],"href":[1],"item":[16],"itemId":[1025,"item-id"],"keyboardActive":[4,"keyboard-active"],"radioName":[1,"radio-name"],"reorderable":[4],"selectable":[4],"selected":[4],"showDivider":[4,"show-divider"],"titleBadgeVariant":[1,"title-badge-variant"],"slotPresence":[32],"isKeyboardMode":[32]},[[0,"slotchange","handleSlotChange"]],{"item":[{"handleItemChange":0}],"keyboardActive":[{"handleKeyboardActiveChange":0}],"selected":[{"handleSelectedChange":0}],"titleBadgeVariant":[{"handleTitleBadgeVariantChange":0}]}]]],["p-d879c349",[[260,"xpl-tooltip",{"text":[1],"position":[1],"hideArrow":[4,"hide-arrow"]}]]],["p-ca83003e",[[260,"xpl-top-nav-item",{"active":[516],"description":[1],"href":[1],"icon":[1],"itemAriaLabel":[1,"item-aria-label"],"label":[1],"open":[1540],"openMode":[513,"open-mode"],"selected":[516],"hasActiveDescendant":[32],"hasDropdown":[32],"isLeadingIconSlotPresent":[32],"isMobileViewport":[32],"hostListitemRole":[32],"isTrailingIconSlotPresent":[32],"closeMenu":[64],"openMenu":[64],"toggleMenu":[64]},[[0,"_xplCloseNavDropdown","handleCloseNavDropdownRequest"]],{"hasDropdown":[{"onHasDropdownChanged":0}],"open":[{"onOpenChanged":0}]}]]],["p-808f3d9c",[[260,"xpl-table-header-cell",{"align":[1],"checkboxAriaLabel":[1,"checkbox-aria-label"],"checked":[4],"columnWidth":[513,"column-width"],"icon":[1],"indeterminate":[4],"label":[1],"sortDirection":[1537,"sort-direction"],"sortKey":[1,"sort-key"],"sortable":[4],"type":[513],"width":[514]},null,{"columnWidth":[{"watchColumnWidth":0}],"width":[{"watchWidth":0}]}],[260,"xpl-table-cell",{"align":[1],"bold":[4],"disabled":[4],"underline":[4]},null,{"disabled":[{"onDisabledChange":0}]}],[260,"xpl-table-footer-cell",{"align":[1]}]]],["p-ee68bed6",[[260,"xpl-popover",{"isOpen":[4,"is-open"],"disabled":[4],"position":[1],"display":[1],"isOpenState":[32],"actualPosition":[32],"updateListener":[32]},null,{"isOpen":[{"onIsOpenPropChange":0}],"isOpenState":[{"onIsOpenStateChange":0}]}]]],["p-b3b4678b",[[0,"xpl-input-color",{"value":[1],"placeholder":[1],"disabled":[4],"required":[4],"hideEyeDropper":[4,"hide-eye-dropper"],"hasErrorState":[32],"colorValues":[32],"eyeDropperSupported":[32],"hue":[32]},null,{"colorValues":[{"valueChanged":0}],"hasErrorState":[{"onHasErrorStateChanged":0}],"value":[{"onValuePropChange":0}]}]]],["p-87582346",[[260,"xpl-dropdown",{"isOpen":[1540,"open"],"closeOnSelect":[4,"close-on-select"],"mode":[1],"options":[1040],"anchorToTrigger":[4,"anchor-to-trigger"],"flipFallbackPlacements":[16],"placement":[1],"selectedValues":[1,"selected-values"],"selectOnFocus":[4,"select-on-focus"],"triggerId":[1,"trigger-id"],"update":[16],"virtualEnd":[32],"virtualStart":[32],"handleSelect":[64]},null,{"options":[{"onOptionsChanged":0}],"anchorToTrigger":[{"onAnchorToTriggerChanged":0}],"flipFallbackPlacements":[{"onFlipFallbackPlacementsChanged":0}],"placement":[{"onPlacementChanged":0}],"triggerId":[{"onTriggerIdChanged":0}],"selectedValues":[{"onSelectedValuesChanged":0}],"isOpen":[{"onIsOpenStateChange":0}]}],[260,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[260,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"value":[1],"subtitle":[1],"icon":[1],"isSelected":[4,"selected"]}],[260,"xpl-dropdown-heading",{"label":[1]}]]],["p-2971e2ec",[[0,"xpl-input-time",{"inputId":[1,"input-id"],"disabled":[4],"name":[1],"required":[4],"readonly":[4],"value":[1537],"placeholder":[1],"max":[8],"min":[8],"step":[2],"mode":[1],"timeFormat":[1,"time-format"],"allowCustomOption":[4,"allow-custom-option"],"formattedValue":[32],"hasErrorState":[32],"showOptions":[32],"options":[32],"amPm":[32]},null,{"value":[{"onValueChange":0}],"hasErrorState":[{"onHasErrorStateChanged":0}]}]]],["p-11914cd4",[[0,"xpl-input-phone",{"defaultCountry":[1,"default-country"],"disabled":[4],"error":[4],"inputId":[1,"input-id"],"isInternational":[4,"is-international"],"name":[1],"placeholder":[1],"preferredCountries":[16],"readonly":[4],"required":[4],"value":[1537],"dropdownOpen":[32],"hasErrorState":[32],"nationalNumber":[32],"searchQuery":[32],"selectedCountry":[32],"triggerId":[32]},null,{"dropdownOpen":[{"onDropdownOpenChange":0}],"hasErrorState":[{"onHasErrorStateChanged":0}],"value":[{"onValueChange":0}]}]]],["p-72e0455f",[[0,"xpl-backdrop",{"relative":[4]}]]],["p-65f6b66c",[[260,"xpl-badge",{"bordered":[4],"dot":[4],"dotOnly":[4,"dot-only"],"shape":[1],"size":[1],"variant":[1]}]]],["p-d7f8ee34",[[260,"xpl-checkbox",{"ariaLabel":[1,"aria-label"],"checked":[4],"description":[1],"disabled":[4],"indeterminate":[4],"name":[1],"value":[1],"required":[4],"styled":[4],"dataId":[1,"data-id"],"id":[32]}]]],["p-45c872d2",[[260,"xpl-select",{"choices":[16],"selectIcon":[1,"select-icon"],"description":[1],"disabled":[4],"dropdownFlipFallbackPlacements":[16],"dropdownPlacement":[1,"dropdown-placement"],"error":[1],"label":[1],"mode":[1],"name":[1],"placeholder":[1],"truncate":[4],"customDisplayValue":[4,"custom-display-value"],"selectedValues":[1,"selected-values"],"classNames":[1,"class-names"],"active":[32],"id":[32],"keepFocus":[32],"visibleChoices":[32],"choicesState":[32],"value":[32],"dropdownOpenState":[32],"reset":[64]},[[8,"click","handleClickEvent"],[8,"keydown","handleKeyDown"],[9,"resize","handleResize"]],{"choices":[{"onChoicesPropChanged":0}],"selectedValues":[{"onSelectedValuesPropChanged":0}],"choicesState":[{"onChoicesStateChanged":0}],"value":[{"handleValueStateChange":0}],"dropdownOpenState":[{"onDropdownOpenStateChanged":0}]}],[260,"xpl-tag",{"disabled":[4],"dismissible":[4],"isDraggable":[4,"is-draggable"],"size":[1],"tagId":[1,"tag-id"],"dismissAriaLabelSuffix":[32],"isDragging":[32]},null,{"disabled":[{"onDisabledChange":0}],"isDraggable":[{"onIsDraggableChange":0}]}]]],["p-d469bf5d",[[260,"xpl-avatar",{"color":[1],"disabled":[4],"groupData":[1,"group-data"],"href":[1],"name":[1],"size":[1],"src":[1],"status":[1],"subText":[1,"sub-text"],"target":[1],"variant":[1],"cachedGroupItems":[32],"cachedSlotContent":[32]},null,{"groupData":[{"onGroupDataChange":0}]}],[260,"xpl-divider",{"tier":[2]}],[260,"xpl-radio",{"checked":[4],"description":[1],"disabled":[4],"name":[1],"value":[1],"required":[4],"selectedValue":[1,"selected-value"],"styled":[4],"id":[32]}]]],["p-fcb17ff9",[[260,"xpl-input",{"_id":[1],"description":[1],"disabled":[4],"error":[1],"label":[1],"name":[1],"required":[4],"readonly":[4],"value":[1],"autocomplete":[1],"placeholder":[1],"post":[1],"pre":[1],"max":[8],"min":[8],"step":[2],"multiline":[4],"maxCharacterCount":[2,"max-character-count"],"dateFormat":[1,"date-format"],"timeFormat":[1,"time-format"],"allowCustomOption":[4,"allow-custom-option"],"mode":[1],"accept":[1],"multiple":[4],"hideTriggerOnSelect":[4,"hide-trigger-on-select"],"hideFileNames":[4,"hide-file-names"],"hideAcceptText":[4,"hide-accept-text"],"hideEyeDropper":[4,"hide-eye-dropper"],"defaultCountry":[1,"default-country"],"preferredCountries":[16],"isInternational":[4,"is-international"],"ariaLabel":[1,"aria-label"],"shape":[1],"type":[1],"characterCount":[32],"passwordVisible":[32],"hasPreSlotContent":[32],"setFocus":[64]}],[0,"xpl-input-date",{"inputId":[1,"input-id"],"disabled":[4],"name":[1],"required":[4],"readonly":[4],"value":[1],"placeholder":[1],"post":[1],"pre":[1],"max":[8],"min":[8],"dateFormat":[1,"date-format"],"mode":[1],"flatpickrStaticLayout":[32],"hasErrorState":[32]},null,{"hasErrorState":[{"onHasErrorStateChanged":0}],"value":[{"onValueChanged":0}]}],[260,"xpl-input-file",{"disabled":[4],"name":[1],"_id":[1],"accept":[1],"multiple":[4],"hideTriggerOnSelect":[4,"hide-trigger-on-select"],"hideFileNames":[4,"hide-file-names"],"hideAcceptText":[4,"hide-accept-text"],"files":[32],"removeFileByIndex":[64]},null,{"files":[{"onFilesChange":0}]}],[0,"xpl-input-search",{"ariaLabel":[1,"aria-label"],"autocomplete":[1],"disabled":[4],"errorMessageId":[1,"error-message-id"],"hasError":[4,"has-error"],"hasVisibleLabel":[4,"has-visible-label"],"inputId":[1,"input-id"],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"shape":[1],"value":[1025],"hasAncestorForm":[32],"setFocus":[64]}]]]]'),e))));
@@ -0,0 +1 @@
1
+ import{r as t,c as s,h as i,F as e,H as h,g as a}from"./p-ukZKsqqq.js";import{t as n}from"./p-CzwViN3U.js";import{i as l}from"./p-Dqb1pIRo.js";import{v as o}from"./p-CK3_k8jD.js";import"./p-BFTU3MAI.js";let c;function r(t){return t.label||t.value||""}function d(t){return t.value||t.label||""}function p(t){return t.flatMap((t=>t.groupName&&t.options?t.options:[t]))}const g=class{constructor(i){t(this,i),this.selectChange=s(this,"selectChange",7),this.changeEvent=s(this,"changeEvent",7),this.dropdownStateChange=s(this,"dropdownStateChange",7),this.triggerDropdown=s(this,"triggerDropdown",7),this.choices=[],this.selectIcon="chevron-down",this.dropdownPlacement="bottom-start",this.mode="single",this.truncate=!0,this.active=!1,this.id=o(),this.keepFocus=!1,this.visibleChoices=1/0,this.choicesState=[],this.value=this.calculateValue(),this.dropdownOpenState=!1,this.container=null,this.dropdown=null,this.handleResizeThrottled=n((()=>{this.maybeTruncateChoices()}),250),this.handleTabKeyDown=t=>{"Tab"===t.key&&(this.keepFocus=!0)},this.handleTagRemove=t=>{const s=s=>t?.value&&s.value===t.value||t?.label&&s.label===t.label;this.choicesState=this.choicesState.map((t=>({...t,isSelected:!s(t)&&t.isSelected,options:t.options?.map((t=>({...t,isSelected:!s(t)&&t.isSelected})))})))},this.handleDropdownScroll=t=>{const s=this.dropdown?.querySelector(".xpl-dropdown-list");if(!s)return;const{scrollTop:i,scrollHeight:e,clientHeight:h}=s;(0===i&&t.deltaY<0||i+h>=e&&t.deltaY>0)&&t.preventDefault()}}onChoicesPropChanged(t){this.choicesState=this.initializeChoicesState()}onSelectedValuesPropChanged(){this.choicesState=this.initializeChoicesState()}onChoicesStateChanged(){this.update()}handleValueStateChange(t){this.selectChange.emit(t),this.changeEvent.emit("single"===this.mode?t:t?.length?t.split("|"):[]),this.customDisplayValue&&null!==this.container&&(this.container.querySelectorAll(".custom-display-value").forEach((s=>{s.classList.toggle("display-active",t.length>0),s.classList.toggle("display-inactive",0===t.length)})),this.container.querySelectorAll(".placeholder").forEach((s=>{s.classList.toggle("placeholder-hidden",t.length>0)})))}onDropdownOpenStateChanged(t){this.dropdownStateChange.emit(t)}initializeChoicesState(){return(this.choices??[]).map((t=>{const s="string"==typeof this.selectedValues?[this.selectedValues]:this.selectedValues;return{...t,isSelected:t.isSelected||!0===s?.includes(d(t)),options:t.options?.map((t=>({...t,isSelected:t.isSelected||!0===s?.includes(d(t))})))}}))}maybeTruncateChoices(){if(!l())return;if("single"===this.mode||!this.truncate)return;const t=this.container?.getBoundingClientRect().width;let s=0,i=0;const e=p(this.choicesState)?.filter((t=>t.isSelected));if(!e.length)return;const h=e.length;e.forEach(((h,a)=>(i+=function(t){const s=l()?(void 0===c&&(c=document.createElement("canvas").getContext("2d"),c&&(c.font="14px apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif")),c):null;return s?s.measureText(t).width+44:0}(r(e[a])),i>(t??0)-140||(s+=1),null))),s>=h&&(s=1/0),s<1&&(s=1),this.visibleChoices=s}closeDropdown(){this.dropdown?.isOpen&&(this.dropdown.isOpen=!1,this.active=!1)}calculateValue(){const t=p(this.choicesState).filter((t=>t.isSelected));return t.length?"single"===this.mode?d(t[0]):t.map((t=>d(t))).join("|"):""}update(){this.value=this.calculateValue(),this.maybeTruncateChoices()}renderLabel(){return this.label||this.description?i("label",{class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},this.label,this.description&&i("small",{class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)):null}renderSelectedTags(){let t=0;const s=p(this.choicesState).filter((t=>t.isSelected));return s.length?s.map(((e,h)=>t>=this.visibleChoices?null:(t+=1,i("xpl-tag",{disabled:this.disabled,onClose:()=>this.handleTagRemove(s[h])},r(s[h]))))):null}renderError(){return this.error?i("label",{class:"xpl-input-error",htmlFor:this.id},i("xpl-icon",{icon:"circle-warning"}),this.error):null}componentWillLoad(){this.choicesState=this.initializeChoicesState()}handleClickEvent(t){const s=t.target.closest(".xpl-select");null!==s&&s===this.container||this.closeDropdown()}handleKeyDown(t){"Escape"===t.key&&(this.active||this.container?.contains(document.activeElement))&&this.closeDropdown()}handleResize(){this.handleResizeThrottled()}componentDidLoad(){void 0!==this.truncateRafId&&cancelAnimationFrame(this.truncateRafId),this.truncateRafId=requestAnimationFrame((()=>{this.truncateRafId=void 0,this.maybeTruncateChoices()}))}disconnectedCallback(){this.handleResizeThrottled?.cancel(),void 0!==this.truncateRafId&&(cancelAnimationFrame(this.truncateRafId),this.truncateRafId=void 0)}handleDropdownTrigger(){if(this.disabled)return;const t=this.dropdown?.isOpen??!1,s=!t;this.triggerDropdown.emit({prevState:t,nextState:s}).defaultPrevented||(this.dropdownOpenState=s,this.dropdown&&(this.dropdown.isOpen=s))}async reset(){this.closeDropdown(),this.choicesState=this.choicesState.map((t=>({...t,isSelected:!1,options:t.options?.map((t=>({...t,isSelected:!1})))})))}render(){const t=p(this.choicesState).filter((t=>t.isSelected)),s=t[0]?.label||t[0]?.value,a=t.length>1&&this.visibleChoices<1/0&&this.truncate&&!this.customDisplayValue,n=`+ ${Math.abs(this.choicesState.filter((t=>t.isSelected)).length-this.visibleChoices)} more`;return i(h,{key:"273b1e5d40c7873055bb735adf66c325d18ba676",class:{"xpl-select":!0,"xpl-select--disabled":!!this.disabled,"xpl-select--no-truncate":!this.truncate,[this.classNames??""]:!!this.classNames},onKeyDown:this.handleTabKeyDown,ref:t=>{this.container=t}},this.renderLabel(),i("div",{key:"87a42faab0ee127dfaa2ee75e9218900e9e0a4b3",class:{"xpl-input":!0,"xpl-input--disabled":!!this.disabled,"xpl-input--error":void 0!==this.error}},i("div",{key:"22c839efb33132901419bab4dacbe9ffaf464d77",class:"xpl-input-wrapper"},i("button",{key:"68b88431715f567adfbe00c5f1bcdf9ab41f7360",class:"xpl-select__trigger",disabled:this.disabled,id:this.id,onKeyDown:this.handleTabKeyDown,onClick:t=>{t.preventDefault(),this.handleDropdownTrigger()},type:"button"},i("div",{key:"d1cf1ba8dbe86413a7de9911440204509fc4093b",class:{"xpl-select-value":!0,"xpl-select-value--active":"multi"===this.mode&&this.value.length>0,"has-value":this.value.length>0}},(()=>this.customDisplayValue?i(e,null,i("div",{class:{"custom-display-value":!0,"custom-display-value--inactive":0===this.value.length}},i("slot",{name:"custom-display-value"})),i("span",{class:{"xpl-placeholder--hidden":this.value.length>0}},this.placeholder)):"single"===this.mode?s||this.placeholder:this.value.length>0?this.renderSelectedTags():this.placeholder)(),a&&n),i("xpl-icon",{key:"f44a543e315a5715d5d077ce7601956d8485f5f1",class:"xpl-select__chevron-down",icon:this.selectIcon??"chevron-down"}))),!this.disabled&&i("xpl-dropdown",{key:"dd2355886ce290d697431e00c8f4b7bc41c87429",ref:t=>{this.dropdown=t??null},isOpen:this.dropdownOpenState,options:this.choicesState,selectedValues:this.selectedValues,mode:this.mode,triggerId:this.id,update:(t,{component:s})=>{const{options:i}=s;i&&i.length>0&&(this.choicesState=i)},onIsOpenChange:t=>{this.dropdownOpenState=t.detail},onWheel:this.handleDropdownScroll,anchorToTrigger:!0,flipFallbackPlacements:this.dropdownFlipFallbackPlacements,placement:this.dropdownPlacement}),this.renderError()),i("input",{key:"18472290f7adfe3c02ee90759180404ec33aa1e2",type:"hidden",name:this.name,value:this.value}))}static get watchers(){return{choices:[{onChoicesPropChanged:0}],selectedValues:[{onSelectedValuesPropChanged:0}],choicesState:[{onChoicesStateChanged:0}],value:[{handleValueStateChange:0}],dropdownOpenState:[{onDropdownOpenStateChanged:0}]}}},u=class{constructor(i){t(this,i),this.close=s(this,"close",7),this.tagDragEnd=s(this,"tagDragEnd",7),this.tagDragStart=s(this,"tagDragStart",7),this.tagRemove=s(this,"tagRemove",7),this.dismissAriaLabelSuffix="tag",this.isDragging=!1,this.disabled=!1,this.dismissible=!0,this.isDraggable=!1,this.size="default",this.handleTagClick=()=>{this.disabled||this.isDraggable||this.close.emit()},this.setDragPreviewToHost=t=>{if(t.dataTransfer)try{const s=this.el.getBoundingClientRect(),i=Math.max(0,t.clientX-s.left),e=Math.max(0,t.clientY-s.top);t.dataTransfer.setDragImage(this.el,i,e)}catch{}},this.handleContentKeyDown=t=>{this.disabled||"Enter"!==t.key&&" "!==t.key||t.preventDefault()},this.handleDismissClick=t=>{t.stopPropagation(),this.disabled||(this.close.emit(),this.tagRemove.emit())},this.handleDragStart=t=>{this.isDragging=!0,t.dataTransfer&&(t.dataTransfer.effectAllowed="move",this.setDragPreviewToHost(t),this.tagId&&t.dataTransfer.setData("application/x-tag-id",this.tagId),t.dataTransfer.setData("text/plain",this.getContentLabelText())),this.tagDragStart.emit({tagId:this.tagId,content:this.getContentLabelText(),originalEvent:t})},this.handleDragEnd=t=>{this.isDragging=!1,this.tagDragEnd.emit({tagId:this.tagId,dropped:"move"===t.dataTransfer?.dropEffect,originalEvent:t})},this.handleDragOver=t=>{!this.disabled&&this.isDraggable&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="move"))},this.handleDragEnter=t=>{!this.disabled&&this.isDraggable&&t.preventDefault()},this.handleHostDragStart=t=>{t.target===this.el&&this.isDraggable&&t.preventDefault()}}onDisabledChange(t){t&&this.isDragging&&(this.isDragging=!1)}onIsDraggableChange(t){!t&&this.isDragging&&(this.isDragging=!1)}componentDidRender(){queueMicrotask((()=>this.syncDismissAriaLabelSuffix()))}getContentLabelText(){return(this.el.querySelector(".xpl-tag__content")?.textContent??"").trim()}syncDismissAriaLabelSuffix(){if(!this.el.isConnected)return;const t=this.getContentLabelText(),s=""===t?"tag":t;s!==this.dismissAriaLabelSuffix&&(this.dismissAriaLabelSuffix=s)}render(){const t=this.isDraggable&&!this.disabled;return i(h,{key:"9a05e10e7fbc047112f740884e6ba40c773b472c",class:{"xpl-tag":!0,"xpl-tag-container":!0,"xpl-tag--disabled":this.disabled,"xpl-tag--dismissible":this.dismissible,"xpl-tag--dragging":this.isDragging,"xpl-tag--draggable":t,"xpl-tag--sm":"sm"===this.size},onDragOver:t?this.handleDragOver:void 0,onDragEnter:t?this.handleDragEnter:void 0,onDragStart:this.isDraggable?this.handleHostDragStart:void 0},t?i("div",{class:"xpl-tag__content xpl-tag",role:"button",tabIndex:0,draggable:!0,"aria-grabbed":String(this.isDragging),onClick:this.handleTagClick,onKeyDown:this.handleContentKeyDown,onDragStart:this.handleDragStart,onDragEnd:this.handleDragEnd},i("slot",null)):i("button",{class:"xpl-tag__content xpl-tag",type:"button",disabled:this.disabled,onClick:this.handleTagClick},i("slot",null)),this.dismissible&&i("button",{key:"37f7687aa9675c52cbd4390d66d63ced630904d0",class:"xpl-tag__dismiss xpl-tag__close",type:"button",draggable:!1,disabled:this.disabled,"aria-label":`Dismiss ${this.dismissAriaLabelSuffix}`,onClick:this.handleDismissClick},i("xpl-icon",{key:"104eac0362541d99c59e0fd6b18a5e1b2171030b",icon:"xmark",size:10})))}get el(){return a(this)}static get watchers(){return{disabled:[{onDisabledChange:0}],isDraggable:[{onIsDraggableChange:0}]}}};export{g as xpl_select,u as xpl_tag}
@@ -199,7 +199,7 @@ const Select = class {
199
199
  if (visibleChoices >= this.visibleChoices)
200
200
  return null;
201
201
  visibleChoices += 1;
202
- return (index.h("xpl-tag", { onClose: () => this.handleTagRemove(selectedChoices[i]) }, getDisplayValue(selectedChoices[i])));
202
+ return (index.h("xpl-tag", { disabled: this.disabled, onClose: () => this.handleTagRemove(selectedChoices[i]) }, getDisplayValue(selectedChoices[i])));
203
203
  });
204
204
  return tags;
205
205
  }
@@ -279,21 +279,21 @@ const Select = class {
279
279
  this.truncate &&
280
280
  !this.customDisplayValue;
281
281
  const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
282
- return (index.h(index.Host, { key: '62414ef316ff722af90623136e62c5f875e0bfc4', class: {
282
+ return (index.h(index.Host, { key: '273b1e5d40c7873055bb735adf66c325d18ba676', class: {
283
283
  'xpl-select': true,
284
284
  'xpl-select--disabled': !!this.disabled,
285
285
  'xpl-select--no-truncate': !this.truncate,
286
286
  [this.classNames ?? '']: !!this.classNames,
287
287
  }, onKeyDown: this.handleTabKeyDown, ref: (el) => {
288
288
  this.container = el;
289
- } }, this.renderLabel(), index.h("div", { key: '482e2b4e6df0db28031f12f8eeca802f31c36b9b', class: {
289
+ } }, this.renderLabel(), index.h("div", { key: '87a42faab0ee127dfaa2ee75e9218900e9e0a4b3', class: {
290
290
  'xpl-input': true,
291
291
  'xpl-input--disabled': !!this.disabled,
292
292
  'xpl-input--error': this.error !== undefined,
293
- } }, index.h("div", { key: 'dba46fe22c91e80c4ef7cc279deffb5d054f6d82', class: "xpl-input-wrapper" }, index.h("button", { key: '9c0ff42202efcfe30a21b599b30271412dd7bba5', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
293
+ } }, index.h("div", { key: '22c839efb33132901419bab4dacbe9ffaf464d77', class: "xpl-input-wrapper" }, index.h("button", { key: '68b88431715f567adfbe00c5f1bcdf9ab41f7360', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
294
294
  e.preventDefault();
295
295
  this.handleDropdownTrigger();
296
- }, type: "button" }, index.h("div", { key: '81a43dce597ffd11cb06595361cfd30cc33d24b1', class: {
296
+ }, type: "button" }, index.h("div", { key: 'd1cf1ba8dbe86413a7de9911440204509fc4093b', class: {
297
297
  'xpl-select-value': true,
298
298
  'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
299
299
  'has-value': this.value.length > 0,
@@ -313,7 +313,7 @@ const Select = class {
313
313
  return this.renderSelectedTags();
314
314
  }
315
315
  return this.placeholder;
316
- })(), isTextTruncated && truncatedText), index.h("xpl-icon", { key: '6edc9dcc1ff869d5c715ca143d05e4caac8664f9', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (index.h("xpl-dropdown", { key: '999afef231d38e5ab4271359ccbd71d85ffb65b9', ref: (el) => {
316
+ })(), isTextTruncated && truncatedText), index.h("xpl-icon", { key: 'f44a543e315a5715d5d077ce7601956d8485f5f1', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (index.h("xpl-dropdown", { key: 'dd2355886ce290d697431e00c8f4b7bc41c87429', ref: (el) => {
317
317
  this.dropdown = el ?? null;
318
318
  }, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
319
319
  const { options } = component;
@@ -322,7 +322,7 @@ const Select = class {
322
322
  }
323
323
  }, onIsOpenChange: (e) => {
324
324
  this.dropdownOpenState = e.detail;
325
- }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), index.h("input", { key: 'f3c1f01d5077af5ac0d2612ce4538ac861a33ac5', type: "hidden", name: this.name, value: this.value })));
325
+ }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), index.h("input", { key: '18472290f7adfe3c02ee90759180404ec33aa1e2', type: "hidden", name: this.name, value: this.value })));
326
326
  }
327
327
  static get watchers() { return {
328
328
  "choices": [{
@@ -190,7 +190,7 @@ export class Select {
190
190
  if (visibleChoices >= this.visibleChoices)
191
191
  return null;
192
192
  visibleChoices += 1;
193
- return (h("xpl-tag", { onClose: () => this.handleTagRemove(selectedChoices[i]) }, getDisplayValue(selectedChoices[i])));
193
+ return (h("xpl-tag", { disabled: this.disabled, onClose: () => this.handleTagRemove(selectedChoices[i]) }, getDisplayValue(selectedChoices[i])));
194
194
  });
195
195
  return tags;
196
196
  }
@@ -270,21 +270,21 @@ export class Select {
270
270
  this.truncate &&
271
271
  !this.customDisplayValue;
272
272
  const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
273
- return (h(Host, { key: '62414ef316ff722af90623136e62c5f875e0bfc4', class: {
273
+ return (h(Host, { key: '273b1e5d40c7873055bb735adf66c325d18ba676', class: {
274
274
  'xpl-select': true,
275
275
  'xpl-select--disabled': !!this.disabled,
276
276
  'xpl-select--no-truncate': !this.truncate,
277
277
  [this.classNames ?? '']: !!this.classNames,
278
278
  }, onKeyDown: this.handleTabKeyDown, ref: (el) => {
279
279
  this.container = el;
280
- } }, this.renderLabel(), h("div", { key: '482e2b4e6df0db28031f12f8eeca802f31c36b9b', class: {
280
+ } }, this.renderLabel(), h("div", { key: '87a42faab0ee127dfaa2ee75e9218900e9e0a4b3', class: {
281
281
  'xpl-input': true,
282
282
  'xpl-input--disabled': !!this.disabled,
283
283
  'xpl-input--error': this.error !== undefined,
284
- } }, h("div", { key: 'dba46fe22c91e80c4ef7cc279deffb5d054f6d82', class: "xpl-input-wrapper" }, h("button", { key: '9c0ff42202efcfe30a21b599b30271412dd7bba5', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
284
+ } }, h("div", { key: '22c839efb33132901419bab4dacbe9ffaf464d77', class: "xpl-input-wrapper" }, h("button", { key: '68b88431715f567adfbe00c5f1bcdf9ab41f7360', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
285
285
  e.preventDefault();
286
286
  this.handleDropdownTrigger();
287
- }, type: "button" }, h("div", { key: '81a43dce597ffd11cb06595361cfd30cc33d24b1', class: {
287
+ }, type: "button" }, h("div", { key: 'd1cf1ba8dbe86413a7de9911440204509fc4093b', class: {
288
288
  'xpl-select-value': true,
289
289
  'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
290
290
  'has-value': this.value.length > 0,
@@ -304,7 +304,7 @@ export class Select {
304
304
  return this.renderSelectedTags();
305
305
  }
306
306
  return this.placeholder;
307
- })(), isTextTruncated && truncatedText), h("xpl-icon", { key: '6edc9dcc1ff869d5c715ca143d05e4caac8664f9', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (h("xpl-dropdown", { key: '999afef231d38e5ab4271359ccbd71d85ffb65b9', ref: (el) => {
307
+ })(), isTextTruncated && truncatedText), h("xpl-icon", { key: 'f44a543e315a5715d5d077ce7601956d8485f5f1', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (h("xpl-dropdown", { key: 'dd2355886ce290d697431e00c8f4b7bc41c87429', ref: (el) => {
308
308
  this.dropdown = el ?? null;
309
309
  }, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
310
310
  const { options } = component;
@@ -313,7 +313,7 @@ export class Select {
313
313
  }
314
314
  }, onIsOpenChange: (e) => {
315
315
  this.dropdownOpenState = e.detail;
316
- }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), h("input", { key: 'f3c1f01d5077af5ac0d2612ce4538ac861a33ac5', type: "hidden", name: this.name, value: this.value })));
316
+ }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), h("input", { key: '18472290f7adfe3c02ee90759180404ec33aa1e2', type: "hidden", name: this.name, value: this.value })));
317
317
  }
318
318
  static get is() { return "xpl-select"; }
319
319
  static get properties() {
@@ -0,0 +1 @@
1
+ import{p as e,H as t,d as s,h as i,F as n,c as o,t as l}from"./p-BSHdGbmH.js";import{t as a}from"./p-CzwViN3U.js";import{i as h}from"./p-Dqb1pIRo.js";import{d as c}from"./p-2cJsJK3-.js";import{d}from"./p-BZIZSovL.js";import{d as r}from"./p-Dp62sBqX.js";import{d as p}from"./p-C0AbGd4t.js";import{d as u}from"./p-CQjJIHK6.js";import{d as m}from"./p-B7aaJikj.js";import{v as b}from"./p-CK3_k8jD.js";let g;function f(e){return e.label||e.value||""}function x(e){return e.value||e.label||""}function v(e){return e.flatMap((e=>e.groupName&&e.options?e.options:[e]))}const w=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectChange=s(this,"selectChange",7),this.changeEvent=s(this,"changeEvent",7),this.dropdownStateChange=s(this,"dropdownStateChange",7),this.triggerDropdown=s(this,"triggerDropdown",7),this.choices=[],this.selectIcon="chevron-down",this.dropdownPlacement="bottom-start",this.mode="single",this.truncate=!0,this.active=!1,this.id=b(),this.keepFocus=!1,this.visibleChoices=1/0,this.choicesState=[],this.value=this.calculateValue(),this.dropdownOpenState=!1,this.container=null,this.dropdown=null,this.handleResizeThrottled=a((()=>{this.maybeTruncateChoices()}),250),this.handleTabKeyDown=e=>{"Tab"===e.key&&(this.keepFocus=!0)},this.handleTagRemove=e=>{const t=t=>e?.value&&t.value===e.value||e?.label&&t.label===e.label;this.choicesState=this.choicesState.map((e=>({...e,isSelected:!t(e)&&e.isSelected,options:e.options?.map((e=>({...e,isSelected:!t(e)&&e.isSelected})))})))},this.handleDropdownScroll=e=>{const t=this.dropdown?.querySelector(".xpl-dropdown-list");if(!t)return;const{scrollTop:s,scrollHeight:i,clientHeight:n}=t;(0===s&&e.deltaY<0||s+n>=i&&e.deltaY>0)&&e.preventDefault()}}onChoicesPropChanged(e){this.choicesState=this.initializeChoicesState()}onSelectedValuesPropChanged(){this.choicesState=this.initializeChoicesState()}onChoicesStateChanged(){this.update()}handleValueStateChange(e){this.selectChange.emit(e),this.changeEvent.emit("single"===this.mode?e:e?.length?e.split("|"):[]),this.customDisplayValue&&null!==this.container&&(this.container.querySelectorAll(".custom-display-value").forEach((t=>{t.classList.toggle("display-active",e.length>0),t.classList.toggle("display-inactive",0===e.length)})),this.container.querySelectorAll(".placeholder").forEach((t=>{t.classList.toggle("placeholder-hidden",e.length>0)})))}onDropdownOpenStateChanged(e){this.dropdownStateChange.emit(e)}initializeChoicesState(){return(this.choices??[]).map((e=>{const t="string"==typeof this.selectedValues?[this.selectedValues]:this.selectedValues;return{...e,isSelected:e.isSelected||!0===t?.includes(x(e)),options:e.options?.map((e=>({...e,isSelected:e.isSelected||!0===t?.includes(x(e))})))}}))}maybeTruncateChoices(){if(!h())return;if("single"===this.mode||!this.truncate)return;const e=this.container?.getBoundingClientRect().width;let t=0,s=0;const i=v(this.choicesState)?.filter((e=>e.isSelected));if(!i.length)return;const n=i.length;i.forEach(((n,o)=>(s+=function(e){const t=h()?(void 0===g&&(g=document.createElement("canvas").getContext("2d"),g&&(g.font="14px apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif")),g):null;return t?t.measureText(e).width+44:0}(f(i[o])),s>(e??0)-140||(t+=1),null))),t>=n&&(t=1/0),t<1&&(t=1),this.visibleChoices=t}closeDropdown(){this.dropdown?.isOpen&&(this.dropdown.isOpen=!1,this.active=!1)}calculateValue(){const e=v(this.choicesState).filter((e=>e.isSelected));return e.length?"single"===this.mode?x(e[0]):e.map((e=>x(e))).join("|"):""}update(){this.value=this.calculateValue(),this.maybeTruncateChoices()}renderLabel(){return this.label||this.description?i("label",{class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},this.label,this.description&&i("small",{class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)):null}renderSelectedTags(){let e=0;const t=v(this.choicesState).filter((e=>e.isSelected));return t.length?t.map(((s,n)=>e>=this.visibleChoices?null:(e+=1,i("xpl-tag",{disabled:this.disabled,onClose:()=>this.handleTagRemove(t[n])},f(t[n]))))):null}renderError(){return this.error?i("label",{class:"xpl-input-error",htmlFor:this.id},i("xpl-icon",{icon:"circle-warning"}),this.error):null}componentWillLoad(){this.choicesState=this.initializeChoicesState()}handleClickEvent(e){const t=e.target.closest(".xpl-select");null!==t&&t===this.container||this.closeDropdown()}handleKeyDown(e){"Escape"===e.key&&(this.active||this.container?.contains(document.activeElement))&&this.closeDropdown()}handleResize(){this.handleResizeThrottled()}componentDidLoad(){void 0!==this.truncateRafId&&cancelAnimationFrame(this.truncateRafId),this.truncateRafId=requestAnimationFrame((()=>{this.truncateRafId=void 0,this.maybeTruncateChoices()}))}disconnectedCallback(){this.handleResizeThrottled?.cancel(),void 0!==this.truncateRafId&&(cancelAnimationFrame(this.truncateRafId),this.truncateRafId=void 0)}handleDropdownTrigger(){if(this.disabled)return;const e=this.dropdown?.isOpen??!1,t=!e;this.triggerDropdown.emit({prevState:e,nextState:t}).defaultPrevented||(this.dropdownOpenState=t,this.dropdown&&(this.dropdown.isOpen=t))}async reset(){this.closeDropdown(),this.choicesState=this.choicesState.map((e=>({...e,isSelected:!1,options:e.options?.map((e=>({...e,isSelected:!1})))})))}render(){const e=v(this.choicesState).filter((e=>e.isSelected)),t=e[0]?.label||e[0]?.value,s=e.length>1&&this.visibleChoices<1/0&&this.truncate&&!this.customDisplayValue,l=`+ ${Math.abs(this.choicesState.filter((e=>e.isSelected)).length-this.visibleChoices)} more`;return i(o,{key:"273b1e5d40c7873055bb735adf66c325d18ba676",class:{"xpl-select":!0,"xpl-select--disabled":!!this.disabled,"xpl-select--no-truncate":!this.truncate,[this.classNames??""]:!!this.classNames},onKeyDown:this.handleTabKeyDown,ref:e=>{this.container=e}},this.renderLabel(),i("div",{key:"87a42faab0ee127dfaa2ee75e9218900e9e0a4b3",class:{"xpl-input":!0,"xpl-input--disabled":!!this.disabled,"xpl-input--error":void 0!==this.error}},i("div",{key:"22c839efb33132901419bab4dacbe9ffaf464d77",class:"xpl-input-wrapper"},i("button",{key:"68b88431715f567adfbe00c5f1bcdf9ab41f7360",class:"xpl-select__trigger",disabled:this.disabled,id:this.id,onKeyDown:this.handleTabKeyDown,onClick:e=>{e.preventDefault(),this.handleDropdownTrigger()},type:"button"},i("div",{key:"d1cf1ba8dbe86413a7de9911440204509fc4093b",class:{"xpl-select-value":!0,"xpl-select-value--active":"multi"===this.mode&&this.value.length>0,"has-value":this.value.length>0}},(()=>this.customDisplayValue?i(n,null,i("div",{class:{"custom-display-value":!0,"custom-display-value--inactive":0===this.value.length}},i("slot",{name:"custom-display-value"})),i("span",{class:{"xpl-placeholder--hidden":this.value.length>0}},this.placeholder)):"single"===this.mode?t||this.placeholder:this.value.length>0?this.renderSelectedTags():this.placeholder)(),s&&l),i("xpl-icon",{key:"f44a543e315a5715d5d077ce7601956d8485f5f1",class:"xpl-select__chevron-down",icon:this.selectIcon??"chevron-down"}))),!this.disabled&&i("xpl-dropdown",{key:"dd2355886ce290d697431e00c8f4b7bc41c87429",ref:e=>{this.dropdown=e??null},isOpen:this.dropdownOpenState,options:this.choicesState,selectedValues:this.selectedValues,mode:this.mode,triggerId:this.id,update:(e,{component:t})=>{const{options:s}=t;s&&s.length>0&&(this.choicesState=s)},onIsOpenChange:e=>{this.dropdownOpenState=e.detail},onWheel:this.handleDropdownScroll,anchorToTrigger:!0,flipFallbackPlacements:this.dropdownFlipFallbackPlacements,placement:this.dropdownPlacement}),this.renderError()),i("input",{key:"18472290f7adfe3c02ee90759180404ec33aa1e2",type:"hidden",name:this.name,value:this.value}))}static get watchers(){return{choices:[{onChoicesPropChanged:0}],selectedValues:[{onSelectedValuesPropChanged:0}],choicesState:[{onChoicesStateChanged:0}],value:[{handleValueStateChange:0}],dropdownOpenState:[{onDropdownOpenStateChanged:0}]}}},[260,"xpl-select",{choices:[16],selectIcon:[1,"select-icon"],description:[1],disabled:[4],dropdownFlipFallbackPlacements:[16],dropdownPlacement:[1,"dropdown-placement"],error:[1],label:[1],mode:[1],name:[1],placeholder:[1],truncate:[4],customDisplayValue:[4,"custom-display-value"],selectedValues:[1,"selected-values"],classNames:[1,"class-names"],active:[32],id:[32],keepFocus:[32],visibleChoices:[32],choicesState:[32],value:[32],dropdownOpenState:[32],reset:[64]},[[8,"click","handleClickEvent"],[8,"keydown","handleKeyDown"],[9,"resize","handleResize"]],{choices:[{onChoicesPropChanged:0}],selectedValues:[{onSelectedValuesPropChanged:0}],choicesState:[{onChoicesStateChanged:0}],value:[{handleValueStateChange:0}],dropdownOpenState:[{onDropdownOpenStateChanged:0}]}]);function C(){"undefined"!=typeof customElements&&["xpl-select","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-tag"].forEach((e=>{switch(e){case"xpl-select":customElements.get(l(e))||customElements.define(l(e),w);break;case"xpl-dropdown":customElements.get(l(e))||c();break;case"xpl-dropdown-group":customElements.get(l(e))||d();break;case"xpl-dropdown-heading":customElements.get(l(e))||r();break;case"xpl-dropdown-option":customElements.get(l(e))||p();break;case"xpl-icon":customElements.get(l(e))||u();break;case"xpl-tag":customElements.get(l(e))||m()}}))}export{w as S,C as d}
@@ -1 +1 @@
1
- import{p as e,H as t,d as a,h as s,c as o,t as i}from"./p-BSHdGbmH.js";import{d as n}from"./p-2cJsJK3-.js";import{d as p}from"./p-BZIZSovL.js";import{d as l}from"./p-Dp62sBqX.js";import{d as c}from"./p-C0AbGd4t.js";import{d as r}from"./p-CQjJIHK6.js";import{d}from"./p-BtLC-jpk.js";import{d as h}from"./p-B7aaJikj.js";const g=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.pageChange=a(this,"pageChange",7),this.rowsPerPageChange=a(this,"rowsPerPageChange",7),this.totalPages=1,this.withPageControl=!1,this.currentPage=1,this.rowsPerPageOptions="10,25,50,100,150",this.selectedRowsPerPage=10,this.rowsPerPageSelectRef=null,this.pageSelectRef=null,this.pageChoices=[],this.handleNextPage=()=>{this.currentPage<this.totalPages&&(this.currentPage+=1)},this.handlePrevPage=()=>{this.currentPage>1&&(this.currentPage-=1)},this.handlePageChange=e=>{const t=parseInt(e.detail,10);Number.isNaN(t)||(this.currentPage=t)},this.handleRowsChange=e=>{const t=parseInt(e.detail,10);Number.isNaN(t)||(this.selectedRowsPerPage=t)}}get rowsPerPageOptionsArray(){return this.rowsPerPageOptions.split(",").map(Number)}onPageUpdate(e){e<1?this.currentPage=1:e>this.totalPages&&(this.currentPage=this.totalPages),this.buildPageChoices(),this.pageChange.emit(this.currentPage)}onTotalPagesUpdate(){this.currentPage>this.totalPages?this.currentPage=this.totalPages:this.buildPageChoices()}onRowsPerPageUpdate(e){this.rowsPerPageChange.emit(e)}buildPageChoices(){this.pageChoices=Array.from({length:this.totalPages},((e,t)=>({label:"Page "+(t+1),value:""+(t+1),isSelected:t+1===this.currentPage})))}componentWillLoad(){this.buildPageChoices()}componentDidLoad(){this.rowsPerPageSelectRef?.addEventListener("changeEvent",this.handleRowsChange),this.pageSelectRef?.addEventListener("changeEvent",this.handlePageChange)}disconnectedCallback(){this.rowsPerPageSelectRef?.removeEventListener("changeEvent",this.handleRowsChange),this.pageSelectRef?.removeEventListener("changeEvent",this.handlePageChange)}render(){const e=this.currentPage<=1,t=this.currentPage>=this.totalPages;return s(o,{key:"c1236f3a51a835bc7609f1871718535ad26c608c",class:{"xpl-pagination":!0,"xpl-pagination__with-page-control":this.withPageControl,"xpl-pagination__no-page-control":!this.withPageControl}},this.withPageControl&&s("div",{key:"b9a960512110e71ec4403a7440d9a56d2d25eb5a",class:"xpl-pagination__rows-per-page"},s("label",{key:"77d5c99067a80412b99fd7319a647fea67be9ae2",class:"xpl-pagination__rows-label"},"Rows per page:"),s("xpl-select",{key:"530bac1621b9901c52f895649f838ddd7919522f",class:"xpl-pagination__rows-per-page-select",dropdownFlipFallbackPlacements:["bottom-start"],dropdownPlacement:"top-start",choices:this.rowsPerPageOptionsArray.map((e=>({label:""+e,value:""+e,isSelected:e===this.selectedRowsPerPage}))),ref:e=>{this.rowsPerPageSelectRef=e??null}})),s("div",{key:"f610c71b562c73d1ef6ce81550ee9c5f5318b46a",class:"xpl-pagination__pager"},s("button",{key:"f507f26b1b3239c170c60568da2a068ffdc65def",class:"xpl-pagination__pager-button xpl-pagination__pager-button-prev",disabled:e,onClick:this.handlePrevPage,"aria-label":"Previous Page",tabindex:"0"},s("xpl-icon",{key:"c1079f632bb84a97bcb43ab7f39af19d2532e73c",icon:"arrow-left",size:20})),s("xpl-select",{key:"b50192f67d3e5b5c6723131d554d1dad41f8e2a3",class:"xpl-pagination__page-select",dropdownFlipFallbackPlacements:["bottom-start"],dropdownPlacement:"top-start",choices:this.pageChoices,"custom-display-value":!0,ref:e=>{this.pageSelectRef=e??null}},s("div",{key:"35cb95f79705633857df8ef3a48b479c85d6acdd",slot:"custom-display-value"},`${this.currentPage} of ${this.totalPages}`)),s("button",{key:"79a8b1f267fe675eb626d655a68ad5c72cd6c89f",class:"xpl-pagination__pager-button xpl-pagination__pager-button-next",disabled:t,onClick:this.handleNextPage,"aria-label":"Next Page",tabindex:"0"},s("xpl-icon",{key:"01ae55d805794de8fb9f332a37314e152fb1f5bb",icon:"arrow-right",size:20}))))}static get watchers(){return{currentPage:[{onPageUpdate:0}],totalPages:[{onTotalPagesUpdate:0}],selectedRowsPerPage:[{onRowsPerPageUpdate:0}]}}},[0,"xpl-pagination",{totalPages:[2,"total-pages"],withPageControl:[4,"with-page-control"],currentPage:[1026,"current-page"],rowsPerPageOptions:[1,"rows-per-page-options"],selectedRowsPerPage:[1026,"selected-rows-per-page"]},void 0,{currentPage:[{onPageUpdate:0}],totalPages:[{onTotalPagesUpdate:0}],selectedRowsPerPage:[{onRowsPerPageUpdate:0}]}]),b=g,m=function(){"undefined"!=typeof customElements&&["xpl-pagination","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-select","xpl-tag"].forEach((e=>{switch(e){case"xpl-pagination":customElements.get(i(e))||customElements.define(i(e),g);break;case"xpl-dropdown":customElements.get(i(e))||n();break;case"xpl-dropdown-group":customElements.get(i(e))||p();break;case"xpl-dropdown-heading":customElements.get(i(e))||l();break;case"xpl-dropdown-option":customElements.get(i(e))||c();break;case"xpl-icon":customElements.get(i(e))||r();break;case"xpl-select":customElements.get(i(e))||d();break;case"xpl-tag":customElements.get(i(e))||h()}}))};export{b as XplPagination,m as defineCustomElement}
1
+ import{p as e,H as t,d as a,h as s,c as o,t as i}from"./p-BSHdGbmH.js";import{d as n}from"./p-2cJsJK3-.js";import{d as p}from"./p-BZIZSovL.js";import{d as l}from"./p-Dp62sBqX.js";import{d as r}from"./p-C0AbGd4t.js";import{d as c}from"./p-CQjJIHK6.js";import{d}from"./p-rLxtqgsy.js";import{d as h}from"./p-B7aaJikj.js";const g=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.pageChange=a(this,"pageChange",7),this.rowsPerPageChange=a(this,"rowsPerPageChange",7),this.totalPages=1,this.withPageControl=!1,this.currentPage=1,this.rowsPerPageOptions="10,25,50,100,150",this.selectedRowsPerPage=10,this.rowsPerPageSelectRef=null,this.pageSelectRef=null,this.pageChoices=[],this.handleNextPage=()=>{this.currentPage<this.totalPages&&(this.currentPage+=1)},this.handlePrevPage=()=>{this.currentPage>1&&(this.currentPage-=1)},this.handlePageChange=e=>{const t=parseInt(e.detail,10);Number.isNaN(t)||(this.currentPage=t)},this.handleRowsChange=e=>{const t=parseInt(e.detail,10);Number.isNaN(t)||(this.selectedRowsPerPage=t)}}get rowsPerPageOptionsArray(){return this.rowsPerPageOptions.split(",").map(Number)}onPageUpdate(e){e<1?this.currentPage=1:e>this.totalPages&&(this.currentPage=this.totalPages),this.buildPageChoices(),this.pageChange.emit(this.currentPage)}onTotalPagesUpdate(){this.currentPage>this.totalPages?this.currentPage=this.totalPages:this.buildPageChoices()}onRowsPerPageUpdate(e){this.rowsPerPageChange.emit(e)}buildPageChoices(){this.pageChoices=Array.from({length:this.totalPages},((e,t)=>({label:"Page "+(t+1),value:""+(t+1),isSelected:t+1===this.currentPage})))}componentWillLoad(){this.buildPageChoices()}componentDidLoad(){this.rowsPerPageSelectRef?.addEventListener("changeEvent",this.handleRowsChange),this.pageSelectRef?.addEventListener("changeEvent",this.handlePageChange)}disconnectedCallback(){this.rowsPerPageSelectRef?.removeEventListener("changeEvent",this.handleRowsChange),this.pageSelectRef?.removeEventListener("changeEvent",this.handlePageChange)}render(){const e=this.currentPage<=1,t=this.currentPage>=this.totalPages;return s(o,{key:"c1236f3a51a835bc7609f1871718535ad26c608c",class:{"xpl-pagination":!0,"xpl-pagination__with-page-control":this.withPageControl,"xpl-pagination__no-page-control":!this.withPageControl}},this.withPageControl&&s("div",{key:"b9a960512110e71ec4403a7440d9a56d2d25eb5a",class:"xpl-pagination__rows-per-page"},s("label",{key:"77d5c99067a80412b99fd7319a647fea67be9ae2",class:"xpl-pagination__rows-label"},"Rows per page:"),s("xpl-select",{key:"530bac1621b9901c52f895649f838ddd7919522f",class:"xpl-pagination__rows-per-page-select",dropdownFlipFallbackPlacements:["bottom-start"],dropdownPlacement:"top-start",choices:this.rowsPerPageOptionsArray.map((e=>({label:""+e,value:""+e,isSelected:e===this.selectedRowsPerPage}))),ref:e=>{this.rowsPerPageSelectRef=e??null}})),s("div",{key:"f610c71b562c73d1ef6ce81550ee9c5f5318b46a",class:"xpl-pagination__pager"},s("button",{key:"f507f26b1b3239c170c60568da2a068ffdc65def",class:"xpl-pagination__pager-button xpl-pagination__pager-button-prev",disabled:e,onClick:this.handlePrevPage,"aria-label":"Previous Page",tabindex:"0"},s("xpl-icon",{key:"c1079f632bb84a97bcb43ab7f39af19d2532e73c",icon:"arrow-left",size:20})),s("xpl-select",{key:"b50192f67d3e5b5c6723131d554d1dad41f8e2a3",class:"xpl-pagination__page-select",dropdownFlipFallbackPlacements:["bottom-start"],dropdownPlacement:"top-start",choices:this.pageChoices,"custom-display-value":!0,ref:e=>{this.pageSelectRef=e??null}},s("div",{key:"35cb95f79705633857df8ef3a48b479c85d6acdd",slot:"custom-display-value"},`${this.currentPage} of ${this.totalPages}`)),s("button",{key:"79a8b1f267fe675eb626d655a68ad5c72cd6c89f",class:"xpl-pagination__pager-button xpl-pagination__pager-button-next",disabled:t,onClick:this.handleNextPage,"aria-label":"Next Page",tabindex:"0"},s("xpl-icon",{key:"01ae55d805794de8fb9f332a37314e152fb1f5bb",icon:"arrow-right",size:20}))))}static get watchers(){return{currentPage:[{onPageUpdate:0}],totalPages:[{onTotalPagesUpdate:0}],selectedRowsPerPage:[{onRowsPerPageUpdate:0}]}}},[0,"xpl-pagination",{totalPages:[2,"total-pages"],withPageControl:[4,"with-page-control"],currentPage:[1026,"current-page"],rowsPerPageOptions:[1,"rows-per-page-options"],selectedRowsPerPage:[1026,"selected-rows-per-page"]},void 0,{currentPage:[{onPageUpdate:0}],totalPages:[{onTotalPagesUpdate:0}],selectedRowsPerPage:[{onRowsPerPageUpdate:0}]}]),b=g,m=function(){"undefined"!=typeof customElements&&["xpl-pagination","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-select","xpl-tag"].forEach((e=>{switch(e){case"xpl-pagination":customElements.get(i(e))||customElements.define(i(e),g);break;case"xpl-dropdown":customElements.get(i(e))||n();break;case"xpl-dropdown-group":customElements.get(i(e))||p();break;case"xpl-dropdown-heading":customElements.get(i(e))||l();break;case"xpl-dropdown-option":customElements.get(i(e))||r();break;case"xpl-icon":customElements.get(i(e))||c();break;case"xpl-select":customElements.get(i(e))||d();break;case"xpl-tag":customElements.get(i(e))||h()}}))};export{b as XplPagination,m as defineCustomElement}
@@ -1 +1 @@
1
- import{S as o,d as p}from"./p-BtLC-jpk.js";const s=o,t=p;export{s as XplSelect,t as defineCustomElement}
1
+ import{S as s,d as o}from"./p-rLxtqgsy.js";const r=s,t=o;export{r as XplSelect,t as defineCustomElement}
@@ -1 +1 @@
1
- import{p as t,H as s,d as e,h as i,c as a,t as n}from"./p-BSHdGbmH.js";import{d as o}from"./p-2cJsJK3-.js";import{d as h}from"./p-BZIZSovL.js";import{d as l}from"./p-Dp62sBqX.js";import{d as r}from"./p-C0AbGd4t.js";import{d}from"./p-CQjJIHK6.js";import{d as c}from"./p-BtLC-jpk.js";import{d as p}from"./p-B7aaJikj.js";let b=0;function u(t){const e=t.querySelector("xpl-button button");if(e){const t=e.cloneNode(!0);if(t instanceof s){t.querySelectorAll(".xpl-button__icon, xpl-icon, xpl-badge").forEach((t=>t.remove()));const s=t.textContent?.replace(/\s+/g," ").trim();if(s)return s}}const i=t.querySelector(".xpl-tab__button");if(i){const t=Array.from(i.childNodes).filter((t=>t.nodeType===Node.TEXT_NODE)).map((t=>(t.textContent??"").trim())).join(" ").replace(/\s+/g," ").trim();if(t)return t}return t.getAttribute("target")??""}const f=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=e(this,"tabChange",7),this.tabHeadings=[],this.tabPanels=[],this.tablistKeydownBound=!1,this.activeBarPosition={left:0,width:0},this.choicesTick=1,this.isMobileSelectChange=!1,this.selectedValue="",this.disabled=!1,this.fullWidth=!1,this.type="tabs",this.handleTabChange=t=>{this.applySelection(t)},this.onTablistKeydown=async t=>{if(this.disabled)return;const s=t.target?.closest?.("xpl-tab");if(!s||!this.tabHeadings.includes(s))return;const{key:e}=t;let i=!1,a=!1;this.isTablistRtl()?"ArrowLeft"===e||"ArrowDown"===e?i=!0:"ArrowRight"!==e&&"ArrowUp"!==e||(a=!0):"ArrowRight"===e||"ArrowDown"===e?i=!0:"ArrowLeft"!==e&&"ArrowUp"!==e||(a=!0);const n=i||a,o="Home"===e;if(!n&&!o&&"End"!==e)return;const h=this.getEnabledTabHeadingsSync();if(0===h.length)return;const l=h.indexOf(s);if(-1===l)return;let r;r=n?i?(l+1)%h.length:(l-1+h.length)%h.length:o?0:h.length-1;const d=h[r],c=d?.getAttribute("target");if(!c)return;const p=s.getAttribute("target");t.preventDefault(),c!==p&&(this.applySelection(c),await d.focusTrigger(),this.tabChange.emit(c))}}onDisabledChanged(){this.syncGroupDisabledOnTabs(),this.disabled||this.syncRovingTabindex()}onFullWidthChanged(){this.syncFullWidthOnTabs()}onTypeChanged(){this.syncVariantOnTabs()}onValueChanged(t){this.applySelection(t)}connectedCallback(){this.el.hasAttribute("data-tabs-instance-id")||(b+=1,this.el.setAttribute("data-tabs-instance-id","xpl-tg-"+b)),"undefined"!=typeof MutationObserver&&(this.observer=new MutationObserver((()=>{this.collectTabs(!0)})),this.observer.observe(this.el,{childList:!0,subtree:!0}))}disconnectedCallback(){this.observer?.disconnect(),this.headingsContainerRef&&this.tablistKeydownBound&&(this.headingsContainerRef.removeEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!1),void 0!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}componentWillLoad(){this.selectedValue=this.getDefaultValue()}componentDidLoad(){this.collectTabs(!1),this.attachTablistKeydown()}componentDidUpdate(){this.updateActiveBarPosition(),this.syncRovingTabindex()}componentDidRender(){!this.tablistKeydownBound&&this.headingsContainerRef&&this.attachTablistKeydown()}onWindowResize(){this.updateActiveBarPosition()}syncGroupDisabledOnTabs(){this.tabHeadings.forEach((t=>{this.disabled?t.setAttribute("data-group-disabled",""):t.removeAttribute("data-group-disabled")}))}applySelection(t){this.tabHeadings.forEach((s=>{t===s.getAttribute("target")?s.setAttribute("selected",""):s.removeAttribute("selected")})),this.tabPanels.forEach((s=>{t===s.getAttribute("target")?s.setAttribute("selected",""):s.removeAttribute("selected")})),this.syncGroupDisabledOnTabs(),void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{this.rafId=void 0,this.selectedValue=t,this.updateActiveBarPosition(),this.syncRovingTabindex()}))}isOwnedTabOrPanel(t){return t.closest("xpl-tabs")===this.el}collectTabs(t){this.tabHeadings=Array.from(this.el.querySelectorAll("xpl-tab")).filter((t=>this.isOwnedTabOrPanel(t))),this.tabPanels=Array.from(this.el.querySelectorAll("xpl-tab-panel")).filter((t=>this.isOwnedTabOrPanel(t))),this.syncVariantOnTabs(),this.syncFullWidthOnTabs(),this.applySelection(this.getDefaultValue()),t&&(this.choicesTick+=1)}syncVariantOnTabs(){this.tabHeadings.forEach((t=>{t.variant=this.type}))}syncFullWidthOnTabs(){this.tabHeadings.forEach((t=>{t.fullWidth=this.fullWidth}))}getDefaultValue(){return this.value||this.tabHeadings?.[0]?.getAttribute("target")||""}async syncRovingTabindex(){this.disabled||await Promise.all(this.tabHeadings.map((async t=>{const s=(t.getAttribute("target")??"")===this.selectedValue;await t.setTabIndex(s?0:-1)})))}getEnabledTabHeadingsSync(){return this.tabHeadings.filter((t=>{if(this.disabled||t.hasAttribute("disabled"))return!1;const s=t.querySelector("segment"===t.variant?"xpl-button button":".xpl-tab__button");return!(!s||s.disabled)}))}attachTablistKeydown(){const t=this.headingsContainerRef;t&&!this.tablistKeydownBound&&(t.addEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!0)}isTablistRtl(){const t=this.headingsContainerRef;return!!t&&"rtl"===getComputedStyle(t).direction}renderChoices(){return this.tabHeadings.map((t=>{const s=t.getAttribute("target")??"",e=this.disabled||t.hasAttribute("disabled"),i=t.getAttribute("icon")||void 0;return{label:u(t),value:s,isDisabled:e,...i?{icon:i}:{}}}))}updateActiveBarPosition(){if("segment"===this.type)return;const t=this.tabHeadings.find((t=>t.getAttribute("target")===this.selectedValue));if(!this.headingsContainerRef||!t)return;const s=t.getBoundingClientRect(),e=this.headingsContainerRef.getBoundingClientRect(),i=s.left-e.left,a=s.width;this.activeBarPosition.left===i&&this.activeBarPosition.width===a||(this.activeBarPosition={left:i,width:a})}mobileSelectClassNames(){const t="xpl-tabs__mobile-select";return"segment"===this.type?t+" xpl-tabs__mobile-select--segment":t}render(){const t="segment"===this.type;return i(a,{key:"0bb77237fce464cc536ce4efabb29249fa14ef4a",class:{"xpl-tabs":!0,"xpl-tabs--full-width":this.fullWidth,"xpl-tabs--segment":t},"data-choices-tick":this.choicesTick},i("xpl-select",{key:"fbcc113cc9a308df73bf99f6c941612725e49ddb",classNames:this.mobileSelectClassNames(),choices:this.renderChoices(),disabled:this.disabled,selectedValues:this.selectedValue,onDropdownStateChange:t=>{t.detail&&(this.isMobileSelectChange=!0)},onChangeEvent:t=>{if(this.isMobileSelectChange){const s=""+t.detail;this.handleTabChange(s),this.tabChange.emit(s),this.isMobileSelectChange=!1}}}),i("nav",{key:"1b93068116c5ff0ac94d5139e147daffc1157c73","aria-orientation":"horizontal",class:"xpl-tabs__headings",role:"tablist",ref:t=>{this.headingsContainerRef=t},onTabChange:t=>{t.stopPropagation(),this.isMobileSelectChange=!1,this.handleTabChange(t.detail),this.tabChange.emit(t.detail)}},!t&&i("div",{key:"38a88df2520d308e3a22b4cd70ff274af7403616",class:"xpl-tabs__active-bar",style:{transform:`translateX(${this.activeBarPosition.left}px)`,width:this.activeBarPosition.width+"px"}}),i("slot",{key:"dc30ab2123d7c1c8b6591ac0129af44da3795977",name:"heading"})),i("div",{key:"36c1fc45216499d4af87b8fc536df3ea6af666ab",class:"xpl-tabs__panels"},i("slot",{key:"a660913c7d2fce500da666490b600b4c7fc93746",name:"panel"})))}get el(){return this}static get watchers(){return{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}}},[260,"xpl-tabs",{disabled:[4],fullWidth:[4,"full-width"],type:[513],value:[1],activeBarPosition:[32],choicesTick:[32],isMobileSelectChange:[32],selectedValue:[32]},[[9,"resize","onWindowResize"]],{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}]),m=f,g=function(){"undefined"!=typeof customElements&&["xpl-tabs","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-select","xpl-tag"].forEach((t=>{switch(t){case"xpl-tabs":customElements.get(n(t))||customElements.define(n(t),f);break;case"xpl-dropdown":customElements.get(n(t))||o();break;case"xpl-dropdown-group":customElements.get(n(t))||h();break;case"xpl-dropdown-heading":customElements.get(n(t))||l();break;case"xpl-dropdown-option":customElements.get(n(t))||r();break;case"xpl-icon":customElements.get(n(t))||d();break;case"xpl-select":customElements.get(n(t))||c();break;case"xpl-tag":customElements.get(n(t))||p()}}))};export{m as XplTabs,g as defineCustomElement}
1
+ import{p as t,H as s,d as e,h as i,c as a,t as n}from"./p-BSHdGbmH.js";import{d as o}from"./p-2cJsJK3-.js";import{d as h}from"./p-BZIZSovL.js";import{d as l}from"./p-Dp62sBqX.js";import{d as r}from"./p-C0AbGd4t.js";import{d}from"./p-CQjJIHK6.js";import{d as c}from"./p-rLxtqgsy.js";import{d as p}from"./p-B7aaJikj.js";let b=0;function u(t){const e=t.querySelector("xpl-button button");if(e){const t=e.cloneNode(!0);if(t instanceof s){t.querySelectorAll(".xpl-button__icon, xpl-icon, xpl-badge").forEach((t=>t.remove()));const s=t.textContent?.replace(/\s+/g," ").trim();if(s)return s}}const i=t.querySelector(".xpl-tab__button");if(i){const t=Array.from(i.childNodes).filter((t=>t.nodeType===Node.TEXT_NODE)).map((t=>(t.textContent??"").trim())).join(" ").replace(/\s+/g," ").trim();if(t)return t}return t.getAttribute("target")??""}const f=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=e(this,"tabChange",7),this.tabHeadings=[],this.tabPanels=[],this.tablistKeydownBound=!1,this.activeBarPosition={left:0,width:0},this.choicesTick=1,this.isMobileSelectChange=!1,this.selectedValue="",this.disabled=!1,this.fullWidth=!1,this.type="tabs",this.handleTabChange=t=>{this.applySelection(t)},this.onTablistKeydown=async t=>{if(this.disabled)return;const s=t.target?.closest?.("xpl-tab");if(!s||!this.tabHeadings.includes(s))return;const{key:e}=t;let i=!1,a=!1;this.isTablistRtl()?"ArrowLeft"===e||"ArrowDown"===e?i=!0:"ArrowRight"!==e&&"ArrowUp"!==e||(a=!0):"ArrowRight"===e||"ArrowDown"===e?i=!0:"ArrowLeft"!==e&&"ArrowUp"!==e||(a=!0);const n=i||a,o="Home"===e;if(!n&&!o&&"End"!==e)return;const h=this.getEnabledTabHeadingsSync();if(0===h.length)return;const l=h.indexOf(s);if(-1===l)return;let r;r=n?i?(l+1)%h.length:(l-1+h.length)%h.length:o?0:h.length-1;const d=h[r],c=d?.getAttribute("target");if(!c)return;const p=s.getAttribute("target");t.preventDefault(),c!==p&&(this.applySelection(c),await d.focusTrigger(),this.tabChange.emit(c))}}onDisabledChanged(){this.syncGroupDisabledOnTabs(),this.disabled||this.syncRovingTabindex()}onFullWidthChanged(){this.syncFullWidthOnTabs()}onTypeChanged(){this.syncVariantOnTabs()}onValueChanged(t){this.applySelection(t)}connectedCallback(){this.el.hasAttribute("data-tabs-instance-id")||(b+=1,this.el.setAttribute("data-tabs-instance-id","xpl-tg-"+b)),"undefined"!=typeof MutationObserver&&(this.observer=new MutationObserver((()=>{this.collectTabs(!0)})),this.observer.observe(this.el,{childList:!0,subtree:!0}))}disconnectedCallback(){this.observer?.disconnect(),this.headingsContainerRef&&this.tablistKeydownBound&&(this.headingsContainerRef.removeEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!1),void 0!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}componentWillLoad(){this.selectedValue=this.getDefaultValue()}componentDidLoad(){this.collectTabs(!1),this.attachTablistKeydown()}componentDidUpdate(){this.updateActiveBarPosition(),this.syncRovingTabindex()}componentDidRender(){!this.tablistKeydownBound&&this.headingsContainerRef&&this.attachTablistKeydown()}onWindowResize(){this.updateActiveBarPosition()}syncGroupDisabledOnTabs(){this.tabHeadings.forEach((t=>{this.disabled?t.setAttribute("data-group-disabled",""):t.removeAttribute("data-group-disabled")}))}applySelection(t){this.tabHeadings.forEach((s=>{t===s.getAttribute("target")?s.setAttribute("selected",""):s.removeAttribute("selected")})),this.tabPanels.forEach((s=>{t===s.getAttribute("target")?s.setAttribute("selected",""):s.removeAttribute("selected")})),this.syncGroupDisabledOnTabs(),void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{this.rafId=void 0,this.selectedValue=t,this.updateActiveBarPosition(),this.syncRovingTabindex()}))}isOwnedTabOrPanel(t){return t.closest("xpl-tabs")===this.el}collectTabs(t){this.tabHeadings=Array.from(this.el.querySelectorAll("xpl-tab")).filter((t=>this.isOwnedTabOrPanel(t))),this.tabPanels=Array.from(this.el.querySelectorAll("xpl-tab-panel")).filter((t=>this.isOwnedTabOrPanel(t))),this.syncVariantOnTabs(),this.syncFullWidthOnTabs(),this.applySelection(this.getDefaultValue()),t&&(this.choicesTick+=1)}syncVariantOnTabs(){this.tabHeadings.forEach((t=>{t.variant=this.type}))}syncFullWidthOnTabs(){this.tabHeadings.forEach((t=>{t.fullWidth=this.fullWidth}))}getDefaultValue(){return this.value||this.tabHeadings?.[0]?.getAttribute("target")||""}async syncRovingTabindex(){this.disabled||await Promise.all(this.tabHeadings.map((async t=>{const s=(t.getAttribute("target")??"")===this.selectedValue;await t.setTabIndex(s?0:-1)})))}getEnabledTabHeadingsSync(){return this.tabHeadings.filter((t=>{if(this.disabled||t.hasAttribute("disabled"))return!1;const s=t.querySelector("segment"===t.variant?"xpl-button button":".xpl-tab__button");return!(!s||s.disabled)}))}attachTablistKeydown(){const t=this.headingsContainerRef;t&&!this.tablistKeydownBound&&(t.addEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!0)}isTablistRtl(){const t=this.headingsContainerRef;return!!t&&"rtl"===getComputedStyle(t).direction}renderChoices(){return this.tabHeadings.map((t=>{const s=t.getAttribute("target")??"",e=this.disabled||t.hasAttribute("disabled"),i=t.getAttribute("icon")||void 0;return{label:u(t),value:s,isDisabled:e,...i?{icon:i}:{}}}))}updateActiveBarPosition(){if("segment"===this.type)return;const t=this.tabHeadings.find((t=>t.getAttribute("target")===this.selectedValue));if(!this.headingsContainerRef||!t)return;const s=t.getBoundingClientRect(),e=this.headingsContainerRef.getBoundingClientRect(),i=s.left-e.left,a=s.width;this.activeBarPosition.left===i&&this.activeBarPosition.width===a||(this.activeBarPosition={left:i,width:a})}mobileSelectClassNames(){const t="xpl-tabs__mobile-select";return"segment"===this.type?t+" xpl-tabs__mobile-select--segment":t}render(){const t="segment"===this.type;return i(a,{key:"0bb77237fce464cc536ce4efabb29249fa14ef4a",class:{"xpl-tabs":!0,"xpl-tabs--full-width":this.fullWidth,"xpl-tabs--segment":t},"data-choices-tick":this.choicesTick},i("xpl-select",{key:"fbcc113cc9a308df73bf99f6c941612725e49ddb",classNames:this.mobileSelectClassNames(),choices:this.renderChoices(),disabled:this.disabled,selectedValues:this.selectedValue,onDropdownStateChange:t=>{t.detail&&(this.isMobileSelectChange=!0)},onChangeEvent:t=>{if(this.isMobileSelectChange){const s=""+t.detail;this.handleTabChange(s),this.tabChange.emit(s),this.isMobileSelectChange=!1}}}),i("nav",{key:"1b93068116c5ff0ac94d5139e147daffc1157c73","aria-orientation":"horizontal",class:"xpl-tabs__headings",role:"tablist",ref:t=>{this.headingsContainerRef=t},onTabChange:t=>{t.stopPropagation(),this.isMobileSelectChange=!1,this.handleTabChange(t.detail),this.tabChange.emit(t.detail)}},!t&&i("div",{key:"38a88df2520d308e3a22b4cd70ff274af7403616",class:"xpl-tabs__active-bar",style:{transform:`translateX(${this.activeBarPosition.left}px)`,width:this.activeBarPosition.width+"px"}}),i("slot",{key:"dc30ab2123d7c1c8b6591ac0129af44da3795977",name:"heading"})),i("div",{key:"36c1fc45216499d4af87b8fc536df3ea6af666ab",class:"xpl-tabs__panels"},i("slot",{key:"a660913c7d2fce500da666490b600b4c7fc93746",name:"panel"})))}get el(){return this}static get watchers(){return{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}}},[260,"xpl-tabs",{disabled:[4],fullWidth:[4,"full-width"],type:[513],value:[1],activeBarPosition:[32],choicesTick:[32],isMobileSelectChange:[32],selectedValue:[32]},[[9,"resize","onWindowResize"]],{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}]),m=f,g=function(){"undefined"!=typeof customElements&&["xpl-tabs","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-select","xpl-tag"].forEach((t=>{switch(t){case"xpl-tabs":customElements.get(n(t))||customElements.define(n(t),f);break;case"xpl-dropdown":customElements.get(n(t))||o();break;case"xpl-dropdown-group":customElements.get(n(t))||h();break;case"xpl-dropdown-heading":customElements.get(n(t))||l();break;case"xpl-dropdown-option":customElements.get(n(t))||r();break;case"xpl-icon":customElements.get(n(t))||d();break;case"xpl-select":customElements.get(n(t))||c();break;case"xpl-tag":customElements.get(n(t))||p()}}))};export{m as XplTabs,g as defineCustomElement}
package/dist/docs.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2026-08-26T18:32:08",
2
+ "timestamp": "2026-08-27T17:07:20",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.43.5",
@@ -197,7 +197,7 @@ const Select = class {
197
197
  if (visibleChoices >= this.visibleChoices)
198
198
  return null;
199
199
  visibleChoices += 1;
200
- return (h("xpl-tag", { onClose: () => this.handleTagRemove(selectedChoices[i]) }, getDisplayValue(selectedChoices[i])));
200
+ return (h("xpl-tag", { disabled: this.disabled, onClose: () => this.handleTagRemove(selectedChoices[i]) }, getDisplayValue(selectedChoices[i])));
201
201
  });
202
202
  return tags;
203
203
  }
@@ -277,21 +277,21 @@ const Select = class {
277
277
  this.truncate &&
278
278
  !this.customDisplayValue;
279
279
  const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
280
- return (h(Host, { key: '62414ef316ff722af90623136e62c5f875e0bfc4', class: {
280
+ return (h(Host, { key: '273b1e5d40c7873055bb735adf66c325d18ba676', class: {
281
281
  'xpl-select': true,
282
282
  'xpl-select--disabled': !!this.disabled,
283
283
  'xpl-select--no-truncate': !this.truncate,
284
284
  [this.classNames ?? '']: !!this.classNames,
285
285
  }, onKeyDown: this.handleTabKeyDown, ref: (el) => {
286
286
  this.container = el;
287
- } }, this.renderLabel(), h("div", { key: '482e2b4e6df0db28031f12f8eeca802f31c36b9b', class: {
287
+ } }, this.renderLabel(), h("div", { key: '87a42faab0ee127dfaa2ee75e9218900e9e0a4b3', class: {
288
288
  'xpl-input': true,
289
289
  'xpl-input--disabled': !!this.disabled,
290
290
  'xpl-input--error': this.error !== undefined,
291
- } }, h("div", { key: 'dba46fe22c91e80c4ef7cc279deffb5d054f6d82', class: "xpl-input-wrapper" }, h("button", { key: '9c0ff42202efcfe30a21b599b30271412dd7bba5', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
291
+ } }, h("div", { key: '22c839efb33132901419bab4dacbe9ffaf464d77', class: "xpl-input-wrapper" }, h("button", { key: '68b88431715f567adfbe00c5f1bcdf9ab41f7360', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
292
292
  e.preventDefault();
293
293
  this.handleDropdownTrigger();
294
- }, type: "button" }, h("div", { key: '81a43dce597ffd11cb06595361cfd30cc33d24b1', class: {
294
+ }, type: "button" }, h("div", { key: 'd1cf1ba8dbe86413a7de9911440204509fc4093b', class: {
295
295
  'xpl-select-value': true,
296
296
  'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
297
297
  'has-value': this.value.length > 0,
@@ -311,7 +311,7 @@ const Select = class {
311
311
  return this.renderSelectedTags();
312
312
  }
313
313
  return this.placeholder;
314
- })(), isTextTruncated && truncatedText), h("xpl-icon", { key: '6edc9dcc1ff869d5c715ca143d05e4caac8664f9', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (h("xpl-dropdown", { key: '999afef231d38e5ab4271359ccbd71d85ffb65b9', ref: (el) => {
314
+ })(), isTextTruncated && truncatedText), h("xpl-icon", { key: 'f44a543e315a5715d5d077ce7601956d8485f5f1', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (h("xpl-dropdown", { key: 'dd2355886ce290d697431e00c8f4b7bc41c87429', ref: (el) => {
315
315
  this.dropdown = el ?? null;
316
316
  }, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
317
317
  const { options } = component;
@@ -320,7 +320,7 @@ const Select = class {
320
320
  }
321
321
  }, onIsOpenChange: (e) => {
322
322
  this.dropdownOpenState = e.detail;
323
- }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), h("input", { key: 'f3c1f01d5077af5ac0d2612ce4538ac861a33ac5', type: "hidden", name: this.name, value: this.value })));
323
+ }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), h("input", { key: '18472290f7adfe3c02ee90759180404ec33aa1e2', type: "hidden", name: this.name, value: this.value })));
324
324
  }
325
325
  static get watchers() { return {
326
326
  "choices": [{
package/hydrate/index.js CHANGED
@@ -29121,7 +29121,7 @@ class Select {
29121
29121
  if (visibleChoices >= this.visibleChoices)
29122
29122
  return null;
29123
29123
  visibleChoices += 1;
29124
- return (hAsync("xpl-tag", { onClose: () => this.handleTagRemove(selectedChoices[i]) }, getDisplayValue(selectedChoices[i])));
29124
+ return (hAsync("xpl-tag", { disabled: this.disabled, onClose: () => this.handleTagRemove(selectedChoices[i]) }, getDisplayValue(selectedChoices[i])));
29125
29125
  });
29126
29126
  return tags;
29127
29127
  }
@@ -29201,21 +29201,21 @@ class Select {
29201
29201
  this.truncate &&
29202
29202
  !this.customDisplayValue;
29203
29203
  const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
29204
- return (hAsync(Host, { key: '62414ef316ff722af90623136e62c5f875e0bfc4', class: {
29204
+ return (hAsync(Host, { key: '273b1e5d40c7873055bb735adf66c325d18ba676', class: {
29205
29205
  'xpl-select': true,
29206
29206
  'xpl-select--disabled': !!this.disabled,
29207
29207
  'xpl-select--no-truncate': !this.truncate,
29208
29208
  [this.classNames ?? '']: !!this.classNames,
29209
29209
  }, onKeyDown: this.handleTabKeyDown, ref: (el) => {
29210
29210
  this.container = el;
29211
- } }, this.renderLabel(), hAsync("div", { key: '482e2b4e6df0db28031f12f8eeca802f31c36b9b', class: {
29211
+ } }, this.renderLabel(), hAsync("div", { key: '87a42faab0ee127dfaa2ee75e9218900e9e0a4b3', class: {
29212
29212
  'xpl-input': true,
29213
29213
  'xpl-input--disabled': !!this.disabled,
29214
29214
  'xpl-input--error': this.error !== undefined,
29215
- } }, hAsync("div", { key: 'dba46fe22c91e80c4ef7cc279deffb5d054f6d82', class: "xpl-input-wrapper" }, hAsync("button", { key: '9c0ff42202efcfe30a21b599b30271412dd7bba5', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
29215
+ } }, hAsync("div", { key: '22c839efb33132901419bab4dacbe9ffaf464d77', class: "xpl-input-wrapper" }, hAsync("button", { key: '68b88431715f567adfbe00c5f1bcdf9ab41f7360', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
29216
29216
  e.preventDefault();
29217
29217
  this.handleDropdownTrigger();
29218
- }, type: "button" }, hAsync("div", { key: '81a43dce597ffd11cb06595361cfd30cc33d24b1', class: {
29218
+ }, type: "button" }, hAsync("div", { key: 'd1cf1ba8dbe86413a7de9911440204509fc4093b', class: {
29219
29219
  'xpl-select-value': true,
29220
29220
  'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
29221
29221
  'has-value': this.value.length > 0,
@@ -29235,7 +29235,7 @@ class Select {
29235
29235
  return this.renderSelectedTags();
29236
29236
  }
29237
29237
  return this.placeholder;
29238
- })(), isTextTruncated && truncatedText), hAsync("xpl-icon", { key: '6edc9dcc1ff869d5c715ca143d05e4caac8664f9', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (hAsync("xpl-dropdown", { key: '999afef231d38e5ab4271359ccbd71d85ffb65b9', ref: (el) => {
29238
+ })(), isTextTruncated && truncatedText), hAsync("xpl-icon", { key: 'f44a543e315a5715d5d077ce7601956d8485f5f1', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (hAsync("xpl-dropdown", { key: 'dd2355886ce290d697431e00c8f4b7bc41c87429', ref: (el) => {
29239
29239
  this.dropdown = el ?? null;
29240
29240
  }, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
29241
29241
  const { options } = component;
@@ -29244,7 +29244,7 @@ class Select {
29244
29244
  }
29245
29245
  }, onIsOpenChange: (e) => {
29246
29246
  this.dropdownOpenState = e.detail;
29247
- }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), hAsync("input", { key: 'f3c1f01d5077af5ac0d2612ce4538ac861a33ac5', type: "hidden", name: this.name, value: this.value })));
29247
+ }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), hAsync("input", { key: '18472290f7adfe3c02ee90759180404ec33aa1e2', type: "hidden", name: this.name, value: this.value })));
29248
29248
  }
29249
29249
  static get watchers() { return {
29250
29250
  "choices": [{
package/hydrate/index.mjs CHANGED
@@ -29119,7 +29119,7 @@ class Select {
29119
29119
  if (visibleChoices >= this.visibleChoices)
29120
29120
  return null;
29121
29121
  visibleChoices += 1;
29122
- return (hAsync("xpl-tag", { onClose: () => this.handleTagRemove(selectedChoices[i]) }, getDisplayValue(selectedChoices[i])));
29122
+ return (hAsync("xpl-tag", { disabled: this.disabled, onClose: () => this.handleTagRemove(selectedChoices[i]) }, getDisplayValue(selectedChoices[i])));
29123
29123
  });
29124
29124
  return tags;
29125
29125
  }
@@ -29199,21 +29199,21 @@ class Select {
29199
29199
  this.truncate &&
29200
29200
  !this.customDisplayValue;
29201
29201
  const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
29202
- return (hAsync(Host, { key: '62414ef316ff722af90623136e62c5f875e0bfc4', class: {
29202
+ return (hAsync(Host, { key: '273b1e5d40c7873055bb735adf66c325d18ba676', class: {
29203
29203
  'xpl-select': true,
29204
29204
  'xpl-select--disabled': !!this.disabled,
29205
29205
  'xpl-select--no-truncate': !this.truncate,
29206
29206
  [this.classNames ?? '']: !!this.classNames,
29207
29207
  }, onKeyDown: this.handleTabKeyDown, ref: (el) => {
29208
29208
  this.container = el;
29209
- } }, this.renderLabel(), hAsync("div", { key: '482e2b4e6df0db28031f12f8eeca802f31c36b9b', class: {
29209
+ } }, this.renderLabel(), hAsync("div", { key: '87a42faab0ee127dfaa2ee75e9218900e9e0a4b3', class: {
29210
29210
  'xpl-input': true,
29211
29211
  'xpl-input--disabled': !!this.disabled,
29212
29212
  'xpl-input--error': this.error !== undefined,
29213
- } }, hAsync("div", { key: 'dba46fe22c91e80c4ef7cc279deffb5d054f6d82', class: "xpl-input-wrapper" }, hAsync("button", { key: '9c0ff42202efcfe30a21b599b30271412dd7bba5', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
29213
+ } }, hAsync("div", { key: '22c839efb33132901419bab4dacbe9ffaf464d77', class: "xpl-input-wrapper" }, hAsync("button", { key: '68b88431715f567adfbe00c5f1bcdf9ab41f7360', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
29214
29214
  e.preventDefault();
29215
29215
  this.handleDropdownTrigger();
29216
- }, type: "button" }, hAsync("div", { key: '81a43dce597ffd11cb06595361cfd30cc33d24b1', class: {
29216
+ }, type: "button" }, hAsync("div", { key: 'd1cf1ba8dbe86413a7de9911440204509fc4093b', class: {
29217
29217
  'xpl-select-value': true,
29218
29218
  'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
29219
29219
  'has-value': this.value.length > 0,
@@ -29233,7 +29233,7 @@ class Select {
29233
29233
  return this.renderSelectedTags();
29234
29234
  }
29235
29235
  return this.placeholder;
29236
- })(), isTextTruncated && truncatedText), hAsync("xpl-icon", { key: '6edc9dcc1ff869d5c715ca143d05e4caac8664f9', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (hAsync("xpl-dropdown", { key: '999afef231d38e5ab4271359ccbd71d85ffb65b9', ref: (el) => {
29236
+ })(), isTextTruncated && truncatedText), hAsync("xpl-icon", { key: 'f44a543e315a5715d5d077ce7601956d8485f5f1', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (hAsync("xpl-dropdown", { key: 'dd2355886ce290d697431e00c8f4b7bc41c87429', ref: (el) => {
29237
29237
  this.dropdown = el ?? null;
29238
29238
  }, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
29239
29239
  const { options } = component;
@@ -29242,7 +29242,7 @@ class Select {
29242
29242
  }
29243
29243
  }, onIsOpenChange: (e) => {
29244
29244
  this.dropdownOpenState = e.detail;
29245
- }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), hAsync("input", { key: 'f3c1f01d5077af5ac0d2612ce4538ac861a33ac5', type: "hidden", name: this.name, value: this.value })));
29245
+ }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), hAsync("input", { key: '18472290f7adfe3c02ee90759180404ec33aa1e2', type: "hidden", name: this.name, value: this.value })));
29246
29246
  }
29247
29247
  static get watchers() { return {
29248
29248
  "choices": [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xplortech/apollo-core",
3
- "version": "3.2.0",
3
+ "version": "3.2.1",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",
@@ -1 +0,0 @@
1
- import{r as t,c as s,h as i,F as e,H as h,g as a}from"./p-ukZKsqqq.js";import{t as n}from"./p-CzwViN3U.js";import{i as l}from"./p-Dqb1pIRo.js";import{v as o}from"./p-CK3_k8jD.js";import"./p-BFTU3MAI.js";let c;function r(t){return t.label||t.value||""}function d(t){return t.value||t.label||""}function p(t){return t.flatMap((t=>t.groupName&&t.options?t.options:[t]))}const g=class{constructor(i){t(this,i),this.selectChange=s(this,"selectChange",7),this.changeEvent=s(this,"changeEvent",7),this.dropdownStateChange=s(this,"dropdownStateChange",7),this.triggerDropdown=s(this,"triggerDropdown",7),this.choices=[],this.selectIcon="chevron-down",this.dropdownPlacement="bottom-start",this.mode="single",this.truncate=!0,this.active=!1,this.id=o(),this.keepFocus=!1,this.visibleChoices=1/0,this.choicesState=[],this.value=this.calculateValue(),this.dropdownOpenState=!1,this.container=null,this.dropdown=null,this.handleResizeThrottled=n((()=>{this.maybeTruncateChoices()}),250),this.handleTabKeyDown=t=>{"Tab"===t.key&&(this.keepFocus=!0)},this.handleTagRemove=t=>{const s=s=>t?.value&&s.value===t.value||t?.label&&s.label===t.label;this.choicesState=this.choicesState.map((t=>({...t,isSelected:!s(t)&&t.isSelected,options:t.options?.map((t=>({...t,isSelected:!s(t)&&t.isSelected})))})))},this.handleDropdownScroll=t=>{const s=this.dropdown?.querySelector(".xpl-dropdown-list");if(!s)return;const{scrollTop:i,scrollHeight:e,clientHeight:h}=s;(0===i&&t.deltaY<0||i+h>=e&&t.deltaY>0)&&t.preventDefault()}}onChoicesPropChanged(t){this.choicesState=this.initializeChoicesState()}onSelectedValuesPropChanged(){this.choicesState=this.initializeChoicesState()}onChoicesStateChanged(){this.update()}handleValueStateChange(t){this.selectChange.emit(t),this.changeEvent.emit("single"===this.mode?t:t?.length?t.split("|"):[]),this.customDisplayValue&&null!==this.container&&(this.container.querySelectorAll(".custom-display-value").forEach((s=>{s.classList.toggle("display-active",t.length>0),s.classList.toggle("display-inactive",0===t.length)})),this.container.querySelectorAll(".placeholder").forEach((s=>{s.classList.toggle("placeholder-hidden",t.length>0)})))}onDropdownOpenStateChanged(t){this.dropdownStateChange.emit(t)}initializeChoicesState(){return(this.choices??[]).map((t=>{const s="string"==typeof this.selectedValues?[this.selectedValues]:this.selectedValues;return{...t,isSelected:t.isSelected||!0===s?.includes(d(t)),options:t.options?.map((t=>({...t,isSelected:t.isSelected||!0===s?.includes(d(t))})))}}))}maybeTruncateChoices(){if(!l())return;if("single"===this.mode||!this.truncate)return;const t=this.container?.getBoundingClientRect().width;let s=0,i=0;const e=p(this.choicesState)?.filter((t=>t.isSelected));if(!e.length)return;const h=e.length;e.forEach(((h,a)=>(i+=function(t){const s=l()?(void 0===c&&(c=document.createElement("canvas").getContext("2d"),c&&(c.font="14px apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif")),c):null;return s?s.measureText(t).width+44:0}(r(e[a])),i>(t??0)-140||(s+=1),null))),s>=h&&(s=1/0),s<1&&(s=1),this.visibleChoices=s}closeDropdown(){this.dropdown?.isOpen&&(this.dropdown.isOpen=!1,this.active=!1)}calculateValue(){const t=p(this.choicesState).filter((t=>t.isSelected));return t.length?"single"===this.mode?d(t[0]):t.map((t=>d(t))).join("|"):""}update(){this.value=this.calculateValue(),this.maybeTruncateChoices()}renderLabel(){return this.label||this.description?i("label",{class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},this.label,this.description&&i("small",{class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)):null}renderSelectedTags(){let t=0;const s=p(this.choicesState).filter((t=>t.isSelected));return s.length?s.map(((e,h)=>t>=this.visibleChoices?null:(t+=1,i("xpl-tag",{onClose:()=>this.handleTagRemove(s[h])},r(s[h]))))):null}renderError(){return this.error?i("label",{class:"xpl-input-error",htmlFor:this.id},i("xpl-icon",{icon:"circle-warning"}),this.error):null}componentWillLoad(){this.choicesState=this.initializeChoicesState()}handleClickEvent(t){const s=t.target.closest(".xpl-select");null!==s&&s===this.container||this.closeDropdown()}handleKeyDown(t){"Escape"===t.key&&(this.active||this.container?.contains(document.activeElement))&&this.closeDropdown()}handleResize(){this.handleResizeThrottled()}componentDidLoad(){void 0!==this.truncateRafId&&cancelAnimationFrame(this.truncateRafId),this.truncateRafId=requestAnimationFrame((()=>{this.truncateRafId=void 0,this.maybeTruncateChoices()}))}disconnectedCallback(){this.handleResizeThrottled?.cancel(),void 0!==this.truncateRafId&&(cancelAnimationFrame(this.truncateRafId),this.truncateRafId=void 0)}handleDropdownTrigger(){if(this.disabled)return;const t=this.dropdown?.isOpen??!1,s=!t;this.triggerDropdown.emit({prevState:t,nextState:s}).defaultPrevented||(this.dropdownOpenState=s,this.dropdown&&(this.dropdown.isOpen=s))}async reset(){this.closeDropdown(),this.choicesState=this.choicesState.map((t=>({...t,isSelected:!1,options:t.options?.map((t=>({...t,isSelected:!1})))})))}render(){const t=p(this.choicesState).filter((t=>t.isSelected)),s=t[0]?.label||t[0]?.value,a=t.length>1&&this.visibleChoices<1/0&&this.truncate&&!this.customDisplayValue,n=`+ ${Math.abs(this.choicesState.filter((t=>t.isSelected)).length-this.visibleChoices)} more`;return i(h,{key:"62414ef316ff722af90623136e62c5f875e0bfc4",class:{"xpl-select":!0,"xpl-select--disabled":!!this.disabled,"xpl-select--no-truncate":!this.truncate,[this.classNames??""]:!!this.classNames},onKeyDown:this.handleTabKeyDown,ref:t=>{this.container=t}},this.renderLabel(),i("div",{key:"482e2b4e6df0db28031f12f8eeca802f31c36b9b",class:{"xpl-input":!0,"xpl-input--disabled":!!this.disabled,"xpl-input--error":void 0!==this.error}},i("div",{key:"dba46fe22c91e80c4ef7cc279deffb5d054f6d82",class:"xpl-input-wrapper"},i("button",{key:"9c0ff42202efcfe30a21b599b30271412dd7bba5",class:"xpl-select__trigger",disabled:this.disabled,id:this.id,onKeyDown:this.handleTabKeyDown,onClick:t=>{t.preventDefault(),this.handleDropdownTrigger()},type:"button"},i("div",{key:"81a43dce597ffd11cb06595361cfd30cc33d24b1",class:{"xpl-select-value":!0,"xpl-select-value--active":"multi"===this.mode&&this.value.length>0,"has-value":this.value.length>0}},(()=>this.customDisplayValue?i(e,null,i("div",{class:{"custom-display-value":!0,"custom-display-value--inactive":0===this.value.length}},i("slot",{name:"custom-display-value"})),i("span",{class:{"xpl-placeholder--hidden":this.value.length>0}},this.placeholder)):"single"===this.mode?s||this.placeholder:this.value.length>0?this.renderSelectedTags():this.placeholder)(),a&&n),i("xpl-icon",{key:"6edc9dcc1ff869d5c715ca143d05e4caac8664f9",class:"xpl-select__chevron-down",icon:this.selectIcon??"chevron-down"}))),!this.disabled&&i("xpl-dropdown",{key:"999afef231d38e5ab4271359ccbd71d85ffb65b9",ref:t=>{this.dropdown=t??null},isOpen:this.dropdownOpenState,options:this.choicesState,selectedValues:this.selectedValues,mode:this.mode,triggerId:this.id,update:(t,{component:s})=>{const{options:i}=s;i&&i.length>0&&(this.choicesState=i)},onIsOpenChange:t=>{this.dropdownOpenState=t.detail},onWheel:this.handleDropdownScroll,anchorToTrigger:!0,flipFallbackPlacements:this.dropdownFlipFallbackPlacements,placement:this.dropdownPlacement}),this.renderError()),i("input",{key:"f3c1f01d5077af5ac0d2612ce4538ac861a33ac5",type:"hidden",name:this.name,value:this.value}))}static get watchers(){return{choices:[{onChoicesPropChanged:0}],selectedValues:[{onSelectedValuesPropChanged:0}],choicesState:[{onChoicesStateChanged:0}],value:[{handleValueStateChange:0}],dropdownOpenState:[{onDropdownOpenStateChanged:0}]}}},u=class{constructor(i){t(this,i),this.close=s(this,"close",7),this.tagDragEnd=s(this,"tagDragEnd",7),this.tagDragStart=s(this,"tagDragStart",7),this.tagRemove=s(this,"tagRemove",7),this.dismissAriaLabelSuffix="tag",this.isDragging=!1,this.disabled=!1,this.dismissible=!0,this.isDraggable=!1,this.size="default",this.handleTagClick=()=>{this.disabled||this.isDraggable||this.close.emit()},this.setDragPreviewToHost=t=>{if(t.dataTransfer)try{const s=this.el.getBoundingClientRect(),i=Math.max(0,t.clientX-s.left),e=Math.max(0,t.clientY-s.top);t.dataTransfer.setDragImage(this.el,i,e)}catch{}},this.handleContentKeyDown=t=>{this.disabled||"Enter"!==t.key&&" "!==t.key||t.preventDefault()},this.handleDismissClick=t=>{t.stopPropagation(),this.disabled||(this.close.emit(),this.tagRemove.emit())},this.handleDragStart=t=>{this.isDragging=!0,t.dataTransfer&&(t.dataTransfer.effectAllowed="move",this.setDragPreviewToHost(t),this.tagId&&t.dataTransfer.setData("application/x-tag-id",this.tagId),t.dataTransfer.setData("text/plain",this.getContentLabelText())),this.tagDragStart.emit({tagId:this.tagId,content:this.getContentLabelText(),originalEvent:t})},this.handleDragEnd=t=>{this.isDragging=!1,this.tagDragEnd.emit({tagId:this.tagId,dropped:"move"===t.dataTransfer?.dropEffect,originalEvent:t})},this.handleDragOver=t=>{!this.disabled&&this.isDraggable&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="move"))},this.handleDragEnter=t=>{!this.disabled&&this.isDraggable&&t.preventDefault()},this.handleHostDragStart=t=>{t.target===this.el&&this.isDraggable&&t.preventDefault()}}onDisabledChange(t){t&&this.isDragging&&(this.isDragging=!1)}onIsDraggableChange(t){!t&&this.isDragging&&(this.isDragging=!1)}componentDidRender(){queueMicrotask((()=>this.syncDismissAriaLabelSuffix()))}getContentLabelText(){return(this.el.querySelector(".xpl-tag__content")?.textContent??"").trim()}syncDismissAriaLabelSuffix(){if(!this.el.isConnected)return;const t=this.getContentLabelText(),s=""===t?"tag":t;s!==this.dismissAriaLabelSuffix&&(this.dismissAriaLabelSuffix=s)}render(){const t=this.isDraggable&&!this.disabled;return i(h,{key:"9a05e10e7fbc047112f740884e6ba40c773b472c",class:{"xpl-tag":!0,"xpl-tag-container":!0,"xpl-tag--disabled":this.disabled,"xpl-tag--dismissible":this.dismissible,"xpl-tag--dragging":this.isDragging,"xpl-tag--draggable":t,"xpl-tag--sm":"sm"===this.size},onDragOver:t?this.handleDragOver:void 0,onDragEnter:t?this.handleDragEnter:void 0,onDragStart:this.isDraggable?this.handleHostDragStart:void 0},t?i("div",{class:"xpl-tag__content xpl-tag",role:"button",tabIndex:0,draggable:!0,"aria-grabbed":String(this.isDragging),onClick:this.handleTagClick,onKeyDown:this.handleContentKeyDown,onDragStart:this.handleDragStart,onDragEnd:this.handleDragEnd},i("slot",null)):i("button",{class:"xpl-tag__content xpl-tag",type:"button",disabled:this.disabled,onClick:this.handleTagClick},i("slot",null)),this.dismissible&&i("button",{key:"37f7687aa9675c52cbd4390d66d63ced630904d0",class:"xpl-tag__dismiss xpl-tag__close",type:"button",draggable:!1,disabled:this.disabled,"aria-label":`Dismiss ${this.dismissAriaLabelSuffix}`,onClick:this.handleDismissClick},i("xpl-icon",{key:"104eac0362541d99c59e0fd6b18a5e1b2171030b",icon:"xmark",size:10})))}get el(){return a(this)}static get watchers(){return{disabled:[{onDisabledChange:0}],isDraggable:[{onIsDraggableChange:0}]}}};export{g as xpl_select,u as xpl_tag}
@@ -1 +0,0 @@
1
- import{p as e,H as t,d as s,h as i,F as n,c as o,t as l}from"./p-BSHdGbmH.js";import{t as a}from"./p-CzwViN3U.js";import{i as h}from"./p-Dqb1pIRo.js";import{d as c}from"./p-2cJsJK3-.js";import{d}from"./p-BZIZSovL.js";import{d as r}from"./p-Dp62sBqX.js";import{d as p}from"./p-C0AbGd4t.js";import{d as u}from"./p-CQjJIHK6.js";import{d as m}from"./p-B7aaJikj.js";import{v as f}from"./p-CK3_k8jD.js";let b;function g(e){return e.label||e.value||""}function x(e){return e.value||e.label||""}function v(e){return e.flatMap((e=>e.groupName&&e.options?e.options:[e]))}const w=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectChange=s(this,"selectChange",7),this.changeEvent=s(this,"changeEvent",7),this.dropdownStateChange=s(this,"dropdownStateChange",7),this.triggerDropdown=s(this,"triggerDropdown",7),this.choices=[],this.selectIcon="chevron-down",this.dropdownPlacement="bottom-start",this.mode="single",this.truncate=!0,this.active=!1,this.id=f(),this.keepFocus=!1,this.visibleChoices=1/0,this.choicesState=[],this.value=this.calculateValue(),this.dropdownOpenState=!1,this.container=null,this.dropdown=null,this.handleResizeThrottled=a((()=>{this.maybeTruncateChoices()}),250),this.handleTabKeyDown=e=>{"Tab"===e.key&&(this.keepFocus=!0)},this.handleTagRemove=e=>{const t=t=>e?.value&&t.value===e.value||e?.label&&t.label===e.label;this.choicesState=this.choicesState.map((e=>({...e,isSelected:!t(e)&&e.isSelected,options:e.options?.map((e=>({...e,isSelected:!t(e)&&e.isSelected})))})))},this.handleDropdownScroll=e=>{const t=this.dropdown?.querySelector(".xpl-dropdown-list");if(!t)return;const{scrollTop:s,scrollHeight:i,clientHeight:n}=t;(0===s&&e.deltaY<0||s+n>=i&&e.deltaY>0)&&e.preventDefault()}}onChoicesPropChanged(e){this.choicesState=this.initializeChoicesState()}onSelectedValuesPropChanged(){this.choicesState=this.initializeChoicesState()}onChoicesStateChanged(){this.update()}handleValueStateChange(e){this.selectChange.emit(e),this.changeEvent.emit("single"===this.mode?e:e?.length?e.split("|"):[]),this.customDisplayValue&&null!==this.container&&(this.container.querySelectorAll(".custom-display-value").forEach((t=>{t.classList.toggle("display-active",e.length>0),t.classList.toggle("display-inactive",0===e.length)})),this.container.querySelectorAll(".placeholder").forEach((t=>{t.classList.toggle("placeholder-hidden",e.length>0)})))}onDropdownOpenStateChanged(e){this.dropdownStateChange.emit(e)}initializeChoicesState(){return(this.choices??[]).map((e=>{const t="string"==typeof this.selectedValues?[this.selectedValues]:this.selectedValues;return{...e,isSelected:e.isSelected||!0===t?.includes(x(e)),options:e.options?.map((e=>({...e,isSelected:e.isSelected||!0===t?.includes(x(e))})))}}))}maybeTruncateChoices(){if(!h())return;if("single"===this.mode||!this.truncate)return;const e=this.container?.getBoundingClientRect().width;let t=0,s=0;const i=v(this.choicesState)?.filter((e=>e.isSelected));if(!i.length)return;const n=i.length;i.forEach(((n,o)=>(s+=function(e){const t=h()?(void 0===b&&(b=document.createElement("canvas").getContext("2d"),b&&(b.font="14px apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif")),b):null;return t?t.measureText(e).width+44:0}(g(i[o])),s>(e??0)-140||(t+=1),null))),t>=n&&(t=1/0),t<1&&(t=1),this.visibleChoices=t}closeDropdown(){this.dropdown?.isOpen&&(this.dropdown.isOpen=!1,this.active=!1)}calculateValue(){const e=v(this.choicesState).filter((e=>e.isSelected));return e.length?"single"===this.mode?x(e[0]):e.map((e=>x(e))).join("|"):""}update(){this.value=this.calculateValue(),this.maybeTruncateChoices()}renderLabel(){return this.label||this.description?i("label",{class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},this.label,this.description&&i("small",{class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)):null}renderSelectedTags(){let e=0;const t=v(this.choicesState).filter((e=>e.isSelected));return t.length?t.map(((s,n)=>e>=this.visibleChoices?null:(e+=1,i("xpl-tag",{onClose:()=>this.handleTagRemove(t[n])},g(t[n]))))):null}renderError(){return this.error?i("label",{class:"xpl-input-error",htmlFor:this.id},i("xpl-icon",{icon:"circle-warning"}),this.error):null}componentWillLoad(){this.choicesState=this.initializeChoicesState()}handleClickEvent(e){const t=e.target.closest(".xpl-select");null!==t&&t===this.container||this.closeDropdown()}handleKeyDown(e){"Escape"===e.key&&(this.active||this.container?.contains(document.activeElement))&&this.closeDropdown()}handleResize(){this.handleResizeThrottled()}componentDidLoad(){void 0!==this.truncateRafId&&cancelAnimationFrame(this.truncateRafId),this.truncateRafId=requestAnimationFrame((()=>{this.truncateRafId=void 0,this.maybeTruncateChoices()}))}disconnectedCallback(){this.handleResizeThrottled?.cancel(),void 0!==this.truncateRafId&&(cancelAnimationFrame(this.truncateRafId),this.truncateRafId=void 0)}handleDropdownTrigger(){if(this.disabled)return;const e=this.dropdown?.isOpen??!1,t=!e;this.triggerDropdown.emit({prevState:e,nextState:t}).defaultPrevented||(this.dropdownOpenState=t,this.dropdown&&(this.dropdown.isOpen=t))}async reset(){this.closeDropdown(),this.choicesState=this.choicesState.map((e=>({...e,isSelected:!1,options:e.options?.map((e=>({...e,isSelected:!1})))})))}render(){const e=v(this.choicesState).filter((e=>e.isSelected)),t=e[0]?.label||e[0]?.value,s=e.length>1&&this.visibleChoices<1/0&&this.truncate&&!this.customDisplayValue,l=`+ ${Math.abs(this.choicesState.filter((e=>e.isSelected)).length-this.visibleChoices)} more`;return i(o,{key:"62414ef316ff722af90623136e62c5f875e0bfc4",class:{"xpl-select":!0,"xpl-select--disabled":!!this.disabled,"xpl-select--no-truncate":!this.truncate,[this.classNames??""]:!!this.classNames},onKeyDown:this.handleTabKeyDown,ref:e=>{this.container=e}},this.renderLabel(),i("div",{key:"482e2b4e6df0db28031f12f8eeca802f31c36b9b",class:{"xpl-input":!0,"xpl-input--disabled":!!this.disabled,"xpl-input--error":void 0!==this.error}},i("div",{key:"dba46fe22c91e80c4ef7cc279deffb5d054f6d82",class:"xpl-input-wrapper"},i("button",{key:"9c0ff42202efcfe30a21b599b30271412dd7bba5",class:"xpl-select__trigger",disabled:this.disabled,id:this.id,onKeyDown:this.handleTabKeyDown,onClick:e=>{e.preventDefault(),this.handleDropdownTrigger()},type:"button"},i("div",{key:"81a43dce597ffd11cb06595361cfd30cc33d24b1",class:{"xpl-select-value":!0,"xpl-select-value--active":"multi"===this.mode&&this.value.length>0,"has-value":this.value.length>0}},(()=>this.customDisplayValue?i(n,null,i("div",{class:{"custom-display-value":!0,"custom-display-value--inactive":0===this.value.length}},i("slot",{name:"custom-display-value"})),i("span",{class:{"xpl-placeholder--hidden":this.value.length>0}},this.placeholder)):"single"===this.mode?t||this.placeholder:this.value.length>0?this.renderSelectedTags():this.placeholder)(),s&&l),i("xpl-icon",{key:"6edc9dcc1ff869d5c715ca143d05e4caac8664f9",class:"xpl-select__chevron-down",icon:this.selectIcon??"chevron-down"}))),!this.disabled&&i("xpl-dropdown",{key:"999afef231d38e5ab4271359ccbd71d85ffb65b9",ref:e=>{this.dropdown=e??null},isOpen:this.dropdownOpenState,options:this.choicesState,selectedValues:this.selectedValues,mode:this.mode,triggerId:this.id,update:(e,{component:t})=>{const{options:s}=t;s&&s.length>0&&(this.choicesState=s)},onIsOpenChange:e=>{this.dropdownOpenState=e.detail},onWheel:this.handleDropdownScroll,anchorToTrigger:!0,flipFallbackPlacements:this.dropdownFlipFallbackPlacements,placement:this.dropdownPlacement}),this.renderError()),i("input",{key:"f3c1f01d5077af5ac0d2612ce4538ac861a33ac5",type:"hidden",name:this.name,value:this.value}))}static get watchers(){return{choices:[{onChoicesPropChanged:0}],selectedValues:[{onSelectedValuesPropChanged:0}],choicesState:[{onChoicesStateChanged:0}],value:[{handleValueStateChange:0}],dropdownOpenState:[{onDropdownOpenStateChanged:0}]}}},[260,"xpl-select",{choices:[16],selectIcon:[1,"select-icon"],description:[1],disabled:[4],dropdownFlipFallbackPlacements:[16],dropdownPlacement:[1,"dropdown-placement"],error:[1],label:[1],mode:[1],name:[1],placeholder:[1],truncate:[4],customDisplayValue:[4,"custom-display-value"],selectedValues:[1,"selected-values"],classNames:[1,"class-names"],active:[32],id:[32],keepFocus:[32],visibleChoices:[32],choicesState:[32],value:[32],dropdownOpenState:[32],reset:[64]},[[8,"click","handleClickEvent"],[8,"keydown","handleKeyDown"],[9,"resize","handleResize"]],{choices:[{onChoicesPropChanged:0}],selectedValues:[{onSelectedValuesPropChanged:0}],choicesState:[{onChoicesStateChanged:0}],value:[{handleValueStateChange:0}],dropdownOpenState:[{onDropdownOpenStateChanged:0}]}]);function C(){"undefined"!=typeof customElements&&["xpl-select","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-tag"].forEach((e=>{switch(e){case"xpl-select":customElements.get(l(e))||customElements.define(l(e),w);break;case"xpl-dropdown":customElements.get(l(e))||c();break;case"xpl-dropdown-group":customElements.get(l(e))||d();break;case"xpl-dropdown-heading":customElements.get(l(e))||r();break;case"xpl-dropdown-option":customElements.get(l(e))||p();break;case"xpl-icon":customElements.get(l(e))||u();break;case"xpl-tag":customElements.get(l(e))||m()}}))}export{w as S,C as d}