@spw-ds/spw-stencil-library 1.1.2-alpha.0 → 1.1.2-alpha.0-test1

package/dist/cjs/loader.cjs.js

@@ -6,7 +6,7 @@ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["spw-cookies.cjs",[[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-header-lang-item.cjs",[[1,"spw-header-lang-item",{"active":[516]}]]],["spw-header-persona-item.cjs",[[1,"spw-header-persona-item",{"active":[516]}]]],["spw-accordion_59.cjs",[[1,"spw-iodda",{"items":[32],"currentPage":[32],"totalItems":[32],"isLoading":[32],"searchTerm":[32],"filters":[32]}],[65,"spw-custom-select",{"value":[1544],"label":[1],"placeholder":[1],"disabled":[4],"name":[1],"required":[4],"options":[1],"size":[1],"multiple":[4],"isSearch":[4,"is-search"],"assistiveText":[1,"assistive-text"],"error":[1],"hint":[1],"success":[1],"showErrorIcon":[4,"show-error-icon"],"showHintIcon":[4,"show-hint-icon"],"showSuccessIcon":[4,"show-success-icon"],"internalValue":[32],"isOpen":[32],"parsedOptions":[32],"focusedOptionIndex":[32],"searchText":[32],"dropdownDirection":[32],"hasSelectedValue":[32]},null,{"options":["parseOptions"],"value":["valueChangedHandler"],"internalValue":["internalValueChanged"]}],[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]},null,{"items":["parseItems"]}],[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],"showErrorIcon":[4,"show-error-icon"],"showHintIcon":[4,"show-hint-icon"],"showSuccessIcon":[4,"show-success-icon"],"internalValue":[32]}],[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],"showErrorIcon":[4,"show-error-icon"],"showHintIcon":[4,"show-hint-icon"],"showSuccessIcon":[4,"show-success-icon"],"internalValue":[32]},null,{"value":["valueChangedHandler"]}],[1,"spw-breadcrumb-item",{"href":[1],"surface":[32]},null,{"surface":["surfaceChanged"]}],[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]}],[1,"spw-header",{"siteTitle":[1,"site-title"],"borderColor":[1,"border-color"],"hasWallonieLogo":[4,"has-wallonie-logo"],"hasMaWallonie":[4,"has-ma-wallonie"],"hasSearch":[4,"has-search"],"isMenuOpen":[32],"isSearchOpen":[32]}],[1,"spw-header-lang",{"activeLang":[32],"options":[32]}],[1,"spw-message",{"variant":[1],"messageId":[1,"message-id"],"isDismissable":[4,"is-dismissable"],"dismissableText":[1,"dismissable-text"],"messageTitle":[1,"message-title"],"isVisible":[32]}],[1,"spw-card-image",{"label":[1]}],[4,"spw-group",{"type":[1],"orientation":[1],"alignment":[1],"disabled":[4],"label":[1],"required":[4],"name":[1]}],[1,"spw-header-navigation",{"level":[32],"element":[32]},[[2,"spwHeaderNavigationNavigate","handleNavigation"]]],[1,"spw-header-navigation-item",{"isActive":[4,"is-active"],"internalIsActive":[32],"hasSubnav":[32],"level":[32],"isSubnavVisible":[32],"lastClickedLevel1Item":[32],"isMobile":[32]}],[1,"spw-header-persona",{"activePersona":[32],"options":[32]}],[1,"spw-modal",{"opened":[1540],"caption":[1],"closeOnOverlayClick":[4,"close-on-overlay-click"],"stickyButtons":[4,"sticky-buttons"],"size":[1],"alertIcon":[1,"alert-icon"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonLabel":[1,"cancel-button-label"],"showCloseButton":[4,"show-close-button"],"showModal":[32],"slotButtonsPresent":[32]},null,{"opened":["openedChanged"]}],[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"]]],[1,"spw-breadcrumb",{"variant":[1],"surface":[1]}],[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"]]],[1,"spw-card-content",{"tag":[1],"date":[1],"hasImage":[32]}],[1,"spw-card-excerpt",{"lineClamp":[8,"line-clamp"]}],[1,"spw-card-subtag-item",{"link":[1]}],[4,"spw-card-subtags",{"variant":[1]}],[1,"spw-card-title"],[1,"spw-footer",{"colsMobile":[2,"cols-mobile"],"colsTablet":[2,"cols-tablet"],"colsDesktop":[2,"cols-desktop"]},null,{"colsMobile":["configurationChanged"],"colsTablet":["configurationChanged"],"colsDesktop":["configurationChanged"]}],[1,"spw-footer-bottom",{"siteTitle":[1,"site-title"]}],[1,"spw-footer-content"],[1,"spw-footer-content-col",{"colTitle":[1,"col-title"]}],[1,"spw-footer-link",{"href":[1],"target":[1]}],[1,"spw-header-navigation-dropdown"],[1,"spw-hero",{"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"surface":[1],"variant":[1],"alignment":[1],"overlayOpacity":[2,"overlay-opacity"]}],[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"]}],[1,"spw-mosaic-item",{"classString":[32]}],[65,"spw-radio",{"disabled":[4],"checked":[1540],"error":[4],"name":[1],"value":[1],"internalChecked":[32],"setChecked":[64]},null,{"checked":["checkedChanged"]}],[1,"spw-separator",{"surface":[1],"direction":[1],"thickness":[2],"width":[1],"height":[1]}],[1,"spw-socials",{"mainTitle":[1,"main-title"]}],[1,"spw-table",{"accAriaLabel":[1,"acc-aria-label"],"isSticky":[4,"is-sticky"],"maxHeight":[1,"max-height"],"minWidth":[1,"min-width"]}],[1,"spw-table-body"],[1,"spw-table-cell",{"colspan":[2],"headers":[1],"rowspan":[2],"isHighlighted":[4,"is-highlighted"],"textAlign":[1,"text-align"],"verticalAlign":[1,"vertical-align"]}],[1,"spw-table-head"],[1,"spw-table-header",{"colspan":[2],"headers":[1],"rowspan":[2],"isHighlighted":[4,"is-highlighted"],"textAlign":[1,"text-align"],"verticalAlign":[1,"vertical-align"]}],[1,"spw-table-row"],[4,"spw-theme-provider",{"theme":[1]}],[1,"spw-tile-description"],[1,"spw-tile-title"],[1,"spw-tooltip",{"tooltipTitle":[1,"tooltip-title"],"tooltipText":[1,"tooltip-text"],"direction":[1],"isVisible":[32]}],[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]},null,{"totalItems":["calculateTotalPages"],"itemsPerPage":["calculateTotalPages"],"currentPage":["calculateTotalPages"]}],[1,"spw-accordion-title",{"tag":[1],"icon":[1]}],[1,"spw-accordion"],[1,"spw-accordion-content",{"isOpened":[32]},[[4,"accordionToggle","handleAccordionToggle"]]],[1,"spw-accordion-item",{"isOpen":[32],"isMobile":[32]}],[1,"spw-loading",{"text":[1]}],[65,"spw-checkbox",{"disabled":[4],"checked":[1540],"error":[4],"icon":[1],"name":[1],"internalChecked":[32],"toggleCheckedState":[64]},null,{"checked":["checkedChanged"]}],[1,"spw-link",{"href":[1],"target":[1],"rel":[1],"icon":[1],"iconPosition":[1,"icon-position"],"disabled":[4],"accAriaLabel":[1,"acc-aria-label"],"surface":[1]}],[65,"spw-text-field",{"value":[1537],"type":[1],"label":[1],"placeholder":[1],"disabled":[4],"name":[1],"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],"showErrorIcon":[4,"show-error-icon"],"showHintIcon":[4,"show-hint-icon"],"showSuccessIcon":[4,"show-success-icon"],"internalValue":[32],"isClearIconVisible":[32]},null,{"value":["valueChangedHandler"]}],[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"],"icon":[1],"iconPosition":[1,"icon-position"],"isFullWidth":[4,"is-full-width"],"isFullWidthMobile":[516,"is-full-width-mobile"]}],[1,"spw-field-message",{"showIcon":[4,"show-icon"],"variant":[1]}],[1,"spw-field-label",{"name":[1],"label":[1],"required":[4]}],[1,"spw-icon",{"icon":[1],"variant":[1]}]]]], options);
+  return index.bootstrapLazy(JSON.parse("[[\"spw-cookies.cjs\",[[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.cjs\",[[1,\"spw-iodda\",{\"items\":[32],\"currentPage\":[32],\"totalItems\":[32],\"isLoading\":[32],\"searchTerm\":[32],\"filters\":[32]}]]],[\"spw-custom-select.cjs\",[[65,\"spw-custom-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"options\":[1],\"size\":[1],\"multiple\":[4],\"isSearch\":[4,\"is-search\"],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"internalValue\":[32],\"isOpen\":[32],\"parsedOptions\":[32],\"focusedOptionIndex\":[32],\"searchText\":[32],\"dropdownDirection\":[32],\"hasSelectedValue\":[32]},null,{\"options\":[\"parseOptions\"],\"value\":[\"valueChangedHandler\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"spw-search-field.cjs\",[[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]},null,{\"items\":[\"parseItems\"]}]]],[\"spw-select.cjs\",[[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],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"internalValue\":[32]}]]],[\"spw-textarea.cjs\",[[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],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"internalValue\":[32]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-breadcrumb-item.cjs\",[[1,\"spw-breadcrumb-item\",{\"href\":[1],\"surface\":[32]},null,{\"surface\":[\"surfaceChanged\"]}]]],[\"spw-file-upload.cjs\",[[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.cjs\",[[1,\"spw-header\",{\"siteTitle\":[1,\"site-title\"],\"borderColor\":[1,\"border-color\"],\"hasWallonieLogo\":[4,\"has-wallonie-logo\"],\"hasMaWallonie\":[4,\"has-ma-wallonie\"],\"hasSearch\":[4,\"has-search\"],\"isMenuOpen\":[32],\"isSearchOpen\":[32]}]]],[\"spw-header-lang.cjs\",[[1,\"spw-header-lang\",{\"activeLang\":[32],\"options\":[32]}]]],[\"spw-message.cjs\",[[1,\"spw-message\",{\"variant\":[1],\"messageId\":[1,\"message-id\"],\"isDismissable\":[4,\"is-dismissable\"],\"dismissableText\":[1,\"dismissable-text\"],\"messageTitle\":[1,\"message-title\"],\"isVisible\":[32]}]]],[\"spw-card-image.cjs\",[[1,\"spw-card-image\",{\"label\":[1]}]]],[\"spw-header-navigation.cjs\",[[1,\"spw-header-navigation\",{\"level\":[32],\"element\":[32]},[[2,\"spwHeaderNavigationNavigate\",\"handleNavigation\"]]]]],[\"spw-header-navigation-item.cjs\",[[1,\"spw-header-navigation-item\",{\"isActive\":[4,\"is-active\"],\"internalIsActive\":[32],\"hasSubnav\":[32],\"level\":[32],\"isSubnavVisible\":[32],\"lastClickedLevel1Item\":[32],\"isMobile\":[32]}]]],[\"spw-header-persona.cjs\",[[1,\"spw-header-persona\",{\"activePersona\":[32],\"options\":[32]}]]],[\"spw-modal.cjs\",[[1,\"spw-modal\",{\"opened\":[1540],\"caption\":[1],\"closeOnOverlayClick\":[4,\"close-on-overlay-click\"],\"stickyButtons\":[4,\"sticky-buttons\"],\"size\":[1],\"alertIcon\":[1,\"alert-icon\"],\"okButtonLabel\":[1,\"ok-button-label\"],\"cancelButtonLabel\":[1,\"cancel-button-label\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32]},null,{\"opened\":[\"openedChanged\"]}]]],[\"spw-tile.cjs\",[[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-breadcrumb.cjs\",[[1,\"spw-breadcrumb\",{\"variant\":[1],\"surface\":[1]}]]],[\"spw-card.cjs\",[[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.cjs\",[[1,\"spw-card-content\",{\"tag\":[1],\"date\":[1],\"hasImage\":[32]}]]],[\"spw-card-excerpt.cjs\",[[1,\"spw-card-excerpt\",{\"lineClamp\":[8,\"line-clamp\"]}]]],[\"spw-card-subtag-item.cjs\",[[1,\"spw-card-subtag-item\",{\"link\":[1]}]]],[\"spw-card-subtags.cjs\",[[4,\"spw-card-subtags\",{\"variant\":[1]}]]],[\"spw-card-title.cjs\",[[1,\"spw-card-title\"]]],[\"spw-footer.cjs\",[[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.cjs\",[[1,\"spw-footer-bottom\",{\"siteTitle\":[1,\"site-title\"]}]]],[\"spw-footer-content.cjs\",[[1,\"spw-footer-content\"]]],[\"spw-footer-content-col.cjs\",[[1,\"spw-footer-content-col\",{\"colTitle\":[1,\"col-title\"]}]]],[\"spw-footer-link.cjs\",[[1,\"spw-footer-link\",{\"href\":[1],\"target\":[1]}]]],[\"spw-header-lang-item.cjs\",[[1,\"spw-header-lang-item\",{\"active\":[516]}]]],[\"spw-header-navigation-dropdown.cjs\",[[1,\"spw-header-navigation-dropdown\"]]],[\"spw-header-persona-item.cjs\",[[1,\"spw-header-persona-item\",{\"active\":[516]}]]],[\"spw-hero.cjs\",[[1,\"spw-hero\",{\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"surface\":[1],\"variant\":[1],\"alignment\":[1],\"overlayOpacity\":[2,\"overlay-opacity\"]}]]],[\"spw-mosaic.cjs\",[[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.cjs\",[[1,\"spw-mosaic-item\",{\"classString\":[32]}]]],[\"spw-radio.cjs\",[[65,\"spw-radio\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"name\":[1],\"value\":[1],\"internalChecked\":[32],\"setChecked\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-socials.cjs\",[[1,\"spw-socials\",{\"mainTitle\":[1,\"main-title\"]}]]],[\"spw-table.cjs\",[[1,\"spw-table\",{\"accAriaLabel\":[1,\"acc-aria-label\"],\"isSticky\":[4,\"is-sticky\"],\"maxHeight\":[1,\"max-height\"],\"minWidth\":[1,\"min-width\"]}]]],[\"spw-table-body.cjs\",[[1,\"spw-table-body\"]]],[\"spw-table-cell.cjs\",[[1,\"spw-table-cell\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"]}]]],[\"spw-table-head.cjs\",[[1,\"spw-table-head\"]]],[\"spw-table-header.cjs\",[[1,\"spw-table-header\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"]}]]],[\"spw-table-row.cjs\",[[1,\"spw-table-row\"]]],[\"spw-tile-description.cjs\",[[1,\"spw-tile-description\"]]],[\"spw-tile-title.cjs\",[[1,\"spw-tile-title\"]]],[\"spw-tooltip.cjs\",[[1,\"spw-tooltip\",{\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"direction\":[1],\"isVisible\":[32]}]]],[\"spw-field-label_6.cjs\",[[4,\"spw-group\",{\"type\":[1],\"orientation\":[1],\"alignment\":[1],\"disabled\":[4],\"label\":[1],\"required\":[4],\"name\":[1]}],[1,\"spw-separator\",{\"surface\":[1],\"direction\":[1],\"thickness\":[2],\"width\":[1],\"height\":[1]}],[4,\"spw-theme-provider\",{\"theme\":[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-checkbox.cjs\",[[65,\"spw-checkbox\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"icon\":[1],\"name\":[1],\"internalChecked\":[32],\"toggleCheckedState\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-field-message.cjs\",[[1,\"spw-field-message\",{\"showIcon\":[4,\"show-icon\"],\"variant\":[1]}]]],[\"spw-text-field.cjs\",[[65,\"spw-text-field\",{\"value\":[1537],\"type\":[1],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"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],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"internalValue\":[32],\"isClearIconVisible\":[32]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-loading_2.cjs\",[[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]},null,{\"totalItems\":[\"calculateTotalPages\"],\"itemsPerPage\":[\"calculateTotalPages\"],\"currentPage\":[\"calculateTotalPages\"]}],[1,\"spw-loading\",{\"text\":[1]}]]],[\"spw-accordion_4.cjs\",[[1,\"spw-accordion-title\",{\"tag\":[1],\"icon\":[1]}],[1,\"spw-accordion\"],[1,\"spw-accordion-content\",{\"isOpened\":[32]},[[4,\"accordionToggle\",\"handleAccordionToggle\"]]],[1,\"spw-accordion-item\",{\"isOpen\":[32],\"isMobile\":[32]}]]],[\"spw-button.cjs\",[[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\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"isFullWidth\":[4,\"is-full-width\"],\"isFullWidthMobile\":[516,\"is-full-width-mobile\"]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.cjs.js","sources":["src/components/spw-accordion/spw-accordion.scss?tag=spw-accordion&encapsulation=shadow","src/components/spw-accordion/spw-accordion.tsx","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.scss?tag=spw-accordion-content&encapsulation=shadow","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.tsx","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.scss?tag=spw-accordion-item&encapsulation=shadow","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.tsx","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.scss?tag=spw-accordion-title&encapsulation=shadow","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion',\n  styleUrl: 'spw-accordion.scss',\n  shadow: true,\n})\nexport class SpwAccordion {\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-accordion\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",".spw-accordion-content {\n  line-height: 1.5;\n  font-weight: 400;\n  overflow: hidden;\n  color: var(--spw-color-themes-grey-grey-600);\n  transition: all 0.25s ease-in;\n\n  :host(.--collapsed) & {\n    max-height: 0 !important;\n  }\n\n  &--is-opened {\n    max-height: 100% !important;\n  }\n\n  &__inner {\n    padding: 0 var(--spw-spacings-spacing-lg);\n    margin-bottom: var(--spw-spacings-spacing-lg);\n  }\n}\n","import { Component, h, Element, Listen, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-content',\n  styleUrl: 'spw-accordion-content.scss',\n  shadow: true,\n})\nexport class SpwAccordionContent {\n  @Element() el: HTMLSpwAccordionContentElement;\n  private contentElement: HTMLElement;\n\n  @State() isOpened: boolean = false;\n\n  componentDidLoad() {\n    this.assignItemId();\n    this.updateHeight();\n    window.addEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  private assignItemId() {\n    const parent = this.el.closest('spw-accordion-item');\n    if (parent) {\n      const itemId = parent.getAttribute('data-accordion-id');\n      if (itemId) {\n        this.el.setAttribute('data-accordion-id', itemId);\n      }\n    }\n  }\n\n  @Listen('accordionToggle', { target: 'document' })\n  handleAccordionToggle(event: CustomEvent<{ isOpen: boolean; id: string }>) {\n    const itemId = this.el.getAttribute('data-accordion-id');\n    if (event.detail.id === itemId) {\n      this.isOpened = event.detail.isOpen;\n      this.updateHeight();\n    }\n  }\n\n  private handleResize() {\n    this.updateHeight();\n    setTimeout(() => {\n      this.updateHeight();\n    }, 300);\n  }\n\n  private handleTransitionEnd(event: TransitionEvent) {\n    if (event.propertyName === 'max-height') {\n      if (this.isOpened) {\n        this.contentElement.classList.add('spw-accordion-content--is-opened');\n      } else {\n        this.contentElement.classList.remove('spw-accordion-content--is-opened');\n      }\n    }\n  }\n\n  private updateHeight() {\n    requestAnimationFrame(() => {\n      const content = this.contentElement;\n      if (this.isOpened) {\n        const scrollHeight = content.scrollHeight;\n        content.style.maxHeight = `${scrollHeight}px`;\n      } else {\n        content.style.maxHeight = '0px';\n      }\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"spw-accordion-content\" ref={el => (this.contentElement = el)} data-accordion-id={this.el.getAttribute('data-accordion-id')}>\n        <div class=\"spw-accordion-content__inner\">\n          <slot onSlotchange={() => this.updateHeight()}></slot>\n        </div>\n      </div>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.spw-accordion-item {\n  position: relative;\n  &__content {\n    position: relative;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n\n  &__trigger {\n    display: block;\n    text-decoration: none;\n\n    position: sticky;\n    top: 0;\n    background: white;\n    z-index: 10;\n    @include breakpoint(md) {\n      position: relative;\n    }\n\n    &:focus-visible {\n      outline: 3px solid var(--spw-ds-focus);\n      outline-offset: -3px;\n    }\n  }\n}\n","import { Component, h, Host, Event, EventEmitter, State, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-item',\n  styleUrl: 'spw-accordion-item.scss',\n  shadow: true,\n})\nexport class SpwAccordionItem {\n  @State() isOpen: boolean = false;\n  @State() isMobile: boolean = window.innerWidth < 768;\n  @Element() el: HTMLSpwAccordionItemElement;\n\n  /** Transmet l'état actuel (isOpen) et l'id de l'élément */\n  @Event() accordionToggle: EventEmitter<{ isOpen: boolean; id: string }>;\n\n  private resizeListener: () => void;\n\n  componentWillLoad() {\n    this.assignItemId();\n    this.setupResizeListener();\n    this.toggleClasses();\n  }\n\n  disconnectedCallback() {\n    this.teardownResizeListener();\n  }\n\n  private assignItemId() {\n    const index = Array.from(this.el.parentNode.children).indexOf(this.el);\n    this.el.setAttribute('data-accordion-id', `accordion-item-${index}`);\n  }\n\n  private toggleContent() {\n    this.isOpen = !this.isOpen;\n    const itemId = this.el.getAttribute('data-accordion-id');\n    this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n    this.updateFocusableElements();\n    if (!this.isOpen) {\n      this.scrollToElement();\n    }\n    this.toggleClasses();\n  }\n\n  private toggleClasses(): void {\n    const contentElement = this.el.querySelector('spw-accordion-content');\n    const titleElement = this.el.querySelector('spw-accordion-title');\n    if (contentElement) {\n      contentElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n    if (titleElement) {\n      titleElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n  }\n\n  private handleClick(event: MouseEvent) {\n    event.preventDefault();\n    this.toggleContent();\n  }\n\n  private scrollToElement() {\n    const element = this.el.shadowRoot.querySelector('.spw-accordion-item__content') as HTMLElement;\n    if (element && this.isMobile) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }\n\n  private updateFocusableElements() {\n    const contentSlot = this.el.shadowRoot.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    if (!contentSlot) {\n      return;\n    }\n\n    const assignedElements = contentSlot.assignedElements({ flatten: true }) as HTMLElement[];\n\n    assignedElements.forEach(element => {\n      const focusableElements = element.querySelectorAll<HTMLElement>('*');\n\n      focusableElements.forEach(focusable => {\n        if (this.isOpen) {\n          const originalTabIndex = focusable.getAttribute('data-tabindex-original');\n          if (originalTabIndex !== null) {\n            focusable.setAttribute('tabindex', originalTabIndex);\n            focusable.removeAttribute('data-tabindex-original');\n          } else {\n            focusable.removeAttribute('tabindex');\n          }\n        } else {\n          if (!focusable.hasAttribute('data-tabindex-original')) {\n            const currentTabIndex = focusable.getAttribute('tabindex');\n            if (currentTabIndex !== null) {\n              focusable.setAttribute('data-tabindex-original', currentTabIndex);\n            } else {\n              focusable.setAttribute('data-tabindex-original', '');\n            }\n          }\n          focusable.setAttribute('tabindex', '-1');\n        }\n      });\n    });\n  }\n\n  private setupResizeListener() {\n    this.resizeListener = () => {\n      this.isMobile = window.innerWidth < 768;\n    };\n\n    window.addEventListener('resize', this.resizeListener);\n  }\n\n  private teardownResizeListener() {\n    if (this.resizeListener) {\n      window.removeEventListener('resize', this.resizeListener);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item': true,\n      'spw-accordion-item--collapsed': !this.isOpen,\n    };\n  }\n\n  private get elementChildClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item__trigger': true,\n    };\n  }\n\n  render() {\n    return (\n      <Host class={this.elementClass}>\n        <div class=\"spw-accordion-item__content\">\n          <a href=\"#\" class={this.elementChildClass} onClick={event => this.handleClick(event)}>\n            <slot name=\"title\"></slot>\n          </a>\n          <slot name=\"content\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.spw-accordion-title {\n  padding: var(--spw-spacings-spacing-lg);\n  font-weight: 700;\n  transition: all 0.3s;\n  color: var(--spw-color-themes-grey-grey-900);\n\n  &:hover {\n    color: var(--spw-ds-primary);\n    :host(.--collapsed) & {\n      background: var(--spw-color-themes-grey-grey-100);\n    }\n  }\n}\n\n:host-context(.spw-accordion-item:hover) > .spw-accordion-title {\n  color: var(--spw-ds-primary);\n}\n\n.spw-accordion-title__content {\n  position: relative;\n  padding-right: var(--spw-spacings-spacing-3-xl);\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: 16px;\n  }\n}\n\n.spw-accordion-title__trigger {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%) rotate(180deg);\n  transition: all 0.3s;\n\n  :host(.--collapsed) & {\n    transform: translateY(-50%) rotate(0deg);\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-title',\n  styleUrl: 'spw-accordion-title.scss',\n  shadow: true,\n})\nexport class SpwAccordionTitle {\n  /** Tag html du titre de l'accordéon (de h1 à h6) */\n  @Prop() tag?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n  /** Si spécifié, place une icône à gauche du titre */\n  @Prop() icon?: string;\n\n  render() {\n    const TagType = this.tag;\n    const iconElement = this.icon ? <spw-icon icon={this.icon}></spw-icon> : null;\n    return (\n      <Host>\n        <div class=\"spw-accordion-title\">\n          <div class=\"spw-accordion-title__content\">\n            <TagType class=\"spw-tw-flex\">\n              {iconElement && <div class=\"spw-tw-mr-3\">{iconElement}</div>}\n              <div>\n                <slot></slot>\n              </div>\n            </TagType>\n            <span class=\"spw-accordion-title__trigger\">\n              <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n            </span>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":"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"}

package/dist/cjs/spw-accordion_4.cjs.entry.js

@@ -0,0 +1,221 @@
+'use strict';
+
+var index = require('./index-DPoQq9TD.js');
+
+const spwAccordionCss = "/*! 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;position:relative}: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)}}";
+
+const SpwAccordion = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: '522657af848eb4a53a877fbe9b5793b2e39dfce8' }, index.h("div", { key: 'f85e2e923ec6e68ae5843fa340518e4723f08c0e', class: "spw-accordion" }, index.h("slot", { key: 'bcf891b46696814f8f76fe411c4d8653aa04e19d' }))));
+    }
+};
+SpwAccordion.style = spwAccordionCss;
+
+const spwAccordionContentCss = "/*! 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;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-accordion-content{color:var(--spw-color-themes-grey-grey-600);font-weight:400;line-height:1.5;overflow:hidden;transition:all .25s ease-in}:host(.--collapsed) .spw-accordion-content{max-height:0!important}.spw-accordion-content--is-opened{max-height:100%!important}.spw-accordion-content__inner{margin-bottom:var(--spw-spacings-spacing-lg);padding:0 var(--spw-spacings-spacing-lg)}";
+
+const SpwAccordionContent = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.isOpened = false;
+    }
+    componentDidLoad() {
+        this.assignItemId();
+        this.updateHeight();
+        window.addEventListener('resize', this.handleResize.bind(this));
+        this.contentElement.addEventListener('transitionend', this.handleTransitionEnd.bind(this));
+    }
+    disconnectedCallback() {
+        window.removeEventListener('resize', this.handleResize.bind(this));
+        this.contentElement.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));
+    }
+    assignItemId() {
+        const parent = this.el.closest('spw-accordion-item');
+        if (parent) {
+            const itemId = parent.getAttribute('data-accordion-id');
+            if (itemId) {
+                this.el.setAttribute('data-accordion-id', itemId);
+            }
+        }
+    }
+    handleAccordionToggle(event) {
+        const itemId = this.el.getAttribute('data-accordion-id');
+        if (event.detail.id === itemId) {
+            this.isOpened = event.detail.isOpen;
+            this.updateHeight();
+        }
+    }
+    handleResize() {
+        this.updateHeight();
+        setTimeout(() => {
+            this.updateHeight();
+        }, 300);
+    }
+    handleTransitionEnd(event) {
+        if (event.propertyName === 'max-height') {
+            if (this.isOpened) {
+                this.contentElement.classList.add('spw-accordion-content--is-opened');
+            }
+            else {
+                this.contentElement.classList.remove('spw-accordion-content--is-opened');
+            }
+        }
+    }
+    updateHeight() {
+        requestAnimationFrame(() => {
+            const content = this.contentElement;
+            if (this.isOpened) {
+                const scrollHeight = content.scrollHeight;
+                content.style.maxHeight = `${scrollHeight}px`;
+            }
+            else {
+                content.style.maxHeight = '0px';
+            }
+        });
+    }
+    render() {
+        return (index.h("div", { key: 'ea81de0b77326a8055a76ce44af28c5839b39ebd', class: "spw-accordion-content", ref: el => (this.contentElement = el), "data-accordion-id": this.el.getAttribute('data-accordion-id') }, index.h("div", { key: '90c105c420913827d51066470b97ecf4e62847b8', class: "spw-accordion-content__inner" }, index.h("slot", { key: 'b0cdc15f7da6f6daacd6a3f4299344a48728b5c2', onSlotchange: () => this.updateHeight() }))));
+    }
+    get el() { return index.getElement(this); }
+};
+SpwAccordionContent.style = spwAccordionContentCss;
+
+const spwAccordionItemCss = "/*! 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-accordion-item{position:relative}.spw-accordion-item__content{border-bottom:1px solid var(--spw-color-themes-grey-grey-300);position:relative}.spw-accordion-item__trigger{background:#fff;display:block;position:sticky;text-decoration:none;top:0;z-index:10}@media (min-width:768px){.spw-accordion-item__trigger{position:relative}}.spw-accordion-item__trigger:focus-visible{outline:3px solid var(--spw-ds-focus);outline-offset:-3px}";
+
+const SpwAccordionItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.accordionToggle = index.createEvent(this, "accordionToggle");
+        this.isOpen = false;
+        this.isMobile = window.innerWidth < 768;
+    }
+    componentWillLoad() {
+        this.assignItemId();
+        this.setupResizeListener();
+        this.toggleClasses();
+    }
+    disconnectedCallback() {
+        this.teardownResizeListener();
+    }
+    assignItemId() {
+        const index = Array.from(this.el.parentNode.children).indexOf(this.el);
+        this.el.setAttribute('data-accordion-id', `accordion-item-${index}`);
+    }
+    toggleContent() {
+        this.isOpen = !this.isOpen;
+        const itemId = this.el.getAttribute('data-accordion-id');
+        this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });
+        this.updateFocusableElements();
+        if (!this.isOpen) {
+            this.scrollToElement();
+        }
+        this.toggleClasses();
+    }
+    toggleClasses() {
+        const contentElement = this.el.querySelector('spw-accordion-content');
+        const titleElement = this.el.querySelector('spw-accordion-title');
+        if (contentElement) {
+            contentElement.classList.toggle('--collapsed', !this.isOpen);
+        }
+        if (titleElement) {
+            titleElement.classList.toggle('--collapsed', !this.isOpen);
+        }
+    }
+    handleClick(event) {
+        event.preventDefault();
+        this.toggleContent();
+    }
+    scrollToElement() {
+        const element = this.el.shadowRoot.querySelector('.spw-accordion-item__content');
+        if (element && this.isMobile) {
+            element.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        }
+    }
+    updateFocusableElements() {
+        const contentSlot = this.el.shadowRoot.querySelector('slot[name="content"]');
+        if (!contentSlot) {
+            return;
+        }
+        const assignedElements = contentSlot.assignedElements({ flatten: true });
+        assignedElements.forEach(element => {
+            const focusableElements = element.querySelectorAll('*');
+            focusableElements.forEach(focusable => {
+                if (this.isOpen) {
+                    const originalTabIndex = focusable.getAttribute('data-tabindex-original');
+                    if (originalTabIndex !== null) {
+                        focusable.setAttribute('tabindex', originalTabIndex);
+                        focusable.removeAttribute('data-tabindex-original');
+                    }
+                    else {
+                        focusable.removeAttribute('tabindex');
+                    }
+                }
+                else {
+                    if (!focusable.hasAttribute('data-tabindex-original')) {
+                        const currentTabIndex = focusable.getAttribute('tabindex');
+                        if (currentTabIndex !== null) {
+                            focusable.setAttribute('data-tabindex-original', currentTabIndex);
+                        }
+                        else {
+                            focusable.setAttribute('data-tabindex-original', '');
+                        }
+                    }
+                    focusable.setAttribute('tabindex', '-1');
+                }
+            });
+        });
+    }
+    setupResizeListener() {
+        this.resizeListener = () => {
+            this.isMobile = window.innerWidth < 768;
+        };
+        window.addEventListener('resize', this.resizeListener);
+    }
+    teardownResizeListener() {
+        if (this.resizeListener) {
+            window.removeEventListener('resize', this.resizeListener);
+        }
+    }
+    get elementClass() {
+        return {
+            'spw-accordion-item': true,
+            'spw-accordion-item--collapsed': !this.isOpen,
+        };
+    }
+    get elementChildClass() {
+        return {
+            'spw-accordion-item__trigger': true,
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: '75a9dc134eb287a398e063765e521d4cbeed22fd', class: this.elementClass }, index.h("div", { key: '62c9b50927d063042433862c43c0f438df10628f', class: "spw-accordion-item__content" }, index.h("a", { key: '0fe6315880001f10ead08503340568af01bfa325', href: "#", class: this.elementChildClass, onClick: event => this.handleClick(event) }, index.h("slot", { key: '98154f0b961848d6534f08fc2f26776c88ea239f', name: "title" })), index.h("slot", { key: 'c6cc958b9b581f2ff63b14ad240984c4852ba230', name: "content" }))));
+    }
+    get el() { return index.getElement(this); }
+};
+SpwAccordionItem.style = spwAccordionItemCss;
+
+const spwAccordionTitleCss = "/*! 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-accordion-title{color:var(--spw-color-themes-grey-grey-900);font-weight:700;padding:var(--spw-spacings-spacing-lg);transition:all .3s}.spw-accordion-title:hover{color:var(--spw-ds-primary)}:host(.--collapsed) .spw-accordion-title:hover{background:var(--spw-color-themes-grey-grey-100)}:host-context(.spw-accordion-item:hover)>.spw-accordion-title{color:var(--spw-ds-primary)}.spw-accordion-title__content{padding-right:var(--spw-spacings-spacing-3-xl);position:relative}.spw-accordion-title__content h2,.spw-accordion-title__content h3,.spw-accordion-title__content h4,.spw-accordion-title__content h5,.spw-accordion-title__content h6{font-size:16px}.spw-accordion-title__trigger{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(180deg);transition:all .3s}:host(.--collapsed) .spw-accordion-title__trigger{transform:translateY(-50%) rotate(0deg)}.spw-tw-mr-3{margin-right:.75rem}.spw-tw-flex{display:flex}";
+
+const SpwAccordionTitle = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Tag html du titre de l'accordéon (de h1 à h6) */
+        this.tag = 'h3';
+    }
+    render() {
+        const TagType = this.tag;
+        const iconElement = this.icon ? index.h("spw-icon", { icon: this.icon }) : null;
+        return (index.h(index.Host, { key: 'a51f79aa7112907e5cfed15d5cee8704c7c38c7c' }, index.h("div", { key: 'e9c6d28a6f2dab0ae04d634060a2ef47b4ba93b6', class: "spw-accordion-title" }, index.h("div", { key: '4453527cdffeeb11f2919846d79a753340ae8f25', class: "spw-accordion-title__content" }, index.h(TagType, { key: 'c24b019897cfb3d21926e26e43ff86dfcd0a20e6', class: "spw-tw-flex" }, iconElement && index.h("div", { key: '5f6de3eb9aefce5bfaa4108d06aa7a57f884d64e', class: "spw-tw-mr-3" }, iconElement), index.h("div", { key: 'f681640756963f207c12274c1dcc56097f6a59f5' }, index.h("slot", { key: '222153aac9e81a4771e27684ef417ffe7f469d2c' }))), index.h("span", { key: '8a4f27899e5df1fedc57ee2b30a1b7fb70c73be1', class: "spw-accordion-title__trigger" }, index.h("spw-icon", { key: '795239c54a42a6c033f5e2a3050fed0e4e56d9e5', icon: "fa-chevron-down" }))))));
+    }
+};
+SpwAccordionTitle.style = spwAccordionTitleCss;
+
+exports.spw_accordion = SpwAccordion;
+exports.spw_accordion_content = SpwAccordionContent;
+exports.spw_accordion_item = SpwAccordionItem;
+exports.spw_accordion_title = SpwAccordionTitle;
+//# sourceMappingURL=spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.cjs.js.map
+
+//# sourceMappingURL=spw-accordion_4.cjs.entry.js.map

package/dist/cjs/spw-accordion_4.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/spw-accordion/spw-accordion.scss?tag=spw-accordion&encapsulation=shadow","src/components/spw-accordion/spw-accordion.tsx","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.scss?tag=spw-accordion-content&encapsulation=shadow","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.tsx","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.scss?tag=spw-accordion-item&encapsulation=shadow","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.tsx","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.scss?tag=spw-accordion-title&encapsulation=shadow","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion',\n  styleUrl: 'spw-accordion.scss',\n  shadow: true,\n})\nexport class SpwAccordion {\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-accordion\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",".spw-accordion-content {\n  line-height: 1.5;\n  font-weight: 400;\n  overflow: hidden;\n  color: var(--spw-color-themes-grey-grey-600);\n  transition: all 0.25s ease-in;\n\n  :host(.--collapsed) & {\n    max-height: 0 !important;\n  }\n\n  &--is-opened {\n    max-height: 100% !important;\n  }\n\n  &__inner {\n    padding: 0 var(--spw-spacings-spacing-lg);\n    margin-bottom: var(--spw-spacings-spacing-lg);\n  }\n}\n","import { Component, h, Element, Listen, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-content',\n  styleUrl: 'spw-accordion-content.scss',\n  shadow: true,\n})\nexport class SpwAccordionContent {\n  @Element() el: HTMLSpwAccordionContentElement;\n  private contentElement: HTMLElement;\n\n  @State() isOpened: boolean = false;\n\n  componentDidLoad() {\n    this.assignItemId();\n    this.updateHeight();\n    window.addEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  private assignItemId() {\n    const parent = this.el.closest('spw-accordion-item');\n    if (parent) {\n      const itemId = parent.getAttribute('data-accordion-id');\n      if (itemId) {\n        this.el.setAttribute('data-accordion-id', itemId);\n      }\n    }\n  }\n\n  @Listen('accordionToggle', { target: 'document' })\n  handleAccordionToggle(event: CustomEvent<{ isOpen: boolean; id: string }>) {\n    const itemId = this.el.getAttribute('data-accordion-id');\n    if (event.detail.id === itemId) {\n      this.isOpened = event.detail.isOpen;\n      this.updateHeight();\n    }\n  }\n\n  private handleResize() {\n    this.updateHeight();\n    setTimeout(() => {\n      this.updateHeight();\n    }, 300);\n  }\n\n  private handleTransitionEnd(event: TransitionEvent) {\n    if (event.propertyName === 'max-height') {\n      if (this.isOpened) {\n        this.contentElement.classList.add('spw-accordion-content--is-opened');\n      } else {\n        this.contentElement.classList.remove('spw-accordion-content--is-opened');\n      }\n    }\n  }\n\n  private updateHeight() {\n    requestAnimationFrame(() => {\n      const content = this.contentElement;\n      if (this.isOpened) {\n        const scrollHeight = content.scrollHeight;\n        content.style.maxHeight = `${scrollHeight}px`;\n      } else {\n        content.style.maxHeight = '0px';\n      }\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"spw-accordion-content\" ref={el => (this.contentElement = el)} data-accordion-id={this.el.getAttribute('data-accordion-id')}>\n        <div class=\"spw-accordion-content__inner\">\n          <slot onSlotchange={() => this.updateHeight()}></slot>\n        </div>\n      </div>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.spw-accordion-item {\n  position: relative;\n  &__content {\n    position: relative;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n\n  &__trigger {\n    display: block;\n    text-decoration: none;\n\n    position: sticky;\n    top: 0;\n    background: white;\n    z-index: 10;\n    @include breakpoint(md) {\n      position: relative;\n    }\n\n    &:focus-visible {\n      outline: 3px solid var(--spw-ds-focus);\n      outline-offset: -3px;\n    }\n  }\n}\n","import { Component, h, Host, Event, EventEmitter, State, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-item',\n  styleUrl: 'spw-accordion-item.scss',\n  shadow: true,\n})\nexport class SpwAccordionItem {\n  @State() isOpen: boolean = false;\n  @State() isMobile: boolean = window.innerWidth < 768;\n  @Element() el: HTMLSpwAccordionItemElement;\n\n  /** Transmet l'état actuel (isOpen) et l'id de l'élément */\n  @Event() accordionToggle: EventEmitter<{ isOpen: boolean; id: string }>;\n\n  private resizeListener: () => void;\n\n  componentWillLoad() {\n    this.assignItemId();\n    this.setupResizeListener();\n    this.toggleClasses();\n  }\n\n  disconnectedCallback() {\n    this.teardownResizeListener();\n  }\n\n  private assignItemId() {\n    const index = Array.from(this.el.parentNode.children).indexOf(this.el);\n    this.el.setAttribute('data-accordion-id', `accordion-item-${index}`);\n  }\n\n  private toggleContent() {\n    this.isOpen = !this.isOpen;\n    const itemId = this.el.getAttribute('data-accordion-id');\n    this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n    this.updateFocusableElements();\n    if (!this.isOpen) {\n      this.scrollToElement();\n    }\n    this.toggleClasses();\n  }\n\n  private toggleClasses(): void {\n    const contentElement = this.el.querySelector('spw-accordion-content');\n    const titleElement = this.el.querySelector('spw-accordion-title');\n    if (contentElement) {\n      contentElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n    if (titleElement) {\n      titleElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n  }\n\n  private handleClick(event: MouseEvent) {\n    event.preventDefault();\n    this.toggleContent();\n  }\n\n  private scrollToElement() {\n    const element = this.el.shadowRoot.querySelector('.spw-accordion-item__content') as HTMLElement;\n    if (element && this.isMobile) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }\n\n  private updateFocusableElements() {\n    const contentSlot = this.el.shadowRoot.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    if (!contentSlot) {\n      return;\n    }\n\n    const assignedElements = contentSlot.assignedElements({ flatten: true }) as HTMLElement[];\n\n    assignedElements.forEach(element => {\n      const focusableElements = element.querySelectorAll<HTMLElement>('*');\n\n      focusableElements.forEach(focusable => {\n        if (this.isOpen) {\n          const originalTabIndex = focusable.getAttribute('data-tabindex-original');\n          if (originalTabIndex !== null) {\n            focusable.setAttribute('tabindex', originalTabIndex);\n            focusable.removeAttribute('data-tabindex-original');\n          } else {\n            focusable.removeAttribute('tabindex');\n          }\n        } else {\n          if (!focusable.hasAttribute('data-tabindex-original')) {\n            const currentTabIndex = focusable.getAttribute('tabindex');\n            if (currentTabIndex !== null) {\n              focusable.setAttribute('data-tabindex-original', currentTabIndex);\n            } else {\n              focusable.setAttribute('data-tabindex-original', '');\n            }\n          }\n          focusable.setAttribute('tabindex', '-1');\n        }\n      });\n    });\n  }\n\n  private setupResizeListener() {\n    this.resizeListener = () => {\n      this.isMobile = window.innerWidth < 768;\n    };\n\n    window.addEventListener('resize', this.resizeListener);\n  }\n\n  private teardownResizeListener() {\n    if (this.resizeListener) {\n      window.removeEventListener('resize', this.resizeListener);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item': true,\n      'spw-accordion-item--collapsed': !this.isOpen,\n    };\n  }\n\n  private get elementChildClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item__trigger': true,\n    };\n  }\n\n  render() {\n    return (\n      <Host class={this.elementClass}>\n        <div class=\"spw-accordion-item__content\">\n          <a href=\"#\" class={this.elementChildClass} onClick={event => this.handleClick(event)}>\n            <slot name=\"title\"></slot>\n          </a>\n          <slot name=\"content\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.spw-accordion-title {\n  padding: var(--spw-spacings-spacing-lg);\n  font-weight: 700;\n  transition: all 0.3s;\n  color: var(--spw-color-themes-grey-grey-900);\n\n  &:hover {\n    color: var(--spw-ds-primary);\n    :host(.--collapsed) & {\n      background: var(--spw-color-themes-grey-grey-100);\n    }\n  }\n}\n\n:host-context(.spw-accordion-item:hover) > .spw-accordion-title {\n  color: var(--spw-ds-primary);\n}\n\n.spw-accordion-title__content {\n  position: relative;\n  padding-right: var(--spw-spacings-spacing-3-xl);\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: 16px;\n  }\n}\n\n.spw-accordion-title__trigger {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%) rotate(180deg);\n  transition: all 0.3s;\n\n  :host(.--collapsed) & {\n    transform: translateY(-50%) rotate(0deg);\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-title',\n  styleUrl: 'spw-accordion-title.scss',\n  shadow: true,\n})\nexport class SpwAccordionTitle {\n  /** Tag html du titre de l'accordéon (de h1 à h6) */\n  @Prop() tag?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n  /** Si spécifié, place une icône à gauche du titre */\n  @Prop() icon?: string;\n\n  render() {\n    const TagType = this.tag;\n    const iconElement = this.icon ? <spw-icon icon={this.icon}></spw-icon> : null;\n    return (\n      <Host>\n        <div class=\"spw-accordion-title\">\n          <div class=\"spw-accordion-title__content\">\n            <TagType class=\"spw-tw-flex\">\n              {iconElement && <div class=\"spw-tw-mr-3\">{iconElement}</div>}\n              <div>\n                <slot></slot>\n              </div>\n            </TagType>\n            <span class=\"spw-accordion-title__trigger\">\n              <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n            </span>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/spw-breadcrumb-item.cjs.entry.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var index = require('./index-DPoQq9TD.js');
+
+const spwBreadcrumbItemCss = "/*! 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-breadcrumb-item{display:inline;list-style:none}.spw-breadcrumb-item__text{color:var(--spw-color-themes-grey-grey-900);font-weight:700}:host(.spw-breadcrumb-item--dark) .spw-breadcrumb-item__text{color:var(--spw-ds-white)}";
+
+const SpwBreadcrumbItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Permet de définir un lien sur l'élément du breadcrumb */
+        this.href = '';
+        this.surface = 'light';
+    }
+    surfaceChanged() {
+        this.updateSurfaceClass();
+    }
+    componentWillLoad() {
+        this.getSurfaceFromParent();
+    }
+    getSurfaceFromParent() {
+        let parent = this.el.parentElement;
+        while (parent) {
+            if (parent.tagName.toLowerCase() === 'spw-breadcrumb') {
+                this.surface = parent.getAttribute('surface');
+                this.updateSurfaceClass();
+                break;
+            }
+            if (parent.shadowRoot) {
+                parent = parent.shadowRoot.host;
+            }
+            else {
+                parent = parent.parentElement;
+            }
+        }
+    }
+    updateSurfaceClass() {
+        this.el.classList.remove('spw-breadcrumb-item--light', 'spw-breadcrumb-item--dark');
+        this.el.classList.add(`spw-breadcrumb-item--${this.surface}`);
+    }
+    render() {
+        return (index.h(index.Host, { key: '3419cfd4160ec76a7248f4b75da50930d99c7701' }, index.h("li", { key: 'fbf8a68953e1b174a8b17041eeb6d41cae3ff336', class: `spw-breadcrumb-item spw-breadcrumb-item--${this.surface}` }, this.href ? (index.h("spw-link", { href: this.href, surface: this.surface }, index.h("slot", null))) : (index.h("span", { class: "spw-breadcrumb-item__text", "aria-current": "page" }, index.h("slot", null))))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "surface": ["surfaceChanged"]
+    }; }
+};
+SpwBreadcrumbItem.style = spwBreadcrumbItemCss;
+
+exports.spw_breadcrumb_item = SpwBreadcrumbItem;
+//# sourceMappingURL=spw-breadcrumb-item.entry.cjs.js.map
+
+//# sourceMappingURL=spw-breadcrumb-item.cjs.entry.js.map

package/dist/cjs/spw-breadcrumb-item.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"spw-breadcrumb-item.entry.cjs.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,izFAAizF;;MCOj0F,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AASU,QAAA,IAAI,CAAA,IAAA,GAAY,EAAE;AAEjB,QAAA,IAAO,CAAA,OAAA,GAAqB,OAAO;AAkD7C;IA/CC,cAAc,GAAA;QACZ,IAAI,CAAC,kBAAkB,EAAE;;IAG3B,iBAAiB,GAAA;QACf,IAAI,CAAC,oBAAoB,EAAE;;IAGrB,oBAAoB,GAAA;AAC1B,QAAA,IAAI,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa;QAClC,OAAO,MAAM,EAAE;YACb,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE;gBACrD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC,SAAS,CAAqB;gBACjE,IAAI,CAAC,kBAAkB,EAAE;gBACzB;;AAGF,YAAA,IAAI,MAAM,CAAC,UAAU,EAAE;AACrB,gBAAA,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,IAAmB;;iBACzC;AACL,gBAAA,MAAM,GAAG,MAAM,CAAC,aAAa;;;;IAK3B,kBAAkB,GAAA;QACxB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,4BAA4B,EAAE,2BAA2B,CAAC;AACnF,QAAA,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA,qBAAA,EAAwB,IAAI,CAAC,OAAO,CAAA,CAAE,CAAC;;IAG/D,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAA4C,yCAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,EAClE,EAAA,IAAI,CAAC,IAAI,IACRA,OAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAC9CA,OAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACJ,KAEXA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,2BAA2B,EAAA,cAAA,EAAc,MAAM,EAAA,EACzDA,OAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACR,CACR,CACE,CACA;;;;;;;;;;;","names":["h","Host"],"sources":["src/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.scss?tag=spw-breadcrumb-item&encapsulation=shadow","src/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-breadcrumb-item {\n  list-style: none;\n  display: inline;\n\n  &__text {\n    font-weight: 700;\n    color: var(--spw-color-themes-grey-grey-900);\n    :host(.spw-breadcrumb-item--dark) & {\n      color: var(--spw-ds-white);\n    }\n  }\n}\n","import { Component, Host, h, Prop, State, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-breadcrumb-item',\n  styleUrl: 'spw-breadcrumb-item.scss',\n  shadow: true,\n})\nexport class SpwBreadcrumbItem {\n  @Element() el: HTMLSpwBreadcrumbItemElement;\n\n  /** Permet de définir un lien sur l'élément du breadcrumb */\n  @Prop() href?: string = '';\n\n  @State() surface: 'light' | 'dark' = 'light';\n\n  @Watch('surface')\n  surfaceChanged() {\n    this.updateSurfaceClass();\n  }\n\n  componentWillLoad() {\n    this.getSurfaceFromParent();\n  }\n\n  private getSurfaceFromParent() {\n    let parent = this.el.parentElement;\n    while (parent) {\n      if (parent.tagName.toLowerCase() === 'spw-breadcrumb') {\n        this.surface = parent.getAttribute('surface') as 'light' | 'dark';\n        this.updateSurfaceClass();\n        break;\n      }\n\n      if (parent.shadowRoot) {\n        parent = parent.shadowRoot.host as HTMLElement;\n      } else {\n        parent = parent.parentElement;\n      }\n    }\n  }\n\n  private updateSurfaceClass() {\n    this.el.classList.remove('spw-breadcrumb-item--light', 'spw-breadcrumb-item--dark');\n    this.el.classList.add(`spw-breadcrumb-item--${this.surface}`);\n  }\n\n  render() {\n    return (\n      <Host>\n        <li class={`spw-breadcrumb-item spw-breadcrumb-item--${this.surface}`}>\n          {this.href ? (\n            <spw-link href={this.href} surface={this.surface}>\n              <slot></slot>\n            </spw-link>\n          ) : (\n            <span class=\"spw-breadcrumb-item__text\" aria-current=\"page\">\n              <slot></slot>\n            </span>\n          )}\n        </li>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/spw-breadcrumb-item.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spw-breadcrumb-item.entry.cjs.js","sources":["src/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.scss?tag=spw-breadcrumb-item&encapsulation=shadow","src/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-breadcrumb-item {\n  list-style: none;\n  display: inline;\n\n  &__text {\n    font-weight: 700;\n    color: var(--spw-color-themes-grey-grey-900);\n    :host(.spw-breadcrumb-item--dark) & {\n      color: var(--spw-ds-white);\n    }\n  }\n}\n","import { Component, Host, h, Prop, State, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-breadcrumb-item',\n  styleUrl: 'spw-breadcrumb-item.scss',\n  shadow: true,\n})\nexport class SpwBreadcrumbItem {\n  @Element() el: HTMLSpwBreadcrumbItemElement;\n\n  /** Permet de définir un lien sur l'élément du breadcrumb */\n  @Prop() href?: string = '';\n\n  @State() surface: 'light' | 'dark' = 'light';\n\n  @Watch('surface')\n  surfaceChanged() {\n    this.updateSurfaceClass();\n  }\n\n  componentWillLoad() {\n    this.getSurfaceFromParent();\n  }\n\n  private getSurfaceFromParent() {\n    let parent = this.el.parentElement;\n    while (parent) {\n      if (parent.tagName.toLowerCase() === 'spw-breadcrumb') {\n        this.surface = parent.getAttribute('surface') as 'light' | 'dark';\n        this.updateSurfaceClass();\n        break;\n      }\n\n      if (parent.shadowRoot) {\n        parent = parent.shadowRoot.host as HTMLElement;\n      } else {\n        parent = parent.parentElement;\n      }\n    }\n  }\n\n  private updateSurfaceClass() {\n    this.el.classList.remove('spw-breadcrumb-item--light', 'spw-breadcrumb-item--dark');\n    this.el.classList.add(`spw-breadcrumb-item--${this.surface}`);\n  }\n\n  render() {\n    return (\n      <Host>\n        <li class={`spw-breadcrumb-item spw-breadcrumb-item--${this.surface}`}>\n          {this.href ? (\n            <spw-link href={this.href} surface={this.surface}>\n              <slot></slot>\n            </spw-link>\n          ) : (\n            <span class=\"spw-breadcrumb-item__text\" aria-current=\"page\">\n              <slot></slot>\n            </span>\n          )}\n        </li>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,izFAAizF;;MCOj0F,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AASU,QAAA,IAAI,CAAA,IAAA,GAAY,EAAE;AAEjB,QAAA,IAAO,CAAA,OAAA,GAAqB,OAAO;AAkD7C;IA/CC,cAAc,GAAA;QACZ,IAAI,CAAC,kBAAkB,EAAE;;IAG3B,iBAAiB,GAAA;QACf,IAAI,CAAC,oBAAoB,EAAE;;IAGrB,oBAAoB,GAAA;AAC1B,QAAA,IAAI,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa;QAClC,OAAO,MAAM,EAAE;YACb,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE;gBACrD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC,SAAS,CAAqB;gBACjE,IAAI,CAAC,kBAAkB,EAAE;gBACzB;;AAGF,YAAA,IAAI,MAAM,CAAC,UAAU,EAAE;AACrB,gBAAA,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,IAAmB;;iBACzC;AACL,gBAAA,MAAM,GAAG,MAAM,CAAC,aAAa;;;;IAK3B,kBAAkB,GAAA;QACxB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,4BAA4B,EAAE,2BAA2B,CAAC;AACnF,QAAA,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA,qBAAA,EAAwB,IAAI,CAAC,OAAO,CAAA,CAAE,CAAC;;IAG/D,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAA4C,yCAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,EAClE,EAAA,IAAI,CAAC,IAAI,IACRA,OAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAC9CA,OAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACJ,KAEXA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,2BAA2B,EAAA,cAAA,EAAc,MAAM,EAAA,EACzDA,OAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACR,CACR,CACE,CACA;;;;;;;;;;;"}

package/dist/cjs/spw-breadcrumb.cjs.entry.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var index = require('./index-DPoQq9TD.js');
+
+const spwBreadcrumbCss = "/*! 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-breadcrumb{font-size:16px;max-width:100%;width:100%}.spw-breadcrumb__list{display:flex;list-style:none;margin:0;max-width:100%;padding:0;width:100%}@media (min-width:1024px){.spw-breadcrumb--multiline .spw-breadcrumb__list{display:block}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:last-child){display:block;margin-top:12px}}::slotted(spw-breadcrumb-item){display:none;margin-right:16px;padding-left:24px;position:relative}::slotted(spw-breadcrumb-item):after{content:\"\\f060\";font-family:Font Awesome\\ 6 Free;font-size:14px;font-weight:700;left:0;position:absolute;top:50%;transform:translateY(-50%)}@media (min-width:1024px){::slotted(spw-breadcrumb-item):after{content:\"\\f054\";font-size:16px;left:auto;right:0;transform:translateY(-50%)}::slotted(spw-breadcrumb-item){display:inline-block;padding-left:0;padding-right:24px}}::slotted(spw-breadcrumb-item:last-child){-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;display:none;flex:1;margin-right:0;overflow:hidden;padding-right:0;text-overflow:ellipsis}::slotted(spw-breadcrumb-item:last-child):after{display:none}@media (min-width:1024px){::slotted(spw-breadcrumb-item:last-child){display:-webkit-box}}.spw-breadcrumb:not(.spw-breadcrumb--multiline):not(.spw-breadcrumb--one-line) ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:-webkit-box!important}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item){display:none}@media (min-width:1024px){.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item){display:inline-block}}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child){display:-webkit-box!important;overflow:initial}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child):after{display:block}@media (min-width:1024px){.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child):after{display:none}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child){display:inline-block}}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item){display:none}@media (min-width:1024px){.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item){display:inline-block}}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:-webkit-box!important;overflow:initial}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)):after{display:block}@media (min-width:1024px){.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:inline-block!important}}::slotted(.hidden-item){display:none}::slotted(.collapsed-item){font-size:0;position:relative}::slotted(.collapsed-item):before{color:var(--spw-color-themes-grey-grey-500);content:\"\\f141\";font-family:Font Awesome\\ 6 Free;font-size:16px;font-weight:700}.spw-breadcrumb--surface-light ::slotted(spw-breadcrumb-item):after{color:var(--spw-ds-primary);opacity:1}@media (min-width:1024px){.spw-breadcrumb--surface-light ::slotted(spw-breadcrumb-item):after{color:var(--spw-color-themes-grey-grey-600)}}.spw-breadcrumb--surface-dark{color:var(--spw-ds-white)!important}.spw-breadcrumb--surface-dark ::slotted(spw-breadcrumb-item):after{color:var(--spw-ds-white);opacity:.7}.spw-breadcrumb--surface-dark ::slotted(.collapsed-item):before{color:var(--spw-ds-white);opacity:.7}";
+
+const SpwBreadcrumb = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Permet de limiter le breadcrumb à x éléments visibles */
+        this.maxItems = 9999;
+        /** Permet de sélectionner la variante de breadcrumb */
+        this.variant = 'default';
+        /** Permet de choisir la surface d'arrière-plan du breadcrumb */
+        this.surface = 'light';
+    }
+    componentDidLoad() {
+        this.updateBreadcrumbVisibility();
+    }
+    componentDidUpdate() {
+        this.updateBreadcrumbVisibility();
+    }
+    updateBreadcrumbVisibility() {
+        const items = this.host.querySelectorAll('spw-breadcrumb-item');
+        const totalItems = items.length;
+        items.forEach(item => {
+            item.classList.remove('hidden-item', 'collapsed-item');
+        });
+        if (totalItems > this.maxItems) {
+            const visibleAtStart = this.maxItems - 1;
+            items.forEach((item, index) => {
+                if (index >= visibleAtStart && index < totalItems - 1) {
+                    if (index === totalItems - 2) {
+                        item.classList.add('collapsed-item');
+                    }
+                    else {
+                        item.classList.add('hidden-item');
+                    }
+                }
+            });
+        }
+    }
+    render() {
+        const elementClass = {
+            'spw-breadcrumb': true,
+            [`spw-breadcrumb--surface-${this.surface}`]: true,
+            [`spw-breadcrumb--${this.variant}`]: true,
+        };
+        return (index.h(index.Host, { key: 'd925d2237678ae45058398dc06ed5f5b0e7ec20c' }, index.h("nav", { key: '3f488018409942abdab9c297cb6ceea522768f0d', "aria-label": "breadcrumb", class: elementClass }, index.h("ol", { key: '83d66d21e544eb2676929ab7e6163ad21bb9452f', class: "spw-breadcrumb__list" }, index.h("slot", { key: '5531fedbd8e3032444e4c2403b284663d274dff6' })))));
+    }
+    get host() { return index.getElement(this); }
+};
+SpwBreadcrumb.style = spwBreadcrumbCss;
+
+exports.spw_breadcrumb = SpwBreadcrumb;
+//# sourceMappingURL=spw-breadcrumb.entry.cjs.js.map
+
+//# sourceMappingURL=spw-breadcrumb.cjs.entry.js.map

package/dist/cjs/spw-breadcrumb.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"spw-breadcrumb.entry.cjs.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,+uLAA+uL;;MCO3vL,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOE,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;;AAEhB,QAAA,IAAO,CAAA,OAAA,GAAyC,SAAS;;AAEzD,QAAA,IAAO,CAAA,OAAA,GAAsB,OAAO;AAmD7C;IAhDC,gBAAgB,GAAA;QACd,IAAI,CAAC,0BAA0B,EAAE;;IAGnC,kBAAkB,GAAA;QAChB,IAAI,CAAC,0BAA0B,EAAE;;IAG3B,0BAA0B,GAAA;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,CAAC;AAC/D,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM;AAE/B,QAAA,KAAK,CAAC,OAAO,CAAC,IAAI,IAAG;YACnB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC;AACxD,SAAC,CAAC;AAEF,QAAA,IAAI,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC9B,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC;YAExC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;gBAC5B,IAAI,KAAK,IAAI,cAAc,IAAI,KAAK,GAAG,UAAU,GAAG,CAAC,EAAE;AACrD,oBAAA,IAAI,KAAK,KAAK,UAAU,GAAG,CAAC,EAAE;AAC5B,wBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC;;yBAC/B;AACL,wBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;;;AAGvC,aAAC,CAAC;;;IAIN,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG;AACnB,YAAA,gBAAgB,EAAE,IAAI;AACtB,YAAA,CAAC,2BAA2B,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACjD,YAAA,CAAC,mBAAmB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;SAC1C;QAED,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAgB,YAAY,EAAC,KAAK,EAAE,YAAY,EAAA,EAC9CA,OAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC9BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,CACD,CACD;;;;;;;;","names":["h","Host"],"sources":["src/components/spw-breadcrumb/spw-breadcrumb.scss?tag=spw-breadcrumb&encapsulation=shadow","src/components/spw-breadcrumb/spw-breadcrumb.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-breadcrumb {\n  font-size: 16px;\n  max-width: 100%;\n  width: 100%;\n\n  &__list {\n    display: flex;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  &--multiline {\n    .spw-breadcrumb__list {\n      @include breakpoint(lg) {\n        display: block;\n      }\n    }\n    ::slotted(spw-breadcrumb-item:last-child) {\n      @include breakpoint(lg) {\n        display: block;\n        margin-top: 12px;\n      }\n    }\n  }\n}\n\n::slotted(spw-breadcrumb-item) {\n  margin-right: 16px;\n  padding-left: 24px;\n  position: relative;\n  display: none;\n  &:after {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0;\n    font-family: 'Font Awesome 6 Free';\n    font-weight: 700;\n    content: '\\f060';\n    font-size: 14px;\n    @include breakpoint(lg) {\n      right: 0;\n      left: auto;\n      transform: translateY(-50%);\n      content: '\\f054';\n      font-size: 16px;\n    }\n  }\n  @include breakpoint(lg) {\n    display: inline-block;\n    padding-left: 0;\n    padding-right: 24px;\n  }\n}\n\n::slotted(spw-breadcrumb-item:last-child) {\n  flex: 1;\n  overflow: hidden;\n  display: none;\n  margin-right: 0;\n  -webkit-box-orient: vertical;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n  line-clamp: 1;\n  padding-right: 0;\n  &:after {\n    display: none;\n  }\n  @include breakpoint(lg) {\n    display: -webkit-box;\n  }\n}\n\n.spw-breadcrumb:not(.spw-breadcrumb--multiline):not(.spw-breadcrumb--one-line) ::slotted(spw-breadcrumb-item:nth-last-child(2)) {\n  display: -webkit-box !important;\n}\n\n.spw-breadcrumb--one-line {\n  ::slotted(spw-breadcrumb-item) {\n    display: none;\n    @include breakpoint(lg) {\n      display: inline-block;\n    }\n  }\n  ::slotted(spw-breadcrumb-item:last-child) {\n    overflow: initial;\n    display: -webkit-box !important;\n    &:after {\n      display: block;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    @include breakpoint(lg) {\n      display: inline-block;\n    }\n  }\n}\n\n.spw-breadcrumb--multiline {\n  ::slotted(spw-breadcrumb-item) {\n    display: none;\n    @include breakpoint(lg) {\n      display: inline-block;\n    }\n  }\n  ::slotted(spw-breadcrumb-item:nth-last-child(2)) {\n    overflow: initial;\n    display: -webkit-box !important;\n    &:after {\n      display: block;\n    }\n    @include breakpoint(lg) {\n      display: inline-block !important;\n    }\n  }\n}\n\n::slotted(.hidden-item) {\n  display: none;\n}\n\n::slotted(.collapsed-item) {\n  font-size: 0;\n  position: relative;\n  &:before {\n    font-family: 'Font Awesome 6 Free';\n    font-weight: 700;\n    content: '\\f141';\n    font-size: 16px;\n    color: var(--spw-color-themes-grey-grey-500);\n  }\n}\n\n.spw-breadcrumb--surface-light {\n  ::slotted(spw-breadcrumb-item) {\n    &:after {\n      opacity: 1;\n      color: var(--spw-ds-primary);\n      @include breakpoint(lg) {\n        color: var(--spw-color-themes-grey-grey-600);\n      }\n    }\n  }\n}\n\n.spw-breadcrumb--surface-dark {\n  color: var(--spw-ds-white) !important;\n  ::slotted(spw-breadcrumb-item) {\n    &:after {\n      opacity: 0.7;\n      color: var(--spw-ds-white);\n    }\n  }\n  ::slotted(.collapsed-item) {\n    &:before {\n      opacity: 0.7;\n      color: var(--spw-ds-white);\n    }\n  }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-breadcrumb',\n  styleUrl: 'spw-breadcrumb.scss',\n  shadow: true,\n})\nexport class SpwBreadcrumb {\n  /** Permet de limiter le breadcrumb à x éléments visibles */\n  maxItems?: number = 9999;\n  /** Permet de sélectionner la variante de breadcrumb */\n  @Prop() variant: 'multiline' | 'one-line' | 'default' = 'default';\n  /** Permet de choisir la surface d'arrière-plan du breadcrumb */\n  @Prop() surface?: 'light' | 'dark' = 'light';\n  @Element() host: HTMLSpwBreadcrumbElement;\n\n  componentDidLoad() {\n    this.updateBreadcrumbVisibility();\n  }\n\n  componentDidUpdate() {\n    this.updateBreadcrumbVisibility();\n  }\n\n  private updateBreadcrumbVisibility() {\n    const items = this.host.querySelectorAll('spw-breadcrumb-item');\n    const totalItems = items.length;\n\n    items.forEach(item => {\n      item.classList.remove('hidden-item', 'collapsed-item');\n    });\n\n    if (totalItems > this.maxItems) {\n      const visibleAtStart = this.maxItems - 1;\n\n      items.forEach((item, index) => {\n        if (index >= visibleAtStart && index < totalItems - 1) {\n          if (index === totalItems - 2) {\n            item.classList.add('collapsed-item');\n          } else {\n            item.classList.add('hidden-item');\n          }\n        }\n      });\n    }\n  }\n\n  render() {\n    const elementClass = {\n      'spw-breadcrumb': true,\n      [`spw-breadcrumb--surface-${this.surface}`]: true,\n      [`spw-breadcrumb--${this.variant}`]: true,\n    };\n\n    return (\n      <Host>\n        <nav aria-label=\"breadcrumb\" class={elementClass}>\n          <ol class=\"spw-breadcrumb__list\">\n            <slot></slot>\n          </ol>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/spw-breadcrumb.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spw-breadcrumb.entry.cjs.js","sources":["src/components/spw-breadcrumb/spw-breadcrumb.scss?tag=spw-breadcrumb&encapsulation=shadow","src/components/spw-breadcrumb/spw-breadcrumb.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-breadcrumb {\n  font-size: 16px;\n  max-width: 100%;\n  width: 100%;\n\n  &__list {\n    display: flex;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  &--multiline {\n    .spw-breadcrumb__list {\n      @include breakpoint(lg) {\n        display: block;\n      }\n    }\n    ::slotted(spw-breadcrumb-item:last-child) {\n      @include breakpoint(lg) {\n        display: block;\n        margin-top: 12px;\n      }\n    }\n  }\n}\n\n::slotted(spw-breadcrumb-item) {\n  margin-right: 16px;\n  padding-left: 24px;\n  position: relative;\n  display: none;\n  &:after {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0;\n    font-family: 'Font Awesome 6 Free';\n    font-weight: 700;\n    content: '\\f060';\n    font-size: 14px;\n    @include breakpoint(lg) {\n      right: 0;\n      left: auto;\n      transform: translateY(-50%);\n      content: '\\f054';\n      font-size: 16px;\n    }\n  }\n  @include breakpoint(lg) {\n    display: inline-block;\n    padding-left: 0;\n    padding-right: 24px;\n  }\n}\n\n::slotted(spw-breadcrumb-item:last-child) {\n  flex: 1;\n  overflow: hidden;\n  display: none;\n  margin-right: 0;\n  -webkit-box-orient: vertical;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n  line-clamp: 1;\n  padding-right: 0;\n  &:after {\n    display: none;\n  }\n  @include breakpoint(lg) {\n    display: -webkit-box;\n  }\n}\n\n.spw-breadcrumb:not(.spw-breadcrumb--multiline):not(.spw-breadcrumb--one-line) ::slotted(spw-breadcrumb-item:nth-last-child(2)) {\n  display: -webkit-box !important;\n}\n\n.spw-breadcrumb--one-line {\n  ::slotted(spw-breadcrumb-item) {\n    display: none;\n    @include breakpoint(lg) {\n      display: inline-block;\n    }\n  }\n  ::slotted(spw-breadcrumb-item:last-child) {\n    overflow: initial;\n    display: -webkit-box !important;\n    &:after {\n      display: block;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    @include breakpoint(lg) {\n      display: inline-block;\n    }\n  }\n}\n\n.spw-breadcrumb--multiline {\n  ::slotted(spw-breadcrumb-item) {\n    display: none;\n    @include breakpoint(lg) {\n      display: inline-block;\n    }\n  }\n  ::slotted(spw-breadcrumb-item:nth-last-child(2)) {\n    overflow: initial;\n    display: -webkit-box !important;\n    &:after {\n      display: block;\n    }\n    @include breakpoint(lg) {\n      display: inline-block !important;\n    }\n  }\n}\n\n::slotted(.hidden-item) {\n  display: none;\n}\n\n::slotted(.collapsed-item) {\n  font-size: 0;\n  position: relative;\n  &:before {\n    font-family: 'Font Awesome 6 Free';\n    font-weight: 700;\n    content: '\\f141';\n    font-size: 16px;\n    color: var(--spw-color-themes-grey-grey-500);\n  }\n}\n\n.spw-breadcrumb--surface-light {\n  ::slotted(spw-breadcrumb-item) {\n    &:after {\n      opacity: 1;\n      color: var(--spw-ds-primary);\n      @include breakpoint(lg) {\n        color: var(--spw-color-themes-grey-grey-600);\n      }\n    }\n  }\n}\n\n.spw-breadcrumb--surface-dark {\n  color: var(--spw-ds-white) !important;\n  ::slotted(spw-breadcrumb-item) {\n    &:after {\n      opacity: 0.7;\n      color: var(--spw-ds-white);\n    }\n  }\n  ::slotted(.collapsed-item) {\n    &:before {\n      opacity: 0.7;\n      color: var(--spw-ds-white);\n    }\n  }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-breadcrumb',\n  styleUrl: 'spw-breadcrumb.scss',\n  shadow: true,\n})\nexport class SpwBreadcrumb {\n  /** Permet de limiter le breadcrumb à x éléments visibles */\n  maxItems?: number = 9999;\n  /** Permet de sélectionner la variante de breadcrumb */\n  @Prop() variant: 'multiline' | 'one-line' | 'default' = 'default';\n  /** Permet de choisir la surface d'arrière-plan du breadcrumb */\n  @Prop() surface?: 'light' | 'dark' = 'light';\n  @Element() host: HTMLSpwBreadcrumbElement;\n\n  componentDidLoad() {\n    this.updateBreadcrumbVisibility();\n  }\n\n  componentDidUpdate() {\n    this.updateBreadcrumbVisibility();\n  }\n\n  private updateBreadcrumbVisibility() {\n    const items = this.host.querySelectorAll('spw-breadcrumb-item');\n    const totalItems = items.length;\n\n    items.forEach(item => {\n      item.classList.remove('hidden-item', 'collapsed-item');\n    });\n\n    if (totalItems > this.maxItems) {\n      const visibleAtStart = this.maxItems - 1;\n\n      items.forEach((item, index) => {\n        if (index >= visibleAtStart && index < totalItems - 1) {\n          if (index === totalItems - 2) {\n            item.classList.add('collapsed-item');\n          } else {\n            item.classList.add('hidden-item');\n          }\n        }\n      });\n    }\n  }\n\n  render() {\n    const elementClass = {\n      'spw-breadcrumb': true,\n      [`spw-breadcrumb--surface-${this.surface}`]: true,\n      [`spw-breadcrumb--${this.variant}`]: true,\n    };\n\n    return (\n      <Host>\n        <nav aria-label=\"breadcrumb\" class={elementClass}>\n          <ol class=\"spw-breadcrumb__list\">\n            <slot></slot>\n          </ol>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,+uLAA+uL;;MCO3vL,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOE,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;;AAEhB,QAAA,IAAO,CAAA,OAAA,GAAyC,SAAS;;AAEzD,QAAA,IAAO,CAAA,OAAA,GAAsB,OAAO;AAmD7C;IAhDC,gBAAgB,GAAA;QACd,IAAI,CAAC,0BAA0B,EAAE;;IAGnC,kBAAkB,GAAA;QAChB,IAAI,CAAC,0BAA0B,EAAE;;IAG3B,0BAA0B,GAAA;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,CAAC;AAC/D,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM;AAE/B,QAAA,KAAK,CAAC,OAAO,CAAC,IAAI,IAAG;YACnB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC;AACxD,SAAC,CAAC;AAEF,QAAA,IAAI,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC9B,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC;YAExC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;gBAC5B,IAAI,KAAK,IAAI,cAAc,IAAI,KAAK,GAAG,UAAU,GAAG,CAAC,EAAE;AACrD,oBAAA,IAAI,KAAK,KAAK,UAAU,GAAG,CAAC,EAAE;AAC5B,wBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC;;yBAC/B;AACL,wBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;;;AAGvC,aAAC,CAAC;;;IAIN,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG;AACnB,YAAA,gBAAgB,EAAE,IAAI;AACtB,YAAA,CAAC,2BAA2B,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACjD,YAAA,CAAC,mBAAmB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;SAC1C;QAED,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAgB,YAAY,EAAC,KAAK,EAAE,YAAY,EAAA,EAC9CA,OAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC9BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,CACD,CACD;;;;;;;;"}