@nova-design-system/nova-webcomponents 3.9.1 → 3.10.0

package/dist/native/native.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-d0a33e64.js";export{s as setNonce}from"./p-d0a33e64.js";import{g as n}from"./p-e1255160.js";var l=()=>{const a=import.meta.url;const n={};if(a!==""){n.resourcesUrl=new URL(".",a).href}return e(n)};l().then((async e=>{await n();return a(JSON.parse('[["p-73c08f3b",[[68,"nv-fieldmultiselect",{"inputId":[513,"input-id"],"name":[513],"label":[513],"description":[513],"placeholder":[513],"autocomplete":[513],"value":[1040],"required":[516],"readonly":[516],"disabled":[516],"error":[516],"errorDescription":[513,"error-description"],"maxHeight":[513,"max-height"],"open":[1540],"emptyResult":[513,"empty-result"],"filterable":[516],"options":[1040],"debounceDelay":[514,"debounce-delay"],"autofocus":[516],"fluid":[516],"badgeLabel":[513,"badge-label"],"filterText":[1537,"filter-text"],"sortedOptions":[32],"isHandlingEscape":[32],"getFilterText":[64],"resetFilter":[64],"getSelectedValues":[64]},[[0,"openChanged","handleOpenChanged"],[0,"itemChecked","handleItemChecked"],[0,"slotchange","handleSlotChange"],[0,"keydown","handleKeyDown"]],{"options":["handleOptionsChange"],"value":["watchValueHandler"]}]]],["p-11012998",[[4,"nv-dialog",{"triggerElement":[1040],"headerElement":[1040],"footerElement":[1040],"open":[1540],"undismissable":[516],"clickOutside":[516,"click-outside"],"controlled":[516],"full":[516],"autofocus":[516],"show":[64],"close":[64]},[[4,"keydown","handleKeyDown"],[4,"click","handleDocumentClick"]],{"open":["handleDialogOpenChange"]}]]],["p-9ea3d30d",[[4,"nv-fielddate",{"inputId":[513,"input-id"],"label":[513],"description":[513],"placeholder":[513],"name":[513],"disabled":[516],"readonly":[516],"required":[516],"error":[516],"errorDescription":[513,"error-description"],"success":[516],"autofocus":[516],"value":[1537],"firstDayOfWeek":[514,"first-day-of-week"],"numberOfCalendars":[514,"number-of-calendars"],"min":[513],"max":[513],"locale":[513],"dateFormat":[513,"date-format"],"shortcutsPlacement":[513,"shortcuts-placement"],"showActions":[516,"show-actions"],"shortcuts":[16],"showWeekNumbers":[516,"show-week-numbers"],"disabledDates":[16],"fluid":[516],"singleValue":[32],"open":[32],"clear":[64]},[[0,"singleDateChange","handleSingleDateChange"],[0,"closePopover","handleClosePopover"],[0,"keydown","handleKeyDown"]],{"value":["handleValueChange"],"open":["handleOpenChange"]}]]],["p-55cd3d62",[[4,"nv-fielddaterange",{"startInputId":[513,"start-input-id"],"endInputId":[513,"end-input-id"],"label":[513],"description":[513],"startPlaceholder":[513,"start-placeholder"],"endPlaceholder":[513,"end-placeholder"],"startName":[513,"start-name"],"endName":[513,"end-name"],"disabled":[516],"readonly":[516],"required":[516],"error":[516],"errorDescription":[513,"error-description"],"success":[516],"autofocus":[516],"value":[1537],"firstDayOfWeek":[514,"first-day-of-week"],"numberOfCalendars":[514,"number-of-calendars"],"min":[513],"max":[513],"locale":[513],"dateFormat":[513,"date-format"],"shortcutsPlacement":[513,"shortcuts-placement"],"showActions":[516,"show-actions"],"shortcuts":[16],"showWeekNumbers":[516,"show-week-numbers"],"disabledDates":[16],"fluid":[516],"startValue":[32],"endValue":[32],"open":[32],"clear":[64]},[[0,"rangeDateChange","handleRangeDateChange"],[0,"valueChanged","handleCalendarValueChanged"],[0,"closePopover","handleClosePopover"],[0,"applyDateRange","handleApplyDateRange"],[0,"singleDateChange","handleDateReset"],[0,"rangeDateChange","handleDateReset"],[0,"keydown","handleKeyDown"]],{"value":["handleValueChange"],"open":["onOpenChanged"]}]]],["p-67c34b8c",[[68,"nv-fielddropdown",{"inputId":[513,"input-id"],"name":[513],"label":[513],"description":[513],"placeholder":[513],"autocomplete":[513],"value":[1537],"required":[516],"readonly":[516],"disabled":[516],"error":[516],"errorDescription":[513,"error-description"],"maxHeight":[513,"max-height"],"open":[1540],"emptyResult":[513,"empty-result"],"filterable":[516],"options":[16],"debounceDelay":[514,"debounce-delay"],"autofocus":[516],"fluid":[516],"filterText":[32],"selectedValues":[32],"getFilterText":[64]},[[0,"openChanged","handleOpenChanged"],[0,"dropdownItemSelected","handleDropdownItemSelected"],[2,"blur","handleBlur"],[0,"keydown","handleKeyDown"]],{"options":["handleOptionsChange"],"value":["watchValueHandler"]}]]],["p-7703c736",[[4,"nv-accordion",{"data":[16],"mode":[513],"openIndexes":[1040],"internalOpenIndexes":[32],"open":[64],"close":[64]},[[0,"itemToggle","onItemToggle"]]]]],["p-3ff7a912",[[68,"nv-fieldslider",{"startInputId":[513,"start-input-id"],"endInputId":[513,"end-input-id"],"label":[513],"hideLabel":[516,"hide-label"],"description":[513],"hasField":[516,"has-field"],"range":[516],"disabled":[516],"readonly":[516],"error":[516],"errorDescription":[513,"error-description"],"success":[516],"value":[1040],"step":[514],"snap":[516],"snapTicks":[516,"snap-ticks"],"name":[513],"endName":[513,"end-name"],"min":[514],"max":[514],"showTicks":[516,"show-ticks"],"ticks":[16],"fluid":[516],"labelBeforeValue":[513,"label-before-value"],"labelAfterValue":[513,"label-after-value"],"isDragging":[32],"activeDragThumb":[32],"internalTicks":[32],"rawPosition":[32],"rawRangePosition":[32],"valueInternal":[32],"rangeValueInternal":[32]},null,{"value":["onValueChange"],"min":["onConfigChange"],"max":["onConfigChange"],"step":["onConfigChange"],"ticks":["onConfigChange"],"showTicks":["onConfigChange"],"snap":["onConfigChange"],"snapTicks":["onConfigChange"],"range":["onRangeChange"]}]]],["p-051db87c",[[68,"nv-fieldtime",{"value":[1537],"label":[513],"inputId":[513,"input-id"],"readonly":[516],"disabled":[516],"required":[516],"name":[513],"success":[516],"error":[516],"errorDescription":[513,"error-description"],"format":[513],"description":[513],"open":[1540],"step":[514],"max":[513],"min":[513],"autofocus":[516],"hours":[32],"minutes":[32],"seconds":[32]},[[0,"openChanged","handleOpenChanged"],[0,"keydown","handleKeyDown"]],{"value":["handleValueChange"]}]]],["p-4b15cff3",[[68,"nv-fieldpassword",{"inputId":[513,"input-id"],"label":[513],"description":[1537],"placeholder":[513],"name":[513],"value":[1537],"disabled":[516],"readonly":[516],"required":[516],"error":[516],"errorDescription":[513,"error-description"],"success":[516],"maxlength":[514],"minlength":[514],"pattern":[513],"mode":[513],"autocomplete":[513],"hidePasswordIcon":[516,"hide-password-icon"],"showPassword":[516,"show-password"],"autofocus":[516],"fluid":[516],"showPasswordState":[32]},null,{"showPassword":["handleShowPasswordChange"]}]]],["p-b7ec9a1b",[[68,"nv-fieldselect",{"message":[513],"validation":[513],"options":[16],"inputId":[513,"input-id"],"label":[513],"description":[1537],"name":[513],"disabled":[516],"readonly":[516],"required":[516],"error":[1540],"errorDescription":[1537,"error-description"],"success":[516],"multiple":[516],"value":[1537],"displayValue":[516,"display-value"],"autofocus":[516],"fluid":[516],"computedDisplayValue":[32],"internalReadonly":[32]},null,{"value":["updateDisplayValueWatcher"],"displayValue":["handleDisplayValueChange"],"readonly":["handleReadonlyChange"],"options":["handleOptionsChange"]}]]],["p-1ad1bff9",[[4,"nv-breadcrumb",{"type":[513],"tooltip":[513],"current":[516]}]]],["p-08452012",[[4,"nv-datagrid",{"data":[16],"columns":[16],"fallbackValue":[513,"fallback-value"],"noDataMessage":[513,"no-data-message"],"noColumnsNoDataMessage":[513,"no-columns-no-data-message"],"autoGenerateColumns":[516,"auto-generate-columns"],"enableGlobalFilter":[516,"enable-global-filter"],"globalFilterPosition":[513,"global-filter-position"],"enablePagination":[516,"enable-pagination"],"pageSize":[514,"page-size"],"pageSizes":[16],"enableSorting":[516,"enable-sorting"],"enableRowSelection":[516,"enable-row-selection"],"state":[16],"table":[32],"parsedColumns":[32],"parsedData":[32],"globalFilterSearchTerm":[32],"columnData":[32],"paginationState":[32],"sortingState":[32],"rowSelectionState":[32]},null,{"columns":["parseColumns"],"data":["parseData"],"parsedColumns":["handleParsedChange"],"parsedData":["handleParsedChange"],"globalFilterSearchTerm":["handleGlobalFilterSearchTerm","handleInternalStateChange"],"paginationState":["handlePaginationState","handleInternalStateChange"],"sortingState":["handleSortingState","handleInternalStateChange"],"pageSize":["handlePageSize"],"rowSelectionState":["handleRowSelectionState"],"state":["handleStateChange"]}]]],["p-a36dc25a",[[4,"nv-alert",{"color":[513],"feedback":[1537],"message":[513],"heading":[513],"icon":[513],"dismissible":[516],"preventAutoClose":[516,"prevent-auto-close"],"hidden":[1540],"hasNoAnimations":[516,"has-no-animations"]},null,{"hidden":["handleHiddenChange"]}]]],["p-1f932a4b",[[4,"nv-avatar",{"xsmall":[516],"small":[516],"medium":[516],"large":[516],"xlarge":[516],"text":[513],"url":[513],"alt":[513],"src":[1537],"initials":[1537],"size":[1537],"color":[513]}]]],["p-1235c007",[[4,"nv-breadcrumbs"]]],["p-85a54ef2",[[4,"nv-col",{"size":[514]}]]],["p-ec92ee7a",[[4,"nv-datagridcolumn",{"header":[513],"accessor":[513],"repeatTemplate":[516,"repeat-template"],"group":[513]}]]],["p-fcd52432",[[68,"nv-fieldradio",{"message":[513],"labelBefore":[516,"label-before"],"inputId":[513,"input-id"],"name":[513],"value":[513],"label":[513],"labelPlacement":[1537,"label-placement"],"description":[1537],"error":[516],"errorDescription":[513,"error-description"],"checked":[1540],"disabled":[516],"autofocus":[516]},[[0,"change","handleChange"]],{"checked":["handleCheckedChange"]}]]],["p-f540db71",[[68,"nv-fieldtextarea",{"message":[513],"validation":[513],"inputId":[513,"input-id"],"label":[513],"description":[1537],"placeholder":[513],"name":[513],"value":[1537],"disabled":[516],"readonly":[516],"required":[516],"error":[1540],"errorDescription":[1537,"error-description"],"success":[516],"maxlength":[514],"minlength":[514],"rows":[514],"resize":[513],"autosize":[516],"autofocus":[516],"fluid":[516]},null,{"rows":["rowsChanged"],"autosize":["autosizeChanged"],"value":["handleValueChange"]}]]],["p-a50f3850",[[4,"nv-row"]]],["p-3f139780",[[4,"nv-stack",{"gutter":[514],"fill":[516],"flex":[516],"full":[516],"vertical":[516]}]]],["p-10ce53ea",[[4,"nv-table",{"data":[16],"columnsConfig":[16],"dataJson":[513,"data-json"],"columnsConfigJson":[513,"columns-config-json"],"fallbackValue":[513,"fallback-value"],"noDataMessage":[513,"no-data-message"],"noColumnsNoDataMessage":[513,"no-columns-no-data-message"],"parsedColumns":[32],"parsedData":[32],"table":[32]},null,{"columnsConfig":["parseColumns"],"columnsConfigJson":["parseJsonColumns"],"data":["parseData"],"dataJson":["parseJsonData"],"parsedColumns":["handleParsedChange"],"parsedData":["handleParsedChange"]}]]],["p-87784622",[[0,"nv-tablecolumn",{"name":[513],"header":[513]}]]],["p-64cb38e6",[[68,"nv-toggle",{"inputId":[513,"input-id"],"name":[513],"value":[513],"label":[513],"labelPlacement":[513,"label-placement"],"hideLabel":[516,"hide-label"],"description":[513],"checked":[1540],"disabled":[516],"readonly":[516]},[[0,"change","handleChange"]],{"checked":["onCheckedChanged"]}]]],["p-bc77cac1",[[0,"nv-icon",{"xsmall":[516],"small":[516],"medium":[516],"large":[516],"xlarge":[516],"color":[513],"name":[513],"size":[1537]}]]],["p-bee62b2b",[[4,"nv-menu",{"open":[1540],"nested":[516],"disableCloseOnSelect":[516,"disable-close-on-select"],"placement":[513],"items":[16],"show":[64],"close":[64]},[[0,"menuitemSelected","handleMenuItemSelect"],[0,"keydown","handleKeydown"],[0,"openChanged","handleOpenChanged"]]]]],["p-2a6783ca",[[4,"nv-accordion-item",{"itemTitle":[513,"item-title"],"subtitle":[513],"open":[1540],"disabled":[516],"maxContentHeight":[514,"max-content-height"],"mode":[513],"currentOpenState":[32],"isInitialized":[32],"isAnimating":[32],"toggle":[64]},null,{"open":["onOpenChanged"]}]]],["p-16ef7dd4",[[68,"nv-fieldnumber",{"message":[513],"validation":[513],"inputId":[513,"input-id"],"label":[513],"description":[1537],"placeholder":[513],"name":[513],"disabled":[516],"readonly":[516],"required":[516],"error":[1540],"errorDescription":[1537,"error-description"],"success":[516],"max":[514],"min":[514],"step":[514],"value":[1538],"autofocus":[516],"fluid":[516]},null,{"value":["watchValueHandler"]}]]],["p-68edb2e8",[[4,"nv-fielddropdownitem",{"disabled":[516],"selected":[516],"value":[1537],"label":[513]},[[0,"keydown","handleKeyDown"]]]]],["p-34bf336f",[[68,"nv-fieldtext",{"message":[513],"validation":[513],"textInputType":[513,"text-input-type"],"inputId":[513,"input-id"],"label":[513],"description":[1537],"placeholder":[513],"name":[513],"value":[1537],"type":[1537],"disabled":[516],"readonly":[516],"required":[516],"error":[1540],"errorDescription":[1537,"error-description"],"success":[516],"maxlength":[514],"minlength":[514],"pattern":[513],"autocomplete":[513],"multiple":[516],"autofocus":[516],"fluid":[516]}]]],["p-f00a4552",[[4,"nv-menuitem",{"label":[513],"icon":[513],"disabled":[516],"shortcut":[513],"hasSubmenu":[516,"has-submenu"],"name":[513]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]]]]],["p-916acbd3",[[4,"nv-tooltip",{"triggerElement":[1040],"message":[513],"placement":[513],"enterDelay":[514,"enter-delay"]}]]],["p-51a57a3a",[[68,"nv-button",{"size":[513],"emphasis":[513],"active":[516],"danger":[516],"loading":[1540],"disabled":[1540],"fluid":[516],"type":[513],"form":[513]},[[0,"keydown","handleKeyDown"],[0,"touchstart","handleTouchStart"]],{"loading":["handleLoadingChange"],"disabled":["handleDisabledChange"]}]]],["p-ff248eb8",[[68,"nv-dialogfooter",{"disabled":[516],"undismissable":[516],"leadingIcon":[513,"leading-icon"],"trailingIcon":[513,"trailing-icon"],"danger":[516],"cancelLabel":[513,"cancel-label"],"primaryLabel":[513,"primary-label"],"primaryButtonType":[513,"primary-button-type"],"form":[513]}],[4,"nv-dialogheader",{"heading":[513],"subheading":[513]}]]],["p-fa81b77f",[[68,"nv-fieldcheckbox",{"message":[513],"validation":[513],"labelBefore":[516,"label-before"],"inputId":[513,"input-id"],"name":[513],"value":[513],"label":[513],"labelPlacement":[1537,"label-placement"],"hideLabel":[516,"hide-label"],"description":[1537],"error":[1540],"errorDescription":[1537,"error-description"],"checked":[1540],"indeterminate":[1540],"disabled":[516],"readonly":[516],"required":[516],"autofocus":[516]},[[0,"change","handleChange"]],{"checked":["onCheckedChanged"]}]]],["p-b3f9db23",[[4,"nv-badge",{"dismissal":[516],"icon":[513],"iconLocation":[513,"icon-location"],"color":[513],"label":[513],"leadIcon":[1537,"lead-icon"],"dismissible":[1540],"hidden":[1540],"preventAutoClose":[516,"prevent-auto-close"],"isIconOnly":[516,"is-icon-only"],"_isHidden":[32]},null,{"dismissal":["handleDismissalChange"],"icon":["handleIconChange"],"hidden":["handleHiddenChange"]}],[4,"nv-fielddropdownitemcheck",{"checked":[1540],"value":[513],"label":[513],"description":[513],"group":[513],"disabled":[516]}]]],["p-4a533dd8",[[4,"nv-calendar",{"firstDayOfWeek":[514,"first-day-of-week"],"numberOfCalendars":[1538,"number-of-calendars"],"value":[1537],"singleValue":[1537,"single-value"],"rangeValue":[1040],"min":[513],"max":[513],"disabledDates":[16],"locale":[513],"dateFormat":[513,"date-format"],"shortcutsPlacement":[513,"shortcuts-placement"],"selectionType":[513,"selection-type"],"showActions":[516,"show-actions"],"shortcuts":[16],"showWeekNumbers":[516,"show-week-numbers"],"currentDate":[32],"selectedDate":[32],"startDate":[32],"endDate":[32],"months":[32],"clear":[64]},null,{"numberOfCalendars":["validateNumberOfCalendars"],"rangeValue":["onRangeValueChange"],"disabledDates":["handleDisabledDatesChange"],"singleValue":["onSingleValueChange"],"value":["onValueChange"]}]]],["p-0e005d95",[[4,"nv-popover",{"triggerElement":[1040],"open":[1540],"triggerMode":[513,"trigger-mode"],"placement":[513],"groupName":[513,"group-name"],"offset":[514],"hasArrow":[516,"has-arrow"],"disableFlip":[516,"disable-flip"],"shiftPadding":[514,"shift-padding"],"enterDelay":[514,"enter-delay"],"nested":[516],"show":[64],"hide":[64],"toggle":[64]},[[4,"openChanged","handleOpenChanged"]],{"open":["handleOpenChange"]}]]],["p-a73fa60a",[[68,"nv-iconbutton",{"size":[513],"emphasis":[513],"loading":[1540],"disabled":[1540],"active":[516],"name":[513],"type":[513],"shape":[513]},[[0,"keydown","handleKeyDown"],[0,"touchstart","handleTouchStart"]],{"loading":["handleLoadingChange"],"disabled":["handleDisabledChange"]}],[0,"nv-loader",{"size":[513],"color":[513]}]]]]'),e)}));
+import{p as e,b as a}from"./p-d0a33e64.js";export{s as setNonce}from"./p-d0a33e64.js";import{g as n}from"./p-e1255160.js";var l=()=>{const a=import.meta.url;const n={};if(a!==""){n.resourcesUrl=new URL(".",a).href}return e(n)};l().then((async e=>{await n();return a(JSON.parse('[["p-2a3325fb",[[68,"nv-fieldmultiselect",{"label":[513],"inputId":[513,"input-id"],"name":[513],"description":[513],"placeholder":[513],"autocomplete":[513],"required":[516],"readonly":[516],"disabled":[516],"error":[516],"errorDescription":[513,"error-description"],"maxHeight":[513,"max-height"],"open":[1540],"fluid":[516],"options":[1040],"value":[1040],"filterable":[516],"emptyResult":[513,"empty-result"],"debounceDelay":[514,"debounce-delay"],"autofocus":[516],"badgeLabel":[513,"badge-label"],"filterText":[1537,"filter-text"],"enableSelectAll":[516,"enable-select-all"],"selectAllLabel":[513,"select-all-label"],"deselectAllLabel":[513,"deselect-all-label"],"sortedOptions":[32],"isHandlingEscape":[32],"hasFilterResults":[32],"isSelectAllSectionVisible":[32],"getFilterText":[64],"resetFilter":[64],"getSelectedValues":[64],"selectAll":[64],"deselectAll":[64],"toggleSelectAll":[64]},[[0,"openChanged","handleOpenChanged"],[0,"itemChecked","handleItemChecked"],[0,"slotchange","handleSlotChange"],[0,"keydown","handleKeyDown"]],{"options":["handleOptionsChange"],"value":["watchValueHandler"]}]]],["p-676447d7",[[4,"nv-dialog",{"triggerElement":[1040],"headerElement":[1040],"footerElement":[1040],"open":[1540],"undismissable":[516],"clickOutside":[516,"click-outside"],"controlled":[516],"full":[516],"autofocus":[516],"show":[64],"close":[64]},[[4,"keydown","handleKeyDown"],[4,"click","handleDocumentClick"]],{"open":["handleDialogOpenChange"]}]]],["p-ad2cc829",[[4,"nv-fielddate",{"inputId":[513,"input-id"],"label":[513],"description":[513],"placeholder":[513],"name":[513],"disabled":[516],"readonly":[516],"required":[516],"error":[516],"errorDescription":[513,"error-description"],"success":[516],"autofocus":[516],"value":[1537],"firstDayOfWeek":[514,"first-day-of-week"],"numberOfCalendars":[514,"number-of-calendars"],"min":[513],"max":[513],"locale":[513],"dateFormat":[513,"date-format"],"shortcutsPlacement":[513,"shortcuts-placement"],"showActions":[516,"show-actions"],"shortcuts":[16],"showWeekNumbers":[516,"show-week-numbers"],"disabledDates":[16],"fluid":[516],"singleValue":[32],"open":[32],"clear":[64]},[[0,"singleDateChange","handleSingleDateChange"],[0,"closePopover","handleClosePopover"],[0,"keydown","handleKeyDown"]],{"value":["handleValueChange"],"open":["handleOpenChange"]}]]],["p-3da64006",[[4,"nv-fielddaterange",{"startInputId":[513,"start-input-id"],"endInputId":[513,"end-input-id"],"label":[513],"description":[513],"startPlaceholder":[513,"start-placeholder"],"endPlaceholder":[513,"end-placeholder"],"startName":[513,"start-name"],"endName":[513,"end-name"],"disabled":[516],"readonly":[516],"required":[516],"error":[516],"errorDescription":[513,"error-description"],"success":[516],"autofocus":[516],"value":[1537],"firstDayOfWeek":[514,"first-day-of-week"],"numberOfCalendars":[514,"number-of-calendars"],"min":[513],"max":[513],"locale":[513],"dateFormat":[513,"date-format"],"shortcutsPlacement":[513,"shortcuts-placement"],"showActions":[516,"show-actions"],"shortcuts":[16],"showWeekNumbers":[516,"show-week-numbers"],"disabledDates":[16],"fluid":[516],"startValue":[32],"endValue":[32],"open":[32],"clear":[64]},[[0,"rangeDateChange","handleRangeDateChange"],[0,"valueChanged","handleCalendarValueChanged"],[0,"closePopover","handleClosePopover"],[0,"applyDateRange","handleApplyDateRange"],[0,"singleDateChange","handleDateReset"],[0,"rangeDateChange","handleDateReset"],[0,"keydown","handleKeyDown"]],{"value":["handleValueChange"],"open":["onOpenChanged"]}]]],["p-b58fb522",[[68,"nv-fielddropdown",{"inputId":[513,"input-id"],"name":[513],"label":[513],"description":[513],"placeholder":[513],"autocomplete":[513],"value":[1537],"required":[516],"readonly":[516],"disabled":[516],"error":[516],"errorDescription":[513,"error-description"],"maxHeight":[513,"max-height"],"open":[1540],"emptyResult":[513,"empty-result"],"filterable":[516],"options":[16],"debounceDelay":[514,"debounce-delay"],"autofocus":[516],"fluid":[516],"filterText":[32],"selectedValues":[32],"getFilterText":[64]},[[0,"openChanged","handleOpenChanged"],[0,"dropdownItemSelected","handleDropdownItemSelected"],[2,"blur","handleBlur"],[0,"keydown","handleKeyDown"]],{"options":["handleOptionsChange"],"value":["watchValueHandler"]}]]],["p-7703c736",[[4,"nv-accordion",{"data":[16],"mode":[513],"openIndexes":[1040],"internalOpenIndexes":[32],"open":[64],"close":[64]},[[0,"itemToggle","onItemToggle"]]]]],["p-3fcaac6d",[[68,"nv-fieldslider",{"startInputId":[513,"start-input-id"],"endInputId":[513,"end-input-id"],"label":[513],"hideLabel":[516,"hide-label"],"description":[513],"hasField":[516,"has-field"],"range":[516],"disabled":[516],"readonly":[516],"error":[516],"errorDescription":[513,"error-description"],"success":[516],"value":[1040],"step":[514],"snap":[516],"snapTicks":[516,"snap-ticks"],"name":[513],"endName":[513,"end-name"],"min":[514],"max":[514],"showTicks":[516,"show-ticks"],"ticks":[16],"fluid":[516],"labelBeforeValue":[513,"label-before-value"],"labelAfterValue":[513,"label-after-value"],"isDragging":[32],"activeDragThumb":[32],"internalTicks":[32],"rawPosition":[32],"rawRangePosition":[32],"valueInternal":[32],"rangeValueInternal":[32]},null,{"value":["onValueChange"],"min":["onConfigChange"],"max":["onConfigChange"],"step":["onConfigChange"],"ticks":["onConfigChange"],"showTicks":["onConfigChange"],"snap":["onConfigChange"],"snapTicks":["onConfigChange"],"range":["onRangeChange"]}]]],["p-fb672f90",[[68,"nv-fieldtime",{"value":[1537],"label":[513],"inputId":[513,"input-id"],"readonly":[516],"disabled":[516],"required":[516],"name":[513],"success":[516],"error":[516],"errorDescription":[513,"error-description"],"format":[513],"description":[513],"open":[1540],"step":[514],"max":[513],"min":[513],"autofocus":[516],"hours":[32],"minutes":[32],"seconds":[32]},[[0,"openChanged","handleOpenChanged"],[0,"keydown","handleKeyDown"]],{"value":["handleValueChange"]}]]],["p-7f0d576b",[[68,"nv-fieldpassword",{"inputId":[513,"input-id"],"label":[513],"description":[1537],"placeholder":[513],"name":[513],"value":[1537],"disabled":[516],"readonly":[516],"required":[516],"error":[516],"errorDescription":[513,"error-description"],"success":[516],"maxlength":[514],"minlength":[514],"pattern":[513],"mode":[513],"autocomplete":[513],"hidePasswordIcon":[516,"hide-password-icon"],"showPassword":[516,"show-password"],"autofocus":[516],"fluid":[516],"showPasswordState":[32]},null,{"showPassword":["handleShowPasswordChange"]}]]],["p-4302824a",[[68,"nv-fieldselect",{"message":[513],"validation":[513],"options":[16],"inputId":[513,"input-id"],"label":[513],"description":[1537],"name":[513],"disabled":[516],"readonly":[516],"required":[516],"error":[1540],"errorDescription":[1537,"error-description"],"success":[516],"multiple":[516],"value":[1537],"displayValue":[516,"display-value"],"autofocus":[516],"fluid":[516],"computedDisplayValue":[32],"internalReadonly":[32]},null,{"value":["updateDisplayValueWatcher"],"displayValue":["handleDisplayValueChange"],"readonly":["handleReadonlyChange"],"options":["handleOptionsChange"]}]]],["p-0ef94dae",[[4,"nv-breadcrumb",{"type":[513],"tooltip":[513],"current":[516]}]]],["p-9f451b8a",[[4,"nv-datagrid",{"data":[16],"columns":[16],"fallbackValue":[513,"fallback-value"],"noDataMessage":[513,"no-data-message"],"noColumnsNoDataMessage":[513,"no-columns-no-data-message"],"autoGenerateColumns":[516,"auto-generate-columns"],"enableGlobalFilter":[516,"enable-global-filter"],"globalFilterPosition":[513,"global-filter-position"],"enablePagination":[516,"enable-pagination"],"pageSize":[514,"page-size"],"pageSizes":[16],"enableSorting":[516,"enable-sorting"],"enableRowSelection":[516,"enable-row-selection"],"state":[16],"table":[32],"parsedColumns":[32],"parsedData":[32],"globalFilterSearchTerm":[32],"columnData":[32],"paginationState":[32],"sortingState":[32],"rowSelectionState":[32]},null,{"columns":["parseColumns"],"data":["parseData"],"parsedColumns":["handleParsedChange"],"parsedData":["handleParsedChange"],"globalFilterSearchTerm":["handleGlobalFilterSearchTerm","handleInternalStateChange"],"paginationState":["handlePaginationState","handleInternalStateChange"],"sortingState":["handleSortingState","handleInternalStateChange"],"pageSize":["handlePageSize"],"rowSelectionState":["handleRowSelectionState"],"state":["handleStateChange"]}]]],["p-b2442d4b",[[4,"nv-alert",{"color":[513],"feedback":[1537],"message":[513],"heading":[513],"icon":[513],"dismissible":[516],"preventAutoClose":[516,"prevent-auto-close"],"hidden":[1540],"hasNoAnimations":[516,"has-no-animations"]},null,{"hidden":["handleHiddenChange"]}]]],["p-aacd8789",[[4,"nv-avatar",{"xsmall":[516],"small":[516],"medium":[516],"large":[516],"xlarge":[516],"text":[513],"url":[513],"alt":[513],"src":[1537],"initials":[1537],"size":[1537],"color":[513]}]]],["p-1235c007",[[4,"nv-breadcrumbs"]]],["p-464bb197",[[4,"nv-buttongroup",{"size":[513],"emphasis":[513],"fluid":[516],"orientation":[513]},null,{"emphasis":["onEmphasisChange"],"size":["onSizeChange"],"fluid":["onFluidChange"]}]]],["p-9c5d6827",[[4,"nv-col",{"size":[514]}]]],["p-234cfa2e",[[4,"nv-datagridcolumn",{"header":[513],"accessor":[513],"repeatTemplate":[516,"repeat-template"],"group":[513]}]]],["p-3ed84cd9",[[68,"nv-fieldradio",{"message":[513],"labelBefore":[516,"label-before"],"inputId":[513,"input-id"],"name":[513],"value":[513],"label":[513],"labelPlacement":[1537,"label-placement"],"description":[1537],"error":[516],"errorDescription":[513,"error-description"],"checked":[1540],"disabled":[516],"autofocus":[516]},[[0,"change","handleChange"]],{"checked":["handleCheckedChange"]}]]],["p-dd023fd6",[[68,"nv-fieldtextarea",{"message":[513],"validation":[513],"inputId":[513,"input-id"],"label":[513],"description":[1537],"placeholder":[513],"name":[513],"value":[1537],"disabled":[516],"readonly":[516],"required":[516],"error":[1540],"errorDescription":[1537,"error-description"],"success":[516],"maxlength":[514],"minlength":[514],"rows":[514],"resize":[513],"autosize":[516],"autofocus":[516],"fluid":[516]},null,{"rows":["rowsChanged"],"autosize":["autosizeChanged"],"value":["handleValueChange"]}]]],["p-ac5496e7",[[4,"nv-row"]]],["p-2d647761",[[4,"nv-stack",{"gutter":[514],"fill":[516],"flex":[516],"full":[516],"vertical":[516]}]]],["p-43071c3b",[[4,"nv-table",{"data":[16],"columnsConfig":[16],"dataJson":[513,"data-json"],"columnsConfigJson":[513,"columns-config-json"],"fallbackValue":[513,"fallback-value"],"noDataMessage":[513,"no-data-message"],"noColumnsNoDataMessage":[513,"no-columns-no-data-message"],"parsedColumns":[32],"parsedData":[32],"table":[32]},null,{"columnsConfig":["parseColumns"],"columnsConfigJson":["parseJsonColumns"],"data":["parseData"],"dataJson":["parseJsonData"],"parsedColumns":["handleParsedChange"],"parsedData":["handleParsedChange"]}]]],["p-87784622",[[0,"nv-tablecolumn",{"name":[513],"header":[513]}]]],["p-ba9906b7",[[68,"nv-toggle",{"inputId":[513,"input-id"],"name":[513],"value":[513],"label":[513],"labelPlacement":[513,"label-placement"],"hideLabel":[516,"hide-label"],"description":[513],"checked":[1540],"disabled":[516],"readonly":[516]},[[0,"change","handleChange"]],{"checked":["onCheckedChanged"]}]]],["p-44dd9a4c",[[4,"nv-togglebutton",{"size":[513],"value":[513],"disabled":[516],"active":[516],"emphasis":[513]}]]],["p-f033c4ce",[[4,"nv-togglebuttongroup",{"value":[1040],"exclusive":[516],"enforceValue":[516,"enforce-value"],"emphasis":[513],"size":[513]},[[0,"toggled","onToggled"]],{"value":["onValueChanged"],"emphasis":["onEmphasisChanged"],"size":["onSizeChanged"]}]]],["p-553778e6",[[0,"nv-icon",{"xsmall":[516],"small":[516],"medium":[516],"large":[516],"xlarge":[516],"color":[513],"name":[513],"size":[1537]}]]],["p-5f0776cb",[[4,"nv-menu",{"open":[1540],"nested":[516],"disableCloseOnSelect":[516,"disable-close-on-select"],"placement":[513],"items":[16],"show":[64],"close":[64]},[[0,"menuitemSelected","handleMenuItemSelect"],[0,"keydown","handleKeydown"],[0,"openChanged","handleOpenChanged"]]]]],["p-0da8f0d1",[[4,"nv-accordion-item",{"itemTitle":[513,"item-title"],"subtitle":[513],"open":[1540],"disabled":[516],"maxContentHeight":[514,"max-content-height"],"mode":[513],"currentOpenState":[32],"isInitialized":[32],"isAnimating":[32],"toggle":[64]},null,{"open":["onOpenChanged"]}]]],["p-681f2bac",[[68,"nv-fieldnumber",{"message":[513],"validation":[513],"inputId":[513,"input-id"],"label":[513],"description":[1537],"placeholder":[513],"name":[513],"disabled":[516],"readonly":[516],"required":[516],"error":[1540],"errorDescription":[1537,"error-description"],"success":[516],"max":[514],"min":[514],"step":[514],"value":[1538],"autofocus":[516],"fluid":[516]},null,{"value":["watchValueHandler"]}]]],["p-85f8f11a",[[4,"nv-fielddropdownitem",{"disabled":[516],"selected":[516],"value":[1537],"label":[513]},[[0,"keydown","handleKeyDown"]]]]],["p-92931ab8",[[68,"nv-fieldtext",{"message":[513],"validation":[513],"textInputType":[513,"text-input-type"],"inputId":[513,"input-id"],"label":[513],"description":[1537],"placeholder":[513],"name":[513],"value":[1537],"type":[1537],"disabled":[516],"readonly":[516],"required":[516],"error":[1540],"errorDescription":[1537,"error-description"],"success":[516],"maxlength":[514],"minlength":[514],"pattern":[513],"autocomplete":[513],"multiple":[516],"autofocus":[516],"fluid":[516]}]]],["p-94dc9c41",[[4,"nv-menuitem",{"label":[513],"icon":[513],"disabled":[516],"shortcut":[513],"hasSubmenu":[516,"has-submenu"],"name":[513]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]]]]],["p-49504fd6",[[4,"nv-tooltip",{"triggerElement":[1040],"message":[513],"placement":[513],"enterDelay":[514,"enter-delay"]}]]],["p-184032cb",[[68,"nv-iconbutton",{"size":[513],"emphasis":[513],"loading":[1540],"disabled":[1540],"active":[516],"name":[513],"type":[513],"shape":[513]},[[0,"keydown","handleKeyDown"],[0,"touchstart","handleTouchStart"]],{"loading":["handleLoadingChange"],"disabled":["handleDisabledChange"]}],[0,"nv-loader",{"size":[513],"color":[513]}]]],["p-397c0fca",[[68,"nv-button",{"size":[513],"emphasis":[513],"active":[516],"danger":[516],"loading":[1540],"disabled":[1540],"fluid":[516],"type":[513],"form":[513]},[[0,"keydown","handleKeyDown"],[0,"touchstart","handleTouchStart"]],{"loading":["handleLoadingChange"],"disabled":["handleDisabledChange"]}]]],["p-348c6bb4",[[68,"nv-dialogfooter",{"disabled":[516],"undismissable":[516],"leadingIcon":[513,"leading-icon"],"trailingIcon":[513,"trailing-icon"],"danger":[516],"cancelLabel":[513,"cancel-label"],"primaryLabel":[513,"primary-label"],"primaryButtonType":[513,"primary-button-type"],"form":[513]}],[4,"nv-dialogheader",{"heading":[513],"subheading":[513]}]]],["p-2197ffdf",[[68,"nv-fieldcheckbox",{"message":[513],"validation":[513],"labelBefore":[516,"label-before"],"inputId":[513,"input-id"],"name":[513],"value":[513],"label":[513],"labelPlacement":[1537,"label-placement"],"hideLabel":[516,"hide-label"],"description":[1537],"error":[1540],"errorDescription":[1537,"error-description"],"checked":[1540],"indeterminate":[1540],"disabled":[516],"readonly":[516],"required":[516],"autofocus":[516]},[[0,"change","handleChange"]],{"checked":["onCheckedChanged"]}]]],["p-13032ec1",[[4,"nv-badge",{"dismissal":[516],"icon":[513],"iconLocation":[513,"icon-location"],"color":[513],"label":[513],"leadIcon":[1537,"lead-icon"],"dismissible":[1540],"hidden":[1540],"preventAutoClose":[516,"prevent-auto-close"],"isIconOnly":[516,"is-icon-only"],"_isHidden":[32]},null,{"dismissal":["handleDismissalChange"],"icon":["handleIconChange"],"hidden":["handleHiddenChange"]}],[4,"nv-fielddropdownitemcheck",{"checked":[1540],"value":[513],"label":[513],"description":[513],"group":[513],"disabled":[516]}]]],["p-62032cd9",[[4,"nv-calendar",{"firstDayOfWeek":[514,"first-day-of-week"],"numberOfCalendars":[1538,"number-of-calendars"],"value":[1537],"singleValue":[1537,"single-value"],"rangeValue":[1040],"min":[513],"max":[513],"disabledDates":[16],"locale":[513],"dateFormat":[513,"date-format"],"shortcutsPlacement":[513,"shortcuts-placement"],"selectionType":[513,"selection-type"],"showActions":[516,"show-actions"],"shortcuts":[16],"showWeekNumbers":[516,"show-week-numbers"],"currentDate":[32],"selectedDate":[32],"startDate":[32],"endDate":[32],"hoverDate":[32],"months":[32],"clear":[64]},null,{"numberOfCalendars":["validateNumberOfCalendars"],"rangeValue":["onRangeValueChange"],"disabledDates":["handleDisabledDatesChange"],"singleValue":["onSingleValueChange"],"value":["onValueChange"]}]]],["p-888ad58e",[[4,"nv-popover",{"triggerElement":[1040],"open":[1540],"triggerMode":[513,"trigger-mode"],"placement":[513],"groupName":[513,"group-name"],"offset":[514],"hasArrow":[516,"has-arrow"],"disableFlip":[516,"disable-flip"],"shiftPadding":[514,"shift-padding"],"enterDelay":[514,"enter-delay"],"nested":[516],"show":[64],"hide":[64],"toggle":[64]},[[4,"openChanged","handleOpenChanged"]],{"open":["handleOpenChange"]}]]]]'),e)}));
 //# sourceMappingURL=native.esm.js.map

package/dist/native/native.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.27.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,0xfAAuCJ,EAAA","ignoreList":[]}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.27.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,8lhBAAuCJ,EAAA","ignoreList":[]}

package/dist/native/{p-2a6783ca.entry.js → p-0da8f0d1.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as t,H as n,g as o}from"./p-d0a33e64.js";import{u as a}from"./p-9a263d0e.js";import"./p-09cdd71f.js";const s="nv-accordion-item{display:block;border-bottom:var(--spacing-px) solid var(--color-content-low-border)}nv-accordion-item:last-child{border-bottom:none}nv-accordion-item .nv-accordion-item__header{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4)}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__chevron{margin-left:var(--spacing-2);flex-shrink:0}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__header-content{display:flex;flex-direction:column;gap:var(--spacing-0-5);flex:1;min-width:0}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__title{color:var(--color-content-high-text);font-size:var(--font-size-lg);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__subtitle{color:var(--color-content-low-text);font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nv-accordion-item .nv-accordion-item__content{background:var(--color-level-10-background)}nv-accordion-item .nv-accordion-item__content .nv-accordion-item__content-inner{padding:var(--spacing-4);color:var(--color-content-low-text);font-size:var(--font-size-md);font-style:normal;font-weight:500;line-height:var(--line-height-base);}nv-accordion-item.is-disabled{opacity:var(--opacity-disabled);pointer-events:none}nv-accordion-item.is-open .nv-accordion-item__header{border-bottom:var(--spacing-px) solid var(--color-content-low-border)}";const c=s;const r=class{constructor(t){e(this,t);this.itemToggle=i(this,"itemToggle",7);this.open=false;this.disabled=false;this.mode="accordion";this.currentOpenState=false;this.isInitialized=false;this.isAnimating=false;this.handleHeaderClick=()=>{this.toggle()};this.handleIconClick=e=>{e.stopPropagation();this.toggle()};this.handleHeaderKeyDown=e=>{if(this.disabled)return;switch(e.key){case"Enter":case" ":e.preventDefault();this.toggle();break;case"ArrowDown":e.preventDefault();if(!this.open){this.open=true;this.itemToggle.emit(this.open);this.updateVisibility(this.open)}break;case"ArrowUp":e.preventDefault();if(this.open){this.open=false;this.itemToggle.emit(this.open);this.updateVisibility(this.open)}break}}}async onOpenChanged(e,i){this.currentOpenState=e;if(i===undefined){return}await this.updateVisibility(e)}async updateVisibility(e){if(!this.contentRef)return;this.isAnimating=true;const{collapse:i,expand:t}=a(this.contentRef,{duration:200});if(e){await t()}else{await i()}this.isAnimating=false}componentWillLoad(){this.currentOpenState=this.open}componentDidLoad(){if(this.contentRef){const{setExpanded:e,setCollapsed:i}=a(this.contentRef);if(this.open){e()}else{i()}}}disconnectedCallback(){if(this.mutationObserver){this.mutationObserver.disconnect()}}async toggle(){if(!this.disabled&&!this.isAnimating){this.open=!this.open;this.itemToggle.emit(this.open);await this.updateVisibility(this.open)}}get chevronIconName(){return this.open?"chevron-top":"chevron-down"}render(){return t(n,{key:"dfb8ca76f8ac40c938323be1ccba4353ea33a616",class:{"nv-accordion-item":true,"is-open":this.open,"is-disabled":this.disabled,"is-animating":this.isAnimating},role:"listitem","aria-expanded":this.open?"true":"false","aria-disabled":this.disabled?"true":"false"},t("div",{key:"258efe0502a39d963a9e75c16285ee9cbc65cb9f",class:"nv-accordion-item__header",onClick:this.handleHeaderClick,"aria-controls":"content"},t("slot",{key:"bb4dae743f06e3d41d1f7b8c17793b668df9347b",name:"header"},t("div",{key:"f3142a81c6be776d95ab9292101b889db6e35805",class:"nv-accordion-item__header-content"},this.itemTitle&&t("span",{key:"e897d8b4d414ba4e93b2853c152059579063335e",class:"nv-accordion-item__title"},this.itemTitle),this.subtitle&&t("span",{key:"b8e03ceb1ca0e4c0b0fe24398f0e1c592ac077ab",class:"nv-accordion-item__subtitle"},this.subtitle))),t("nv-iconbutton",{key:"8d90711a96f5ce2e7d6f5ebcf3922cd0fedd69bd",emphasis:"low",size:"sm",shape:"square",name:this.chevronIconName,tabindex:this.disabled?-1:0,onClick:this.handleIconClick,onKeyDown:this.handleHeaderKeyDown,"aria-expanded":this.open?"true":"false","aria-controls":"content","aria-label":this.open?"Fermer la section":"Ouvrir la section"})),t("div",{key:"171b5165f3663fa5f0fa28ef84145dfc998e9f10",id:"content",class:"nv-accordion-item__content","aria-hidden":!this.open?"true":"false",ref:e=>this.contentRef=e},t("div",{key:"dcf753f23cec073a036d8137f1299dcf4ca4af78",class:"nv-accordion-item__content-inner"},t("slot",{key:"3dc85def21aace19f3d211262b6cf66ccb9438fa",name:"content"}))))}get el(){return o(this)}static get watchers(){return{open:["onOpenChanged"]}}};r.style=c;export{r as nv_accordion_item};
-//# sourceMappingURL=p-2a6783ca.entry.js.map
+import{r as e,c as i,h as t,H as n,g as o}from"./p-d0a33e64.js";import{u as a}from"./p-9a263d0e.js";import"./p-09cdd71f.js";const s="nv-accordion-item{display:block;border-bottom:var(--spacing-px) solid var(--color-content-low-border)}nv-accordion-item:last-child{border-bottom:none}nv-accordion-item .nv-accordion-item__header{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4)}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__chevron{margin-left:var(--spacing-2);flex-shrink:0}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__header-content{display:flex;flex-direction:column;gap:var(--spacing-0-5);flex:1;min-width:0}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__title{color:var(--color-content-high-text);font-size:var(--font-size-lg);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__subtitle{color:var(--color-content-low-text);font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nv-accordion-item .nv-accordion-item__content{background:var(--color-level-10-background)}nv-accordion-item .nv-accordion-item__content .nv-accordion-item__content-inner{padding:var(--spacing-4);color:var(--color-content-low-text);font-size:var(--font-size-md);font-style:normal;font-weight:500;line-height:var(--line-height-base);}nv-accordion-item.is-disabled{opacity:var(--opacity-disabled);pointer-events:none}nv-accordion-item.is-open .nv-accordion-item__header{border-bottom:var(--spacing-px) solid var(--color-content-low-border)}";const c=s;const r=class{constructor(t){e(this,t);this.itemToggle=i(this,"itemToggle",7);this.open=false;this.disabled=false;this.mode="accordion";this.currentOpenState=false;this.isInitialized=false;this.isAnimating=false;this.handleHeaderClick=()=>{this.toggle()};this.handleIconClick=e=>{e.stopPropagation();this.toggle()};this.handleHeaderKeyDown=e=>{if(this.disabled)return;switch(e.key){case"Enter":case" ":e.preventDefault();this.toggle();break;case"ArrowDown":e.preventDefault();if(!this.open){this.open=true;this.itemToggle.emit(this.open);this.updateVisibility(this.open)}break;case"ArrowUp":e.preventDefault();if(this.open){this.open=false;this.itemToggle.emit(this.open);this.updateVisibility(this.open)}break}}}async onOpenChanged(e,i){this.currentOpenState=e;if(i===undefined){return}await this.updateVisibility(e)}async updateVisibility(e){if(!this.contentRef)return;this.isAnimating=true;const{collapse:i,expand:t}=a(this.contentRef,{duration:200});if(e){await t()}else{await i()}this.isAnimating=false}componentWillLoad(){this.currentOpenState=this.open}componentDidLoad(){if(this.contentRef){const{setExpanded:e,setCollapsed:i}=a(this.contentRef);if(this.open){e()}else{i()}}}disconnectedCallback(){if(this.mutationObserver){this.mutationObserver.disconnect()}}async toggle(){if(!this.disabled&&!this.isAnimating){this.open=!this.open;this.itemToggle.emit(this.open);await this.updateVisibility(this.open)}}get chevronIconName(){return this.open?"chevron-top":"chevron-down"}render(){return t(n,{key:"dfb8ca76f8ac40c938323be1ccba4353ea33a616",class:{"nv-accordion-item":true,"is-open":this.open,"is-disabled":this.disabled,"is-animating":this.isAnimating},role:"listitem","aria-expanded":this.open?"true":"false","aria-disabled":this.disabled?"true":"false"},t("div",{key:"258efe0502a39d963a9e75c16285ee9cbc65cb9f",class:"nv-accordion-item__header",onClick:this.handleHeaderClick,"aria-controls":"content"},t("slot",{key:"bb4dae743f06e3d41d1f7b8c17793b668df9347b",name:"header"},t("div",{key:"f3142a81c6be776d95ab9292101b889db6e35805",class:"nv-accordion-item__header-content"},this.itemTitle&&t("span",{key:"e897d8b4d414ba4e93b2853c152059579063335e",class:"nv-accordion-item__title"},this.itemTitle),this.subtitle&&t("span",{key:"b8e03ceb1ca0e4c0b0fe24398f0e1c592ac077ab",class:"nv-accordion-item__subtitle"},this.subtitle))),t("nv-iconbutton",{key:"145718cd664f6b1015cf99ad3c72dbe80df1f54e",emphasis:"low",size:"sm",shape:"square",name:this.chevronIconName,tabindex:this.disabled?-1:0,onClick:this.handleIconClick,onKeyDown:this.handleHeaderKeyDown,"aria-controls":"content","aria-label":this.open?"Fermer la section":"Ouvrir la section"})),t("div",{key:"667967ca20edaa1fc738188f42cfa8bf47bb080f",id:"content",class:"nv-accordion-item__content",ref:e=>this.contentRef=e},t("div",{key:"1f66bac904a5992d5e6cd63852d5aec9bc602ed7",class:"nv-accordion-item__content-inner"},t("slot",{key:"d7b5cf5c69daab242e7696e7432769905b3d4c72",name:"content"}))))}get el(){return o(this)}static get watchers(){return{open:["onOpenChanged"]}}};r.style=c;export{r as nv_accordion_item};
+//# sourceMappingURL=p-0da8f0d1.entry.js.map

package/dist/native/{p-2a6783ca.entry.js.map → p-0da8f0d1.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nvAccordionItemCss","NvAccordionItemStyle0","NvAccordionItem","constructor","hostRef","this","open","disabled","mode","currentOpenState","isInitialized","isAnimating","handleHeaderClick","toggle","handleIconClick","e","stopPropagation","handleHeaderKeyDown","key","preventDefault","itemToggle","emit","updateVisibility","onOpenChanged","newValue","oldValue","undefined","contentRef","collapse","expand","useCollapse","duration","componentWillLoad","componentDidLoad","setExpanded","setCollapsed","disconnectedCallback","mutationObserver","disconnect","chevronIconName","render","h","Host","class","role","onClick","name","itemTitle","subtitle","emphasis","size","shape","tabindex","onKeyDown","id","ref","el"],"sources":["src/components/nv-accordion-item/styles/nv-accordion-item.scss?tag=nv-accordion-item","src/components/nv-accordion-item/nv-accordion-item.tsx"],"sourcesContent":["@use \"./mixins\" as *;\n\nnv-accordion-item {\n  @include accordion-item-root();\n\n  .nv-accordion-item__header {\n    @include accordion-item-header();\n    \n    .nv-accordion-item__chevron {\n      @include accordion-item-chevron();\n    }\n\n    .nv-accordion-item__header-content {\n      @include accordion-item-header-content();\n    }\n\n    .nv-accordion-item__title {\n      @include accordion-item-title();\n    }\n\n    .nv-accordion-item__subtitle {\n      @include accordion-item-subtitle();\n    }\n  }\n\n  .nv-accordion-item__content {\n    @include accordion-item-content();\n    \n    .nv-accordion-item__content-inner {\n      @include accordion-item-content-inner();\n    }\n  }\n\n  // Styles for disabled items\n  &.is-disabled {\n    @include accordion-item-disabled();\n  }\n\n  // Border between header and content when item is open\n  &.is-open .nv-accordion-item__header {\n    border-bottom: var(--spacing-px) solid var(--color-content-low-border);\n  }\n}","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Method,\n  State,\n  Element,\n  Watch,\n} from '@stencil/core';\nimport { useCollapse } from '../../animations';\n\n/**\n * Accordion item element for nv-accordion.\n *\n * @slot header - Custom header (replaces itemTitle/subtitle)\n * @slot content - Main content (expandable area)\n */\n@Component({\n  tag: 'nv-accordion-item',\n  styleUrl: 'styles/nv-accordion-item.scss',\n  shadow: false,\n})\nexport class NvAccordionItem {\n  @Element() el!: HTMLNvAccordionItemElement;\n  private contentRef?: HTMLDivElement;\n  private mutationObserver?: MutationObserver;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /** Item title (displayed if header slot is absent) */\n  @Prop({ reflect: true })\n  readonly itemTitle?: string;\n\n  /** Item subtitle (displayed if header slot is absent) */\n  @Prop({ reflect: true })\n  readonly subtitle?: string;\n\n  /** Open or closed */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /** Disables the item */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /** Maximum content height (in px, optional). If not defined, auto height. */\n  @Prop({ reflect: true })\n  readonly maxContentHeight?: number;\n\n  /** Parent expansion mode (accordion or multi) */\n  @Prop({ reflect: true })\n  readonly mode?: 'accordion' | 'multi' = 'accordion';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Event emitted on toggle (header click)\n   */\n  @Event()\n  itemToggle: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region STATE\n\n  /** Internal state for open/close rendering */\n  @State()\n  currentOpenState: boolean = false;\n\n  /**\n   * Controls if the panel has been initialized for animations\n   */\n  @State()\n  isInitialized: boolean = false;\n\n  /**\n   * Animation in progress\n   */\n  @State()\n  isAnimating: boolean = false;\n\n  //#endregion STATE\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('open')\n  async onOpenChanged(newValue: boolean, oldValue: boolean) {\n    this.currentOpenState = newValue; // Synchronize internal state\n\n    // Skip initial render\n    if (oldValue === undefined) {\n      return;\n    }\n\n    await this.updateVisibility(newValue);\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region ANIMATIONS\n\n  /**\n   * Updates the visibility state with Nova animation system\n   * @param {boolean} open - Whether the accordion item should be open\n   */\n  private async updateVisibility(open: boolean) {\n    if (!this.contentRef) return;\n\n    this.isAnimating = true;\n\n    const { collapse, expand } = useCollapse(this.contentRef, {\n      duration: 200,\n    });\n\n    if (open) {\n      // Expand with animation\n      await expand();\n    } else {\n      // Collapse with animation\n      await collapse();\n    }\n\n    this.isAnimating = false;\n  }\n\n  //#endregion ANIMATIONS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.currentOpenState = this.open; // Initial synchronization\n  }\n\n  componentDidLoad() {\n    if (this.contentRef) {\n      const { setExpanded, setCollapsed } = useCollapse(this.contentRef);\n\n      if (this.open) {\n        // If open by default on initial load, set expanded state without animation\n        setExpanded();\n      } else {\n        // If closed by default, set collapsed state without animation\n        setCollapsed();\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Toggle open/close (Public API)\n   */\n  @Method()\n  async toggle() {\n    if (!this.disabled && !this.isAnimating) {\n      this.open = !this.open;\n      this.itemToggle.emit(this.open);\n\n      // Force animation update directly instead of relying on watcher\n      await this.updateVisibility(this.open);\n    }\n  }\n\n  /**\n   * Handler for header click\n   */\n  private handleHeaderClick = () => {\n    this.toggle();\n  };\n\n  /**\n   * Handler for iconbutton click\n   * @param {Event} e - Click event\n   */\n  private handleIconClick = (e: Event) => {\n    e.stopPropagation(); // Prevent header click from triggering\n    this.toggle();\n  };\n\n  /**\n   * Handler for keyboard events on iconbutton\n   * @param {KeyboardEvent} e - Keyboard event\n   */\n  private handleHeaderKeyDown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n\n    switch (e.key) {\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        this.toggle();\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        if (!this.open) {\n          this.open = true;\n          this.itemToggle.emit(this.open);\n          this.updateVisibility(this.open);\n        }\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        if (this.open) {\n          this.open = false;\n          this.itemToggle.emit(this.open);\n          this.updateVisibility(this.open);\n        }\n        break;\n    }\n  };\n\n  /**\n   * Get the chevron icon name based on open state\n   * @returns {string} The icon name to display in the chevron button\n   */\n  private get chevronIconName(): string {\n    return this.open ? 'chevron-top' : 'chevron-down';\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n  render() {\n    return (\n      <Host\n        class={{\n          'nv-accordion-item': true,\n          'is-open': this.open,\n          'is-disabled': this.disabled,\n          'is-animating': this.isAnimating,\n        }}\n        role=\"listitem\"\n        aria-expanded={this.open ? 'true' : 'false'}\n        aria-disabled={this.disabled ? 'true' : 'false'}\n      >\n        <div\n          class=\"nv-accordion-item__header\"\n          onClick={this.handleHeaderClick}\n          aria-controls=\"content\"\n        >\n          <slot name=\"header\">\n            <div class=\"nv-accordion-item__header-content\">\n              {this.itemTitle && (\n                <span class=\"nv-accordion-item__title\">{this.itemTitle}</span>\n              )}\n              {this.subtitle && (\n                <span class=\"nv-accordion-item__subtitle\">{this.subtitle}</span>\n              )}\n            </div>\n          </slot>\n          <nv-iconbutton\n            emphasis=\"low\"\n            size=\"sm\"\n            shape=\"square\"\n            name={this.chevronIconName}\n            tabindex={this.disabled ? -1 : 0}\n            onClick={this.handleIconClick}\n            onKeyDown={this.handleHeaderKeyDown}\n            aria-expanded={this.open ? 'true' : 'false'}\n            aria-controls=\"content\"\n            aria-label={this.open ? 'Fermer la section' : 'Ouvrir la section'}\n          ></nv-iconbutton>\n        </div>\n\n        <div\n          id=\"content\"\n          class=\"nv-accordion-item__content\"\n          aria-hidden={!this.open ? 'true' : 'false'}\n          ref={el => (this.contentRef = el as HTMLDivElement)}\n        >\n          <div class=\"nv-accordion-item__content-inner\">\n            <slot name=\"content\" />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n  // #endregion RENDER\n}\n"],"mappings":"4HAAA,MAAMA,EAAqB,wqDAC3B,MAAAC,EAAeD,E,MCwBFE,EAAe,MAL5B,WAAAC,CAAAC,G,iDAuBEC,KAAAC,KAAgB,MAIPD,KAAAE,SAAoB,MAQpBF,KAAAG,KAA+B,YAkBxCH,KAAAI,iBAA4B,MAM5BJ,KAAAK,cAAyB,MAMzBL,KAAAM,YAAuB,MA+FfN,KAAAO,kBAAoB,KAC1BP,KAAKQ,QAAQ,EAOPR,KAAAS,gBAAmBC,IACzBA,EAAEC,kBACFX,KAAKQ,QAAQ,EAOPR,KAAAY,oBAAuBF,IAC7B,GAAIV,KAAKE,SAAU,OAEnB,OAAQQ,EAAEG,KACR,IAAK,QACL,IAAK,IACHH,EAAEI,iBACFd,KAAKQ,SACL,MACF,IAAK,YACHE,EAAEI,iBACF,IAAKd,KAAKC,KAAM,CACdD,KAAKC,KAAO,KACZD,KAAKe,WAAWC,KAAKhB,KAAKC,MAC1BD,KAAKiB,iBAAiBjB,KAAKC,K,CAE7B,MACF,IAAK,UACHS,EAAEI,iBACF,GAAId,KAAKC,KAAM,CACbD,KAAKC,KAAO,MACZD,KAAKe,WAAWC,KAAKhB,KAAKC,MAC1BD,KAAKiB,iBAAiBjB,KAAKC,K,CAE7B,M,EAjIN,mBAAMiB,CAAcC,EAAmBC,GACrCpB,KAAKI,iBAAmBe,EAGxB,GAAIC,IAAaC,UAAW,CAC1B,M,OAGIrB,KAAKiB,iBAAiBE,E,CAWtB,sBAAMF,CAAiBhB,GAC7B,IAAKD,KAAKsB,WAAY,OAEtBtB,KAAKM,YAAc,KAEnB,MAAMiB,SAAEA,EAAQC,OAAEA,GAAWC,EAAYzB,KAAKsB,WAAY,CACxDI,SAAU,MAGZ,GAAIzB,EAAM,OAEFuB,G,KACD,OAECD,G,CAGRvB,KAAKM,YAAc,K,CAOrB,iBAAAqB,GACE3B,KAAKI,iBAAmBJ,KAAKC,I,CAG/B,gBAAA2B,GACE,GAAI5B,KAAKsB,WAAY,CACnB,MAAMO,YAAEA,EAAWC,aAAEA,GAAiBL,EAAYzB,KAAKsB,YAEvD,GAAItB,KAAKC,KAAM,CAEb4B,G,KACK,CAELC,G,GAKN,oBAAAC,GACE,GAAI/B,KAAKgC,iBAAkB,CACzBhC,KAAKgC,iBAAiBC,Y,EAY1B,YAAMzB,GACJ,IAAKR,KAAKE,WAAaF,KAAKM,YAAa,CACvCN,KAAKC,MAAQD,KAAKC,KAClBD,KAAKe,WAAWC,KAAKhB,KAAKC,YAGpBD,KAAKiB,iBAAiBjB,KAAKC,K,EAwDrC,mBAAYiC,GACV,OAAOlC,KAAKC,KAAO,cAAgB,c,CAMrC,MAAAkC,GACE,OACEC,EAACC,EAAI,CAAAxB,IAAA,2CACHyB,MAAO,CACL,oBAAqB,KACrB,UAAWtC,KAAKC,KAChB,cAAeD,KAAKE,SACpB,eAAgBF,KAAKM,aAEvBiC,KAAK,WAAU,gBACAvC,KAAKC,KAAO,OAAS,QAAO,gBAC5BD,KAAKE,SAAW,OAAS,SAExCkC,EAAA,OAAAvB,IAAA,2CACEyB,MAAM,4BACNE,QAASxC,KAAKO,kBAAiB,gBACjB,WAEd6B,EAAA,QAAAvB,IAAA,2CAAM4B,KAAK,UACTL,EAAA,OAAAvB,IAAA,2CAAKyB,MAAM,qCACRtC,KAAK0C,WACJN,EAAA,QAAAvB,IAAA,2CAAMyB,MAAM,4BAA4BtC,KAAK0C,WAE9C1C,KAAK2C,UACJP,EAAA,QAAAvB,IAAA,2CAAMyB,MAAM,+BAA+BtC,KAAK2C,YAItDP,EAAA,iBAAAvB,IAAA,2CACE+B,SAAS,MACTC,KAAK,KACLC,MAAM,SACNL,KAAMzC,KAAKkC,gBACXa,SAAU/C,KAAKE,UAAY,EAAI,EAC/BsC,QAASxC,KAAKS,gBACduC,UAAWhD,KAAKY,oBAAmB,gBACpBZ,KAAKC,KAAO,OAAS,QAAO,gBAC7B,UAAS,aACXD,KAAKC,KAAO,oBAAsB,uBAIlDmC,EAAA,OAAAvB,IAAA,2CACEoC,GAAG,UACHX,MAAM,6BAA4B,eACpBtC,KAAKC,KAAO,OAAS,QACnCiD,IAAKC,GAAOnD,KAAKsB,WAAa6B,GAE9Bf,EAAA,OAAAvB,IAAA,2CAAKyB,MAAM,oCACTF,EAAA,QAAAvB,IAAA,2CAAM4B,KAAK,c","ignoreList":[]}
+{"version":3,"names":["nvAccordionItemCss","NvAccordionItemStyle0","NvAccordionItem","constructor","hostRef","this","open","disabled","mode","currentOpenState","isInitialized","isAnimating","handleHeaderClick","toggle","handleIconClick","e","stopPropagation","handleHeaderKeyDown","key","preventDefault","itemToggle","emit","updateVisibility","onOpenChanged","newValue","oldValue","undefined","contentRef","collapse","expand","useCollapse","duration","componentWillLoad","componentDidLoad","setExpanded","setCollapsed","disconnectedCallback","mutationObserver","disconnect","chevronIconName","render","h","Host","class","role","onClick","name","itemTitle","subtitle","emphasis","size","shape","tabindex","onKeyDown","id","ref","el"],"sources":["src/components/nv-accordion-item/styles/nv-accordion-item.scss?tag=nv-accordion-item","src/components/nv-accordion-item/nv-accordion-item.tsx"],"sourcesContent":["@use \"./mixins\" as *;\n\nnv-accordion-item {\n  @include accordion-item-root();\n\n  .nv-accordion-item__header {\n    @include accordion-item-header();\n    \n    .nv-accordion-item__chevron {\n      @include accordion-item-chevron();\n    }\n\n    .nv-accordion-item__header-content {\n      @include accordion-item-header-content();\n    }\n\n    .nv-accordion-item__title {\n      @include accordion-item-title();\n    }\n\n    .nv-accordion-item__subtitle {\n      @include accordion-item-subtitle();\n    }\n  }\n\n  .nv-accordion-item__content {\n    @include accordion-item-content();\n    \n    .nv-accordion-item__content-inner {\n      @include accordion-item-content-inner();\n    }\n  }\n\n  // Styles for disabled items\n  &.is-disabled {\n    @include accordion-item-disabled();\n  }\n\n  // Border between header and content when item is open\n  &.is-open .nv-accordion-item__header {\n    border-bottom: var(--spacing-px) solid var(--color-content-low-border);\n  }\n}","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Method,\n  State,\n  Element,\n  Watch,\n} from '@stencil/core';\nimport { useCollapse } from '../../animations';\n\n/**\n * Accordion item element for nv-accordion.\n *\n * @slot header - Custom header (replaces itemTitle/subtitle)\n * @slot content - Main content (expandable area)\n */\n@Component({\n  tag: 'nv-accordion-item',\n  styleUrl: 'styles/nv-accordion-item.scss',\n  shadow: false,\n})\nexport class NvAccordionItem {\n  @Element() el!: HTMLNvAccordionItemElement;\n  private contentRef?: HTMLDivElement;\n  private mutationObserver?: MutationObserver;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /** Item title (displayed if header slot is absent) */\n  @Prop({ reflect: true })\n  readonly itemTitle?: string;\n\n  /** Item subtitle (displayed if header slot is absent) */\n  @Prop({ reflect: true })\n  readonly subtitle?: string;\n\n  /** Open or closed */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /** Disables the item */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /** Maximum content height (in px, optional). If not defined, auto height. */\n  @Prop({ reflect: true })\n  readonly maxContentHeight?: number;\n\n  /** Parent expansion mode (accordion or multi) */\n  @Prop({ reflect: true })\n  readonly mode?: 'accordion' | 'multi' = 'accordion';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Event emitted on toggle (header click)\n   */\n  @Event()\n  itemToggle: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region STATE\n\n  /** Internal state for open/close rendering */\n  @State()\n  currentOpenState: boolean = false;\n\n  /**\n   * Controls if the panel has been initialized for animations\n   */\n  @State()\n  isInitialized: boolean = false;\n\n  /**\n   * Animation in progress\n   */\n  @State()\n  isAnimating: boolean = false;\n\n  //#endregion STATE\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('open')\n  async onOpenChanged(newValue: boolean, oldValue: boolean) {\n    this.currentOpenState = newValue; // Synchronize internal state\n\n    // Skip initial render\n    if (oldValue === undefined) {\n      return;\n    }\n\n    await this.updateVisibility(newValue);\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region ANIMATIONS\n\n  /**\n   * Updates the visibility state with Nova animation system\n   * @param {boolean} open - Whether the accordion item should be open\n   */\n  private async updateVisibility(open: boolean) {\n    if (!this.contentRef) return;\n\n    this.isAnimating = true;\n\n    const { collapse, expand } = useCollapse(this.contentRef, {\n      duration: 200,\n    });\n\n    if (open) {\n      // Expand with animation\n      await expand();\n    } else {\n      // Collapse with animation\n      await collapse();\n    }\n\n    this.isAnimating = false;\n  }\n\n  //#endregion ANIMATIONS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.currentOpenState = this.open; // Initial synchronization\n  }\n\n  componentDidLoad() {\n    if (this.contentRef) {\n      const { setExpanded, setCollapsed } = useCollapse(this.contentRef);\n\n      if (this.open) {\n        // If open by default on initial load, set expanded state without animation\n        setExpanded();\n      } else {\n        // If closed by default, set collapsed state without animation\n        setCollapsed();\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Toggle open/close (Public API)\n   */\n  @Method()\n  async toggle() {\n    if (!this.disabled && !this.isAnimating) {\n      this.open = !this.open;\n      this.itemToggle.emit(this.open);\n\n      // Force animation update directly instead of relying on watcher\n      await this.updateVisibility(this.open);\n    }\n  }\n\n  /**\n   * Handler for header click\n   */\n  private handleHeaderClick = () => {\n    this.toggle();\n  };\n\n  /**\n   * Handler for iconbutton click\n   * @param {Event} e - Click event\n   */\n  private handleIconClick = (e: Event) => {\n    e.stopPropagation(); // Prevent header click from triggering\n    this.toggle();\n  };\n\n  /**\n   * Handler for keyboard events on iconbutton\n   * @param {KeyboardEvent} e - Keyboard event\n   */\n  private handleHeaderKeyDown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n\n    switch (e.key) {\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        this.toggle();\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        if (!this.open) {\n          this.open = true;\n          this.itemToggle.emit(this.open);\n          this.updateVisibility(this.open);\n        }\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        if (this.open) {\n          this.open = false;\n          this.itemToggle.emit(this.open);\n          this.updateVisibility(this.open);\n        }\n        break;\n    }\n  };\n\n  /**\n   * Get the chevron icon name based on open state\n   * @returns {string} The icon name to display in the chevron button\n   */\n  private get chevronIconName(): string {\n    return this.open ? 'chevron-top' : 'chevron-down';\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n  render() {\n    return (\n      <Host\n        class={{\n          'nv-accordion-item': true,\n          'is-open': this.open,\n          'is-disabled': this.disabled,\n          'is-animating': this.isAnimating,\n        }}\n        role=\"listitem\"\n        aria-expanded={this.open ? 'true' : 'false'}\n        aria-disabled={this.disabled ? 'true' : 'false'}\n      >\n        <div\n          class=\"nv-accordion-item__header\"\n          onClick={this.handleHeaderClick}\n          aria-controls=\"content\"\n        >\n          <slot name=\"header\">\n            <div class=\"nv-accordion-item__header-content\">\n              {this.itemTitle && (\n                <span class=\"nv-accordion-item__title\">{this.itemTitle}</span>\n              )}\n              {this.subtitle && (\n                <span class=\"nv-accordion-item__subtitle\">{this.subtitle}</span>\n              )}\n            </div>\n          </slot>\n          <nv-iconbutton\n            emphasis=\"low\"\n            size=\"sm\"\n            shape=\"square\"\n            name={this.chevronIconName}\n            tabindex={this.disabled ? -1 : 0}\n            onClick={this.handleIconClick}\n            onKeyDown={this.handleHeaderKeyDown}\n            aria-controls=\"content\"\n            aria-label={this.open ? 'Fermer la section' : 'Ouvrir la section'}\n          ></nv-iconbutton>\n        </div>\n\n        <div\n          id=\"content\"\n          class=\"nv-accordion-item__content\"\n          ref={el => (this.contentRef = el as HTMLDivElement)}\n        >\n          <div class=\"nv-accordion-item__content-inner\">\n            <slot name=\"content\" />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n  // #endregion RENDER\n}\n"],"mappings":"4HAAA,MAAMA,EAAqB,wqDAC3B,MAAAC,EAAeD,E,MCwBFE,EAAe,MAL5B,WAAAC,CAAAC,G,iDAuBEC,KAAAC,KAAgB,MAIPD,KAAAE,SAAoB,MAQpBF,KAAAG,KAA+B,YAkBxCH,KAAAI,iBAA4B,MAM5BJ,KAAAK,cAAyB,MAMzBL,KAAAM,YAAuB,MA+FfN,KAAAO,kBAAoB,KAC1BP,KAAKQ,QAAQ,EAOPR,KAAAS,gBAAmBC,IACzBA,EAAEC,kBACFX,KAAKQ,QAAQ,EAOPR,KAAAY,oBAAuBF,IAC7B,GAAIV,KAAKE,SAAU,OAEnB,OAAQQ,EAAEG,KACR,IAAK,QACL,IAAK,IACHH,EAAEI,iBACFd,KAAKQ,SACL,MACF,IAAK,YACHE,EAAEI,iBACF,IAAKd,KAAKC,KAAM,CACdD,KAAKC,KAAO,KACZD,KAAKe,WAAWC,KAAKhB,KAAKC,MAC1BD,KAAKiB,iBAAiBjB,KAAKC,K,CAE7B,MACF,IAAK,UACHS,EAAEI,iBACF,GAAId,KAAKC,KAAM,CACbD,KAAKC,KAAO,MACZD,KAAKe,WAAWC,KAAKhB,KAAKC,MAC1BD,KAAKiB,iBAAiBjB,KAAKC,K,CAE7B,M,EAjIN,mBAAMiB,CAAcC,EAAmBC,GACrCpB,KAAKI,iBAAmBe,EAGxB,GAAIC,IAAaC,UAAW,CAC1B,M,OAGIrB,KAAKiB,iBAAiBE,E,CAWtB,sBAAMF,CAAiBhB,GAC7B,IAAKD,KAAKsB,WAAY,OAEtBtB,KAAKM,YAAc,KAEnB,MAAMiB,SAAEA,EAAQC,OAAEA,GAAWC,EAAYzB,KAAKsB,WAAY,CACxDI,SAAU,MAGZ,GAAIzB,EAAM,OAEFuB,G,KACD,OAECD,G,CAGRvB,KAAKM,YAAc,K,CAOrB,iBAAAqB,GACE3B,KAAKI,iBAAmBJ,KAAKC,I,CAG/B,gBAAA2B,GACE,GAAI5B,KAAKsB,WAAY,CACnB,MAAMO,YAAEA,EAAWC,aAAEA,GAAiBL,EAAYzB,KAAKsB,YAEvD,GAAItB,KAAKC,KAAM,CAEb4B,G,KACK,CAELC,G,GAKN,oBAAAC,GACE,GAAI/B,KAAKgC,iBAAkB,CACzBhC,KAAKgC,iBAAiBC,Y,EAY1B,YAAMzB,GACJ,IAAKR,KAAKE,WAAaF,KAAKM,YAAa,CACvCN,KAAKC,MAAQD,KAAKC,KAClBD,KAAKe,WAAWC,KAAKhB,KAAKC,YAGpBD,KAAKiB,iBAAiBjB,KAAKC,K,EAwDrC,mBAAYiC,GACV,OAAOlC,KAAKC,KAAO,cAAgB,c,CAMrC,MAAAkC,GACE,OACEC,EAACC,EAAI,CAAAxB,IAAA,2CACHyB,MAAO,CACL,oBAAqB,KACrB,UAAWtC,KAAKC,KAChB,cAAeD,KAAKE,SACpB,eAAgBF,KAAKM,aAEvBiC,KAAK,WAAU,gBACAvC,KAAKC,KAAO,OAAS,QAAO,gBAC5BD,KAAKE,SAAW,OAAS,SAExCkC,EAAA,OAAAvB,IAAA,2CACEyB,MAAM,4BACNE,QAASxC,KAAKO,kBAAiB,gBACjB,WAEd6B,EAAA,QAAAvB,IAAA,2CAAM4B,KAAK,UACTL,EAAA,OAAAvB,IAAA,2CAAKyB,MAAM,qCACRtC,KAAK0C,WACJN,EAAA,QAAAvB,IAAA,2CAAMyB,MAAM,4BAA4BtC,KAAK0C,WAE9C1C,KAAK2C,UACJP,EAAA,QAAAvB,IAAA,2CAAMyB,MAAM,+BAA+BtC,KAAK2C,YAItDP,EAAA,iBAAAvB,IAAA,2CACE+B,SAAS,MACTC,KAAK,KACLC,MAAM,SACNL,KAAMzC,KAAKkC,gBACXa,SAAU/C,KAAKE,UAAY,EAAI,EAC/BsC,QAASxC,KAAKS,gBACduC,UAAWhD,KAAKY,oBAAmB,gBACrB,UAAS,aACXZ,KAAKC,KAAO,oBAAsB,uBAIlDmC,EAAA,OAAAvB,IAAA,2CACEoC,GAAG,UACHX,MAAM,6BACNY,IAAKC,GAAOnD,KAAKsB,WAAa6B,GAE9Bf,EAAA,OAAAvB,IAAA,2CAAKyB,MAAM,oCACTF,EAAA,QAAAvB,IAAA,2CAAM4B,KAAK,c","ignoreList":[]}

package/dist/native/p-0ef94dae.entry.js

@@ -0,0 +1,2 @@
+import{r as e,f as t,h as n,H as r,g as o}from"./p-d0a33e64.js";import{c as i}from"./p-8a1a6e56.js";const a="nv-breadcrumb{display:flex;align-items:center;color:var(--components-breadcrumb-text);font-size:var(--font-size-sm);font-style:normal;font-weight:500;line-height:var(--line-height-sm)}nv-breadcrumb.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-breadcrumb ul{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-1)}nv-breadcrumb ul a,nv-breadcrumb ul button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb ul a:focus,nv-breadcrumb ul a:focus-within,nv-breadcrumb ul button:focus,nv-breadcrumb ul button:focus-within{outline:none}nv-breadcrumb ul a:focus-visible,nv-breadcrumb ul a:has(:focus-visible),nv-breadcrumb ul button:focus-visible,nv-breadcrumb ul button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3);z-index:111}nv-breadcrumb ul a:hover,nv-breadcrumb ul button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb>a,nv-breadcrumb>button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb>a:focus,nv-breadcrumb>a:focus-within,nv-breadcrumb>button:focus,nv-breadcrumb>button:focus-within{outline:none}nv-breadcrumb>a:focus-visible,nv-breadcrumb>a:has(:focus-visible),nv-breadcrumb>button:focus-visible,nv-breadcrumb>button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3);z-index:111}nv-breadcrumb>a:hover,nv-breadcrumb>button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb span[data-scope=separator]{display:inline-flex;padding-left:var(--breadcrumb-padding-y)}";const s=a;const c=class{constructor(t){e(this,t);this.type="default"}componentDidLoad(){if(this.type==="collapsed")t(this)}componentWillLoad(){if(this.type==="default"&&this.tooltip){this.popoverTrigger=Array.from(this.el.children).find((e=>e.getAttribute("slot")===null))}}render(){return n(r,{key:"b0cfdee987585488bd49734900ee421b081e6df4",role:"listitem","aria-current":this.current?"location":undefined,class:i({"visually-hidden":this.current})},this.type==="collapsed"?n("button",{ref:e=>this.popoverTrigger=e},"..."):n("slot",null),this.tooltip&&n("nv-tooltip",{key:"970d9552c3f81bffd86889fc2ff169f73810507b",message:this.tooltip,triggerElement:this.popoverTrigger,placement:"top"}),this.type==="collapsed"&&n("nv-popover",{key:"1b14ce172db49aaeb199d6801978f96204ba05a1",triggerMode:"click",groupName:"breadcrumbs",triggerElement:this.popoverTrigger},n("ul",{key:"b984309f9290bb4bcfed796200ffaad6e52a2b93",slot:"content"},n("slot",{key:"189408f75e689b98b4cf9397074dbaefaecece9a"}))),n("span",{key:"62a4bed098620043b69f1e7dcf51db7de035f5fc","data-scope":"separator"},"/"))}get el(){return o(this)}};c.style=s;export{c as nv_breadcrumb};
+//# sourceMappingURL=p-0ef94dae.entry.js.map

package/dist/native/{p-1ad1bff9.entry.js.map → p-0ef94dae.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nvBreadcrumbCss","NvBreadcrumbStyle0","NvBreadcrumb","constructor","hostRef","this","type","componentDidLoad","forceUpdate","componentWillLoad","tooltip","popoverTrigger","Array","from","el","children","find","child","getAttribute","render","h","Host","key","role","current","undefined","class","clsx","ref","message","triggerElement","placement","triggerMode","groupName","slot"],"sources":["src/components/nv-breadcrumb/nv-breadcrumb.scss?tag=nv-breadcrumb","src/components/nv-breadcrumb/nv-breadcrumb.tsx"],"sourcesContent":["@use \"../../styles/focus-ring\" as focus;\n@use \"../../styles/utils\" as utils;\n\n@mixin root-styles() {\n  display: flex;\n  align-items: center;\n  color: var(--components-breadcrumb-text);\n  font-size: var(--font-size-sm);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--line-height-sm);\n}\n\n@mixin link-styles() {\n  display: inline-flex;\n  align-self: center;\n  color: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  text-decoration: none;\n  @include focus.focus-ring(var(--components-breadcrumb-text-hover), 0.3, 0.5);\n  &:hover {\n    text-decoration: underline;\n    color: var(--components-breadcrumb-text-hover);\n  }\n}\n\n@mixin button-styles() {\n  height: 20px;\n  @include focus.focus-ring(var(--components-breadcrumb-text-hover), 0.3, 0.5);\n  &:hover {\n    text-decoration: underline;\n    color: var(--components-breadcrumb-text-hover);\n  }\n}\n\n@mixin separator-styles() {\n  display: inline-flex;\n  padding-left: var(--breadcrumb-padding-y);\n}\n\n@mixin list-styles() {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-1-5);\n  padding: var(--spacing-1);\n\n  a,\n  button {\n    @include link-styles();\n  }\n}\n\nnv-breadcrumb {\n  @include root-styles();\n\n  &.visually-hidden {\n    @include utils.visually-hidden();\n  }\n\n  ul {\n    @include list-styles();\n  }\n  & > a,\n  & > button {\n    @include link-styles();\n  }\n  span[data-scope=\"separator\"] {\n    @include separator-styles();\n  }\n}\n","import { Component, Prop, Host, h, Element, forceUpdate } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * @slot default - Pass an icon, a link, or text to render the breadcrumb content.\n */\n@Component({\n  tag: 'nv-breadcrumb',\n  styleUrl: 'nv-breadcrumb.scss',\n  shadow: false,\n})\nexport class NvBreadcrumb {\n  @Element() el: HTMLNvBreadcrumbElement;\n  private popoverTrigger!: Element;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * The type of the breadcrumb. Use 'collapsed' to house multiple breadcrumbs\n   * in a dropdown. Use default for a single item. When passing multiple items\n   * as collapsed, make sure to wrap you links in list tags\n   */\n  @Prop({ reflect: true })\n  readonly type: 'collapsed' | 'default' = 'default';\n\n  /**\n   * Add an optional tooltip to provide extra information about the breadcrumb.\n   */\n  @Prop({ reflect: true })\n  readonly tooltip: string;\n\n  /**\n   * Use this to highlight the breadcrumb as the current page in your\n   * navigation. It also makes the page clearer to screen readers with\n   * aria-current=\"location\".\n   */\n  @Prop({ reflect: true })\n  readonly current: boolean;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentDidLoad() {\n    // Force a re-render to pass the popoverTrigger ref to the popovers\n    if (this.type === 'collapsed') forceUpdate(this);\n  }\n\n  componentWillLoad() {\n    if (this.type === 'default' && this.tooltip) {\n      this.popoverTrigger = Array.from(this.el.children).find(\n        child => child.getAttribute('slot') === null,\n      );\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        role=\"listitem\"\n        aria-current={this.current ? 'location' : undefined}\n        class={clsx({ 'visually-hidden': this.current })}\n      >\n        {this.type === 'collapsed' ? (\n          <button ref={el => (this.popoverTrigger = el)}>...</button>\n        ) : (\n          <slot></slot>\n        )}\n        {this.tooltip && (\n          <nv-tooltip\n            message={this.tooltip}\n            triggerElement={this.popoverTrigger}\n            placement=\"top\"\n          ></nv-tooltip>\n        )}\n        {this.type === 'collapsed' && (\n          <nv-popover\n            triggerMode=\"click\"\n            groupName=\"breadcrumbs\"\n            triggerElement={this.popoverTrigger}\n          >\n            <ul slot=\"content\">\n              <slot></slot>\n            </ul>\n          </nv-popover>\n        )}\n        <span data-scope=\"separator\">/</span>\n      </Host>\n    );\n  }\n\n  // #endregion RENDER\n}\n"],"mappings":"oGAAA,MAAMA,EAAkB,8+DACxB,MAAAC,EAAeD,E,MCUFE,EAAY,MALzB,WAAAC,CAAAC,G,UAkBWC,KAAAC,KAAgC,S,CAoBzC,gBAAAC,GAEE,GAAIF,KAAKC,OAAS,YAAaE,EAAYH,K,CAG7C,iBAAAI,GACE,GAAIJ,KAAKC,OAAS,WAAaD,KAAKK,QAAS,CAC3CL,KAAKM,eAAiBC,MAAMC,KAAKR,KAAKS,GAAGC,UAAUC,MACjDC,GAASA,EAAMC,aAAa,UAAY,M,EAS9C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,WAAU,eACDlB,KAAKmB,QAAU,WAAaC,UAC1CC,MAAOC,EAAK,CAAE,kBAAmBtB,KAAKmB,WAErCnB,KAAKC,OAAS,YACbc,EAAA,UAAQQ,IAAKd,GAAOT,KAAKM,eAAiBG,GAAG,OAE7CM,EAAA,aAEDf,KAAKK,SACJU,EAAA,cAAAE,IAAA,2CACEO,QAASxB,KAAKK,QACdoB,eAAgBzB,KAAKM,eACrBoB,UAAU,QAGb1B,KAAKC,OAAS,aACbc,EAAA,cAAAE,IAAA,2CACEU,YAAY,QACZC,UAAU,cACVH,eAAgBzB,KAAKM,gBAErBS,EAAA,MAAAE,IAAA,2CAAIY,KAAK,WACPd,EAAA,QAAAE,IAAA,+CAINF,EAAA,QAAAE,IAAA,wDAAiB,aAAW,K","ignoreList":[]}
+{"version":3,"names":["nvBreadcrumbCss","NvBreadcrumbStyle0","NvBreadcrumb","constructor","hostRef","this","type","componentDidLoad","forceUpdate","componentWillLoad","tooltip","popoverTrigger","Array","from","el","children","find","child","getAttribute","render","h","Host","key","role","current","undefined","class","clsx","ref","message","triggerElement","placement","triggerMode","groupName","slot"],"sources":["src/components/nv-breadcrumb/nv-breadcrumb.scss?tag=nv-breadcrumb","src/components/nv-breadcrumb/nv-breadcrumb.tsx"],"sourcesContent":["@use \"../../styles/focus-ring\" as focus;\n@use \"../../styles/utils\" as utils;\n\n@mixin root-styles() {\n  display: flex;\n  align-items: center;\n  color: var(--components-breadcrumb-text);\n  font-size: var(--font-size-sm);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--line-height-sm);\n}\n\n@mixin link-styles() {\n  display: inline-flex;\n  align-self: center;\n  color: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  text-decoration: none;\n  @include focus.focus-ring(var(--components-breadcrumb-text-hover), 0.3, 0.5);\n  &:hover {\n    text-decoration: underline;\n    color: var(--components-breadcrumb-text-hover);\n  }\n}\n\n@mixin button-styles() {\n  height: 20px;\n  @include focus.focus-ring(var(--components-breadcrumb-text-hover), 0.3, 0.5);\n  &:hover {\n    text-decoration: underline;\n    color: var(--components-breadcrumb-text-hover);\n  }\n}\n\n@mixin separator-styles() {\n  display: inline-flex;\n  padding-left: var(--breadcrumb-padding-y);\n}\n\n@mixin list-styles() {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-1-5);\n  padding: var(--spacing-1);\n\n  a,\n  button {\n    @include link-styles();\n  }\n}\n\nnv-breadcrumb {\n  @include root-styles();\n\n  &.visually-hidden {\n    @include utils.visually-hidden();\n  }\n\n  ul {\n    @include list-styles();\n  }\n  & > a,\n  & > button {\n    @include link-styles();\n  }\n  span[data-scope=\"separator\"] {\n    @include separator-styles();\n  }\n}\n","import { Component, Prop, Host, h, Element, forceUpdate } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * @slot default - Pass an icon, a link, or text to render the breadcrumb content.\n */\n@Component({\n  tag: 'nv-breadcrumb',\n  styleUrl: 'nv-breadcrumb.scss',\n  shadow: false,\n})\nexport class NvBreadcrumb {\n  @Element() el: HTMLNvBreadcrumbElement;\n  private popoverTrigger!: Element;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * The type of the breadcrumb. Use 'collapsed' to house multiple breadcrumbs\n   * in a dropdown. Use default for a single item. When passing multiple items\n   * as collapsed, make sure to wrap you links in list tags\n   */\n  @Prop({ reflect: true })\n  readonly type: 'collapsed' | 'default' = 'default';\n\n  /**\n   * Add an optional tooltip to provide extra information about the breadcrumb.\n   */\n  @Prop({ reflect: true })\n  readonly tooltip: string;\n\n  /**\n   * Use this to highlight the breadcrumb as the current page in your\n   * navigation. It also makes the page clearer to screen readers with\n   * aria-current=\"location\".\n   */\n  @Prop({ reflect: true })\n  readonly current: boolean;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentDidLoad() {\n    // Force a re-render to pass the popoverTrigger ref to the popovers\n    if (this.type === 'collapsed') forceUpdate(this);\n  }\n\n  componentWillLoad() {\n    if (this.type === 'default' && this.tooltip) {\n      this.popoverTrigger = Array.from(this.el.children).find(\n        child => child.getAttribute('slot') === null,\n      );\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        role=\"listitem\"\n        aria-current={this.current ? 'location' : undefined}\n        class={clsx({ 'visually-hidden': this.current })}\n      >\n        {this.type === 'collapsed' ? (\n          <button ref={el => (this.popoverTrigger = el)}>...</button>\n        ) : (\n          <slot></slot>\n        )}\n        {this.tooltip && (\n          <nv-tooltip\n            message={this.tooltip}\n            triggerElement={this.popoverTrigger}\n            placement=\"top\"\n          ></nv-tooltip>\n        )}\n        {this.type === 'collapsed' && (\n          <nv-popover\n            triggerMode=\"click\"\n            groupName=\"breadcrumbs\"\n            triggerElement={this.popoverTrigger}\n          >\n            <ul slot=\"content\">\n              <slot></slot>\n            </ul>\n          </nv-popover>\n        )}\n        <span data-scope=\"separator\">/</span>\n      </Host>\n    );\n  }\n\n  // #endregion RENDER\n}\n"],"mappings":"oGAAA,MAAMA,EAAkB,sgEACxB,MAAAC,EAAeD,E,MCUFE,EAAY,MALzB,WAAAC,CAAAC,G,UAkBWC,KAAAC,KAAgC,S,CAoBzC,gBAAAC,GAEE,GAAIF,KAAKC,OAAS,YAAaE,EAAYH,K,CAG7C,iBAAAI,GACE,GAAIJ,KAAKC,OAAS,WAAaD,KAAKK,QAAS,CAC3CL,KAAKM,eAAiBC,MAAMC,KAAKR,KAAKS,GAAGC,UAAUC,MACjDC,GAASA,EAAMC,aAAa,UAAY,M,EAS9C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,WAAU,eACDlB,KAAKmB,QAAU,WAAaC,UAC1CC,MAAOC,EAAK,CAAE,kBAAmBtB,KAAKmB,WAErCnB,KAAKC,OAAS,YACbc,EAAA,UAAQQ,IAAKd,GAAOT,KAAKM,eAAiBG,GAAG,OAE7CM,EAAA,aAEDf,KAAKK,SACJU,EAAA,cAAAE,IAAA,2CACEO,QAASxB,KAAKK,QACdoB,eAAgBzB,KAAKM,eACrBoB,UAAU,QAGb1B,KAAKC,OAAS,aACbc,EAAA,cAAAE,IAAA,2CACEU,YAAY,QACZC,UAAU,cACVH,eAAgBzB,KAAKM,gBAErBS,EAAA,MAAAE,IAAA,2CAAIY,KAAK,WACPd,EAAA,QAAAE,IAAA,+CAINF,EAAA,QAAAE,IAAA,wDAAiB,aAAW,K","ignoreList":[]}

package/dist/native/p-13032ec1.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as e,h as a,H as n,g as r}from"./p-d0a33e64.js";import{c}from"./p-8a1a6e56.js";import{u as i}from"./p-9a263d0e.js";import{u as l}from"./p-1cbacdba.js";import"./p-09cdd71f.js";import{t as d}from"./p-15aeab4d.js";const s="nv-badge{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.with-gap{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.with-gap.is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-badge:not(.with-gap){padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge:not(.with-gap).is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.badge-1{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-1 .close:focus,nv-badge.badge-1 .close:focus-within{outline:none}nv-badge.badge-1 .close:focus-visible,nv-badge.badge-1 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-content);outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-1 nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-2{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-2 .close:focus,nv-badge.badge-2 .close:focus-within{outline:none}nv-badge.badge-2 .close:focus-visible,nv-badge.badge-2 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-content);outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-2 nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-3{color:var(--color-rainbow-3-text);background-color:var(--color-rainbow-3-background);border-color:var(--color-rainbow-3-border)}nv-badge.badge-3 .close:focus,nv-badge.badge-3 .close:focus-within{outline:none}nv-badge.badge-3 .close:focus-visible,nv-badge.badge-3 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-content);outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-3 nv-icon{color:var(--color-rainbow-3-icon)}nv-badge.badge-4{color:var(--color-rainbow-4-text);background-color:var(--color-rainbow-4-background);border-color:var(--color-rainbow-4-border)}nv-badge.badge-4 .close:focus,nv-badge.badge-4 .close:focus-within{outline:none}nv-badge.badge-4 .close:focus-visible,nv-badge.badge-4 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-content);outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-4 nv-icon{color:var(--color-rainbow-4-icon)}nv-badge.badge-5{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-5 .close:focus,nv-badge.badge-5 .close:focus-within{outline:none}nv-badge.badge-5 .close:focus-visible,nv-badge.badge-5 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-content);outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-5 nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-6{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-6 .close:focus,nv-badge.badge-6 .close:focus-within{outline:none}nv-badge.badge-6 .close:focus-visible,nv-badge.badge-6 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-content);outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-6 nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-7{color:var(--color-rainbow-7-text);background-color:var(--color-rainbow-7-background);border-color:var(--color-rainbow-7-border)}nv-badge.badge-7 .close:focus,nv-badge.badge-7 .close:focus-within{outline:none}nv-badge.badge-7 .close:focus-visible,nv-badge.badge-7 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-content);outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-7 nv-icon{color:var(--color-rainbow-7-icon)}nv-badge.badge-8{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-8 .close:focus,nv-badge.badge-8 .close:focus-within{outline:none}nv-badge.badge-8 .close:focus-visible,nv-badge.badge-8 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-content);outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-8 nv-icon{color:var(--color-rainbow-8-icon)}nv-badge.badge-9{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-9 .close:focus,nv-badge.badge-9 .close:focus-within{outline:none}nv-badge.badge-9 .close:focus-visible,nv-badge.badge-9 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-content);outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-9 nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-10{color:var(--color-rainbow-10-text);background-color:var(--color-rainbow-10-background);border-color:var(--color-rainbow-10-border)}nv-badge.badge-10 .close:focus,nv-badge.badge-10 .close:focus-within{outline:none}nv-badge.badge-10 .close:focus-visible,nv-badge.badge-10 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-content);outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-10 nv-icon{color:var(--color-rainbow-10-icon)}nv-badge.badge-error{color:var(--color-feedback-error-low-text);background-color:var(--color-feedback-error-low-background);border-color:var(--color-feedback-error-low-border)}nv-badge.badge-error .close:focus,nv-badge.badge-error .close:focus-within{outline:none}nv-badge.badge-error .close:focus-visible,nv-badge.badge-error .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-error-low-content, var(--color-feedback-error-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-error nv-icon{color:var(--color-feedback-error-low-icon)}nv-badge.badge-information{color:var(--color-feedback-information-low-text);background-color:var(--color-feedback-information-low-background);border-color:var(--color-feedback-information-low-border)}nv-badge.badge-information .close:focus,nv-badge.badge-information .close:focus-within{outline:none}nv-badge.badge-information .close:focus-visible,nv-badge.badge-information .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-information-low-content, var(--color-feedback-information-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-information nv-icon{color:var(--color-feedback-information-low-icon)}nv-badge.badge-neutral{color:var(--color-feedback-neutral-low-text);background-color:var(--color-feedback-neutral-low-background);border-color:var(--color-feedback-neutral-low-border)}nv-badge.badge-neutral .close:focus,nv-badge.badge-neutral .close:focus-within{outline:none}nv-badge.badge-neutral .close:focus-visible,nv-badge.badge-neutral .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-neutral-low-content, var(--color-feedback-neutral-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-neutral nv-icon{color:var(--color-feedback-neutral-low-icon)}nv-badge.badge-success{color:var(--color-feedback-success-low-text);background-color:var(--color-feedback-success-low-background);border-color:var(--color-feedback-success-low-border)}nv-badge.badge-success .close:focus,nv-badge.badge-success .close:focus-within{outline:none}nv-badge.badge-success .close:focus-visible,nv-badge.badge-success .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-success-low-content, var(--color-feedback-success-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-success nv-icon{color:var(--color-feedback-success-low-icon)}nv-badge.badge-warning{color:var(--color-feedback-warning-low-text);background-color:var(--color-feedback-warning-low-background);border-color:var(--color-feedback-warning-low-border)}nv-badge.badge-warning .close:focus,nv-badge.badge-warning .close:focus-within{outline:none}nv-badge.badge-warning .close:focus-visible,nv-badge.badge-warning .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-warning-low-content, var(--color-feedback-warning-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-warning nv-icon{color:var(--color-feedback-warning-low-icon)}nv-badge.badge-amber{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-amber .close:focus,nv-badge.badge-amber .close:focus-within{outline:none}nv-badge.badge-amber .close:focus-visible,nv-badge.badge-amber .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-amber-content, var(--color-rainbow-1-text));outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-amber nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-orange{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-orange .close:focus,nv-badge.badge-orange .close:focus-within{outline:none}nv-badge.badge-orange .close:focus-visible,nv-badge.badge-orange .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-orange-content, var(--color-rainbow-2-text));outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-orange nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-turquoise{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-turquoise .close:focus,nv-badge.badge-turquoise .close:focus-within{outline:none}nv-badge.badge-turquoise .close:focus-visible,nv-badge.badge-turquoise .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-turquoise-content, var(--color-rainbow-5-text));outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-turquoise nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-crimson{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-crimson .close:focus,nv-badge.badge-crimson .close:focus-within{outline:none}nv-badge.badge-crimson .close:focus-visible,nv-badge.badge-crimson .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-crimson-content, var(--color-rainbow-6-text));outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-crimson nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-lime{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-lime .close:focus,nv-badge.badge-lime .close:focus-within{outline:none}nv-badge.badge-lime .close:focus-visible,nv-badge.badge-lime .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-lime-content, var(--color-rainbow-9-text));outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-lime nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-petrol{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-petrol .close:focus,nv-badge.badge-petrol .close:focus-within{outline:none}nv-badge.badge-petrol .close:focus-visible,nv-badge.badge-petrol .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-petrol-content, var(--color-rainbow-8-text));outline-offset:calc(var(--focus-outline-offset) * 0.2);z-index:111}nv-badge.badge-petrol nv-icon{color:var(--color-rainbow-8-icon)}nv-badge span{font-size:var(--font-size-xs);line-height:var(--line-height-xs) !important;text-align:center}nv-badge nv-icon>svg.icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-sm{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-md{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-lg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-xl{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge .close{padding:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;aspect-ratio:1/1;border-radius:var(--radius-rounded-full)}";const b=s;const t=class{constructor(a){o(this,a);this.closeClicked=e(this,"closeClicked",7);this.hiddenChanged=e(this,"hiddenChanged",7);this.hiddenChangedComplete=e(this,"hiddenChangedComplete",7);this.dismissal=false;this.color="1";this.label=null;this.leadIcon=null;this.dismissible=false;this.hidden=false;this.preventAutoClose=false;this.isIconOnly=false;this.handleClose=()=>{if(!this.preventAutoClose){this.hidden=true}this.closeClicked.emit()}}handleDismissalChange(o){this.dismissible=o}handleIconChange(o){this.leadIcon=o}async handleHiddenChange(o){this.hiddenChanged.emit(o);if(this._isHidden===true)this._isHidden=o;const{fadeIn:e,fadeOut:a}=l(this.ref,{duration:150});const{collapse:n,expand:r}=i(this.ref,{duration:150});if(o===true)await d(a,n).start();if(o===false)await d(r,e).start();this.hiddenChangedComplete.emit(o);if(this._isHidden===false)this._isHidden=o}componentWillLoad(){if(this.dismissal){this.dismissible=this.dismissal}if(this.icon!=null&&this.icon!=""){this.leadIcon=this.icon}if(this.hidden){this._isHidden=true;const{setCollapsed:o}=i(this.ref);const{setFadeOut:e}=l(this.ref);o();e()}}render(){return a(n,{key:"435c5bb1f565c8bd95cca5c6828157c80f60aa39",class:c(`badge-${this.color}`,{"has-close":this.dismissible,"with-gap":this.dismissible||this.label,"visually-hidden":this._isHidden,"is-icon-only":this.isIconOnly})},a("slot",{key:"271dc833471e026af5088f48227639682e661e97",name:"leading-icon"},this.leadIcon&&a("nv-icon",{key:"e578eabf4c5a09e61e28c3839b943804acdf88e8",name:this.leadIcon,size:"sm"})),a("span",{key:"24d16a21b2b4499be712f9b747c9ab63c5e6ca0c",class:c({"visually-hidden":this.isIconOnly})},this.label,a("slot",{key:"3e3827620e6ade8be256ce7dd0b8bb949f36f2d5"})),this.dismissible&&a("button",{key:"90ed9ec1b71815554b963b0eafeb5536578700cf",onClick:this.handleClose,class:"close",type:"button"},a("nv-icon",{key:"df426e5d88c2bf02e7aa83c179c05db4795f03db",name:"x",size:"sm"})))}get ref(){return r(this)}static get watchers(){return{dismissal:["handleDismissalChange"],icon:["handleIconChange"],hidden:["handleHiddenChange"]}}};t.style=b;const g="nv-fielddropdownitemcheck{cursor:pointer;display:flex;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);border-radius:var(--list-dropdown-item-radius)}nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck:hover{background-color:var(--components-list-dropdown-item-background-hover)}";const v=g;const u=class{constructor(a){o(this,a);this.itemChecked=e(this,"itemChecked",7);this.checked=false;this.disabled=false;this.onFieldcheckboxChanged=o=>{if(this.disabled)return;this.checked=o.detail;this.itemChecked.emit({value:this.value,checked:this.checked,group:this.group})};this.handleClick=()=>{if(this.disabled)return;if(this.el.querySelector("input").checked){this.checked=false}else{this.checked=true}}}render(){return a(n,{key:"869eb969c0cff66f1947673e5aa3e0c677a07421",onClick:this.handleClick},a("nv-fieldcheckbox",{key:"4bbe45597bdd0f30c8e9a255e52d08be476fab1a",checked:this.checked,name:this.label||this.value,label:this.label||this.value,labelPlacement:"after",description:this.description,disabled:this.disabled,tabindex:"-1",onCheckedChanged:this.onFieldcheckboxChanged},a("slot",{key:"f53f44e3fdb78894e9bb37fa455b1407efea17b1"}),a("slot",{key:"aacd757c1fec541a4fc7b4f2683281aef31ee135",name:"main"}),a("slot",{key:"ef2f761a3a1f05dcba6145efc89830ddc82af27d",name:"label"}),a("slot",{key:"610700f871b524f1f89538d03bd6c16167e3b24e",name:"description"})))}get el(){return r(this)}};u.style=v;export{t as nv_badge,u as nv_fielddropdownitemcheck};
+//# sourceMappingURL=p-13032ec1.entry.js.map

package/dist/native/p-13032ec1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvBadgeCss","NvBadgeStyle0","NvBadge","constructor","hostRef","this","dismissal","color","label","leadIcon","dismissible","hidden","preventAutoClose","isIconOnly","handleClose","closeClicked","emit","handleDismissalChange","handleIconChange","icon","handleHiddenChange","hiddenChanged","_isHidden","fadeIn","fadeOut","useFade","ref","duration","collapse","expand","useCollapse","timeline","start","hiddenChangedComplete","componentWillLoad","setCollapsed","setFadeOut","render","h","Host","key","class","clsx","name","size","onClick","type","nvFielddropdownitemcheckCss","NvFielddropdownitemcheckStyle0","NvFielddropdownitemcheck","checked","disabled","onFieldcheckboxChanged","event","detail","itemChecked","value","group","handleClick","el","querySelector","labelPlacement","description","tabindex","onCheckedChanged"],"sources":["src/components/nv-badge/nv-badge.scss?tag=nv-badge","src/components/nv-badge/nv-badge.tsx","src/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.scss?tag=nv-fielddropdownitemcheck","src/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.tsx"],"sourcesContent":["@use 'sass:map';\n@use '../nv-icon/styles/mixins' as icon;\n@use '../../styles/utils' as utils;\n@import '../../styles/focus-ring';\n\n/* Variants */\n$badge-colors: (\n  '1',\n  '2',\n  '3',\n  '4',\n  '5',\n  '6',\n  '7',\n  '8',\n  '9',\n  '10',\n  'error',\n  'information',\n  'neutral',\n  'success',\n  'warning',\n  'amber',\n  'orange',\n  'turquoise',\n  'crimson',\n  'lime',\n  'petrol',\n);\n\n/* Define maps for color-related variables */\n$color-rainbow-text: (\n  '1': var(--color-rainbow-1-text),\n  '2': var(--color-rainbow-2-text),\n  '3': var(--color-rainbow-3-text),\n  '4': var(--color-rainbow-4-text),\n  '5': var(--color-rainbow-5-text),\n  '6': var(--color-rainbow-6-text),\n  '7': var(--color-rainbow-7-text),\n  '8': var(--color-rainbow-8-text),\n  '9': var(--color-rainbow-9-text),\n  '10': var(--color-rainbow-10-text),\n  'error': var(--color-feedback-error-low-text),\n  'information': var(--color-feedback-information-low-text),\n  'neutral': var(--color-feedback-neutral-low-text),\n  'success': var(--color-feedback-success-low-text),\n  'warning': var(--color-feedback-warning-low-text),\n  'amber': var(--color-rainbow-1-text),\n  'orange': var(--color-rainbow-2-text),\n  'turquoise': var(--color-rainbow-5-text),\n  'crimson': var(--color-rainbow-6-text),\n  'lime': var(--color-rainbow-9-text),\n  'petrol': var(--color-rainbow-8-text),\n);\n\n$color-rainbow-icon: (\n  '1': var(--color-rainbow-1-icon),\n  '2': var(--color-rainbow-2-icon),\n  '3': var(--color-rainbow-3-icon),\n  '4': var(--color-rainbow-4-icon),\n  '5': var(--color-rainbow-5-icon),\n  '6': var(--color-rainbow-6-icon),\n  '7': var(--color-rainbow-7-icon),\n  '8': var(--color-rainbow-8-icon),\n  '9': var(--color-rainbow-9-icon),\n  '10': var(--color-rainbow-10-icon),\n  'error': var(--color-feedback-error-low-icon),\n  'information': var(--color-feedback-information-low-icon),\n  'neutral': var(--color-feedback-neutral-low-icon),\n  'success': var(--color-feedback-success-low-icon),\n  'warning': var(--color-feedback-warning-low-icon),\n  'amber': var(--color-rainbow-1-icon),\n  'orange': var(--color-rainbow-2-icon),\n  'turquoise': var(--color-rainbow-5-icon),\n  'crimson': var(--color-rainbow-6-icon),\n  'lime': var(--color-rainbow-9-icon),\n  'petrol': var(--color-rainbow-8-icon),\n);\n\n$color-rainbow-background: (\n  '1': var(--color-rainbow-1-background),\n  '2': var(--color-rainbow-2-background),\n  '3': var(--color-rainbow-3-background),\n  '4': var(--color-rainbow-4-background),\n  '5': var(--color-rainbow-5-background),\n  '6': var(--color-rainbow-6-background),\n  '7': var(--color-rainbow-7-background),\n  '8': var(--color-rainbow-8-background),\n  '9': var(--color-rainbow-9-background),\n  '10': var(--color-rainbow-10-background),\n  'error': var(--color-feedback-error-low-background),\n  'information': var(--color-feedback-information-low-background),\n  'neutral': var(--color-feedback-neutral-low-background),\n  'success': var(--color-feedback-success-low-background),\n  'warning': var(--color-feedback-warning-low-background),\n  'amber': var(--color-rainbow-1-background),\n  'orange': var(--color-rainbow-2-background),\n  'turquoise': var(--color-rainbow-5-background),\n  'crimson': var(--color-rainbow-6-background),\n  'lime': var(--color-rainbow-9-background),\n  'petrol': var(--color-rainbow-8-background),\n);\n$color-rainbow-border: (\n  '1': var(--color-rainbow-1-border),\n  '2': var(--color-rainbow-2-border),\n  '3': var(--color-rainbow-3-border),\n  '4': var(--color-rainbow-4-border),\n  '5': var(--color-rainbow-5-border),\n  '6': var(--color-rainbow-6-border),\n  '7': var(--color-rainbow-7-border),\n  '8': var(--color-rainbow-8-border),\n  '9': var(--color-rainbow-9-border),\n  '10': var(--color-rainbow-10-border),\n  'error': var(--color-feedback-error-low-border),\n  'information': var(--color-feedback-information-low-border),\n  'neutral': var(--color-feedback-neutral-low-border),\n  'success': var(--color-feedback-success-low-border),\n  'warning': var(--color-feedback-warning-low-border),\n  'amber': var(--color-rainbow-1-border),\n  'orange': var(--color-rainbow-2-border),\n  'turquoise': var(--color-rainbow-5-border),\n  'crimson': var(--color-rainbow-6-border),\n  'lime': var(--color-rainbow-9-border),\n  'petrol': var(--color-rainbow-8-border),\n);\n\n@mixin root-styles() {\n  padding: var(--badge-padding-y) var(--badge-padding-x);\n  display: inline-flex !important; // override the display: none in [hidden] css\n  gap: var(--badge-gap-x);\n  vertical-align: middle;\n  align-items: center;\n  border-radius: var(--radius-rounded-full);\n  border-style: solid;\n  border-width: 0.5px;\n  height: fit-content;\n  width: fit-content;\n\n  &.is-icon-only {\n    padding: var(--badge-padding-y) var(--badge-padding-icon-only-x);\n    gap: var(--badge-gap-icon-only-x);\n  }\n}\n\n@mixin root-styles-with-gap() {\n  @include root-styles();\n}\n\n@mixin badge-color($color-key) {\n  color: map.get($color-rainbow-text, $color-key);\n  background-color: map.get($color-rainbow-background, $color-key);\n  border-color: map.get($color-rainbow-border, $color-key);\n  .close {\n    @include focus-ring(\n      if(\n        str-index('error information neutral success warning', $color-key),\n        var(\n          --color-feedback-#{$color-key}-low-content,\n          map.get($color-rainbow-text, $color-key)\n        ),\n        if(\n          type-of($color-key) == 'string' and not (str-length($color-key) <= 2)\n            and not\n            str-index('error information neutral success warning', $color-key),\n          var(\n            --color-#{$color-key}-content,\n            map.get($color-rainbow-text, $color-key)\n          ),\n          var(--color-rainbow-#{$color-key}-content)\n        )\n      ),\n      0.2\n    );\n  }\n}\n\n@mixin icon-color($color-key) {\n  color: map.get($color-rainbow-icon, $color-key);\n}\n\n@mixin type-settings($font-size, $line-height) {\n  font-size: var(--font-size-xs);\n  line-height: var(--line-height-xs) !important;\n}\n\nnv-badge {\n  @include root-styles();\n\n  //gap styles\n  &.with-gap {\n    @include root-styles-with-gap();\n  }\n\n  &.visually-hidden {\n    @include utils.visually-hidden();\n  }\n\n  &:not(.with-gap) {\n    @include root-styles();\n  }\n\n  // color styles\n  @each $i in $badge-colors {\n    &.badge-#{$i} {\n      @include badge-color($i);\n      nv-icon {\n        @include icon-color($i);\n      }\n    }\n  }\n\n  //label styles\n  & span {\n    @include type-settings(xs, xs);\n    text-align: center;\n  }\n\n  // nv-icon styles\n  & nv-icon > svg {\n    @each $size, $config in icon.$size-variants {\n      &.icon-#{$size} {\n        @include icon.icon-size-and-stroke(\n          map.get(map.get(icon.$size-variants, 'xs'), size),\n          map.get(map.get(icon.$size-variants, 'xs'), stroke)\n        );\n      }\n    }\n  }\n\n  .close {\n    padding: 0;\n    line-height: 0;\n    border: none;\n    background: none;\n    cursor: pointer;\n    color: inherit;\n    display: inline-flex;\n    align-items: center;\n    aspect-ratio: 1/1;\n    border-radius: var(--radius-rounded-full);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Watch,\n  Element,\n  State,\n} from '@stencil/core';\nimport clsx from 'clsx';\nimport { useFade, useCollapse, timeline } from '../../animations';\n\n/**\n * @slot leading-icon - Icon before the label.\n * @slot default - for custom content, for pure text use label instead.\n */\n@Component({\n  tag: 'nv-badge',\n  styleUrl: 'nv-badge.scss',\n  shadow: false,\n})\nexport class NvBadge {\n  @Element() ref: HTMLNvBadgeElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Whether the badge is dismissible.\n   * @deprecated use dismissible instead.\n   */\n  @Prop({ reflect: true })\n  readonly dismissal: boolean = false;\n\n  /**\n   * The icon to display in the badge.\n   * @deprecated use leadIcon or slot=\"leading-icon\" instead.\n   */\n  @Prop({ reflect: true })\n  readonly icon: string;\n\n  /**\n   * The location of the icon in the badge.\n   * @deprecated only leadIcon now.\n   */\n  @Prop({ reflect: true })\n  readonly iconLocation: 'left' | 'right';\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * The color of the badge.\n   * deprecated Use status values or named colors instead.\n   * Use a string between 1 to 10\n   * or one of the status values: error, information, neutral, success, warning\n   * or one of the color names: amber, orange, turquoise, crimson, lime\n   */\n  @Prop({ reflect: true })\n  readonly color?: string = '1';\n\n  /**\n   * Main content of the badge.\n   */\n  @Prop({ reflect: true })\n  readonly label?: string | null = null;\n\n  /**\n   * The lead icon of the badge.\n   */\n  @Prop({ reflect: true, mutable: true })\n  leadIcon?: string | null = null;\n\n  /**\n   * Whether the badge is dismissible.\n   */\n  @Prop({ reflect: true, mutable: true })\n  dismissible: boolean = false;\n\n  /**\n   * Controls the visibility of the badge. Will animate with fade and collapse.\n   */\n  @Prop({ reflect: true, mutable: true })\n  hidden: boolean = false; // eslint-disable-line @stencil-community/reserved-member-names\n  @State()\n  private _isHidden: boolean;\n\n  /**\n   * When true, the alert does not automatically close upon dismissing.\n   * Useful for externally controlled component behavior.\n   */\n  @Prop({ reflect: true })\n  readonly preventAutoClose: boolean = false;\n\n  /**\n   * When true, the badge will only display an icon without label.\n   * The label will be visually hidden but still accessible for screen readers.\n   */\n  @Prop({ reflect: true })\n  readonly isIconOnly?: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the badge is dismissed.\n   */\n  @Event()\n  closeClicked: EventEmitter<void>;\n\n  /**\n   * Emits when the 'hidden' prop changes, reflecting a change in visibility.\n   * Passes hidden value to the detail.\n   */\n  @Event()\n  hiddenChanged: EventEmitter<boolean>;\n\n  /**\n   * Emitted when the animations complete, detail includes the hidden value.\n   */\n  @Event()\n  hiddenChangedComplete: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * Handles the dismissal prop change.\n   * @param {boolean} dismissal - The new dismissal value.\n   */\n  @Watch('dismissal')\n  handleDismissalChange(dismissal: boolean) {\n    this.dismissible = dismissal;\n  }\n\n  /**\n   * Handles the icon prop change.\n   * @param {string} icon - The new icon value.\n   */\n  @Watch('icon')\n  handleIconChange(icon: string) {\n    this.leadIcon = icon;\n  }\n\n  /**\n   * Handles the hidden prop change.\n   * @param {boolean} hidden - The new hidden value.\n   */\n  @Watch('hidden')\n  async handleHiddenChange(hidden: boolean) {\n    this.hiddenChanged.emit(hidden);\n    if (this._isHidden === true) this._isHidden = hidden;\n\n    const { fadeIn, fadeOut } = useFade(this.ref, { duration: 150 });\n    const { collapse, expand } = useCollapse(this.ref, { duration: 150 });\n\n    if (hidden === true) await timeline(fadeOut, collapse).start();\n    if (hidden === false) await timeline(expand, fadeIn).start();\n\n    this.hiddenChangedComplete.emit(hidden);\n\n    if (this._isHidden === false) this._isHidden = hidden;\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  /**\n   * Component will load.\n   */\n  componentWillLoad() {\n    if (this.dismissal) {\n      this.dismissible = this.dismissal;\n    }\n\n    if (this.icon != null && this.icon != '') {\n      this.leadIcon = this.icon;\n    }\n\n    if (this.hidden) {\n      this._isHidden = true;\n      const { setCollapsed } = useCollapse(this.ref);\n      const { setFadeOut } = useFade(this.ref);\n\n      setCollapsed();\n      setFadeOut();\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles the close button click.\n   */\n  private readonly handleClose = () => {\n    if (!this.preventAutoClose) {\n      this.hidden = true;\n    }\n\n    this.closeClicked.emit();\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        class={clsx(`badge-${this.color}`, {\n          'has-close': this.dismissible,\n          'with-gap': this.dismissible || this.label,\n          'visually-hidden': this._isHidden,\n          'is-icon-only': this.isIconOnly,\n        })}\n      >\n        <slot name=\"leading-icon\">\n          {this.leadIcon && <nv-icon name={this.leadIcon} size=\"sm\"></nv-icon>}\n        </slot>\n\n        <span class={clsx({ 'visually-hidden': this.isIconOnly })}>\n          {this.label}\n          <slot></slot>\n        </span>\n\n        {this.dismissible && (\n          <button onClick={this.handleClose} class=\"close\" type=\"button\">\n            <nv-icon name=\"x\" size=\"sm\" />\n          </button>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n","nv-fielddropdownitemcheck {\n  slot-fb,\n  span {\n    all: unset;\n  }\n\n  cursor: pointer;\n  display: flex;\n  padding: var(--list-dropdown-item-padding-y)  var(--list-dropdown-item-padding-x);\n  border-radius: var(--list-dropdown-item-radius);\n\n  &:hover {\n    background-color: var(--components-list-dropdown-item-background-hover);\n  }\n}","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n} from '@stencil/core';\n\n/**\n * @slot default - Next to the label and description.\n * @slot main - Replaces the label and description.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n */\n@Component({\n  tag: 'nv-fielddropdownitemcheck',\n  styleUrl: 'nv-fielddropdownitemcheck.scss',\n  shadow: false,\n})\nexport class NvFielddropdownitemcheck {\n  @Element() el: HTMLNvFielddropdownitemcheckElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Indicates whether the checkbox is selected.\n   */\n  @Prop({ reflect: true, mutable: true })\n  checked: boolean = false;\n\n  /**\n   * The value associated with this item.\n   */\n  @Prop({ reflect: true })\n  readonly value?: string;\n\n  /**\n   * The label displayed alongside the checkbox.\n   */\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  /**\n   * A description providing additional context or information about the\n   * checkbox.\n   */\n  @Prop({ reflect: true })\n  readonly description?: string;\n\n  /**\n   * The group this item belongs to, if applicable.\n   */\n  @Prop({ reflect: true })\n  readonly group?: string;\n\n  /**\n   * Disables the item, preventing any user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Event emitted when the checkbox is toggled.\n   * It provides details about the current state of the item.\n   */\n  @Event()\n  itemChecked: EventEmitter<{\n    /**\n     * The value associated with this item\n     */\n    value: string | undefined;\n    /**\n     * Whether the checkbox is currently checked\n     */\n    checked: boolean;\n    /**\n     * The group this item belongs to, if any\n     */\n    group?: string | undefined;\n  }>;\n\n  /**\n   * when the child <nv-fieldcheckbox> change its `checked` state,\n   * update `this.checked` and emit `itemChecked`.\n   * @param {CustomEvent<boolean>} event - The event emitted by the <nv-fieldcheckbox> component.\n   */\n  private onFieldcheckboxChanged = (event: CustomEvent<boolean>) => {\n    if (this.disabled) return;\n    // NvFieldcheckbox has emitted checkedChanged\n    this.checked = event.detail; // get the new state\n    this.itemChecked.emit({\n      value: this.value,\n      checked: this.checked,\n      group: this.group,\n    });\n  };\n\n  /** Make sure the checkbox is checked when clicked anywhere in the item. */\n  private handleClick = () => {\n    if (this.disabled) return;\n    if (this.el.querySelector('input').checked) {\n      this.checked = false;\n    } else {\n      this.checked = true;\n    }\n  };\n\n  render() {\n    return (\n      <Host onClick={this.handleClick}>\n        <nv-fieldcheckbox\n          checked={this.checked}\n          name={this.label || this.value}\n          label={this.label || this.value}\n          labelPlacement=\"after\"\n          description={this.description}\n          disabled={this.disabled}\n          tabindex=\"-1\"\n          onCheckedChanged={this.onFieldcheckboxChanged}\n        >\n          <slot></slot>\n          <slot name=\"main\"></slot>\n          <slot name=\"label\"></slot>\n          <slot name=\"description\"></slot>\n        </nv-fieldcheckbox>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mOAAA,MAAMA,EAAa,2sbACnB,MAAAC,EAAeD,E,MCsBFE,EAAO,MALpB,WAAAC,CAAAC,G,+JAgBWC,KAAAC,UAAqB,MA4BrBD,KAAAE,MAAiB,IAMjBF,KAAAG,MAAwB,KAMjCH,KAAAI,SAA2B,KAM3BJ,KAAAK,YAAuB,MAMvBL,KAAAM,OAAkB,MASTN,KAAAO,iBAA4B,MAO5BP,KAAAQ,WAAuB,MAoGfR,KAAAS,YAAc,KAC7B,IAAKT,KAAKO,iBAAkB,CAC1BP,KAAKM,OAAS,I,CAGhBN,KAAKU,aAAaC,MAAM,C,CAvE1B,qBAAAC,CAAsBX,GACpBD,KAAKK,YAAcJ,C,CAQrB,gBAAAY,CAAiBC,GACfd,KAAKI,SAAWU,C,CAQlB,wBAAMC,CAAmBT,GACvBN,KAAKgB,cAAcL,KAAKL,GACxB,GAAIN,KAAKiB,YAAc,KAAMjB,KAAKiB,UAAYX,EAE9C,MAAMY,OAAEA,EAAMC,QAAEA,GAAYC,EAAQpB,KAAKqB,IAAK,CAAEC,SAAU,MAC1D,MAAMC,SAAEA,EAAQC,OAAEA,GAAWC,EAAYzB,KAAKqB,IAAK,CAAEC,SAAU,MAE/D,GAAIhB,IAAW,WAAYoB,EAASP,EAASI,GAAUI,QACvD,GAAIrB,IAAW,YAAaoB,EAASF,EAAQN,GAAQS,QAErD3B,KAAK4B,sBAAsBjB,KAAKL,GAEhC,GAAIN,KAAKiB,YAAc,MAAOjB,KAAKiB,UAAYX,C,CAUjD,iBAAAuB,GACE,GAAI7B,KAAKC,UAAW,CAClBD,KAAKK,YAAcL,KAAKC,S,CAG1B,GAAID,KAAKc,MAAQ,MAAQd,KAAKc,MAAQ,GAAI,CACxCd,KAAKI,SAAWJ,KAAKc,I,CAGvB,GAAId,KAAKM,OAAQ,CACfN,KAAKiB,UAAY,KACjB,MAAMa,aAAEA,GAAiBL,EAAYzB,KAAKqB,KAC1C,MAAMU,WAAEA,GAAeX,EAAQpB,KAAKqB,KAEpCS,IACAC,G,EAuBJ,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOC,EAAK,SAASrC,KAAKE,QAAS,CACjC,YAAaF,KAAKK,YAClB,WAAYL,KAAKK,aAAeL,KAAKG,MACrC,kBAAmBH,KAAKiB,UACxB,eAAgBjB,KAAKQ,cAGvByB,EAAA,QAAAE,IAAA,2CAAMG,KAAK,gBACRtC,KAAKI,UAAY6B,EAAA,WAAAE,IAAA,2CAASG,KAAMtC,KAAKI,SAAUmC,KAAK,QAGvDN,EAAA,QAAAE,IAAA,2CAAMC,MAAOC,EAAK,CAAE,kBAAmBrC,KAAKQ,cACzCR,KAAKG,MACN8B,EAAA,QAAAE,IAAA,8CAGDnC,KAAKK,aACJ4B,EAAA,UAAAE,IAAA,2CAAQK,QAASxC,KAAKS,YAAa2B,MAAM,QAAQK,KAAK,UACpDR,EAAA,WAAAE,IAAA,2CAASG,KAAK,IAAIC,KAAK,Q,gKC3OnC,MAAMG,EAA8B,0WACpC,MAAAC,EAAeD,E,MCoBFE,EAAwB,MALrC,WAAA9C,CAAAC,G,mDAeEC,KAAA6C,QAAmB,MA+BV7C,KAAA8C,SAAoB,MA+BrB9C,KAAA+C,uBAA0BC,IAChC,GAAIhD,KAAK8C,SAAU,OAEnB9C,KAAK6C,QAAUG,EAAMC,OACrBjD,KAAKkD,YAAYvC,KAAK,CACpBwC,MAAOnD,KAAKmD,MACZN,QAAS7C,KAAK6C,QACdO,MAAOpD,KAAKoD,OACZ,EAIIpD,KAAAqD,YAAc,KACpB,GAAIrD,KAAK8C,SAAU,OACnB,GAAI9C,KAAKsD,GAAGC,cAAc,SAASV,QAAS,CAC1C7C,KAAK6C,QAAU,K,KACV,CACL7C,KAAK6C,QAAU,I,GAInB,MAAAb,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACK,QAASxC,KAAKqD,aAClBpB,EAAA,oBAAAE,IAAA,2CACEU,QAAS7C,KAAK6C,QACdP,KAAMtC,KAAKG,OAASH,KAAKmD,MACzBhD,MAAOH,KAAKG,OAASH,KAAKmD,MAC1BK,eAAe,QACfC,YAAazD,KAAKyD,YAClBX,SAAU9C,KAAK8C,SACfY,SAAS,KACTC,iBAAkB3D,KAAK+C,wBAEvBd,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,2CAAMG,KAAK,SACXL,EAAA,QAAAE,IAAA,2CAAMG,KAAK,UACXL,EAAA,QAAAE,IAAA,2CAAMG,KAAK,iB","ignoreList":[]}

package/dist/native/p-184032cb.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as e,H as t,g as n}from"./p-d0a33e64.js";import{c as r}from"./p-8a1a6e56.js";const i='nv-iconbutton.root{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:500;font-family:"TT Norms Pro", sans-serif;transition:background-color 150ms ease-out;height:fit-content;width:fit-content}nv-iconbutton.size-xs{padding:var(--button-xs-icon-button-padding);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-iconbutton.size-sm{padding:var(--button-sm-icon-button-padding);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-iconbutton.size-md{padding:var(--button-md-icon-button-padding);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-iconbutton.size-lg{padding:var(--button-lg-icon-button-padding);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-iconbutton.emphasis-high{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-iconbutton.emphasis-high:hover{background:var(--components-button-high-background-hover);color:var(--components-button-high-text-hover)}nv-iconbutton.emphasis-high:focus,nv-iconbutton.emphasis-high:focus-within{outline:none}nv-iconbutton.emphasis-high:focus-visible,nv-iconbutton.emphasis-high:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1);z-index:111}nv-iconbutton.emphasis-high:disabled{background:var(--components-button-high-background);color:var(--components-button-high-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-high nv-icon>svg{color:var(--components-button-high-icon)}nv-iconbutton.emphasis-medium{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-iconbutton.emphasis-medium:hover{background:var(--components-button-medium-background-hover);color:var(--components-button-medium-text-hover)}nv-iconbutton.emphasis-medium:focus,nv-iconbutton.emphasis-medium:focus-within{outline:none}nv-iconbutton.emphasis-medium:focus-visible,nv-iconbutton.emphasis-medium:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1);z-index:111}nv-iconbutton.emphasis-medium:disabled{background:var(--components-button-medium-background);color:var(--components-button-medium-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-medium nv-icon>svg{color:var(--components-button-medium-icon)}nv-iconbutton.emphasis-low{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-iconbutton.emphasis-low:hover{background:var(--components-button-low-background-hover);color:var(--components-button-low-text-hover)}nv-iconbutton.emphasis-low:focus,nv-iconbutton.emphasis-low:focus-within{outline:none}nv-iconbutton.emphasis-low:focus-visible,nv-iconbutton.emphasis-low:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1);z-index:111}nv-iconbutton.emphasis-low:disabled{background:var(--components-button-low-background);color:var(--components-button-low-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-low nv-icon>svg{color:var(--components-button-low-icon)}nv-iconbutton.emphasis-lower{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-iconbutton.emphasis-lower:hover{background:var(--components-button-lower-background-hover);color:var(--components-button-lower-text-hover)}nv-iconbutton.emphasis-lower:focus,nv-iconbutton.emphasis-lower:focus-within{outline:none}nv-iconbutton.emphasis-lower:focus-visible,nv-iconbutton.emphasis-lower:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1);z-index:111}nv-iconbutton.emphasis-lower:disabled{background:var(--components-button-lower-background);color:var(--components-button-lower-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-lower nv-icon>svg{color:var(--components-button-lower-icon)}nv-iconbutton.loading [slot=leading-icon]{display:none}nv-iconbutton.shape-rounded{border-radius:var(--radius-rounded-full)}';const a=i;const s=class{constructor(e){o(this,e);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.size="md";this.emphasis="high";this.loading=false;this.disabled=false;this.active=false;this.type="button";this.shape="square";this.handleClick=o=>{var e,t,n,r;if(this.disabled){o.preventDefault();return}if(this.type==="submit"){(t=(e=this.internals)===null||e===void 0?void 0:e.form)===null||t===void 0?void 0:t.requestSubmit()}if(this.type==="reset"){(r=(n=this.internals)===null||n===void 0?void 0:n.form)===null||r===void 0?void 0:r.reset()}}}handleLoadingChange(o){this.loading=o;this.disabled=o}handleDisabledChange(o){if(this.loading){this.disabled=this.loading}else{this.disabled=o}}handleKeyDown(o){if(o.key==="Enter"||o.key===" "){o.preventDefault();this.el.click()}}handleTouchStart(o){if(o.touches.length>1)return;o.preventDefault();this.el.click()}componentWillLoad(){if(this.loading){this.disabled=this.loading}}render(){return e(t,{key:"21aa46431d8a9f64cfc6fba04a04b72de31c74a4",role:"button",type:this.type,tabindex:"0",disabled:this.disabled?true:undefined,class:r("root",`size-${this.size}`,`emphasis-${this.emphasis}`,this.loading&&"loading",`shape-${this.shape}`),onClick:this.handleClick},this.loading&&e("nv-loader",{key:"c2df9292a9c49f178e6e160dedeac3fe99776322",size:this.size}),!this.loading&&e("nv-icon",{key:"b7053d9e3a71a1464b41b021f41fe36c6591f114",name:this.name,size:this.size}),e("slot",{key:"70e8576ea565651df7dca6221cfed4160f86f025"}))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}}};s.style=a;const d='@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}nv-loader{display:inline-block;position:relative;aspect-ratio:1/1;border-radius:9999px;color:inherit}nv-loader.size-xs{width:var(--loader-size-xs);height:var(--loader-size-xs)}nv-loader.size-xs::before,nv-loader.size-xs::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xs::before{content:" ";border:calc(var(--loader-size-xs) / 10) solid;opacity:0.3}nv-loader.size-xs::after{content:" ";border-top:calc(var(--loader-size-xs) / 10) solid transparent;border-left:calc(var(--loader-size-xs) / 10) solid transparent;border-right:calc(var(--loader-size-xs) / 10) solid transparent;border-bottom:calc(var(--loader-size-xs) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-sm{width:var(--loader-size-sm);height:var(--loader-size-sm)}nv-loader.size-sm::before,nv-loader.size-sm::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-sm::before{content:" ";border:calc(var(--loader-size-sm) / 10) solid;opacity:0.3}nv-loader.size-sm::after{content:" ";border-top:calc(var(--loader-size-sm) / 10) solid transparent;border-left:calc(var(--loader-size-sm) / 10) solid transparent;border-right:calc(var(--loader-size-sm) / 10) solid transparent;border-bottom:calc(var(--loader-size-sm) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-md{width:var(--loader-size-md);height:var(--loader-size-md)}nv-loader.size-md::before,nv-loader.size-md::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-md::before{content:" ";border:calc(var(--loader-size-md) / 10) solid;opacity:0.3}nv-loader.size-md::after{content:" ";border-top:calc(var(--loader-size-md) / 10) solid transparent;border-left:calc(var(--loader-size-md) / 10) solid transparent;border-right:calc(var(--loader-size-md) / 10) solid transparent;border-bottom:calc(var(--loader-size-md) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-lg{width:var(--loader-size-lg);height:var(--loader-size-lg)}nv-loader.size-lg::before,nv-loader.size-lg::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-lg::before{content:" ";border:calc(var(--loader-size-lg) / 10) solid;opacity:0.3}nv-loader.size-lg::after{content:" ";border-top:calc(var(--loader-size-lg) / 10) solid transparent;border-left:calc(var(--loader-size-lg) / 10) solid transparent;border-right:calc(var(--loader-size-lg) / 10) solid transparent;border-bottom:calc(var(--loader-size-lg) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-xl{width:var(--loader-size-xl);height:var(--loader-size-xl)}nv-loader.size-xl::before,nv-loader.size-xl::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xl::before{content:" ";border:calc(var(--loader-size-xl) / 10) solid;opacity:0.3}nv-loader.size-xl::after{content:" ";border-top:calc(var(--loader-size-xl) / 10) solid transparent;border-left:calc(var(--loader-size-xl) / 10) solid transparent;border-right:calc(var(--loader-size-xl) / 10) solid transparent;border-bottom:calc(var(--loader-size-xl) / 10) solid;animation:rotation 1s linear infinite}nv-loader.color-brand::before{border-color:var(--components-loader-brand-background);opacity:1}nv-loader.color-brand::after{border-bottom-color:var(--components-loader-brand-foreground)}nv-loader.color-white::before{border-color:var(--components-loader-white-background);opacity:1}nv-loader.color-white::after{border-bottom-color:var(--components-loader-white-foreground)}';const l=d;const c=class{constructor(e){o(this,e);this.size="md"}render(){return e(t,{key:"932c76ef978e21bdab5a3502daadcdd7ecd05af4",class:r(this.size&&`size-${this.size}`,this.color&&`color-${this.color}`)})}};c.style=l;export{s as nv_iconbutton,c as nv_loader};
+//# sourceMappingURL=p-184032cb.entry.js.map

package/dist/native/{p-a73fa60a.entry.js.map → p-184032cb.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nvIconbuttonCss","NvIconbuttonStyle0","NvIconbutton","constructor","hostRef","this","size","emphasis","loading","disabled","active","type","shape","handleClick","event","preventDefault","_b","_a","internals","form","requestSubmit","_d","_c","reset","handleLoadingChange","handleDisabledChange","handleKeyDown","key","el","click","handleTouchStart","touches","length","componentWillLoad","render","h","Host","role","tabindex","undefined","class","clsx","onClick","name","nvLoaderCss","NvLoaderStyle0","NvLoader","color"],"sources":["src/components/nv-iconbutton/nv-iconbutton.scss?tag=nv-iconbutton","src/components/nv-iconbutton/nv-iconbutton.tsx","src/components/nv-loader/nv-loader.scss?tag=nv-loader","src/components/nv-loader/nv-loader.tsx"],"sourcesContent":["@use \"sass:map\";\n@import \"../../styles/focus-ring\";\n\n/* Variants */\n$button-sizes: (\"xs\", \"sm\", \"md\", \"lg\");\n$button-emphasis: (\"high\", \"medium\", \"low\", \"lower\");\n\n/* Define maps for size-related variables */\n$button-icon-button-padding: (\n  \"xs\": var(--button-xs-icon-button-padding),\n  \"sm\": var(--button-sm-icon-button-padding),\n  \"md\": var(--button-md-icon-button-padding),\n  \"lg\": var(--button-lg-icon-button-padding)\n);\n\n$button-gap: (\n  \"xs\": var(--button-xs-gap),\n  \"sm\": var(--button-sm-gap),\n  \"md\": var(--button-md-gap),\n  \"lg\": var(--button-lg-gap)\n);\n\n$button-border-radius: (\n  \"xs\": var(--button-xs-border-radius),\n  \"sm\": var(--button-sm-border-radius),\n  \"md\": var(--button-md-border-radius),\n  \"lg\": var(--button-lg-border-radius)\n);\n\n$button-line-height: (\n  \"xs\": var(--button-xs-line-height),\n  \"sm\": var(--button-sm-line-height),\n  \"md\": var(--button-md-line-height),\n  \"lg\": var(--button-lg-line-height)\n);\n\n$button-font-size: (\n  \"xs\": var(--button-xs-font-size),\n  \"sm\": var(--button-sm-font-size),\n  \"md\": var(--button-md-font-size),\n  \"lg\": var(--button-lg-font-size)\n);\n\n/* Define maps for emphasis-related variables */\n$components-button-background: (\n  \"high\": var(--components-button-high-background),\n  \"medium\": var(--components-button-medium-background),\n  \"low\": var(--components-button-low-background),\n  \"lower\": var(--components-button-lower-background)\n);\n\n$components-button-border: (\n  \"high\": var(--components-button-high-border),\n  \"medium\": var(--components-button-medium-border),\n  \"low\": var(--components-button-low-border),\n  \"lower\": var(--components-button-lower-border)\n);\n\n$components-button-text: (\n  \"high\": var(--components-button-high-text),\n  \"medium\": var(--components-button-medium-text),\n  \"low\": var(--components-button-low-text),\n  \"lower\": var(--components-button-lower-text)\n);\n\n$components-button-background-hover: (\n  \"high\": var(--components-button-high-background-hover),\n  \"medium\": var(--components-button-medium-background-hover),\n  \"low\": var(--components-button-low-background-hover),\n  \"lower\": var(--components-button-lower-background-hover)\n);\n\n$components-button-text-hover: (\n  \"high\": var(--components-button-high-text-hover),\n  \"medium\": var(--components-button-medium-text-hover),\n  \"low\": var(--components-button-low-text-hover),\n  \"lower\": var(--components-button-lower-text-hover)\n);\n\n$components-button-icon: (\n  \"high\": var(--components-button-high-icon),\n  \"medium\": var(--components-button-medium-icon),\n  \"low\": var(--components-button-low-icon),\n  \"lower\": var(--components-button-lower-icon)\n);\n\n@mixin root-styles() {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  font-style: normal;\n  font-weight: 500;\n  font-family: \"TT Norms Pro\", sans-serif;\n  transition: background-color 150ms ease-out;\n  height: fit-content;\n  width: fit-content;\n}\n\n@mixin size-styles($size) {\n  padding: map.get($button-icon-button-padding, $size);\n  gap: map.get($button-gap, $size);\n  border-radius: map.get($button-border-radius, $size);\n  line-height: map.get($button-line-height, $size);\n  font-size: map.get($button-font-size, $size);\n}\n\n@mixin emphasis-styles($emphasis) {\n  background: map.get($components-button-background, $emphasis);\n  border: 1px solid map.get($components-button-border, $emphasis);\n  color: map.get($components-button-text, $emphasis);\n\n  &:hover {\n    background: map.get($components-button-background-hover, $emphasis);\n    color: map.get($components-button-text-hover, $emphasis);\n  }\n\n  @include focus-ring();\n\n  &:disabled {\n    background: map.get($components-button-background, $emphasis);\n    color: map.get($components-button-text, $emphasis);\n    opacity: 0.5;\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  & nv-icon > svg {\n    color: map.get($components-button-icon, $emphasis);\n  }\n}\n\nnv-iconbutton {\n  &.root {\n    @include root-styles();\n  }\n\n  @each $size in $button-sizes {\n    &.size-#{$size} {\n      @include size-styles($size);\n    }\n  }\n\n  @each $emphasis in $button-emphasis {\n    &.emphasis-#{$emphasis} {\n      @include emphasis-styles($emphasis);\n    }\n  }\n\n  &.loading {\n    [slot=\"leading-icon\"] {\n      display: none;\n    }\n  }\n\n  &.shape-rounded {\n    border-radius: var(--radius-rounded-full);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  AttachInternals,\n  Element,\n  Watch,\n  Listen,\n} from '@stencil/core';\nimport clsx from 'clsx';\n\nimport {\n  ButtonSize,\n  ButtonEmphasis,\n  ButtonType,\n  IconButtonShape,\n} from '../../utils/constants';\nimport { IconName } from '../nv-icon/nv-icons';\n\n/**\n * @slot default - Content of the button.\n */\n@Component({\n  tag: 'nv-iconbutton',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'nv-iconbutton.scss',\n  scoped: false,\n})\nexport class NvIconbutton {\n  @AttachInternals() internals: ElementInternals;\n  @Element() el: HTMLNvIconbuttonElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Determines how large or small the button appears, allowing for\n   * customization of the button's dimensions to fit different design\n   * specifications and user needs.\n   */\n  @Prop({ reflect: true })\n  readonly size: `${ButtonSize}` = 'md';\n\n  /**\n   * Adjusts the button’s emphasis to make it more or less visually prominent\n   * to users. Use this to draw attention to important actions or reduce focus\n   * on less critical ones.\n   */\n  @Prop({ reflect: true })\n  readonly emphasis: `${ButtonEmphasis}` = 'high';\n\n  /**\n   * Set this to true to show a spinner on the button, letting users know that\n   * their action is being processed. It helps improve user experience by\n   * indicating ongoing activities. The icon is not displayed when the button\n   * is loading. Also, the button is disabled. If you want to disable the\n   * button, it is not possible. It is automatically disabled when loading.\n   */\n  @Prop({ reflect: true, mutable: true })\n  loading: boolean = false;\n\n  /**\n   * Disables the button, preventing user interaction.\n   */\n  @Prop({ mutable: true, reflect: true })\n  disabled: boolean = false;\n\n  /**\n   * Makes the button look active when it’s within a compatible component\n   * like a button group.\n   */\n  @Prop({ reflect: true })\n  readonly active: boolean = false;\n\n  /**\n   * Choose the icon you want to display. This also sets the aria-label for\n   * improved accessibility, helping users who rely on screen readers.\n   * The icon is not displayed when the button is loading.\n   */\n  @Prop({ reflect: true })\n  readonly name: `${IconName}` | string;\n\n  /**\n   * Sets the button type to control its function in forms. Use 'submit' to send\n   * form data, 'reset' to clear the form, or 'button' for a standard button\n   * that doesn’t interact with form submission by default.\n   */\n  @Prop({ reflect: true })\n  readonly type: `${ButtonType}` = 'button';\n\n  /**\n   * Sets the shape of the button. Choose between square and rounded.\n   */\n  @Prop({ reflect: true })\n  readonly shape: `${IconButtonShape}` = 'square';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles form-related actions when the button is clicked.\n   * - Submits the form if the button type is 'submit'.\n   * - Resets the form if the button type is 'reset'.\n   * @param {Event} event - The click event.\n   */\n  private handleClick = (event: Event) => {\n    if (this.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    if (this.type === 'submit') {\n      this.internals?.form?.requestSubmit();\n    }\n    if (this.type === 'reset') {\n      this.internals?.form?.reset();\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('loading')\n  handleLoadingChange(loading: boolean) {\n    this.loading = loading;\n    this.disabled = loading;\n  }\n\n  @Watch('disabled')\n  handleDisabledChange(disabled: boolean) {\n    if (this.loading) {\n      this.disabled = this.loading;\n    } else {\n      this.disabled = disabled;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region EVENTS\n\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.el.click();\n    }\n  }\n\n  @Listen('touchstart', { passive: false })\n  handleTouchStart(event: TouchEvent) {\n    if (event.touches.length > 1) return;\n    event.preventDefault();\n    this.el.click();\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    if (this.loading) {\n      this.disabled = this.loading;\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        role=\"button\"\n        type={this.type}\n        tabindex=\"0\"\n        disabled={this.disabled ? true : undefined}\n        class={clsx(\n          'root',\n          `size-${this.size}`,\n          `emphasis-${this.emphasis}`,\n          this.loading && 'loading',\n          `shape-${this.shape}`,\n        )}\n        onClick={this.handleClick}\n      >\n        {this.loading && <nv-loader size={this.size}></nv-loader>}\n\n        {!this.loading && <nv-icon name={this.name} size={this.size} />}\n\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n","@use \"sass:map\";\n\n/* Variants */\n$loader-sizes: (\"xs\", \"sm\", \"md\", \"lg\", \"xl\");\n$loader-color: (\"brand\", \"white\");\n\n/* Define maps for color-related variables */\n$components-loader-background: (\n  \"brand\": var(--components-loader-brand-background),\n  \"white\": var(--components-loader-white-background)\n);\n\n$components-loader-foreground: (\n  \"brand\": var(--components-loader-brand-foreground),\n  \"white\": var(--components-loader-white-foreground)\n);\n\n/* Define maps for size-related variables */\n$components-loader-size: (\n  \"xs\": var(--loader-size-xs),\n  \"sm\": var(--loader-size-sm),\n  \"md\": var(--loader-size-md),\n  \"lg\": var(--loader-size-lg),\n  \"xl\": var(--loader-size-xl)\n);\n\n@mixin root-styles() {\n  display: inline-block;\n  position: relative;\n  aspect-ratio: 1 / 1;\n  border-radius: 9999px;\n  color: inherit;\n}\n\n@mixin size-styles($size) {\n  $loader-size: map.get($components-loader-size, $size);\n  $border-size: calc($loader-size / 10);\n\n  width: $loader-size;\n  height: $loader-size;\n\n  &::before,\n  &::after {\n    content: \" \";\n    position: absolute;\n    top: 0;\n    left: 0;\n    border-radius: inherit;\n    width: 100%;\n    height: 100%;\n  }\n\n  &::before {\n    content: \" \";\n    border: $border-size solid;\n    opacity: 0.3;\n  }\n\n  &::after {\n    content: \" \";\n    border-top: $border-size solid transparent;\n    border-left: $border-size solid transparent;\n    border-right: $border-size solid transparent;\n    border-bottom: $border-size solid;\n    animation: rotation 1s linear infinite;\n  }\n}\n\n@mixin color-styles($color) {\n  &::before {\n    border-color: map.get($components-loader-background, $color);\n    opacity: 1;\n  }\n\n  &::after {\n    border-bottom-color: map.get($components-loader-foreground, $color);\n  }\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\nnv-loader {\n  @include root-styles();\n\n  @each $size in $loader-sizes {\n    &.size-#{$size} {\n      @include size-styles($size);\n    }\n  }\n\n  @each $color in $loader-color {\n    &.color-#{$color} {\n      @include color-styles($color);\n    }\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\nimport { SemanticSizes, LoaderColors } from '../../utils/constants';\n\n@Component({\n  tag: 'nv-loader',\n  styleUrl: 'nv-loader.scss',\n  shadow: false,\n})\nexport class NvLoader {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Choose the size of the loader to best fit your application’s needs, whether\n   * it’s a small spinner for subtle loading indicators or a large one for more\n   * prominent displays.\n   */\n  @Prop({ reflect: true })\n  readonly size: `${SemanticSizes}` = 'md';\n\n  /**\n   * Choose the color of the loader. Options are primary and white to keep the\n   * design consistent and ensure the loader stands out or blends in\n   * appropriately with your application’s interface.\n   */\n  @Prop({ reflect: true })\n  readonly color: `${LoaderColors}`;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region RENDER\n\n  /* <slot> empty to force rendering change */\n  render() {\n    return (\n      <Host\n        class={clsx(\n          this.size && `size-${this.size}`,\n          this.color && `color-${this.color}`,\n        )}\n      ></Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,qqJACxB,MAAAC,EAAeD,E,MC6BFE,EAAY,MAPzB,WAAAC,CAAAC,G,0KAoBWC,KAAAC,KAAwB,KAQxBD,KAAAE,SAAgC,OAUzCF,KAAAG,QAAmB,MAMnBH,KAAAI,SAAoB,MAOXJ,KAAAK,OAAkB,MAgBlBL,KAAAM,KAAwB,SAMxBN,KAAAO,MAA8B,SAY/BP,KAAAQ,YAAeC,I,YACrB,GAAIT,KAAKI,SAAU,CACjBK,EAAMC,iBACN,M,CAGF,GAAIV,KAAKM,OAAS,SAAU,EAC1BK,GAAAC,EAAAZ,KAAKa,aAAS,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEI,e,CAExB,GAAIf,KAAKM,OAAS,QAAS,EACzBU,GAAAC,EAAAjB,KAAKa,aAAS,MAAAI,SAAA,SAAAA,EAAEH,QAAI,MAAAE,SAAA,SAAAA,EAAEE,O,GAS1B,mBAAAC,CAAoBhB,GAClBH,KAAKG,QAAUA,EACfH,KAAKI,SAAWD,C,CAIlB,oBAAAiB,CAAqBhB,GACnB,GAAIJ,KAAKG,QAAS,CAChBH,KAAKI,SAAWJ,KAAKG,O,KAChB,CACLH,KAAKI,SAAWA,C,EASpB,aAAAiB,CAAcZ,GACZ,GAAIA,EAAMa,MAAQ,SAAWb,EAAMa,MAAQ,IAAK,CAC9Cb,EAAMC,iBACNV,KAAKuB,GAAGC,O,EAKZ,gBAAAC,CAAiBhB,GACf,GAAIA,EAAMiB,QAAQC,OAAS,EAAG,OAC9BlB,EAAMC,iBACNV,KAAKuB,GAAGC,O,CAOV,iBAAAI,GACE,GAAI5B,KAAKG,QAAS,CAChBH,KAAKI,SAAWJ,KAAKG,O,EAQzB,MAAA0B,GACE,OACEC,EAACC,EAAI,CAAAT,IAAA,2CACHU,KAAK,SACL1B,KAAMN,KAAKM,KACX2B,SAAS,IACT7B,SAAUJ,KAAKI,SAAW,KAAO8B,UACjCC,MAAOC,EACL,OACA,QAAQpC,KAAKC,OACb,YAAYD,KAAKE,WACjBF,KAAKG,SAAW,UAChB,SAASH,KAAKO,SAEhB8B,QAASrC,KAAKQ,aAEbR,KAAKG,SAAW2B,EAAA,aAAAR,IAAA,2CAAWrB,KAAMD,KAAKC,QAErCD,KAAKG,SAAW2B,EAAA,WAAAR,IAAA,2CAASgB,KAAMtC,KAAKsC,KAAMrC,KAAMD,KAAKC,OAEvD6B,EAAA,QAAAR,IAAA,6C,6KClMR,MAAMiB,EAAc,wmHACpB,MAAAC,EAAeD,E,MCSFE,EAAQ,MALrB,WAAA3C,CAAAC,G,UAeWC,KAAAC,KAA2B,I,CAepC,MAAA4B,GACE,OACEC,EAACC,EAAI,CAAAT,IAAA,2CACHa,MAAOC,EACLpC,KAAKC,MAAQ,QAAQD,KAAKC,OAC1BD,KAAK0C,OAAS,SAAS1C,KAAK0C,U","ignoreList":[]}
+{"version":3,"names":["nvIconbuttonCss","NvIconbuttonStyle0","NvIconbutton","constructor","hostRef","this","size","emphasis","loading","disabled","active","type","shape","handleClick","event","preventDefault","_b","_a","internals","form","requestSubmit","_d","_c","reset","handleLoadingChange","handleDisabledChange","handleKeyDown","key","el","click","handleTouchStart","touches","length","componentWillLoad","render","h","Host","role","tabindex","undefined","class","clsx","onClick","name","nvLoaderCss","NvLoaderStyle0","NvLoader","color"],"sources":["src/components/nv-iconbutton/nv-iconbutton.scss?tag=nv-iconbutton","src/components/nv-iconbutton/nv-iconbutton.tsx","src/components/nv-loader/nv-loader.scss?tag=nv-loader","src/components/nv-loader/nv-loader.tsx"],"sourcesContent":["@use \"sass:map\";\n@import \"../../styles/focus-ring\";\n\n/* Variants */\n$button-sizes: (\"xs\", \"sm\", \"md\", \"lg\");\n$button-emphasis: (\"high\", \"medium\", \"low\", \"lower\");\n\n/* Define maps for size-related variables */\n$button-icon-button-padding: (\n  \"xs\": var(--button-xs-icon-button-padding),\n  \"sm\": var(--button-sm-icon-button-padding),\n  \"md\": var(--button-md-icon-button-padding),\n  \"lg\": var(--button-lg-icon-button-padding)\n);\n\n$button-gap: (\n  \"xs\": var(--button-xs-gap),\n  \"sm\": var(--button-sm-gap),\n  \"md\": var(--button-md-gap),\n  \"lg\": var(--button-lg-gap)\n);\n\n$button-border-radius: (\n  \"xs\": var(--button-xs-border-radius),\n  \"sm\": var(--button-sm-border-radius),\n  \"md\": var(--button-md-border-radius),\n  \"lg\": var(--button-lg-border-radius)\n);\n\n$button-line-height: (\n  \"xs\": var(--button-xs-line-height),\n  \"sm\": var(--button-sm-line-height),\n  \"md\": var(--button-md-line-height),\n  \"lg\": var(--button-lg-line-height)\n);\n\n$button-font-size: (\n  \"xs\": var(--button-xs-font-size),\n  \"sm\": var(--button-sm-font-size),\n  \"md\": var(--button-md-font-size),\n  \"lg\": var(--button-lg-font-size)\n);\n\n/* Define maps for emphasis-related variables */\n$components-button-background: (\n  \"high\": var(--components-button-high-background),\n  \"medium\": var(--components-button-medium-background),\n  \"low\": var(--components-button-low-background),\n  \"lower\": var(--components-button-lower-background)\n);\n\n$components-button-border: (\n  \"high\": var(--components-button-high-border),\n  \"medium\": var(--components-button-medium-border),\n  \"low\": var(--components-button-low-border),\n  \"lower\": var(--components-button-lower-border)\n);\n\n$components-button-text: (\n  \"high\": var(--components-button-high-text),\n  \"medium\": var(--components-button-medium-text),\n  \"low\": var(--components-button-low-text),\n  \"lower\": var(--components-button-lower-text)\n);\n\n$components-button-background-hover: (\n  \"high\": var(--components-button-high-background-hover),\n  \"medium\": var(--components-button-medium-background-hover),\n  \"low\": var(--components-button-low-background-hover),\n  \"lower\": var(--components-button-lower-background-hover)\n);\n\n$components-button-text-hover: (\n  \"high\": var(--components-button-high-text-hover),\n  \"medium\": var(--components-button-medium-text-hover),\n  \"low\": var(--components-button-low-text-hover),\n  \"lower\": var(--components-button-lower-text-hover)\n);\n\n$components-button-icon: (\n  \"high\": var(--components-button-high-icon),\n  \"medium\": var(--components-button-medium-icon),\n  \"low\": var(--components-button-low-icon),\n  \"lower\": var(--components-button-lower-icon)\n);\n\n@mixin root-styles() {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  font-style: normal;\n  font-weight: 500;\n  font-family: \"TT Norms Pro\", sans-serif;\n  transition: background-color 150ms ease-out;\n  height: fit-content;\n  width: fit-content;\n}\n\n@mixin size-styles($size) {\n  padding: map.get($button-icon-button-padding, $size);\n  gap: map.get($button-gap, $size);\n  border-radius: map.get($button-border-radius, $size);\n  line-height: map.get($button-line-height, $size);\n  font-size: map.get($button-font-size, $size);\n}\n\n@mixin emphasis-styles($emphasis) {\n  background: map.get($components-button-background, $emphasis);\n  border: 1px solid map.get($components-button-border, $emphasis);\n  color: map.get($components-button-text, $emphasis);\n\n  &:hover {\n    background: map.get($components-button-background-hover, $emphasis);\n    color: map.get($components-button-text-hover, $emphasis);\n  }\n\n  @include focus-ring();\n\n  &:disabled {\n    background: map.get($components-button-background, $emphasis);\n    color: map.get($components-button-text, $emphasis);\n    opacity: 0.5;\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  & nv-icon > svg {\n    color: map.get($components-button-icon, $emphasis);\n  }\n}\n\nnv-iconbutton {\n  &.root {\n    @include root-styles();\n  }\n\n  @each $size in $button-sizes {\n    &.size-#{$size} {\n      @include size-styles($size);\n    }\n  }\n\n  @each $emphasis in $button-emphasis {\n    &.emphasis-#{$emphasis} {\n      @include emphasis-styles($emphasis);\n    }\n  }\n\n  &.loading {\n    [slot=\"leading-icon\"] {\n      display: none;\n    }\n  }\n\n  &.shape-rounded {\n    border-radius: var(--radius-rounded-full);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  AttachInternals,\n  Element,\n  Watch,\n  Listen,\n} from '@stencil/core';\nimport clsx from 'clsx';\n\nimport {\n  ButtonSize,\n  ButtonEmphasis,\n  ButtonType,\n  IconButtonShape,\n} from '../../utils/constants';\nimport { IconName } from '../nv-icon/nv-icons';\n\n/**\n * @slot default - Content of the button.\n */\n@Component({\n  tag: 'nv-iconbutton',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'nv-iconbutton.scss',\n  scoped: false,\n})\nexport class NvIconbutton {\n  @AttachInternals() internals: ElementInternals;\n  @Element() el: HTMLNvIconbuttonElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Determines how large or small the button appears, allowing for\n   * customization of the button's dimensions to fit different design\n   * specifications and user needs.\n   */\n  @Prop({ reflect: true })\n  readonly size: `${ButtonSize}` = 'md';\n\n  /**\n   * Adjusts the button’s emphasis to make it more or less visually prominent\n   * to users. Use this to draw attention to important actions or reduce focus\n   * on less critical ones.\n   */\n  @Prop({ reflect: true })\n  readonly emphasis: `${ButtonEmphasis}` = 'high';\n\n  /**\n   * Set this to true to show a spinner on the button, letting users know that\n   * their action is being processed. It helps improve user experience by\n   * indicating ongoing activities. The icon is not displayed when the button\n   * is loading. Also, the button is disabled. If you want to disable the\n   * button, it is not possible. It is automatically disabled when loading.\n   */\n  @Prop({ reflect: true, mutable: true })\n  loading: boolean = false;\n\n  /**\n   * Disables the button, preventing user interaction.\n   */\n  @Prop({ mutable: true, reflect: true })\n  disabled: boolean = false;\n\n  /**\n   * Makes the button look active when it’s within a compatible component\n   * like a button group.\n   */\n  @Prop({ reflect: true })\n  readonly active: boolean = false;\n\n  /**\n   * Choose the icon you want to display. This also sets the aria-label for\n   * improved accessibility, helping users who rely on screen readers.\n   * The icon is not displayed when the button is loading.\n   */\n  @Prop({ reflect: true })\n  readonly name: `${IconName}` | string;\n\n  /**\n   * Sets the button type to control its function in forms. Use 'submit' to send\n   * form data, 'reset' to clear the form, or 'button' for a standard button\n   * that doesn’t interact with form submission by default.\n   */\n  @Prop({ reflect: true })\n  readonly type: `${ButtonType}` = 'button';\n\n  /**\n   * Sets the shape of the button. Choose between square and rounded.\n   */\n  @Prop({ reflect: true })\n  readonly shape: `${IconButtonShape}` = 'square';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles form-related actions when the button is clicked.\n   * - Submits the form if the button type is 'submit'.\n   * - Resets the form if the button type is 'reset'.\n   * @param {Event} event - The click event.\n   */\n  private handleClick = (event: Event) => {\n    if (this.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    if (this.type === 'submit') {\n      this.internals?.form?.requestSubmit();\n    }\n    if (this.type === 'reset') {\n      this.internals?.form?.reset();\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('loading')\n  handleLoadingChange(loading: boolean) {\n    this.loading = loading;\n    this.disabled = loading;\n  }\n\n  @Watch('disabled')\n  handleDisabledChange(disabled: boolean) {\n    if (this.loading) {\n      this.disabled = this.loading;\n    } else {\n      this.disabled = disabled;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region EVENTS\n\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.el.click();\n    }\n  }\n\n  @Listen('touchstart', { passive: false })\n  handleTouchStart(event: TouchEvent) {\n    if (event.touches.length > 1) return;\n    event.preventDefault();\n    this.el.click();\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    if (this.loading) {\n      this.disabled = this.loading;\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        role=\"button\"\n        type={this.type}\n        tabindex=\"0\"\n        disabled={this.disabled ? true : undefined}\n        class={clsx(\n          'root',\n          `size-${this.size}`,\n          `emphasis-${this.emphasis}`,\n          this.loading && 'loading',\n          `shape-${this.shape}`,\n        )}\n        onClick={this.handleClick}\n      >\n        {this.loading && <nv-loader size={this.size}></nv-loader>}\n\n        {!this.loading && <nv-icon name={this.name} size={this.size} />}\n\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n","@use \"sass:map\";\n\n/* Variants */\n$loader-sizes: (\"xs\", \"sm\", \"md\", \"lg\", \"xl\");\n$loader-color: (\"brand\", \"white\");\n\n/* Define maps for color-related variables */\n$components-loader-background: (\n  \"brand\": var(--components-loader-brand-background),\n  \"white\": var(--components-loader-white-background)\n);\n\n$components-loader-foreground: (\n  \"brand\": var(--components-loader-brand-foreground),\n  \"white\": var(--components-loader-white-foreground)\n);\n\n/* Define maps for size-related variables */\n$components-loader-size: (\n  \"xs\": var(--loader-size-xs),\n  \"sm\": var(--loader-size-sm),\n  \"md\": var(--loader-size-md),\n  \"lg\": var(--loader-size-lg),\n  \"xl\": var(--loader-size-xl)\n);\n\n@mixin root-styles() {\n  display: inline-block;\n  position: relative;\n  aspect-ratio: 1 / 1;\n  border-radius: 9999px;\n  color: inherit;\n}\n\n@mixin size-styles($size) {\n  $loader-size: map.get($components-loader-size, $size);\n  $border-size: calc($loader-size / 10);\n\n  width: $loader-size;\n  height: $loader-size;\n\n  &::before,\n  &::after {\n    content: \" \";\n    position: absolute;\n    top: 0;\n    left: 0;\n    border-radius: inherit;\n    width: 100%;\n    height: 100%;\n  }\n\n  &::before {\n    content: \" \";\n    border: $border-size solid;\n    opacity: 0.3;\n  }\n\n  &::after {\n    content: \" \";\n    border-top: $border-size solid transparent;\n    border-left: $border-size solid transparent;\n    border-right: $border-size solid transparent;\n    border-bottom: $border-size solid;\n    animation: rotation 1s linear infinite;\n  }\n}\n\n@mixin color-styles($color) {\n  &::before {\n    border-color: map.get($components-loader-background, $color);\n    opacity: 1;\n  }\n\n  &::after {\n    border-bottom-color: map.get($components-loader-foreground, $color);\n  }\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\nnv-loader {\n  @include root-styles();\n\n  @each $size in $loader-sizes {\n    &.size-#{$size} {\n      @include size-styles($size);\n    }\n  }\n\n  @each $color in $loader-color {\n    &.color-#{$color} {\n      @include color-styles($color);\n    }\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\nimport { SemanticSizes, LoaderColors } from '../../utils/constants';\n\n@Component({\n  tag: 'nv-loader',\n  styleUrl: 'nv-loader.scss',\n  shadow: false,\n})\nexport class NvLoader {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Choose the size of the loader to best fit your application’s needs, whether\n   * it’s a small spinner for subtle loading indicators or a large one for more\n   * prominent displays.\n   */\n  @Prop({ reflect: true })\n  readonly size: `${SemanticSizes}` = 'md';\n\n  /**\n   * Choose the color of the loader. Options are primary and white to keep the\n   * design consistent and ensure the loader stands out or blends in\n   * appropriately with your application’s interface.\n   */\n  @Prop({ reflect: true })\n  readonly color: `${LoaderColors}`;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region RENDER\n\n  /* <slot> empty to force rendering change */\n  render() {\n    return (\n      <Host\n        class={clsx(\n          this.size && `size-${this.size}`,\n          this.color && `color-${this.color}`,\n        )}\n      ></Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,qtJACxB,MAAAC,EAAeD,E,MC6BFE,EAAY,MAPzB,WAAAC,CAAAC,G,0KAoBWC,KAAAC,KAAwB,KAQxBD,KAAAE,SAAgC,OAUzCF,KAAAG,QAAmB,MAMnBH,KAAAI,SAAoB,MAOXJ,KAAAK,OAAkB,MAgBlBL,KAAAM,KAAwB,SAMxBN,KAAAO,MAA8B,SAY/BP,KAAAQ,YAAeC,I,YACrB,GAAIT,KAAKI,SAAU,CACjBK,EAAMC,iBACN,M,CAGF,GAAIV,KAAKM,OAAS,SAAU,EAC1BK,GAAAC,EAAAZ,KAAKa,aAAS,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEI,e,CAExB,GAAIf,KAAKM,OAAS,QAAS,EACzBU,GAAAC,EAAAjB,KAAKa,aAAS,MAAAI,SAAA,SAAAA,EAAEH,QAAI,MAAAE,SAAA,SAAAA,EAAEE,O,GAS1B,mBAAAC,CAAoBhB,GAClBH,KAAKG,QAAUA,EACfH,KAAKI,SAAWD,C,CAIlB,oBAAAiB,CAAqBhB,GACnB,GAAIJ,KAAKG,QAAS,CAChBH,KAAKI,SAAWJ,KAAKG,O,KAChB,CACLH,KAAKI,SAAWA,C,EASpB,aAAAiB,CAAcZ,GACZ,GAAIA,EAAMa,MAAQ,SAAWb,EAAMa,MAAQ,IAAK,CAC9Cb,EAAMC,iBACNV,KAAKuB,GAAGC,O,EAKZ,gBAAAC,CAAiBhB,GACf,GAAIA,EAAMiB,QAAQC,OAAS,EAAG,OAC9BlB,EAAMC,iBACNV,KAAKuB,GAAGC,O,CAOV,iBAAAI,GACE,GAAI5B,KAAKG,QAAS,CAChBH,KAAKI,SAAWJ,KAAKG,O,EAQzB,MAAA0B,GACE,OACEC,EAACC,EAAI,CAAAT,IAAA,2CACHU,KAAK,SACL1B,KAAMN,KAAKM,KACX2B,SAAS,IACT7B,SAAUJ,KAAKI,SAAW,KAAO8B,UACjCC,MAAOC,EACL,OACA,QAAQpC,KAAKC,OACb,YAAYD,KAAKE,WACjBF,KAAKG,SAAW,UAChB,SAASH,KAAKO,SAEhB8B,QAASrC,KAAKQ,aAEbR,KAAKG,SAAW2B,EAAA,aAAAR,IAAA,2CAAWrB,KAAMD,KAAKC,QAErCD,KAAKG,SAAW2B,EAAA,WAAAR,IAAA,2CAASgB,KAAMtC,KAAKsC,KAAMrC,KAAMD,KAAKC,OAEvD6B,EAAA,QAAAR,IAAA,6C,6KClMR,MAAMiB,EAAc,wmHACpB,MAAAC,EAAeD,E,MCSFE,EAAQ,MALrB,WAAA3C,CAAAC,G,UAeWC,KAAAC,KAA2B,I,CAepC,MAAA4B,GACE,OACEC,EAACC,EAAI,CAAAT,IAAA,2CACHa,MAAOC,EACLpC,KAAKC,MAAQ,QAAQD,KAAKC,OAC1BD,KAAK0C,OAAS,SAAS1C,KAAK0C,U","ignoreList":[]}

package/dist/native/p-2197ffdf.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as c,H as i,g as n}from"./p-d0a33e64.js";import{c as t}from"./p-8a1a6e56.js";import{v as r}from"./p-f5ff676c.js";const a='nv-fieldcheckbox{--nv-fieldcheckbox-border-default:var(\n    --components-form-field-border-default\n  );--nv-fieldcheckbox-border-hover:var(--components-form-field-border-hover);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-default);--nv-fieldcheckbox-background-default:var(\n    --components-form-field-background-default\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-checked\n  );--nv-fieldcheckbox-background-disabled:var(\n    --components-form-field-background-disabled\n  );--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-brand);--nv-fieldcheckbox-color-checked:var(\n    --components-form-shape-foreground-default\n  );--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-fieldcheckbox:not([disabled],[readonly]) input,nv-fieldcheckbox:not([disabled],[readonly]) label{cursor:pointer}nv-fieldcheckbox.error>.input-container{--nv-fieldcheckbox-border-default:var(--components-form-field-border-error);--nv-fieldcheckbox-border-hover:var(--nv-fieldcheckbox-border-default);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-error);--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-destructive);--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled-error\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-error\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-destructive)}nv-fieldcheckbox.label-placement-before{flex-direction:row-reverse}nv-fieldcheckbox[disabled]:not([disabled=false]){opacity:0.5}nv-fieldcheckbox>.input-container{position:relative;color:var(--nv-fieldcheckbox-color-checked)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--nv-fieldcheckbox-color-disabled)}nv-fieldcheckbox>.input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-checkbox-size);height:var(--form-checkbox-size);flex-direction:column;align-items:flex-start;border-radius:var(--form-checkbox-radius);border-width:var(--form-checkbox-border-width);border-style:solid;border-color:var(--nv-fieldcheckbox-border-default);background:var(--nv-fieldcheckbox-background-default)}nv-fieldcheckbox>.input-container input[type=checkbox]:hover{border-color:var(--nv-fieldcheckbox-border-hover)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus{border-color:var(--nv-fieldcheckbox-border-focus)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus,nv-fieldcheckbox>.input-container input[type=checkbox]:focus-within{outline:none}nv-fieldcheckbox>.input-container input[type=checkbox]:focus-visible,nv-fieldcheckbox>.input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldcheckbox-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1);z-index:111}nv-fieldcheckbox>.input-container input[type=checkbox]:checked,nv-fieldcheckbox>.input-container input[type=checkbox]:indeterminate{background:var(--nv-fieldcheckbox-background-checked);border-color:var(--nv-fieldcheckbox-background-checked)}nv-fieldcheckbox>.input-container input[type=checkbox]:disabled:not([readonly]){background:var(--nv-fieldcheckbox-background-disabled);border-color:var(--nv-fieldcheckbox-border-default)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container .icon{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}nv-fieldcheckbox>.input-container .icon svg{width:var(--form-checkbox-icon-size);height:var(--form-checkbox-icon-size);fill:none;stroke:currentcolor;stroke-width:var(--form-checkbox-icon-stroke);flex-shrink:0}nv-fieldcheckbox>.text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}nv-fieldcheckbox>.text-container label{align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldcheckbox>.text-container label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-fieldcheckbox>.text-container .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldcheckbox>.text-container .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}';const d=a;const s=class{constructor(c){e(this,c);this.checkedChanged=o(this,"checkedChanged",7);this.labelBefore=false;this.inputId=r();this.hideLabel=false;this.error=false;this.checked=false;this.indeterminate=false;this.disabled=false;this.readonly=false;this.required=false;this.autofocus=false}handleChange(e){const o=e.target;if(o.type==="checkbox"&&o.id===this.inputId){if(this.readonly||this.disabled){e.preventDefault();return}if(this.indeterminate){this.indeterminate=false}this.checked=o.checked}}onCheckedChanged(e){this.checkedChanged.emit(e)}componentWillRender(){if(this.message){this.description=this.message}if(this.labelBefore){this.labelPlacement="before"}if(this.validation){this.errorDescription=this.validation;this.error=true}}render(){return c(i,{key:"62195333f84808381f19ca4017916380d20d493f",class:t(this.labelPlacement==="before"&&"label-placement-before",this.error&&"error")},c("div",{key:"65f02aee06eacecf83c5297d87130bbe9f85b19c",class:"input-container"},c("input",{key:"c3e8fcb41c835f0eba254f9e77de749b7dc6349e",type:"checkbox",id:this.inputId,name:this.name,autofocus:this.autofocus,autocomplete:"off",value:this.value,checked:Boolean(this.checked),disabled:this.disabled||this.readonly,readonly:this.readonly&&!this.required,required:this.required,indeterminate:this.indeterminate,ref:e=>{if(e){e.indeterminate=this.indeterminate}}}),c("span",{key:"439a8c467373d734293012514cdb22c419b534ae",class:"icon"},this.checked&&!this.indeterminate&&c("slot",{key:"335a92ed1431fe96af3c7c6fac2f4245c0d4caaa",name:"checked-icon"},c("svg",{key:"67d97efca27a97c7db77d9f8c182a21fbd21d13c",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},c("path",{key:"9cb6730b00813e8d4fe6fa14549de6f2a41ea068",d:"M11.6667 3.5L5.25004 9.91667L2.33337 7","stroke-linecap":"round","stroke-linejoin":"round"}))),this.indeterminate&&c("slot",{key:"e47b17269156f72ddaf7af1ecc818ae5b6b8c0d3",name:"indeterminate-icon"},c("svg",{key:"4748acc27a70e74f9228cdb6e41eae4b1ae82559",class:"indeterminate-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 14 14",fill:"none"},c("path",{key:"40748b36b277c1ed6ea8fc8f82f4cd687b2f6e3a",d:"M2.9165 7H11.0832","stroke-linecap":"round","stroke-linejoin":"round"}))))),c("slot",{key:"0fa9e559cefb8169c20b171fcbb6c1786fd6b3ae"}),c("div",{key:"44eef633025d1a7606979d4d8374c2a04081f45c",class:"text-container"},c("slot",{key:"b43251a02b15431f5399c3bced485b89741e069e",name:"main"},(this.label||this.el.querySelector('[slot="label"]'))&&c("label",{key:"7781451a357961ce1606b18c590baa344df4ff95",htmlFor:this.inputId,class:t(this.hideLabel&&"visually-hidden")},c("slot",{key:"b420ad1dbdc05a5c57d0b45e62176866ec0527ca",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&c("div",{key:"67715bef879e0778b58648b83135edefdbdba53d",class:"description"},c("slot",{key:"b1d4d21e83130e19e94efa915abd6661c027bbce",name:"description"},this.description))),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&c("div",{key:"157df3faf2cadb4014ba8475c99cf68d86da9f63",hidden:!this.error,class:"error-description"},c("slot",{key:"42aa95b2332618120d846fa481a1b30b7edeccca",name:"error-description"},this.errorDescription))))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{checked:["onCheckedChanged"]}}};s.style=d;export{s as nv_fieldcheckbox};
+//# sourceMappingURL=p-2197ffdf.entry.js.map