@spw-ds/spw-stencil-library 1.2.5 → 1.2.6

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"spw-cookies\",[[1,\"spw-cookies\",{\"cookiesTitle\":[1,\"cookies-title\"],\"cookiesDescription\":[1,\"cookies-description\"],\"acceptAllButtonText\":[1,\"accept-all-button-text\"],\"acceptRequiredButtonText\":[1,\"accept-required-button-text\"],\"isVisible\":[32],\"analyticsEnabled\":[32]}]]],[\"spw-iodda\",[[1,\"spw-iodda\",{\"items\":[32],\"currentPage\":[32],\"totalItems\":[32],\"isLoading\":[32],\"searchTerm\":[32],\"filters\":[32]}]]],[\"spw-custom-select\",[[65,\"spw-custom-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"items\":[1],\"size\":[1],\"multiple\":[4],\"isSearch\":[4,\"is-search\"],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32],\"isOpen\":[32],\"parsedOptions\":[32],\"focusedOptionIndex\":[32],\"searchText\":[32],\"dropdownDirection\":[32],\"hasSelectedValue\":[32],\"resetSelect\":[64]},null,{\"items\":[\"parseOptions\"],\"value\":[\"valueChangedHandler\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"spw-search-field\",[[1,\"spw-search-field\",{\"items\":[1],\"placeholder\":[1],\"size\":[1],\"label\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"assistiveText\":[1,\"assistive-text\"],\"filteredItems\":[32],\"searchText\":[32],\"isOpen\":[32],\"focusedItemIndex\":[32],\"dropdownDirection\":[32],\"resetInput\":[64]},null,{\"items\":[\"parseItems\"]}]]],[\"spw-date-picker\",[[65,\"spw-date-picker\",{\"value\":[1537],\"placeholder\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4],\"dateFormat\":[1,\"date-format\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disabledDays\":[1,\"disabled-days\"],\"disabledDates\":[16],\"position\":[1],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"assistiveText\":[1,\"assistive-text\"],\"range\":[4],\"rangeId\":[1,\"range-id\"],\"isStart\":[4,\"is-start\"],\"isOpen\":[32],\"hasError\":[32],\"internalError\":[32],\"internalValue\":[32],\"open\":[64],\"close\":[64],\"setDate\":[64],\"getDate\":[64],\"getRange\":[64],\"updateConstraints\":[64],\"resetInput\":[64]},null,{\"value\":[\"watchValue\"],\"disabled\":[\"watchDisabled\"],\"minDate\":[\"watchMinDate\"],\"maxDate\":[\"watchMaxDate\"]}]]],[\"spw-file-upload\",[[65,\"spw-file-upload\",{\"disabled\":[4],\"error\":[4],\"name\":[1],\"value\":[1],\"enableDropZone\":[4,\"enable-drop-zone\"],\"multiple\":[4],\"accept\":[1],\"maxFileSize\":[2,\"max-file-size\"],\"maxFiles\":[2,\"max-files\"],\"internalValue\":[32],\"selectedFiles\":[32],\"fileTypeErrors\":[32],\"fileLimitErrors\":[32],\"isDragging\":[32],\"isMaxFilesReachedExact\":[32],\"resetInput\":[64]}]]],[\"spw-header\",[[1,\"spw-header\",{\"siteTitle\":[1,\"site-title\"],\"borderColor\":[1,\"border-color\"],\"hasWallonieLogo\":[4,\"has-wallonie-logo\"],\"hasMaWallonie\":[4,\"has-ma-wallonie\"],\"maWallonieLabel\":[1,\"ma-wallonie-label\"],\"maWallonieLink\":[1,\"ma-wallonie-link\"],\"hasWallonieBe\":[4,\"has-wallonie-be\"],\"wallonieBeLabel\":[1,\"wallonie-be-label\"],\"wallonieBeLink\":[1,\"wallonie-be-link\"],\"hasSearch\":[4,\"has-search\"],\"searchCloseLabel\":[1,\"search-close-label\"],\"searchOpenLabel\":[1,\"search-open-label\"],\"menuCloseLabel\":[1,\"menu-close-label\"],\"menuOpenLabel\":[1,\"menu-open-label\"],\"isMenuOpen\":[32],\"isSearchOpen\":[32]}]]],[\"spw-header-lang\",[[1,\"spw-header-lang\",{\"activeLang\":[32],\"options\":[32]}]]],[\"spw-select\",[[65,\"spw-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"size\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"items\":[16],\"itemLabel\":[1,\"item-label\"],\"itemValue\":[1,\"item-value\"],\"internalValue\":[32],\"resetSelect\":[64]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"spw-textarea\",[[65,\"spw-textarea\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"rows\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-breadcrumb-item\",[[1,\"spw-breadcrumb-item\",{\"href\":[1],\"surface\":[32]},null,{\"surface\":[\"surfaceChanged\"]}]]],[\"spw-message\",[[1,\"spw-message\",{\"variant\":[1],\"messageId\":[1,\"message-id\"],\"isDismissable\":[4,\"is-dismissable\"],\"dismissableText\":[1,\"dismissable-text\"],\"messageTitle\":[1,\"message-title\"],\"isVisible\":[32]}]]],[\"spw-sidebar-navigation-item\",[[4,\"spw-sidebar-navigation-item\",{\"href\":[1],\"icon\":[1],\"active\":[4],\"disabled\":[4],\"bubble\":[1],\"tooltipTitle\":[1,\"tooltip-title\"],\"iconVariant\":[1,\"icon-variant\"],\"openOnClick\":[4,\"open-on-click\"],\"hasDropdown\":[32],\"dropdownOpen\":[32],\"navExpanded\":[32],\"hasActiveChild\":[32]}]]],[\"spw-table-header\",[[1,\"spw-table-header\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"padding\":[1],\"columnId\":[1,\"column-id\"],\"sortable\":[4],\"sortDirection\":[1,\"sort-direction\"],\"isSorted\":[4,\"is-sorted\"],\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"sticky\":[4],\"stickyPosition\":[1,\"sticky-position\"],\"stickyOffset\":[2,\"sticky-offset\"]}]]],[\"spw-tabs-navigation-item\",[[1,\"spw-tabs-navigation-item\",{\"tabId\":[1,\"tab-id\"],\"active\":[4],\"disabled\":[4],\"bubble\":[4],\"hasEllipsis\":[4,\"has-ellipsis\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"slotText\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"spw-card-image\",[[1,\"spw-card-image\",{\"label\":[1]}]]],[\"spw-dropdown-item\",[[4,\"spw-dropdown-item\",{\"href\":[1],\"disabled\":[4],\"icon\":[1],\"iconVariant\":[1,\"icon-variant\"],\"hasSubItems\":[32],\"subItemsOpen\":[32]}]]],[\"spw-header-navigation\",[[1,\"spw-header-navigation\",{\"level\":[32],\"element\":[32]},[[2,\"spwHeaderNavigationNavigate\",\"handleNavigation\"]]]]],[\"spw-header-navigation-item\",[[1,\"spw-header-navigation-item\",{\"isActive\":[4,\"is-active\"],\"internalIsActive\":[32],\"hasSubnav\":[32],\"level\":[32],\"isSubnavVisible\":[32],\"lastClickedLevel1Item\":[32],\"isMobile\":[32]}]]],[\"spw-header-persona\",[[1,\"spw-header-persona\",{\"personaLabel\":[1,\"persona-label\"],\"activePersona\":[32],\"options\":[32]}]]],[\"spw-hero\",[[1,\"spw-hero\",{\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"surface\":[1],\"hasPictureFull\":[4,\"has-picture-full\"],\"hasVideo\":[4,\"has-video\"],\"modalVideoId\":[1,\"modal-video-id\"],\"variant\":[1],\"alignment\":[1],\"overlayOpacity\":[2,\"overlay-opacity\"]}]]],[\"spw-list-item\",[[1,\"spw-list-item\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"],\"category\":[1],\"categoryLink\":[1,\"category-link\"],\"categoryIcon\":[1,\"category-icon\"],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[1,\"touchstart\",\"onTouchStart\"],[1,\"touchend\",\"onTouchEnd\"],[1,\"mousedown\",\"onMouseDown\"],[1,\"mouseup\",\"onMouseUp\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"]]]]],[\"spw-list-title\",[[1,\"spw-list-title\",{\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-modal\",[[1,\"spw-modal\",{\"opened\":[1540],\"caption\":[1],\"closeOnOverlayClick\":[4,\"close-on-overlay-click\"],\"stickyButtons\":[4,\"sticky-buttons\"],\"size\":[1],\"alertIcon\":[1,\"alert-icon\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32],\"closeModal\":[64],\"openModal\":[64]},null,{\"opened\":[\"openedChanged\"]}]]],[\"spw-sidebar\",[[1,\"spw-sidebar\",{\"defaultExpanded\":[4,\"default-expanded\"],\"expanded\":[32],\"hasTopbar\":[32]}]]],[\"spw-sidebar-navigation-separator\",[[1,\"spw-sidebar-navigation-separator\"]]],[\"spw-tabs-navigation\",[[1,\"spw-tabs-navigation\",{\"showLeftArrow\":[32],\"showRightArrow\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"spw-tag\",[[1,\"spw-tag\",{\"variant\":[1],\"surface\":[1],\"hasIcon\":[4,\"has-icon\"],\"href\":[1],\"target\":[1],\"size\":[1]}]]],[\"spw-tile\",[[1,\"spw-tile\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-wizard-item\",[[1,\"spw-wizard-item\",{\"label\":[1],\"description\":[1],\"additionalInfo\":[1,\"additional-info\"],\"icon\":[1],\"state\":[1],\"status\":[1],\"isLast\":[1,\"is-last\"],\"stepNumber\":[2,\"step-number\"],\"variant\":[1],\"isClickable\":[1,\"is-clickable\"],\"isBeforeCurrent\":[1,\"is-before-current\"],\"isAfterCurrent\":[1,\"is-after-current\"],\"isCurrent\":[1,\"is-current\"]}]]],[\"spw-breadcrumb\",[[1,\"spw-breadcrumb\",{\"variant\":[1],\"surface\":[1],\"fontSize\":[1,\"font-size\"]}]]],[\"spw-card\",[[1,\"spw-card\",{\"variant\":[1],\"elementType\":[1,\"element-type\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"dateStart\":[1,\"date-start\"],\"dateEnd\":[1,\"date-end\"],\"fullHeight\":[4,\"full-height\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"hasImage\":[32]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-card-content\",[[1,\"spw-card-content\",{\"tag\":[1],\"date\":[1],\"hasImage\":[32]}]]],[\"spw-card-excerpt\",[[1,\"spw-card-excerpt\",{\"lineClamp\":[8,\"line-clamp\"]}]]],[\"spw-card-subtag-item\",[[1,\"spw-card-subtag-item\",{\"link\":[1]}]]],[\"spw-card-subtags\",[[4,\"spw-card-subtags\",{\"variant\":[1]}]]],[\"spw-card-title\",[[1,\"spw-card-title\",{\"borderColor\":[1,\"border-color\"]}]]],[\"spw-dropdown\",[[1,\"spw-dropdown\",{\"direction\":[1],\"hasPadding\":[4,\"has-padding\"],\"contentWidth\":[2,\"content-width\"],\"open\":[1540],\"isVisible\":[32],\"close\":[64]},null,{\"open\":[\"onOpenChange\"]}]]],[\"spw-dropdown-container\",[[1,\"spw-dropdown-container\"]]],[\"spw-footer\",[[1,\"spw-footer\",{\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"]},null,{\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-footer-bottom\",[[1,\"spw-footer-bottom\",{\"siteTitle\":[1,\"site-title\"]}]]],[\"spw-footer-content\",[[1,\"spw-footer-content\"]]],[\"spw-footer-content-col\",[[1,\"spw-footer-content-col\",{\"colTitle\":[1,\"col-title\"]}]]],[\"spw-footer-link\",[[1,\"spw-footer-link\",{\"href\":[1],\"target\":[1]}]]],[\"spw-header-lang-item\",[[1,\"spw-header-lang-item\",{\"active\":[516]}]]],[\"spw-header-navigation-dropdown\",[[1,\"spw-header-navigation-dropdown\"]]],[\"spw-header-persona-item\",[[1,\"spw-header-persona-item\",{\"active\":[516]}]]],[\"spw-illustration\",[[1,\"spw-illustration\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"alt\":[1]}]]],[\"spw-list\",[[1,\"spw-list\",{\"gap\":[1],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"]]]]],[\"spw-list-description\",[[1,\"spw-list-description\",{\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-mosaic\",[[1,\"spw-mosaic\",{\"items\":[8],\"isMasonry\":[4,\"is-masonry\"],\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"],\"initialized\":[32],\"waitForImages\":[64],\"initializeMasonry\":[64]},null,{\"items\":[\"itemsChanged\"],\"isMasonry\":[\"isMasonryChanged\"],\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-mosaic-item\",[[1,\"spw-mosaic-item\",{\"classString\":[32]}]]],[\"spw-radio\",[[65,\"spw-radio\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"name\":[1],\"value\":[1],\"internalChecked\":[32],\"setChecked\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-sidebar-navigation-dropdown\",[[4,\"spw-sidebar-navigation-dropdown\",{\"open\":[1028]}]]],[\"spw-socials\",[[1,\"spw-socials\",{\"mainTitle\":[1,\"main-title\"]}]]],[\"spw-table\",[[1,\"spw-table\",{\"accAriaLabel\":[1,\"acc-aria-label\"],\"isSticky\":[4,\"is-sticky\"],\"maxHeight\":[1,\"max-height\"],\"minWidth\":[1,\"min-width\"],\"tableLayout\":[1,\"table-layout\"],\"isZebra\":[4,\"is-zebra\"],\"disableSort\":[4,\"disable-sort\"],\"currentSort\":[1040]},[[0,\"spwHeaderClick\",\"handleHeaderClick\"]],{\"currentSort\":[\"onCurrentSortChange\"],\"isSticky\":[\"onIsStickyChange\"]}]]],[\"spw-table-body\",[[1,\"spw-table-body\",{\"isZebra\":[516,\"is-zebra\"],\"updateZebraStyles\":[64]}]]],[\"spw-table-cell\",[[1,\"spw-table-cell\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"width\":[1],\"padding\":[1],\"state\":[1],\"sticky\":[4],\"stickyPosition\":[1,\"sticky-position\"],\"stickyOffset\":[2,\"sticky-offset\"],\"isFirst\":[32]}]]],[\"spw-table-footer\",[[1,\"spw-table-footer\"]]],[\"spw-table-head\",[[1,\"spw-table-head\"]]],[\"spw-table-row\",[[1,\"spw-table-row\",{\"state\":[1],\"padding\":[1]},[[0,\"slotchange\",\"slotChanged\"]],{\"state\":[\"onStateChange\"],\"padding\":[\"onPaddingChange\"]}]]],[\"spw-tabs\",[[1,\"spw-tabs\",{\"defaultActiveTab\":[1,\"default-active-tab\"],\"variant\":[1],\"hasEllipsis\":[4,\"has-ellipsis\"],\"maxWidth\":[2,\"max-width\"],\"size\":[1],\"activeTab\":[32],\"getSelectedTab\":[64],\"setSelectedTab\":[64]},[[2,\"tabSelected\",\"handleTabSelected\"],[0,\"slotchange\",\"slotChanged\"]],{\"activeTab\":[\"activeTabChanged\"],\"maxWidth\":[\"maxWidthChanged\"],\"hasEllipsis\":[\"hasEllipsisChanged\"]}]]],[\"spw-tabs-content\",[[1,\"spw-tabs-content\",{\"tabId\":[1,\"tab-id\"],\"active\":[4]}]]],[\"spw-tile-description\",[[1,\"spw-tile-description\"]]],[\"spw-tile-title\",[[1,\"spw-tile-title\"]]],[\"spw-topbar\",[[1,\"spw-topbar\"]]],[\"spw-wizard\",[[1,\"spw-wizard\",{\"currentStep\":[1026,\"current-step\"],\"variant\":[1],\"setStep\":[64]},[[0,\"slotchange\",\"slotChanged\"],[0,\"wizardItemClick\",\"handleStepClick\"]]]]],[\"spw-text-field\",[[65,\"spw-text-field\",{\"value\":[1537],\"type\":[1],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"isClear\":[4,\"is-clear\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"mask\":[1],\"internalValue\":[32],\"isClearIconVisible\":[32],\"setValue\":[64]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-pagination\",[[1,\"spw-pagination\",{\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"isDisabled\":[4,\"is-disabled\"],\"variant\":[1],\"currentPage\":[1026,\"current-page\"],\"inputPageValue\":[32],\"isMobile\":[32],\"setPage\":[64]},null,{\"totalItems\":[\"calculateTotalPages\",\"onTotalItemsChange\"],\"itemsPerPage\":[\"calculateTotalPages\",\"onItemsPerPageChange\"],\"currentPage\":[\"calculateTotalPages\"]}]]],[\"spw-skeleton\",[[1,\"spw-skeleton\",{\"blocks\":[2],\"variant\":[1]}]]],[\"spw-checkbox\",[[65,\"spw-checkbox\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"icon\":[1],\"name\":[1],\"variant\":[1],\"internalChecked\":[32],\"toggleCheckedState\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-tooltip\",[[1,\"spw-tooltip\",{\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"maxWidth\":[1,\"max-width\"],\"direction\":[1],\"cursor\":[1],\"visible\":[4],\"isVisible\":[32]}]]],[\"spw-field-label_6\",[[4,\"spw-group\",{\"type\":[1],\"orientation\":[1],\"alignment\":[1],\"disabled\":[4],\"label\":[1],\"required\":[4],\"isReversed\":[4,\"is-reversed\"],\"name\":[1],\"isFullWidth\":[4,\"is-full-width\"]}],[4,\"spw-theme-provider\",{\"theme\":[1]}],[1,\"spw-separator\",{\"surface\":[1],\"direction\":[1],\"thickness\":[2],\"width\":[1],\"height\":[1]}],[1,\"spw-link\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"surface\":[1]}],[1,\"spw-field-label\",{\"name\":[1],\"label\":[1],\"required\":[4]}],[1,\"spw-icon\",{\"icon\":[1],\"variant\":[1]}]]],[\"spw-accordion_4\",[[1,\"spw-accordion-title\",{\"tag\":[1],\"icon\":[1]}],[1,\"spw-accordion\"],[1,\"spw-accordion-content\",{\"isOpened\":[32]},[[4,\"accordionToggle\",\"handleAccordionToggle\"]]],[1,\"spw-accordion-item\",{\"defaultOpen\":[4,\"default-open\"],\"isOpen\":[32],\"isMobile\":[32]},null,{\"defaultOpen\":[\"defaultOpenChanged\"]}]]],[\"spw-field-message\",[[1,\"spw-field-message\",{\"showIcon\":[4,\"show-icon\"],\"variant\":[1]}]]],[\"spw-button_2\",[[1,\"spw-button\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"download\":[1],\"name\":[1],\"value\":[8],\"type\":[1],\"variant\":[1],\"surface\":[1],\"disabled\":[4],\"size\":[1],\"accAriaLabel\":[1,\"acc-aria-label\"],\"isIconOnly\":[4,\"is-icon-only\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"isFullWidth\":[4,\"is-full-width\"],\"isFullWidthMobile\":[516,\"is-full-width-mobile\"],\"isLoading\":[4,\"is-loading\"]}],[1,\"spw-loading\",{\"text\":[1]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"spw-cookies\",[[1,\"spw-cookies\",{\"cookiesTitle\":[1,\"cookies-title\"],\"cookiesDescription\":[1,\"cookies-description\"],\"acceptAllButtonText\":[1,\"accept-all-button-text\"],\"acceptRequiredButtonText\":[1,\"accept-required-button-text\"],\"isVisible\":[32],\"analyticsEnabled\":[32]}]]],[\"spw-iodda\",[[1,\"spw-iodda\",{\"items\":[32],\"currentPage\":[32],\"totalItems\":[32],\"isLoading\":[32],\"searchTerm\":[32],\"filters\":[32]}]]],[\"spw-custom-select\",[[65,\"spw-custom-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"items\":[1],\"size\":[1],\"multiple\":[4],\"isSearch\":[4,\"is-search\"],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32],\"isOpen\":[32],\"parsedOptions\":[32],\"focusedOptionIndex\":[32],\"searchText\":[32],\"dropdownDirection\":[32],\"hasSelectedValue\":[32],\"resetSelect\":[64]},null,{\"items\":[\"parseOptions\"],\"value\":[\"valueChangedHandler\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"spw-search-field\",[[1,\"spw-search-field\",{\"items\":[1],\"placeholder\":[1],\"size\":[1],\"label\":[1],\"disabled\":[4],\"isRounded\":[4,\"is-rounded\"],\"name\":[1],\"required\":[4],\"assistiveText\":[1,\"assistive-text\"],\"viewAllResults\":[1,\"view-all-results\"],\"viewAllResultsLink\":[1,\"view-all-results-link\"],\"noResults\":[1,\"no-results\"],\"hasSubmitButton\":[4,\"has-submit-button\"],\"filteredItems\":[32],\"searchText\":[32],\"isOpen\":[32],\"focusedItemIndex\":[32],\"dropdownDirection\":[32],\"resetInput\":[64],\"setValue\":[64],\"getValue\":[64]},null,{\"items\":[\"parseItems\"]}]]],[\"spw-date-picker\",[[65,\"spw-date-picker\",{\"value\":[1537],\"placeholder\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4],\"dateFormat\":[1,\"date-format\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disabledDays\":[1,\"disabled-days\"],\"disabledDates\":[16],\"position\":[1],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"assistiveText\":[1,\"assistive-text\"],\"range\":[4],\"rangeId\":[1,\"range-id\"],\"isStart\":[4,\"is-start\"],\"isOpen\":[32],\"hasError\":[32],\"internalError\":[32],\"internalValue\":[32],\"open\":[64],\"close\":[64],\"setDate\":[64],\"getDate\":[64],\"getRange\":[64],\"updateConstraints\":[64],\"resetInput\":[64]},null,{\"value\":[\"watchValue\"],\"disabled\":[\"watchDisabled\"],\"minDate\":[\"watchMinDate\"],\"maxDate\":[\"watchMaxDate\"]}]]],[\"spw-file-upload\",[[65,\"spw-file-upload\",{\"disabled\":[4],\"error\":[4],\"name\":[1],\"value\":[1],\"enableDropZone\":[4,\"enable-drop-zone\"],\"multiple\":[4],\"accept\":[1],\"maxFileSize\":[2,\"max-file-size\"],\"maxFiles\":[2,\"max-files\"],\"internalValue\":[32],\"selectedFiles\":[32],\"fileTypeErrors\":[32],\"fileLimitErrors\":[32],\"isDragging\":[32],\"isMaxFilesReachedExact\":[32],\"resetInput\":[64]}]]],[\"spw-header\",[[1,\"spw-header\",{\"siteTitle\":[1,\"site-title\"],\"borderColor\":[1,\"border-color\"],\"hasWallonieLogo\":[4,\"has-wallonie-logo\"],\"hasMaWallonie\":[4,\"has-ma-wallonie\"],\"maWallonieLabel\":[1,\"ma-wallonie-label\"],\"maWallonieLink\":[1,\"ma-wallonie-link\"],\"hasWallonieBe\":[4,\"has-wallonie-be\"],\"wallonieBeLabel\":[1,\"wallonie-be-label\"],\"wallonieBeLink\":[1,\"wallonie-be-link\"],\"hasSearch\":[4,\"has-search\"],\"searchCloseLabel\":[1,\"search-close-label\"],\"searchOpenLabel\":[1,\"search-open-label\"],\"menuCloseLabel\":[1,\"menu-close-label\"],\"menuOpenLabel\":[1,\"menu-open-label\"],\"isMenuOpen\":[32],\"isSearchOpen\":[32]}]]],[\"spw-header-lang\",[[1,\"spw-header-lang\",{\"activeLang\":[32],\"options\":[32]}]]],[\"spw-select\",[[65,\"spw-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"size\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"items\":[16],\"itemLabel\":[1,\"item-label\"],\"itemValue\":[1,\"item-value\"],\"internalValue\":[32],\"resetSelect\":[64]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"spw-textarea\",[[65,\"spw-textarea\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"rows\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-breadcrumb-item\",[[1,\"spw-breadcrumb-item\",{\"href\":[1],\"surface\":[32]},null,{\"surface\":[\"surfaceChanged\"]}]]],[\"spw-message\",[[1,\"spw-message\",{\"variant\":[1],\"messageId\":[1,\"message-id\"],\"isDismissable\":[4,\"is-dismissable\"],\"dismissableText\":[1,\"dismissable-text\"],\"messageTitle\":[1,\"message-title\"],\"isVisible\":[32]}]]],[\"spw-sidebar-navigation-item\",[[4,\"spw-sidebar-navigation-item\",{\"href\":[1],\"icon\":[1],\"active\":[4],\"disabled\":[4],\"bubble\":[1],\"tooltipTitle\":[1,\"tooltip-title\"],\"iconVariant\":[1,\"icon-variant\"],\"openOnClick\":[4,\"open-on-click\"],\"hasDropdown\":[32],\"dropdownOpen\":[32],\"navExpanded\":[32],\"hasActiveChild\":[32]}]]],[\"spw-table-header\",[[1,\"spw-table-header\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"padding\":[1],\"columnId\":[1,\"column-id\"],\"sortable\":[4],\"sortDirection\":[1,\"sort-direction\"],\"isSorted\":[4,\"is-sorted\"],\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"sticky\":[4],\"stickyPosition\":[1,\"sticky-position\"],\"stickyOffset\":[2,\"sticky-offset\"]}]]],[\"spw-tabs-navigation-item\",[[1,\"spw-tabs-navigation-item\",{\"tabId\":[1,\"tab-id\"],\"active\":[4],\"disabled\":[4],\"bubble\":[4],\"hasEllipsis\":[4,\"has-ellipsis\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"slotText\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"spw-card-image\",[[1,\"spw-card-image\",{\"label\":[1]}]]],[\"spw-dropdown-item\",[[4,\"spw-dropdown-item\",{\"href\":[1],\"disabled\":[4],\"icon\":[1],\"iconVariant\":[1,\"icon-variant\"],\"hasSubItems\":[32],\"subItemsOpen\":[32]}]]],[\"spw-header-navigation\",[[1,\"spw-header-navigation\",{\"alignment\":[1],\"level\":[32],\"element\":[32]},[[2,\"spwHeaderNavigationNavigate\",\"handleNavigation\"]]]]],[\"spw-header-navigation-item\",[[1,\"spw-header-navigation-item\",{\"isActive\":[4,\"is-active\"],\"internalIsActive\":[32],\"hasSubnav\":[32],\"level\":[32],\"isSubnavVisible\":[32],\"lastClickedLevel1Item\":[32],\"isMobile\":[32]}]]],[\"spw-header-persona\",[[1,\"spw-header-persona\",{\"personaLabel\":[1,\"persona-label\"],\"activePersona\":[32],\"options\":[32]}]]],[\"spw-hero\",[[1,\"spw-hero\",{\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"surface\":[1],\"hasPictureFull\":[4,\"has-picture-full\"],\"hasVideo\":[4,\"has-video\"],\"modalVideoId\":[1,\"modal-video-id\"],\"variant\":[1],\"alignment\":[1],\"overlayOpacity\":[2,\"overlay-opacity\"]}]]],[\"spw-list-item\",[[1,\"spw-list-item\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"],\"category\":[1],\"categoryLink\":[1,\"category-link\"],\"categoryIcon\":[1,\"category-icon\"],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[1,\"touchstart\",\"onTouchStart\"],[1,\"touchend\",\"onTouchEnd\"],[1,\"mousedown\",\"onMouseDown\"],[1,\"mouseup\",\"onMouseUp\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"]]]]],[\"spw-list-title\",[[1,\"spw-list-title\",{\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-modal\",[[1,\"spw-modal\",{\"opened\":[1540],\"caption\":[1],\"closeOnOverlayClick\":[4,\"close-on-overlay-click\"],\"stickyButtons\":[4,\"sticky-buttons\"],\"size\":[1],\"alertIcon\":[1,\"alert-icon\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32],\"closeModal\":[64],\"openModal\":[64]},null,{\"opened\":[\"openedChanged\"]}]]],[\"spw-sidebar\",[[1,\"spw-sidebar\",{\"defaultExpanded\":[4,\"default-expanded\"],\"expanded\":[32],\"hasTopbar\":[32]}]]],[\"spw-sidebar-navigation-separator\",[[1,\"spw-sidebar-navigation-separator\"]]],[\"spw-tabs-navigation\",[[1,\"spw-tabs-navigation\",{\"showLeftArrow\":[32],\"showRightArrow\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"spw-tag\",[[1,\"spw-tag\",{\"variant\":[1],\"surface\":[1],\"hasIcon\":[4,\"has-icon\"],\"href\":[1],\"target\":[1],\"size\":[1]}]]],[\"spw-tile\",[[1,\"spw-tile\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-wizard-item\",[[1,\"spw-wizard-item\",{\"label\":[1],\"description\":[1],\"additionalInfo\":[1,\"additional-info\"],\"icon\":[1],\"state\":[1],\"status\":[1],\"isLast\":[1,\"is-last\"],\"stepNumber\":[2,\"step-number\"],\"variant\":[1],\"isClickable\":[1,\"is-clickable\"],\"isBeforeCurrent\":[1,\"is-before-current\"],\"isAfterCurrent\":[1,\"is-after-current\"],\"isCurrent\":[1,\"is-current\"]}]]],[\"spw-breadcrumb\",[[1,\"spw-breadcrumb\",{\"variant\":[1],\"surface\":[1],\"fontSize\":[1,\"font-size\"]}]]],[\"spw-card\",[[1,\"spw-card\",{\"variant\":[1],\"elementType\":[1,\"element-type\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"dateStart\":[1,\"date-start\"],\"dateEnd\":[1,\"date-end\"],\"fullHeight\":[4,\"full-height\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"hasImage\":[32]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-card-content\",[[1,\"spw-card-content\",{\"tag\":[1],\"date\":[1],\"hasImage\":[32]}]]],[\"spw-card-excerpt\",[[1,\"spw-card-excerpt\",{\"lineClamp\":[8,\"line-clamp\"]}]]],[\"spw-card-subtag-item\",[[1,\"spw-card-subtag-item\",{\"link\":[1]}]]],[\"spw-card-subtags\",[[4,\"spw-card-subtags\",{\"variant\":[1]}]]],[\"spw-card-title\",[[1,\"spw-card-title\",{\"borderColor\":[1,\"border-color\"]}]]],[\"spw-dropdown\",[[1,\"spw-dropdown\",{\"direction\":[1],\"hasPadding\":[4,\"has-padding\"],\"contentWidth\":[2,\"content-width\"],\"open\":[1540],\"isVisible\":[32],\"close\":[64]},null,{\"open\":[\"onOpenChange\"]}]]],[\"spw-dropdown-container\",[[1,\"spw-dropdown-container\"]]],[\"spw-footer\",[[1,\"spw-footer\",{\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"]},null,{\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-footer-bottom\",[[1,\"spw-footer-bottom\",{\"siteTitle\":[1,\"site-title\"]}]]],[\"spw-footer-content\",[[1,\"spw-footer-content\"]]],[\"spw-footer-content-col\",[[1,\"spw-footer-content-col\",{\"colTitle\":[1,\"col-title\"]}]]],[\"spw-footer-link\",[[1,\"spw-footer-link\",{\"href\":[1],\"target\":[1]}]]],[\"spw-header-lang-item\",[[1,\"spw-header-lang-item\",{\"active\":[516]}]]],[\"spw-header-navigation-dropdown\",[[1,\"spw-header-navigation-dropdown\"]]],[\"spw-header-persona-item\",[[1,\"spw-header-persona-item\",{\"active\":[516]}]]],[\"spw-illustration\",[[1,\"spw-illustration\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"alt\":[1]}]]],[\"spw-list\",[[1,\"spw-list\",{\"gap\":[1],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"]]]]],[\"spw-list-description\",[[1,\"spw-list-description\",{\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-mosaic\",[[1,\"spw-mosaic\",{\"items\":[8],\"isMasonry\":[4,\"is-masonry\"],\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"],\"initialized\":[32],\"waitForImages\":[64],\"initializeMasonry\":[64]},null,{\"items\":[\"itemsChanged\"],\"isMasonry\":[\"isMasonryChanged\"],\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-mosaic-item\",[[1,\"spw-mosaic-item\",{\"classString\":[32]}]]],[\"spw-radio\",[[65,\"spw-radio\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"name\":[1],\"value\":[1],\"internalChecked\":[32],\"setChecked\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-sidebar-navigation-dropdown\",[[4,\"spw-sidebar-navigation-dropdown\",{\"open\":[1028]}]]],[\"spw-socials\",[[1,\"spw-socials\",{\"mainTitle\":[1,\"main-title\"]}]]],[\"spw-table\",[[1,\"spw-table\",{\"accAriaLabel\":[1,\"acc-aria-label\"],\"isSticky\":[4,\"is-sticky\"],\"maxHeight\":[1,\"max-height\"],\"minWidth\":[1,\"min-width\"],\"tableLayout\":[1,\"table-layout\"],\"isZebra\":[4,\"is-zebra\"],\"disableSort\":[4,\"disable-sort\"],\"currentSort\":[1040]},[[0,\"spwHeaderClick\",\"handleHeaderClick\"]],{\"currentSort\":[\"onCurrentSortChange\"],\"isSticky\":[\"onIsStickyChange\"]}]]],[\"spw-table-body\",[[1,\"spw-table-body\",{\"isZebra\":[516,\"is-zebra\"],\"updateZebraStyles\":[64]}]]],[\"spw-table-cell\",[[1,\"spw-table-cell\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"width\":[1],\"padding\":[1],\"state\":[1],\"sticky\":[4],\"stickyPosition\":[1,\"sticky-position\"],\"stickyOffset\":[2,\"sticky-offset\"],\"isFirst\":[32]}]]],[\"spw-table-footer\",[[1,\"spw-table-footer\"]]],[\"spw-table-head\",[[1,\"spw-table-head\"]]],[\"spw-table-row\",[[1,\"spw-table-row\",{\"state\":[1],\"padding\":[1]},[[0,\"slotchange\",\"slotChanged\"]],{\"state\":[\"onStateChange\"],\"padding\":[\"onPaddingChange\"]}]]],[\"spw-tabs\",[[1,\"spw-tabs\",{\"defaultActiveTab\":[1,\"default-active-tab\"],\"variant\":[1],\"hasEllipsis\":[4,\"has-ellipsis\"],\"maxWidth\":[2,\"max-width\"],\"size\":[1],\"activeTab\":[32],\"getSelectedTab\":[64],\"setSelectedTab\":[64]},[[2,\"tabSelected\",\"handleTabSelected\"],[0,\"slotchange\",\"slotChanged\"]],{\"activeTab\":[\"activeTabChanged\"],\"maxWidth\":[\"maxWidthChanged\"],\"hasEllipsis\":[\"hasEllipsisChanged\"]}]]],[\"spw-tabs-content\",[[1,\"spw-tabs-content\",{\"tabId\":[1,\"tab-id\"],\"active\":[4]}]]],[\"spw-tile-description\",[[1,\"spw-tile-description\"]]],[\"spw-tile-title\",[[1,\"spw-tile-title\"]]],[\"spw-topbar\",[[1,\"spw-topbar\"]]],[\"spw-wizard\",[[1,\"spw-wizard\",{\"currentStep\":[1026,\"current-step\"],\"variant\":[1],\"setStep\":[64]},[[0,\"slotchange\",\"slotChanged\"],[0,\"wizardItemClick\",\"handleStepClick\"]]]]],[\"spw-text-field\",[[65,\"spw-text-field\",{\"value\":[1537],\"type\":[1],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"isClear\":[4,\"is-clear\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"mask\":[1],\"internalValue\":[32],\"isClearIconVisible\":[32],\"setValue\":[64]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-pagination\",[[1,\"spw-pagination\",{\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"isDisabled\":[4,\"is-disabled\"],\"variant\":[1],\"currentPage\":[1026,\"current-page\"],\"inputPageValue\":[32],\"isMobile\":[32],\"setPage\":[64]},null,{\"totalItems\":[\"calculateTotalPages\",\"onTotalItemsChange\"],\"itemsPerPage\":[\"calculateTotalPages\",\"onItemsPerPageChange\"],\"currentPage\":[\"calculateTotalPages\"]}]]],[\"spw-skeleton\",[[1,\"spw-skeleton\",{\"blocks\":[2],\"variant\":[1]}]]],[\"spw-checkbox\",[[65,\"spw-checkbox\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"icon\":[1],\"name\":[1],\"variant\":[1],\"internalChecked\":[32],\"toggleCheckedState\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-tooltip\",[[1,\"spw-tooltip\",{\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"maxWidth\":[1,\"max-width\"],\"direction\":[1],\"cursor\":[1],\"visible\":[4],\"isVisible\":[32]}]]],[\"spw-field-label_6\",[[4,\"spw-group\",{\"type\":[1],\"orientation\":[1],\"alignment\":[1],\"disabled\":[4],\"label\":[1],\"required\":[4],\"isReversed\":[4,\"is-reversed\"],\"name\":[1],\"isFullWidth\":[4,\"is-full-width\"]}],[4,\"spw-theme-provider\",{\"theme\":[1]}],[1,\"spw-separator\",{\"surface\":[1],\"direction\":[1],\"thickness\":[2],\"width\":[1],\"height\":[1]}],[1,\"spw-link\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"surface\":[1]}],[1,\"spw-field-label\",{\"name\":[1],\"label\":[1],\"required\":[4]}],[1,\"spw-icon\",{\"icon\":[1],\"variant\":[1]}]]],[\"spw-accordion_4\",[[1,\"spw-accordion-title\",{\"tag\":[1],\"icon\":[1]}],[1,\"spw-accordion\"],[1,\"spw-accordion-content\",{\"isOpened\":[32]},[[4,\"accordionToggle\",\"handleAccordionToggle\"]]],[1,\"spw-accordion-item\",{\"defaultOpen\":[4,\"default-open\"],\"isOpen\":[32],\"isMobile\":[32]},null,{\"defaultOpen\":[\"defaultOpenChanged\"]}]]],[\"spw-field-message\",[[1,\"spw-field-message\",{\"showIcon\":[4,\"show-icon\"],\"variant\":[1]}]]],[\"spw-button_2\",[[1,\"spw-button\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"download\":[1],\"name\":[1],\"value\":[8],\"type\":[1],\"variant\":[1],\"surface\":[1],\"disabled\":[4],\"size\":[1],\"accAriaLabel\":[1,\"acc-aria-label\"],\"isIconOnly\":[4,\"is-icon-only\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"isFullWidth\":[4,\"is-full-width\"],\"isFullWidthMobile\":[516,\"is-full-width-mobile\"],\"isLoading\":[4,\"is-loading\"]}],[1,\"spw-loading\",{\"text\":[1]}]]]]"), options);
 };
 
 export { defineCustomElements };

package/dist/esm/spw-field-label_6.entry.js

@@ -170,7 +170,7 @@ const SpwSeparator = class {
         };
     }
     render() {
-        return h("div", { key: '888d77fa5ca4a8030f263a30422e86068500cb29', class: this.elementClass, style: this.style });
+        return h("div", { key: 'c122809a584993cfd331619e80000febb3c923ed', class: this.elementClass, style: this.style });
     }
 };
 SpwSeparator.style = spwSeparatorCss;
@@ -233,7 +233,7 @@ const SpwThemeProvider = class {
         document.documentElement.setAttribute('data-theme', theme);
     }
     render() {
-        return (h("main", { key: '5d50d6efac83371a0a7778ffe03db3921ea27bc0', class: `spw-theme-${this.theme}` }, h("slot", { key: '1e8e82d5368254187805aff59f0c33b0fc55bda8' })));
+        return (h("main", { key: '25560481f9b7fb3e929321678e8df40137dbda29', class: `spw-theme-${this.theme}` }, h("slot", { key: '435d7d52354f9a43d110c54736dda8a5af8b93b1' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-header-navigation-item.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CvfVJV8a.js';
 
-const spwHeaderNavigationItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}@media (min-width:1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{background:#fff;color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700}@media (max-width:1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a){font-size:20px;padding:24px 16px;position:relative}:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-colors-support-grey-grey-300);content:\"\";height:1px;left:16px;position:absolute;top:0;width:calc(100% - 32px)}@media (min-width:1024px){:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a){border-bottom:0;font-size:16px;padding:20px 16px}:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:\"\";height:3px;left:16px;position:absolute;top:auto;width:0}:host([data-level=\"1\"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){margin-left:16px;opacity:1;pointer-events:auto;top:100%;transition:opacity .1s ease-in}:host([data-level=\"1\"]) .spw-header-navigation-item:hover ::slotted(a){color:var(--spw-ds-primary)!important}:host([data-level=\"1\"]) .spw-header-navigation-item:hover ::slotted(a):before{width:calc(100% - 32px)}}:host([data-level=\"1\"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:\"\\f054\";font-family:var(--spw-ds-font-icons-solid);font-size:18px}@media (min-width:1024px){:host([data-level=\"1\"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:\"\\f078\";font-size:14px}}:host([data-level=\"1\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:10}:host([data-level=\"1\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:\"\\f054\"}@media (min-width:1024px){:host([data-level=\"1\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:\"\\f078\"}}:host([data-level=\"2\"]) .spw-header-navigation-item ::slotted(a){font-size:18px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level=\"2\"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level=\"2\"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){left:100%;opacity:1;pointer-events:auto;top:0;transition:opacity .1s ease-in;z-index:38}:host([data-level=\"2\"]) .spw-header-navigation-item:hover ::slotted(a){background:var(--spw-colors-support-grey-grey-100);color:var(--spw-ds-primary)!important}:host([data-level=\"2\"]) .spw-header-navigation-item:hover ::slotted(a):before{display:none}}:host([data-level=\"2\"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:\"\\f054\";font-family:var(--spw-ds-font-icons-solid);font-weight:700}:host([data-level=\"2\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:11}:host([data-level=\"2\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:\"\\f054\"}:host([data-level=\"3\"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level=\"3\"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level=\"3\"]) .spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level=\"3\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:12}.spw-header-navigation-item--is-active ::slotted(a){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(a){align-items:center;color:inherit;display:inline-flex;gap:8px;justify-content:space-between;padding:16px 0;position:relative;text-decoration:none;width:100%}@media (min-width:1024px){.spw-header-navigation-item ::slotted(a){padding:16px}.spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:\"\";height:5px;left:16px;position:absolute;transition:width .2s ease-in;width:0}}.spw-header-navigation-item ::slotted(a:focus-visible){box-shadow:0 0 0 3px #000;outline:3px solid #fff;outline-offset:-3px}.spw-header-navigation-item ::slotted(a:active){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:none;opacity:0}@media (min-width:1024px){.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){box-shadow:var(--spw-effect-elevation-8);display:block;opacity:0;pointer-events:none;position:absolute;width:320px}}@media (max-width:1023px){.spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){background:#fff;display:block;left:0;margin-top:0;min-height:100%;opacity:1;overflow-y:auto;padding-top:132px;position:absolute;top:0;width:100%}}.spw-header-navigation-item__top{background:#fff;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:118px;justify-content:space-between;left:16px;padding:24px 0;position:absolute;top:0;width:calc(100% - 32px);z-index:9999999}.spw-header-navigation-item__top-back{align-items:center;color:var(--spw-colors-support-grey-grey-900);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:left;text-decoration:none}.spw-header-navigation-item__top-back span{text-decoration:underline}.spw-header-navigation-item__top-back spw-icon{font-size:18px}.spw-header-navigation-item__top-title a{color:var(--spw-colors-support-grey-grey-900);display:block;font-size:20px;font-weight:700;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--1{display:flex}@media (min-width:1024px){:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--1{display:none}}:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--2{display:flex}@media (min-width:1024px){:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--2{display:none}}:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--3{display:flex}@media (min-width:1024px){:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--3{display:none}.spw-header-navigation-item__top{display:none}}";
+const spwHeaderNavigationItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}@media (min-width:1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{background:#fff;color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700}@media (max-width:1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a){font-size:20px;padding:24px 16px;position:relative}:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-colors-support-grey-grey-300);content:\"\";height:1px;left:16px;position:absolute;top:0;width:calc(100% - 32px)}@media (min-width:1024px){:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a){border-bottom:0;font-size:16px;padding:20px 16px}:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:\"\";height:3px;left:16px;position:absolute;top:auto;width:0}:host([data-level=\"1\"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){margin-left:16px;opacity:1;pointer-events:auto;top:100%;transition:opacity .1s ease-in}:host([data-level=\"1\"]) .spw-header-navigation-item:hover ::slotted(a){color:var(--spw-ds-primary)!important}:host([data-level=\"1\"]) .spw-header-navigation-item:hover ::slotted(a):before{width:calc(100% - 32px)}}:host([data-level=\"1\"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:\"\\f054\";font-family:var(--spw-ds-font-icons-solid);font-size:18px}@media (min-width:1024px){:host([data-level=\"1\"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:\"\\f078\";font-size:14px}}:host([data-level=\"1\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:10}:host([data-level=\"1\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:\"\\f054\"}@media (min-width:1024px){:host([data-level=\"1\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:\"\\f078\"}:host([data-level=\"2\"]) .spw-header-navigation-item{position:relative}}:host([data-level=\"2\"]) .spw-header-navigation-item ::slotted(a){font-size:18px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level=\"2\"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level=\"2\"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){left:100%;opacity:1;pointer-events:auto;top:0;transition:opacity .1s ease-in;z-index:38}:host([data-level=\"2\"]) .spw-header-navigation-item:hover ::slotted(a){background:var(--spw-colors-support-grey-grey-100);color:var(--spw-ds-primary)!important}:host([data-level=\"2\"]) .spw-header-navigation-item:hover ::slotted(a):before{display:none}}:host([data-level=\"2\"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:\"\\f054\";font-family:var(--spw-ds-font-icons-solid);font-weight:700}:host([data-level=\"2\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:11}:host([data-level=\"2\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:\"\\f054\"}:host([data-level=\"3\"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level=\"3\"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level=\"3\"]) .spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level=\"3\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:12}.spw-header-navigation-item--is-active ::slotted(a){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(a){align-items:center;color:inherit;display:inline-flex;gap:8px;justify-content:space-between;padding:16px 0;position:relative;text-decoration:none;width:100%}@media (min-width:1024px){.spw-header-navigation-item ::slotted(a){padding:16px}.spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:\"\";height:5px;left:16px;position:absolute;transition:width .2s ease-in;width:0}}.spw-header-navigation-item ::slotted(a:focus-visible){box-shadow:0 0 0 3px #000;outline:3px solid #fff;outline-offset:-3px}.spw-header-navigation-item ::slotted(a:active){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:none;opacity:0}@media (min-width:1024px){.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){box-shadow:var(--spw-effect-elevation-8);display:block;opacity:0;pointer-events:none;position:absolute;width:320px}}@media (max-width:1023px){.spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){background:#fff;display:block;left:0;margin-top:0;min-height:100%;opacity:1;overflow-y:auto;padding-top:132px;position:absolute;top:0;width:100%}}.spw-header-navigation-item__top{background:#fff;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:118px;justify-content:space-between;left:16px;padding:24px 0;position:absolute;top:0;width:calc(100% - 32px);z-index:9999999}.spw-header-navigation-item__top-back{align-items:center;color:var(--spw-colors-support-grey-grey-900);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:left;text-decoration:none}.spw-header-navigation-item__top-back span{text-decoration:underline}.spw-header-navigation-item__top-back spw-icon{font-size:18px}.spw-header-navigation-item__top-title a{color:var(--spw-colors-support-grey-grey-900);display:block;font-size:20px;font-weight:700;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--1{display:flex}@media (min-width:1024px){:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--1{display:none}}:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--2{display:flex}@media (min-width:1024px){:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--2{display:none}}:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--3{display:flex}@media (min-width:1024px){:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--3{display:none}.spw-header-navigation-item__top{display:none}}";
 
 const SpwHeaderNavigationItem = class {
     constructor(hostRef) {

package/dist/esm/spw-header-navigation-item.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-header-navigation-item.entry.js","sources":["src/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.scss?tag=spw-header-navigation-item&encapsulation=shadow","src/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  @include breakpoint(lg) {\n    display: contents;\n    width: auto;\n  }\n}\n\n.spw-header-navigation-item {\n  color: var(--spw-colors-support-grey-grey-900);\n  font-size: 16px;\n  font-weight: 700;\n  background: white;\n\n  ::slotted(a:hover) {\n    @include under-breakpoint(lg) {\n      color: var(--spw-ds-primary) !important;\n    }\n  }\n\n  :host([data-level='1']) & {\n    ::slotted(a) {\n      position: relative;\n      padding: 24px 16px;\n      font-size: 20px;\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 16px;\n        width: calc(100% - 32px);\n        height: 1px;\n        background: var(--spw-colors-support-grey-grey-300);\n      }\n      @include breakpoint(lg) {\n        padding: 20px 16px;\n        font-size: 16px;\n        border-bottom: 0;\n        &:before {\n          content: '';\n          position: absolute;\n          top: auto;\n          bottom: 0;\n          left: 16px;\n          width: 0;\n          height: 3px;\n          background: var(--spw-ds-primary);\n        }\n      }\n    }\n    &:hover {\n      @include breakpoint(lg) {\n        ::slotted(spw-header-navigation-dropdown) {\n          pointer-events: auto;\n          opacity: 1;\n          top: 100%;\n          margin-left: 16px;\n          transition: opacity 0.1s ease-in;\n        }\n        ::slotted(a) {\n          color: var(--spw-ds-primary) !important;\n          &:before {\n            width: calc(100% - 32px);\n          }\n        }\n      }\n    }\n\n    &--has-subnav {\n      ::slotted(a) {\n        &:after {\n          font-family: var(--spw-ds-font-icons-solid);\n          content: '\\f054';\n          font-size: 18px;\n          @include breakpoint(lg) {\n            content: '\\f078';\n            font-size: 14px;\n          }\n        }\n      }\n    }\n\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 10;\n      }\n      ::slotted(a) {\n        &:after {\n          content: '\\f054';\n          @include breakpoint(lg) {\n            content: '\\f078';\n          }\n        }\n      }\n    }\n  }\n\n  :host([data-level='2']) & {\n    ::slotted(a) {\n      padding: 12px 16px;\n      font-weight: 400;\n      font-size: 18px;\n      @include breakpoint(lg) {\n        padding: 20px;\n        font-weight: 700;\n        font-size: 16px;\n      }\n    }\n    @include breakpoint(lg) {\n      &:hover {\n        ::slotted(spw-header-navigation-dropdown) {\n          pointer-events: auto;\n          opacity: 1;\n          left: 100%;\n          top: 0;\n          transition: opacity 0.1s ease-in;\n          z-index: 38;\n        }\n        ::slotted(a) {\n          color: var(--spw-ds-primary) !important;\n          background: var(--spw-colors-support-grey-grey-100);\n          &:before {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &--has-subnav {\n      ::slotted(a) {\n        &:after {\n          font-family: var(--spw-ds-font-icons-solid);\n          content: '\\f054';\n          font-weight: 700;\n        }\n      }\n    }\n\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 11;\n      }\n      ::slotted(a) {\n        &:after {\n          content: '\\f054';\n        }\n      }\n    }\n  }\n\n  :host([data-level='3']) & {\n    ::slotted(a) {\n      padding: 12px 16px;\n      font-weight: 400;\n      font-size: 16px;\n      @include breakpoint(lg) {\n        padding: 20px;\n        font-weight: 700;\n        font-size: 16px;\n      }\n    }\n    ::slotted(a:hover) {\n      @include breakpoint(lg) {\n        color: var(--spw-ds-primary) !important;\n      }\n    }\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 12;\n      }\n    }\n  }\n\n  &--is-active {\n    ::slotted(a) {\n      color: var(--spw-ds-primary) !important;\n    }\n  }\n\n  ::slotted(a) {\n    display: inline-flex;\n    position: relative;\n    color: inherit;\n    text-decoration: none;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    width: 100%;\n    padding: 16px 0;\n    @include breakpoint(lg) {\n      padding: 16px;\n    }\n    &:before {\n      @include breakpoint(lg) {\n        content: '';\n        transition: width 0.2s ease-in;\n        bottom: 0;\n        left: 16px;\n        height: 5px;\n        width: 0;\n        position: absolute;\n        background: var(--spw-ds-primary);\n      }\n    }\n  }\n\n  ::slotted(a:focus-visible) {\n    outline: 3px solid white;\n    outline-offset: -3px;\n    box-shadow: 0 0 0 3px black;\n  }\n\n  ::slotted(a:active) {\n    color: var(--spw-ds-primary) !important;\n  }\n\n  ::slotted(spw-header-navigation-dropdown) {\n    display: none;\n    opacity: 0;\n    @include breakpoint(lg) {\n      display: block;\n      pointer-events: none;\n      opacity: 0;\n      position: absolute;\n      width: 320px;\n      box-shadow: var(--spw-effect-elevation-8);\n    }\n  }\n\n  &--is-subnav-visible {\n    ::slotted(spw-header-navigation-dropdown) {\n      @include under-breakpoint(lg) {\n        display: block;\n        opacity: 1;\n        position: absolute;\n        background: white;\n        width: 100%;\n        margin-top: 0;\n        padding-top: 132px;\n        top: 0;\n        left: 0;\n        min-height: 100%;\n        overflow-y: auto;\n      }\n    }\n  }\n}\n\n.spw-header-navigation-item__top {\n  position: absolute;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  top: 0;\n  left: 16px;\n  height: 118px;\n  z-index: 9999999;\n  width: calc(100% - 32px);\n  padding: 24px 0;\n  background: white;\n  border-bottom: 1px solid var(--spw-colors-support-grey-grey-300);\n\n  &-back {\n    gap: 8px;\n    display: flex;\n    justify-content: left;\n    align-items: center;\n    font-weight: 700;\n    font-size: 14px;\n    text-decoration: none;\n    color: var(--spw-colors-support-grey-grey-900);\n    span {\n      text-decoration: underline;\n    }\n    spw-icon {\n      font-size: 18px;\n    }\n  }\n\n  &-title {\n    a {\n      font-size: 20px;\n      font-weight: 700;\n      text-decoration: underline;\n      color: var(--spw-colors-support-grey-grey-900);\n      display: block;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &--1 {\n    :host([data-level-visible='1']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    :host([data-level-visible='2']) & {\n      display: none;\n    }\n    :host([data-level-visible='3']) & {\n      display: none;\n    }\n  }\n\n  &--2 {\n    :host([data-level-visible='1']) & {\n      display: none;\n    }\n    :host([data-level-visible='2']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    :host([data-level-visible='3']) & {\n      display: none;\n    }\n  }\n\n  &--3 {\n    :host([data-level-visible='1']) & {\n      display: none;\n    }\n    :host([data-level-visible='2']) & {\n      display: none;\n    }\n    :host([data-level-visible='3']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n  }\n\n  @include breakpoint(lg) {\n    display: none;\n  }\n}\n","import { Component, Event, EventEmitter, Host, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-navigation-item',\n  styleUrl: 'spw-header-navigation-item.scss',\n  shadow: true,\n})\nexport class SpwHeaderNavigationItem {\n  @Element() el: HTMLSpwHeaderNavigationItemElement;\n\n  /** Définit si l'élément de menu est la page courante */\n  @Prop() isActive: boolean = false;\n\n  @State() internalIsActive: boolean = false;\n  @State() hasSubnav: boolean = false;\n  @State() level: number = 1;\n  @State() isSubnavVisible: boolean = false;\n  @State() lastClickedLevel1Item: string | null = null;\n  @State() isMobile: boolean = window.innerWidth < 1024;\n\n  @Event() spwHeaderNavigationNavigate: EventEmitter<{ level: number; element: HTMLSpwHeaderNavigationItemElement }>;\n\n  componentWillLoad() {\n    this.internalIsActive = this.isActive;\n    this.checkForSubnav();\n    this.calculateLevel();\n    this.updateLevelClass();\n  }\n\n  componentWillUpdate() {\n    if (this.isActive !== this.internalIsActive) {\n      this.internalIsActive = this.isActive;\n    }\n    this.updateLevelClass();\n  }\n\n  private checkForSubnav() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const assignedElements = slot.assignedElements({ flatten: true });\n      const hasSubnav = assignedElements.some(el => el.tagName === 'SPW-HEADER-NAVIGATION-DROPDOWN');\n\n      if (hasSubnav !== this.hasSubnav) {\n        this.hasSubnav = hasSubnav;\n      }\n    }\n  }\n\n  private calculateLevel() {\n    let level = 1;\n    let parent = this.el.parentElement;\n\n    while (parent && parent.tagName !== 'SPW-HEADER-NAVIGATION') {\n      if (parent.tagName === 'SPW-HEADER-NAVIGATION-DROPDOWN') {\n        level++;\n      }\n      parent = parent.parentElement;\n    }\n\n    this.level = level;\n  }\n\n  private updateLevelClass() {\n    const htmlElement = document.documentElement;\n    Array.from(htmlElement.classList).forEach(className => {\n      if (className.startsWith('spw-ds-nav-level-')) {\n        htmlElement.classList.remove(className);\n      }\n    });\n    htmlElement.classList.add(`spw-ds-nav-level-${this.level}`);\n    this.spwHeaderNavigationNavigate.emit({ level: this.level, element: this.el });\n  }\n\n  private toggleSubnavVisibility(event: MouseEvent) {\n    if (!this.isMobile) return;\n\n    event.stopPropagation();\n\n    if (this.hasSubnav && !this.isSubnavVisible) {\n      const isMobileScreen = window.matchMedia('(max-width: 1024px)').matches;\n      if (isMobileScreen) {\n        event.preventDefault();\n      }\n\n      if (this.level === 1) {\n        this.lastClickedLevel1Item = this.el.innerText;\n        document.documentElement.setAttribute('data-ds-nav-level1', this.lastClickedLevel1Item);\n      }\n\n      this.isSubnavVisible = !this.isSubnavVisible;\n\n      if (this.isSubnavVisible) {\n        this.level++;\n        this.updateLevelClass();\n      }\n    }\n  }\n\n  private getStoredLevel1Item(): string {\n    return document.documentElement.getAttribute('data-ds-nav-level1') || '';\n  }\n\n  private handleBackClick(event: MouseEvent) {\n    event.stopPropagation();\n\n    this.isSubnavVisible = false;\n\n    if (this.level > 1) {\n      this.level--;\n      this.updateLevelClass();\n    }\n\n    this.internalIsActive = false;\n\n    if (this.level === 1 && !this.isSubnavVisible) {\n      this.lastClickedLevel1Item = null;\n      document.documentElement.removeAttribute('data-ds-nav-level1');\n    }\n  }\n\n  private getPageTitle(): { title: string; link: string | null; target: string | null } | null {\n    const parent = this.el.shadowRoot.querySelector('slot');\n\n    if (parent) {\n      const assignedElements = parent.assignedElements({ flatten: true }) as HTMLElement[];\n\n      if (assignedElements.length > 0) {\n        const firstElement = assignedElements[0];\n\n        const title = firstElement.innerText || '';\n        const link = (firstElement as HTMLAnchorElement).href || null;\n        const target = (firstElement as HTMLAnchorElement).target || null;\n\n        return { title, link, target };\n      }\n    }\n\n    return null;\n  }\n\n  async componentDidLoad() {\n    setTimeout(() => {\n      this.checkForSubnav();\n    }, 0);\n\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const mutationObserver = new MutationObserver(() => {\n        this.checkForSubnav();\n      });\n\n      mutationObserver.observe(slot, { childList: true, subtree: true });\n    }\n  }\n\n  render() {\n    const pageTitle = this.getPageTitle();\n    const storedTitle = this.getStoredLevel1Item();\n\n    const elementClass = {\n      'spw-header-navigation-item': true,\n      'spw-header-navigation-item--has-subnav': this.hasSubnav,\n      'spw-header-navigation-item--is-active': this.internalIsActive,\n      'spw-header-navigation-item--is-subnav-visible': this.isSubnavVisible,\n    };\n\n    return (\n      <Host data-level={this.level}>\n        <li class={elementClass}>\n          <div class=\"spw-header-navigation-item__content\" onClick={event => this.toggleSubnavVisibility(event)}>\n            {this.isSubnavVisible && (\n              <div class={`spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}`}>\n                <div class=\"spw-header-navigation-item__top-back\" onClick={event => this.handleBackClick(event)}>\n                  <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>{this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle}</span>\n                </div>\n                <div class=\"spw-header-navigation-item__top-title\">\n                  <a href={pageTitle?.link || '#'} target={pageTitle?.target || '_self'}>\n                    {pageTitle?.title || ''}\n                  </a>\n                </div>\n              </div>\n            )}\n            <slot></slot>\n          </div>\n        </li>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,0BAA0B,GAAG,q0SAAq0S;;MCO31S,uBAAuB,GAAA,MAAA;AALpC,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AASU,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAExB,QAAA,IAAgB,CAAA,gBAAA,GAAY,KAAK;AACjC,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAC1B,QAAA,IAAK,CAAA,KAAA,GAAW,CAAC;AACjB,QAAA,IAAe,CAAA,eAAA,GAAY,KAAK;AAChC,QAAA,IAAqB,CAAA,qBAAA,GAAkB,IAAI;QAC3C,IAAA,CAAA,QAAQ,GAAY,MAAM,CAAC,UAAU,GAAG,IAAI;AA0KtD;IAtKC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,QAAQ;QACrC,IAAI,CAAC,cAAc,EAAE;QACrB,IAAI,CAAC,cAAc,EAAE;QACrB,IAAI,CAAC,gBAAgB,EAAE;;IAGzB,mBAAmB,GAAA;QACjB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,gBAAgB,EAAE;AAC3C,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,QAAQ;;QAEvC,IAAI,CAAC,gBAAgB,EAAE;;IAGjB,cAAc,GAAA;AACpB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC;QACrD,IAAI,IAAI,EAAE;AACR,YAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACjE,YAAA,MAAM,SAAS,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,OAAO,KAAK,gCAAgC,CAAC;AAE9F,YAAA,IAAI,SAAS,KAAK,IAAI,CAAC,SAAS,EAAE;AAChC,gBAAA,IAAI,CAAC,SAAS,GAAG,SAAS;;;;IAKxB,cAAc,GAAA;QACpB,IAAI,KAAK,GAAG,CAAC;AACb,QAAA,IAAI,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa;QAElC,OAAO,MAAM,IAAI,MAAM,CAAC,OAAO,KAAK,uBAAuB,EAAE;AAC3D,YAAA,IAAI,MAAM,CAAC,OAAO,KAAK,gCAAgC,EAAE;AACvD,gBAAA,KAAK,EAAE;;AAET,YAAA,MAAM,GAAG,MAAM,CAAC,aAAa;;AAG/B,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;;IAGZ,gBAAgB,GAAA;AACtB,QAAA,MAAM,WAAW,GAAG,QAAQ,CAAC,eAAe;AAC5C,QAAA,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,IAAG;AACpD,YAAA,IAAI,SAAS,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE;AAC7C,gBAAA,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;;AAE3C,SAAC,CAAC;QACF,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,CAAoB,iBAAA,EAAA,IAAI,CAAC,KAAK,CAAE,CAAA,CAAC;AAC3D,QAAA,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC;;AAGxE,IAAA,sBAAsB,CAAC,KAAiB,EAAA;QAC9C,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE;QAEpB,KAAK,CAAC,eAAe,EAAE;QAEvB,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YAC3C,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC,OAAO;YACvE,IAAI,cAAc,EAAE;gBAClB,KAAK,CAAC,cAAc,EAAE;;AAGxB,YAAA,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;gBACpB,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS;gBAC9C,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,oBAAoB,EAAE,IAAI,CAAC,qBAAqB,CAAC;;AAGzF,YAAA,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe;AAE5C,YAAA,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,IAAI,CAAC,KAAK,EAAE;gBACZ,IAAI,CAAC,gBAAgB,EAAE;;;;IAKrB,mBAAmB,GAAA;QACzB,OAAO,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,oBAAoB,CAAC,IAAI,EAAE;;AAGlE,IAAA,eAAe,CAAC,KAAiB,EAAA;QACvC,KAAK,CAAC,eAAe,EAAE;AAEvB,QAAA,IAAI,CAAC,eAAe,GAAG,KAAK;AAE5B,QAAA,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE;YAClB,IAAI,CAAC,KAAK,EAAE;YACZ,IAAI,CAAC,gBAAgB,EAAE;;AAGzB,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;QAE7B,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;AAC7C,YAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI;AACjC,YAAA,QAAQ,CAAC,eAAe,CAAC,eAAe,CAAC,oBAAoB,CAAC;;;IAI1D,YAAY,GAAA;AAClB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC;QAEvD,IAAI,MAAM,EAAE;AACV,YAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAkB;AAEpF,YAAA,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;AAC/B,gBAAA,MAAM,YAAY,GAAG,gBAAgB,CAAC,CAAC,CAAC;AAExC,gBAAA,MAAM,KAAK,GAAG,YAAY,CAAC,SAAS,IAAI,EAAE;AAC1C,gBAAA,MAAM,IAAI,GAAI,YAAkC,CAAC,IAAI,IAAI,IAAI;AAC7D,gBAAA,MAAM,MAAM,GAAI,YAAkC,CAAC,MAAM,IAAI,IAAI;AAEjE,gBAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE;;;AAIlC,QAAA,OAAO,IAAI;;AAGb,IAAA,MAAM,gBAAgB,GAAA;QACpB,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,cAAc,EAAE;SACtB,EAAE,CAAC,CAAC;AAEL,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC;QACrD,IAAI,IAAI,EAAE;AACR,YAAA,MAAM,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,MAAK;gBACjD,IAAI,CAAC,cAAc,EAAE;AACvB,aAAC,CAAC;AAEF,YAAA,gBAAgB,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;;IAItE,MAAM,GAAA;AACJ,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE;AACrC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,EAAE;AAE9C,QAAA,MAAM,YAAY,GAAG;AACnB,YAAA,4BAA4B,EAAE,IAAI;YAClC,wCAAwC,EAAE,IAAI,CAAC,SAAS;YACxD,uCAAuC,EAAE,IAAI,CAAC,gBAAgB;YAC9D,+CAA+C,EAAE,IAAI,CAAC,eAAe;SACtE;AAED,QAAA,QACE,CAAC,CAAA,IAAI,EAAa,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAA,IAAI,CAAC,KAAK,EAAA,EAC1B,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,YAAY,EAAA,EACrB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qCAAqC,EAAC,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAA,EAClG,IAAI,CAAC,eAAe,KACnB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,iEAAA,EAAoE,IAAI,CAAC,KAAK,CAAA,CAAE,EAAA,EAC1F,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,sCAAsC,EAAC,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAA,EAC7F,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAY,CAAA,OAAC,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,KAAK,CAAC,GAAG,gBAAgB,GAAG,WAAW,CAAQ,CACjI,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uCAAuC,EAAA,EAChD,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,IAAI,EAAE,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,MAAA,GAAA,MAAA,GAAA,SAAS,CAAE,IAAI,KAAI,GAAG,EAAE,MAAM,EAAE,CAAA,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,MAAA,GAAA,MAAA,GAAA,SAAS,CAAE,MAAM,KAAI,OAAO,EAClE,EAAA,CAAA,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,MAAA,GAAA,MAAA,GAAA,SAAS,CAAE,KAAK,KAAI,EAAE,CACrB,CACA,CACF,CACP,EACD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACH,CACA;;;;;;;;"}
+{"version":3,"file":"spw-header-navigation-item.entry.js","sources":["src/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.scss?tag=spw-header-navigation-item&encapsulation=shadow","src/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  @include breakpoint(lg) {\n    display: contents;\n    width: auto;\n  }\n}\n\n.spw-header-navigation-item {\n  color: var(--spw-colors-support-grey-grey-900);\n  font-size: 16px;\n  font-weight: 700;\n  background: white;\n\n  ::slotted(a:hover) {\n    @include under-breakpoint(lg) {\n      color: var(--spw-ds-primary) !important;\n    }\n  }\n\n  :host([data-level='1']) & {\n    ::slotted(a) {\n      position: relative;\n      padding: 24px 16px;\n      font-size: 20px;\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 16px;\n        width: calc(100% - 32px);\n        height: 1px;\n        background: var(--spw-colors-support-grey-grey-300);\n      }\n      @include breakpoint(lg) {\n        padding: 20px 16px;\n        font-size: 16px;\n        border-bottom: 0;\n        &:before {\n          content: '';\n          position: absolute;\n          top: auto;\n          bottom: 0;\n          left: 16px;\n          width: 0;\n          height: 3px;\n          background: var(--spw-ds-primary);\n        }\n      }\n    }\n    &:hover {\n      @include breakpoint(lg) {\n        ::slotted(spw-header-navigation-dropdown) {\n          pointer-events: auto;\n          opacity: 1;\n          top: 100%;\n          margin-left: 16px;\n          transition: opacity 0.1s ease-in;\n        }\n        ::slotted(a) {\n          color: var(--spw-ds-primary) !important;\n          &:before {\n            width: calc(100% - 32px);\n          }\n        }\n      }\n    }\n\n    &--has-subnav {\n      ::slotted(a) {\n        &:after {\n          font-family: var(--spw-ds-font-icons-solid);\n          content: '\\f054';\n          font-size: 18px;\n          @include breakpoint(lg) {\n            content: '\\f078';\n            font-size: 14px;\n          }\n        }\n      }\n    }\n\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 10;\n      }\n      ::slotted(a) {\n        &:after {\n          content: '\\f054';\n          @include breakpoint(lg) {\n            content: '\\f078';\n          }\n        }\n      }\n    }\n  }\n\n  :host([data-level='2']) & {\n    @include breakpoint(lg) {\n      position: relative;\n    }\n    ::slotted(a) {\n      padding: 12px 16px;\n      font-weight: 400;\n      font-size: 18px;\n      @include breakpoint(lg) {\n        padding: 20px;\n        font-weight: 700;\n        font-size: 16px;\n      }\n    }\n    @include breakpoint(lg) {\n      &:hover {\n        ::slotted(spw-header-navigation-dropdown) {\n          pointer-events: auto;\n          opacity: 1;\n          left: 100%;\n          top: 0;\n          transition: opacity 0.1s ease-in;\n          z-index: 38;\n        }\n        ::slotted(a) {\n          color: var(--spw-ds-primary) !important;\n          background: var(--spw-colors-support-grey-grey-100);\n          &:before {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &--has-subnav {\n      ::slotted(a) {\n        &:after {\n          font-family: var(--spw-ds-font-icons-solid);\n          content: '\\f054';\n          font-weight: 700;\n        }\n      }\n    }\n\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 11;\n      }\n      ::slotted(a) {\n        &:after {\n          content: '\\f054';\n        }\n      }\n    }\n  }\n\n  :host([data-level='3']) & {\n    ::slotted(a) {\n      padding: 12px 16px;\n      font-weight: 400;\n      font-size: 16px;\n      @include breakpoint(lg) {\n        padding: 20px;\n        font-weight: 700;\n        font-size: 16px;\n      }\n    }\n    ::slotted(a:hover) {\n      @include breakpoint(lg) {\n        color: var(--spw-ds-primary) !important;\n      }\n    }\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 12;\n      }\n    }\n  }\n\n  &--is-active {\n    ::slotted(a) {\n      color: var(--spw-ds-primary) !important;\n    }\n  }\n\n  ::slotted(a) {\n    display: inline-flex;\n    position: relative;\n    color: inherit;\n    text-decoration: none;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    width: 100%;\n    padding: 16px 0;\n    @include breakpoint(lg) {\n      padding: 16px;\n    }\n    &:before {\n      @include breakpoint(lg) {\n        content: '';\n        transition: width 0.2s ease-in;\n        bottom: 0;\n        left: 16px;\n        height: 5px;\n        width: 0;\n        position: absolute;\n        background: var(--spw-ds-primary);\n      }\n    }\n  }\n\n  ::slotted(a:focus-visible) {\n    outline: 3px solid white;\n    outline-offset: -3px;\n    box-shadow: 0 0 0 3px black;\n  }\n\n  ::slotted(a:active) {\n    color: var(--spw-ds-primary) !important;\n  }\n\n  ::slotted(spw-header-navigation-dropdown) {\n    display: none;\n    opacity: 0;\n    @include breakpoint(lg) {\n      display: block;\n      pointer-events: none;\n      opacity: 0;\n      position: absolute;\n      width: 320px;\n      box-shadow: var(--spw-effect-elevation-8);\n    }\n  }\n\n  &--is-subnav-visible {\n    ::slotted(spw-header-navigation-dropdown) {\n      @include under-breakpoint(lg) {\n        display: block;\n        opacity: 1;\n        position: absolute;\n        background: white;\n        width: 100%;\n        margin-top: 0;\n        padding-top: 132px;\n        top: 0;\n        left: 0;\n        min-height: 100%;\n        overflow-y: auto;\n      }\n    }\n  }\n}\n\n.spw-header-navigation-item__top {\n  position: absolute;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  top: 0;\n  left: 16px;\n  height: 118px;\n  z-index: 9999999;\n  width: calc(100% - 32px);\n  padding: 24px 0;\n  background: white;\n  border-bottom: 1px solid var(--spw-colors-support-grey-grey-300);\n\n  &-back {\n    gap: 8px;\n    display: flex;\n    justify-content: left;\n    align-items: center;\n    font-weight: 700;\n    font-size: 14px;\n    text-decoration: none;\n    color: var(--spw-colors-support-grey-grey-900);\n    span {\n      text-decoration: underline;\n    }\n    spw-icon {\n      font-size: 18px;\n    }\n  }\n\n  &-title {\n    a {\n      font-size: 20px;\n      font-weight: 700;\n      text-decoration: underline;\n      color: var(--spw-colors-support-grey-grey-900);\n      display: block;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &--1 {\n    :host([data-level-visible='1']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    :host([data-level-visible='2']) & {\n      display: none;\n    }\n    :host([data-level-visible='3']) & {\n      display: none;\n    }\n  }\n\n  &--2 {\n    :host([data-level-visible='1']) & {\n      display: none;\n    }\n    :host([data-level-visible='2']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    :host([data-level-visible='3']) & {\n      display: none;\n    }\n  }\n\n  &--3 {\n    :host([data-level-visible='1']) & {\n      display: none;\n    }\n    :host([data-level-visible='2']) & {\n      display: none;\n    }\n    :host([data-level-visible='3']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n  }\n\n  @include breakpoint(lg) {\n    display: none;\n  }\n}\n","import { Component, Event, EventEmitter, Host, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-navigation-item',\n  styleUrl: 'spw-header-navigation-item.scss',\n  shadow: true,\n})\nexport class SpwHeaderNavigationItem {\n  @Element() el: HTMLSpwHeaderNavigationItemElement;\n\n  /** Définit si l'élément de menu est la page courante */\n  @Prop() isActive: boolean = false;\n\n  @State() internalIsActive: boolean = false;\n  @State() hasSubnav: boolean = false;\n  @State() level: number = 1;\n  @State() isSubnavVisible: boolean = false;\n  @State() lastClickedLevel1Item: string | null = null;\n  @State() isMobile: boolean = window.innerWidth < 1024;\n\n  @Event() spwHeaderNavigationNavigate: EventEmitter<{ level: number; element: HTMLSpwHeaderNavigationItemElement }>;\n\n  componentWillLoad() {\n    this.internalIsActive = this.isActive;\n    this.checkForSubnav();\n    this.calculateLevel();\n    this.updateLevelClass();\n  }\n\n  componentWillUpdate() {\n    if (this.isActive !== this.internalIsActive) {\n      this.internalIsActive = this.isActive;\n    }\n    this.updateLevelClass();\n  }\n\n  private checkForSubnav() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const assignedElements = slot.assignedElements({ flatten: true });\n      const hasSubnav = assignedElements.some(el => el.tagName === 'SPW-HEADER-NAVIGATION-DROPDOWN');\n\n      if (hasSubnav !== this.hasSubnav) {\n        this.hasSubnav = hasSubnav;\n      }\n    }\n  }\n\n  private calculateLevel() {\n    let level = 1;\n    let parent = this.el.parentElement;\n\n    while (parent && parent.tagName !== 'SPW-HEADER-NAVIGATION') {\n      if (parent.tagName === 'SPW-HEADER-NAVIGATION-DROPDOWN') {\n        level++;\n      }\n      parent = parent.parentElement;\n    }\n\n    this.level = level;\n  }\n\n  private updateLevelClass() {\n    const htmlElement = document.documentElement;\n    Array.from(htmlElement.classList).forEach(className => {\n      if (className.startsWith('spw-ds-nav-level-')) {\n        htmlElement.classList.remove(className);\n      }\n    });\n    htmlElement.classList.add(`spw-ds-nav-level-${this.level}`);\n    this.spwHeaderNavigationNavigate.emit({ level: this.level, element: this.el });\n  }\n\n  private toggleSubnavVisibility(event: MouseEvent) {\n    if (!this.isMobile) return;\n\n    event.stopPropagation();\n\n    if (this.hasSubnav && !this.isSubnavVisible) {\n      const isMobileScreen = window.matchMedia('(max-width: 1024px)').matches;\n      if (isMobileScreen) {\n        event.preventDefault();\n      }\n\n      if (this.level === 1) {\n        this.lastClickedLevel1Item = this.el.innerText;\n        document.documentElement.setAttribute('data-ds-nav-level1', this.lastClickedLevel1Item);\n      }\n\n      this.isSubnavVisible = !this.isSubnavVisible;\n\n      if (this.isSubnavVisible) {\n        this.level++;\n        this.updateLevelClass();\n      }\n    }\n  }\n\n  private getStoredLevel1Item(): string {\n    return document.documentElement.getAttribute('data-ds-nav-level1') || '';\n  }\n\n  private handleBackClick(event: MouseEvent) {\n    event.stopPropagation();\n\n    this.isSubnavVisible = false;\n\n    if (this.level > 1) {\n      this.level--;\n      this.updateLevelClass();\n    }\n\n    this.internalIsActive = false;\n\n    if (this.level === 1 && !this.isSubnavVisible) {\n      this.lastClickedLevel1Item = null;\n      document.documentElement.removeAttribute('data-ds-nav-level1');\n    }\n  }\n\n  private getPageTitle(): { title: string; link: string | null; target: string | null } | null {\n    const parent = this.el.shadowRoot.querySelector('slot');\n\n    if (parent) {\n      const assignedElements = parent.assignedElements({ flatten: true }) as HTMLElement[];\n\n      if (assignedElements.length > 0) {\n        const firstElement = assignedElements[0];\n\n        const title = firstElement.innerText || '';\n        const link = (firstElement as HTMLAnchorElement).href || null;\n        const target = (firstElement as HTMLAnchorElement).target || null;\n\n        return { title, link, target };\n      }\n    }\n\n    return null;\n  }\n\n  async componentDidLoad() {\n    setTimeout(() => {\n      this.checkForSubnav();\n    }, 0);\n\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const mutationObserver = new MutationObserver(() => {\n        this.checkForSubnav();\n      });\n\n      mutationObserver.observe(slot, { childList: true, subtree: true });\n    }\n  }\n\n  render() {\n    const pageTitle = this.getPageTitle();\n    const storedTitle = this.getStoredLevel1Item();\n\n    const elementClass = {\n      'spw-header-navigation-item': true,\n      'spw-header-navigation-item--has-subnav': this.hasSubnav,\n      'spw-header-navigation-item--is-active': this.internalIsActive,\n      'spw-header-navigation-item--is-subnav-visible': this.isSubnavVisible,\n    };\n\n    return (\n      <Host data-level={this.level}>\n        <li class={elementClass}>\n          <div class=\"spw-header-navigation-item__content\" onClick={event => this.toggleSubnavVisibility(event)}>\n            {this.isSubnavVisible && (\n              <div class={`spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}`}>\n                <div class=\"spw-header-navigation-item__top-back\" onClick={event => this.handleBackClick(event)}>\n                  <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>{this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle}</span>\n                </div>\n                <div class=\"spw-header-navigation-item__top-title\">\n                  <a href={pageTitle?.link || '#'} target={pageTitle?.target || '_self'}>\n                    {pageTitle?.title || ''}\n                  </a>\n                </div>\n              </div>\n            )}\n            <slot></slot>\n          </div>\n        </li>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/spw-header-navigation.entry.js

@@ -1,12 +1,14 @@
 import { r as registerInstance, h, H as Host } from './index-CvfVJV8a.js';
 
-const spwHeaderNavigationCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-header-navigation{background:#fff;border-top:1px solid var(--spw-colors-support-grey-grey-300);display:none;height:calc(100% - 80px);left:0;order:2;overflow-y:auto;width:100%;z-index:9999}:host(.spw-ds-nav-open) .spw-header-navigation{display:flex;flex-direction:column}@media (min-width:1024px){.spw-header-navigation{display:block;height:auto;left:auto;order:0;overflow-y:initial;top:auto;width:auto;z-index:30}:host(.spw-ds-search-open) .spw-header-navigation{display:none}}.spw-header-navigation__list{align-items:center;display:flex;flex:1;flex-direction:column;margin-left:-16px;margin-right:-16px;position:relative;width:calc(100% + 32px)}@media (min-width:1024px){.spw-header-navigation__list{flex-direction:row}}@media (min-width:1350px){.spw-header-navigation__list{gap:24px}}.spw-header-navigation__list-back{display:flex;justify-content:left;padding:24px 16px 0;position:relative;width:100%;z-index:3}.spw-header-navigation__list-back:after{background:#fff;bottom:-1px;content:\"\";height:1px;left:0;position:absolute;width:100%}.spw-header-navigation__list-back a{align-items:center;color:var(--spw-colors-support-grey-grey-900);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:left;text-decoration:none}.spw-header-navigation__list-back a span{text-decoration:underline}.spw-header-navigation__list-back a spw-icon{font-size:18px}@media (min-width:1024px){.spw-header-navigation__list-back{display:none}}";
+const spwHeaderNavigationCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-header-navigation{background:#fff;border-top:1px solid var(--spw-colors-support-grey-grey-300);display:none;height:calc(100% - 80px);left:0;order:2;overflow-y:auto;width:100%;z-index:9999}:host(.spw-ds-nav-open) .spw-header-navigation{display:flex;flex-direction:column}@media (min-width:1024px){.spw-header-navigation{display:block;height:auto;left:auto;order:0;overflow-y:initial;top:auto;width:auto;z-index:30}:host(.spw-ds-search-open) .spw-header-navigation{display:none}}.spw-header-navigation__list{align-items:center;display:flex;flex:1;flex-direction:column;margin-left:-16px;margin-right:-16px;position:relative;width:calc(100% + 32px)}@media (min-width:1024px){.spw-header-navigation__list{flex-direction:row}.spw-header-navigation--flex-start .spw-header-navigation__list{justify-content:flex-start}.spw-header-navigation--space-between .spw-header-navigation__list{justify-content:space-between}}@media (min-width:1350px){.spw-header-navigation__list{gap:24px}}.spw-header-navigation__list-back{display:flex;justify-content:left;padding:24px 16px 0;position:relative;width:100%;z-index:3}.spw-header-navigation__list-back:after{background:#fff;bottom:-1px;content:\"\";height:1px;left:0;position:absolute;width:100%}.spw-header-navigation__list-back a{align-items:center;color:var(--spw-colors-support-grey-grey-900);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:left;text-decoration:none}.spw-header-navigation__list-back a span{text-decoration:underline}.spw-header-navigation__list-back a spw-icon{font-size:18px}@media (min-width:1024px){.spw-header-navigation__list-back{display:none}}";
 
 const SpwHeaderNavigation = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.level = 0;
         this.element = null;
+        /** Alignement des éléments de navigation sur desktop */
+        this.alignment = 'flex-start';
     }
     redirectToHome(event) {
         event.preventDefault();
@@ -40,8 +42,14 @@ const SpwHeaderNavigation = class {
         });
         return allItems;
     }
+    get elementClass() {
+        return {
+            'spw-header-navigation': true,
+            [`spw-header-navigation--${this.alignment}`]: true,
+        };
+    }
     render() {
-        return (h(Host, { key: 'fdd23724de968f9f8f9bb90f139f472072a53791' }, h("nav", { key: '856a388643e35f8ed40414de018ec1bcc9066a09', class: "spw-header-navigation" }, h("div", { key: 'ef69808d9320c23248ccddc538d0877ba6c7c635', class: "spw-ds-container" }, h("ul", { key: 'f25aed8a2c70f0f56ea9534a49df75c62a263547', class: "spw-header-navigation__list" }, h("li", { key: 'bf1cbdbf5301298b9a6f02e2baa8913d923029f4', class: "spw-header-navigation__list-back" }, h("a", { key: '5cb1e3fd7c9b245f4f8d0aad15dc7205b9a39538', href: "#", onClick: event => this.redirectToHome(event) }, h("spw-icon", { key: '19c6d078a813bbfe079177aa7239ac301449c5f2', icon: "fa-chevron-left" }), " ", h("span", { key: 'a63aed32e504e226053a0dd168cb5121568ea142' }, "Page d'accueil"))), h("slot", { key: 'd91290ce2ba155d777125b251c6d16fc3eb025d1' }))))));
+        return (h(Host, { key: '7f5b13ff34e597859a64d9dd4a805bb597480413' }, h("nav", { key: '6026cae72487130e08b34518e7903de948384557', class: this.elementClass }, h("div", { key: 'b9e42ee32a6963cdf53b34ce87a924ec07bf700e', class: "spw-ds-container" }, h("ul", { key: '642886313210a484f812cfd4d1139f342aaa24f0', class: "spw-header-navigation__list" }, h("li", { key: '79b7c6ff983462742cd787d42f9fa60bc07749ca', class: "spw-header-navigation__list-back" }, h("a", { key: '2272b6529c377cf4bd6714054503e2f2a5a967a6', href: "#", onClick: event => this.redirectToHome(event) }, h("spw-icon", { key: '36282eff01ee7938b74db532436aa27cced7bc57', icon: "fa-chevron-left" }), " ", h("span", { key: 'ba710742a72afd1eca41083373a29ad9087721b2' }, "Page d'accueil"))), h("slot", { key: '2ea73b2057aa7c9f353f10bde40e89d211cc7272' }))))));
     }
 };
 SpwHeaderNavigation.style = spwHeaderNavigationCss;

package/dist/esm/spw-header-navigation.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-header-navigation.entry.js","sources":["src/components/spw-header/spw-header-navigation/spw-header-navigation.scss?tag=spw-header-navigation&encapsulation=shadow","src/components/spw-header/spw-header-navigation/spw-header-navigation.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-header-navigation {\n  display: none;\n  left: 0;\n  width: 100%;\n  height: calc(100% - 80px);\n  background: white;\n  z-index: 9999;\n  overflow-y: auto;\n  order: 2;\n  border-top: 1px solid var(--spw-colors-support-grey-grey-300);\n  :host(.spw-ds-nav-open) & {\n    display: flex;\n    flex-direction: column;\n  }\n  @include breakpoint(lg) {\n    order: initial;\n    display: block;\n    height: auto;\n    width: auto;\n    overflow-y: initial;\n    top: auto;\n    left: auto;\n    z-index: 30;\n  }\n  :host(.spw-ds-search-open) & {\n    @include breakpoint(lg) {\n      display: none;\n    }\n  }\n  &__list {\n    position: relative;\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-direction: column;\n    width: calc(100% + 32px);\n    margin-left: -16px;\n    margin-right: -16px;\n    @include breakpoint(lg) {\n      flex-direction: row;\n    }\n    @include breakpoint(xl) {\n      gap: 24px;\n    }\n    &-back {\n      display: flex;\n      justify-content: left;\n      width: 100%;\n      padding: 24px 16px;\n      padding-bottom: 0;\n      position: relative;\n      z-index: 3;\n      &:after {\n        content: '';\n        position: absolute;\n        bottom: -1px;\n        width: 100%;\n        left: 0;\n        height: 1px;\n        background: white;\n      }\n      a {\n        gap: 8px;\n        display: flex;\n        justify-content: left;\n        align-items: center;\n        font-weight: 700;\n        font-size: 14px;\n        text-decoration: none;\n        color: var(--spw-colors-support-grey-grey-900);\n        span {\n          text-decoration: underline;\n        }\n        spw-icon {\n          font-size: 18px;\n        }\n      }\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n  }\n}\n","import { Component, Listen, Host, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-navigation',\n  styleUrl: 'spw-header-navigation.scss',\n  shadow: true,\n})\nexport class SpwHeaderNavigation {\n  @State() level: number = 0;\n  @State() element: HTMLSpwHeaderNavigationItemElement | null = null;\n\n  private redirectToHome(event: MouseEvent) {\n    event.preventDefault();\n    window.location.href = '/';\n  }\n\n  @Listen('spwHeaderNavigationNavigate', { capture: true })\n  handleNavigation(event: CustomEvent<{ level: number; element: HTMLSpwHeaderNavigationItemElement }>) {\n    event.stopPropagation();\n    this.element = event.detail.element;\n    this.level = event.detail.level;\n\n    setTimeout(() => {\n      this.updateNavigationItems();\n    }, 0);\n  }\n\n  private updateNavigationItems() {\n    const allItems = this.getAllNavigationItems();\n\n    allItems.forEach((item, index) => {\n      item.setAttribute('data-id', `${index + 1}`);\n      item.setAttribute('data-level-visible', `${this.level}`);\n    });\n  }\n\n  private getAllNavigationItems(): HTMLElement[] {\n    const allItems: HTMLElement[] = [];\n    const navItems = document.querySelectorAll('spw-header-navigation-item');\n\n    navItems.forEach(item => {\n      allItems.push(item);\n      const shadowRoot = item.shadowRoot;\n      if (shadowRoot) {\n        const subItems = shadowRoot.querySelectorAll('spw-header-navigation-item');\n        subItems.forEach(subItem => allItems.push(subItem as HTMLElement));\n      }\n    });\n\n    return allItems;\n  }\n\n  render() {\n    return (\n      <Host>\n        <nav class=\"spw-header-navigation\">\n          <div class=\"spw-ds-container\">\n            <ul class=\"spw-header-navigation__list\">\n              <li class=\"spw-header-navigation__list-back\">\n                <a href=\"#\" onClick={event => this.redirectToHome(event)}>\n                  <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>Page d'accueil</span>\n                </a>\n              </li>\n              <slot></slot>\n            </ul>\n          </div>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,sBAAsB,GAAG,i/HAAi/H;;MCOngI,mBAAmB,GAAA,MAAA;AALhC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMW,QAAA,IAAK,CAAA,KAAA,GAAW,CAAC;AACjB,QAAA,IAAO,CAAA,OAAA,GAA8C,IAAI;AA6DnE;AA3DS,IAAA,cAAc,CAAC,KAAiB,EAAA;QACtC,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG;;AAI5B,IAAA,gBAAgB,CAAC,KAAkF,EAAA;QACjG,KAAK,CAAC,eAAe,EAAE;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;QAE/B,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,qBAAqB,EAAE;SAC7B,EAAE,CAAC,CAAC;;IAGC,qBAAqB,GAAA;AAC3B,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE;QAE7C,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;YAC/B,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,CAAG,EAAA,KAAK,GAAG,CAAC,CAAE,CAAA,CAAC;YAC5C,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,CAAG,EAAA,IAAI,CAAC,KAAK,CAAE,CAAA,CAAC;AAC1D,SAAC,CAAC;;IAGI,qBAAqB,GAAA;QAC3B,MAAM,QAAQ,GAAkB,EAAE;QAClC,MAAM,QAAQ,GAAG,QAAQ,CAAC,gBAAgB,CAAC,4BAA4B,CAAC;AAExE,QAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAG;AACtB,YAAA,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;AACnB,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU;YAClC,IAAI,UAAU,EAAE;gBACd,MAAM,QAAQ,GAAG,UAAU,CAAC,gBAAgB,CAAC,4BAA4B,CAAC;AAC1E,gBAAA,QAAQ,CAAC,OAAO,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,OAAsB,CAAC,CAAC;;AAEtE,SAAC,CAAC;AAEF,QAAA,OAAO,QAAQ;;IAGjB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EACrC,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kCAAkC,EAAA,EAC1C,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAA,EACtD,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAY,CAAA,OAAC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,gBAAA,CAA2B,CACtE,CACD,EACL,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,CACD,CACF,CACD;;;;;;;"}
+{"version":3,"file":"spw-header-navigation.entry.js","sources":["src/components/spw-header/spw-header-navigation/spw-header-navigation.scss?tag=spw-header-navigation&encapsulation=shadow","src/components/spw-header/spw-header-navigation/spw-header-navigation.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-header-navigation {\n  display: none;\n  left: 0;\n  width: 100%;\n  height: calc(100% - 80px);\n  background: white;\n  z-index: 9999;\n  overflow-y: auto;\n  order: 2;\n  border-top: 1px solid var(--spw-colors-support-grey-grey-300);\n  :host(.spw-ds-nav-open) & {\n    display: flex;\n    flex-direction: column;\n  }\n  @include breakpoint(lg) {\n    order: initial;\n    display: block;\n    height: auto;\n    width: auto;\n    overflow-y: initial;\n    top: auto;\n    left: auto;\n    z-index: 30;\n  }\n  :host(.spw-ds-search-open) & {\n    @include breakpoint(lg) {\n      display: none;\n    }\n  }\n  &__list {\n    position: relative;\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-direction: column;\n    width: calc(100% + 32px);\n    margin-left: -16px;\n    margin-right: -16px;\n    @include breakpoint(lg) {\n      flex-direction: row;\n      .spw-header-navigation--flex-start & {\n        justify-content: flex-start;\n      }\n      .spw-header-navigation--space-between & {\n        justify-content: space-between;\n      }\n    }\n    @include breakpoint(xl) {\n      gap: 24px;\n    }\n    &-back {\n      display: flex;\n      justify-content: left;\n      width: 100%;\n      padding: 24px 16px;\n      padding-bottom: 0;\n      position: relative;\n      z-index: 3;\n      &:after {\n        content: '';\n        position: absolute;\n        bottom: -1px;\n        width: 100%;\n        left: 0;\n        height: 1px;\n        background: white;\n      }\n      a {\n        gap: 8px;\n        display: flex;\n        justify-content: left;\n        align-items: center;\n        font-weight: 700;\n        font-size: 14px;\n        text-decoration: none;\n        color: var(--spw-colors-support-grey-grey-900);\n        span {\n          text-decoration: underline;\n        }\n        spw-icon {\n          font-size: 18px;\n        }\n      }\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n  }\n}\n","import { Component, Listen, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-navigation',\n  styleUrl: 'spw-header-navigation.scss',\n  shadow: true,\n})\nexport class SpwHeaderNavigation {\n  @State() level: number = 0;\n  @State() element: HTMLSpwHeaderNavigationItemElement | null = null;\n\n  /** Alignement des éléments de navigation sur desktop */\n  @Prop() alignment: 'flex-start' | 'space-between' = 'flex-start';\n\n  private redirectToHome(event: MouseEvent) {\n    event.preventDefault();\n    window.location.href = '/';\n  }\n\n  @Listen('spwHeaderNavigationNavigate', { capture: true })\n  handleNavigation(event: CustomEvent<{ level: number; element: HTMLSpwHeaderNavigationItemElement }>) {\n    event.stopPropagation();\n    this.element = event.detail.element;\n    this.level = event.detail.level;\n\n    setTimeout(() => {\n      this.updateNavigationItems();\n    }, 0);\n  }\n\n  private updateNavigationItems() {\n    const allItems = this.getAllNavigationItems();\n\n    allItems.forEach((item, index) => {\n      item.setAttribute('data-id', `${index + 1}`);\n      item.setAttribute('data-level-visible', `${this.level}`);\n    });\n  }\n\n  private getAllNavigationItems(): HTMLElement[] {\n    const allItems: HTMLElement[] = [];\n    const navItems = document.querySelectorAll('spw-header-navigation-item');\n\n    navItems.forEach(item => {\n      allItems.push(item);\n      const shadowRoot = item.shadowRoot;\n      if (shadowRoot) {\n        const subItems = shadowRoot.querySelectorAll('spw-header-navigation-item');\n        subItems.forEach(subItem => allItems.push(subItem as HTMLElement));\n      }\n    });\n\n    return allItems;\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-header-navigation': true,\n      [`spw-header-navigation--${this.alignment}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <nav class={this.elementClass}>\n          <div class=\"spw-ds-container\">\n            <ul class=\"spw-header-navigation__list\">\n              <li class=\"spw-header-navigation__list-back\">\n                <a href=\"#\" onClick={event => this.redirectToHome(event)}>\n                  <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>Page d'accueil</span>\n                </a>\n              </li>\n              <slot></slot>\n            </ul>\n          </div>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,sBAAsB,GAAG,6qIAA6qI;;MCO/rI,mBAAmB,GAAA,MAAA;AALhC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMW,QAAA,IAAK,CAAA,KAAA,GAAW,CAAC;AACjB,QAAA,IAAO,CAAA,OAAA,GAA8C,IAAI;;AAG1D,QAAA,IAAS,CAAA,SAAA,GAAmC,YAAY;AAoEjE;AAlES,IAAA,cAAc,CAAC,KAAiB,EAAA;QACtC,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG;;AAI5B,IAAA,gBAAgB,CAAC,KAAkF,EAAA;QACjG,KAAK,CAAC,eAAe,EAAE;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;QAE/B,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,qBAAqB,EAAE;SAC7B,EAAE,CAAC,CAAC;;IAGC,qBAAqB,GAAA;AAC3B,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE;QAE7C,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;YAC/B,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,CAAG,EAAA,KAAK,GAAG,CAAC,CAAE,CAAA,CAAC;YAC5C,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,CAAG,EAAA,IAAI,CAAC,KAAK,CAAE,CAAA,CAAC;AAC1D,SAAC,CAAC;;IAGI,qBAAqB,GAAA;QAC3B,MAAM,QAAQ,GAAkB,EAAE;QAClC,MAAM,QAAQ,GAAG,QAAQ,CAAC,gBAAgB,CAAC,4BAA4B,CAAC;AAExE,QAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAG;AACtB,YAAA,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;AACnB,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU;YAClC,IAAI,UAAU,EAAE;gBACd,MAAM,QAAQ,GAAG,UAAU,CAAC,gBAAgB,CAAC,4BAA4B,CAAC;AAC1E,gBAAA,QAAQ,CAAC,OAAO,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,OAAsB,CAAC,CAAC;;AAEtE,SAAC,CAAC;AAEF,QAAA,OAAO,QAAQ;;AAGjB,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,uBAAuB,EAAE,IAAI;AAC7B,YAAA,CAAC,0BAA0B,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;SACnD;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EACrC,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kCAAkC,EAAA,EAC1C,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAA,EACtD,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAY,CAAA,OAAC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,gBAAA,CAA2B,CACtE,CACD,EACL,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,CACD,CACF,CACD;;;;;;;"}

package/dist/esm/spw-search-field.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h } from './index-CvfVJV8a.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-CvfVJV8a.js';
 
-const spwSearchFieldCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;margin-top:-2px;max-height:200px;overflow-y:auto;position:absolute;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:44}.spw-search-field__options--down,.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);color:var(--spw-color-themes-grey-grey-900);cursor:pointer;padding:12px;text-align:left;transition:background-color .2s ease}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__no-results{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;padding:12px;text-align:left}.spw-tw-italic{font-style:italic}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";
+const spwSearchFieldCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__submit{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.spw-search-field--large .spw-search-field__submit{height:46px;right:16px;width:46px}.spw-search-field__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;margin-top:-2px;max-height:200px;overflow-y:auto;position:absolute;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:44}.spw-search-field--is-rounded .spw-search-field__options{border-radius:24px;margin-top:12px}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down,.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);color:var(--spw-color-themes-grey-grey-900);cursor:pointer;padding:12px;text-align:left;transition:background-color .2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-bottom:none;border-radius:12px;padding:12px}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__no-results{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;padding:12px;text-align:left}.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{bottom:0;cursor:pointer;font-weight:700;position:sticky}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{background:#fff;border-top:1px solid var(--spw-color-themes-grey-grey-900);color:#000;display:block;display:inline-flex;justify-content:space-between;padding:12px;text-decoration:underline;width:100%}.spw-search-field--is-rounded .spw-search-field__view-all a{border-top:none;color:var(--spw-ds-primary);padding:12px 24px 24px}.spw-search-field__view-all a:hover{text-decoration:none}.spw-tw-italic{font-style:italic}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";
 
 const SpwSearchField = class {
     constructor(hostRef) {
@@ -14,6 +14,12 @@ const SpwSearchField = class {
         this.label = '';
         /** Indique si le champ est requis */
         this.required = false;
+        /** Texte du lien pour voir tous les résultats */
+        this.viewAllResults = 'Voir plus de résultats';
+        /** Texte à afficher si pas de résultats */
+        this.noResults = 'Pas de résultats.';
+        /** Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent */
+        this.hasSubmitButton = false;
         this.filteredItems = [];
         this.searchText = '';
         this.isOpen = false;
@@ -28,6 +34,28 @@ const SpwSearchField = class {
                 }
             }
         };
+        this.handleValueChanged = (event) => {
+            const newValue = String(event.detail);
+            this.searchText = newValue;
+            this.updateHiddenInput();
+            this.filterItems();
+            this.determineDropdownDirection();
+            if (!this.searchText) {
+                this.isOpen = false;
+            }
+            else {
+                this.isOpen = true;
+            }
+            this.valueChanged.emit(this.searchText);
+        };
+        this.handleSubmit = (event) => {
+            event.preventDefault();
+            this.updateHiddenInput();
+            const form = this.el.closest('form');
+            if (form) {
+                form.submit();
+            }
+        };
     }
     componentWillLoad() {
         if (this.items) {
@@ -39,17 +67,47 @@ const SpwSearchField = class {
     }
     componentDidLoad() {
         document.addEventListener('click', this.handleClickOutside);
+        this.createHiddenInput();
     }
     disconnectedCallback() {
         document.removeEventListener('click', this.handleClickOutside);
+        if (this.hiddenInput && this.hiddenInput.parentNode) {
+            this.hiddenInput.parentNode.removeChild(this.hiddenInput);
+        }
+    }
+    createHiddenInput() {
+        if (this.name) {
+            this.hiddenInput = document.createElement('input');
+            this.hiddenInput.type = 'hidden';
+            this.hiddenInput.name = this.name;
+            this.hiddenInput.value = this.searchText;
+            this.el.appendChild(this.hiddenInput);
+        }
+    }
+    updateHiddenInput() {
+        if (this.hiddenInput) {
+            this.hiddenInput.value = this.searchText;
+        }
     }
     /** Réinitialise le champ de recherche */
     async resetInput() {
         this.searchText = '';
+        this.updateHiddenInput();
         this.isOpen = false;
         this.focusedItemIndex = null;
         this.valueChanged.emit(this.searchText);
     }
+    /** Définit la valeur du champ de recherche */
+    async setValue(value) {
+        this.searchText = value;
+        this.updateHiddenInput();
+        this.filterItems();
+        this.valueChanged.emit(this.searchText);
+    }
+    /** Récupère la valeur actuelle du champ de recherche */
+    async getValue() {
+        return this.searchText;
+    }
     parseItems(newValue) {
         if (!newValue) {
             this.filteredItems = [];
@@ -63,14 +121,6 @@ const SpwSearchField = class {
             this.filteredItems = [];
         }
     }
-    handleSearchInput(event) {
-        const input = event.target;
-        this.searchText = input.value;
-        this.filterItems();
-        this.determineDropdownDirection();
-        this.isOpen = true;
-        this.valueChanged.emit(this.searchText);
-    }
     filterItems() {
         if (!this.items) {
             this.filteredItems = [];
@@ -87,6 +137,7 @@ const SpwSearchField = class {
     }
     selectItem(item) {
         this.searchText = item.label;
+        this.updateHiddenInput();
         this.isOpen = false;
         this.valueChanged.emit(this.searchText);
         if (item.url) {
@@ -142,15 +193,18 @@ const SpwSearchField = class {
     get elementClass() {
         return {
             'spw-search-field': true,
+            'spw-search-field--is-rounded': this.isRounded,
+            'spw-search-field--has-submit-button': this.hasSubmitButton,
             [`spw-search-field--${this.size}`]: true,
         };
     }
     render() {
-        return (h("div", { key: '177ea345dde83be8b00034dabd261cd4ae921b53', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: 'ff33047f1a04a89e239ab0bd3a8af4337c8f235b', placeholder: this.placeholder, name: this.name, label: this.label, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, onInput: event => this.handleSearchInput(event), onKeyDown: event => this.handleKeyDown(event) }), this.isOpen && !!this.items && (h("div", { key: '11c758b336d8590e082eaa7773fa6cd45709074d', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '745a24351b6818bedd402ecd19c5ad06d7eab8d9' }, this.filteredItems.map((item, index) => (h("li", { class: {
+        return (h("div", { key: '07e35a89a2689deb130a67021e40edcce012bef6', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: '05a4ef03fe1f53afcd12e2c1e1238db2a1aa2cad', placeholder: this.placeholder, name: this.name, label: this.label, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && h("button", { key: '088382c1095ec44de895485ce815ce5d1fa21b6d', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" }), this.isOpen && !!this.items && (h("div", { key: 'c3f4b5a451a350c908bf5515c53b5bb10d439096', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '64097e5de526ed83489234fb4382b3999c5dc2ce' }, this.filteredItems.map((item, index) => (h("li", { class: {
                 'spw-search-field__option': true,
                 'spw-search-field__option--focused': index === this.focusedItemIndex,
-            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-tw-italic" }, " - ", item.category)))))), !this.filteredItems.length && h("p", { key: '53f82d90522e707aef8f3a4de87875d44ad1fbea', class: "spw-search-field__no-results" }, "Pas de r\u00E9sultats.")))));
+            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-tw-italic" }, " - ", item.category)))))), !this.filteredItems.length && h("p", { key: '9c5728bfb4cd1591446b697cc311b77c9c4288ec', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (h("p", { key: '6f4f69c0283fccad053b0d2608e2beb2543546a5', class: "spw-search-field__view-all" }, h("a", { key: '939963c172d388220cef9cf33e9ee3ea6c47802c', href: this.viewAllResultsLink }, this.viewAllResults, " ", h("spw-icon", { key: '49eff81ffbdda6342459c83b141deb65997f2c23', icon: "fa-arrow-right" }))))))));
     }
+    get el() { return getElement(this); }
     static get watchers() { return {
         "items": ["parseItems"]
     }; }