npm - @spw-ds/spw-stencil-library - Versions diffs - 1.2.5 → 1.2.7 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (507) hide show

package/dist/cjs/loader.cjs.js CHANGED Viewed

@@ -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(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],\"items\":[1],\"size\":[1],\"multiple\":[4],\"isSearch\":[4,\"is-search\"],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32],\"isOpen\":[32],\"parsedOptions\":[32],\"focusedOptionIndex\":[32],\"searchText\":[32],\"dropdownDirection\":[32],\"hasSelectedValue\":[32],\"resetSelect\":[64]},null,{\"items\":[\"parseOptions\"],\"value\":[\"valueChangedHandler\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"spw-search-field.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],\"resetInput\":[64]},null,{\"items\":[\"parseItems\"]}]]],[\"spw-date-picker.cjs\",[[65,\"spw-date-picker\",{\"value\":[1537],\"placeholder\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4],\"dateFormat\":[1,\"date-format\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disabledDays\":[1,\"disabled-days\"],\"disabledDates\":[16],\"position\":[1],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"assistiveText\":[1,\"assistive-text\"],\"range\":[4],\"rangeId\":[1,\"range-id\"],\"isStart\":[4,\"is-start\"],\"isOpen\":[32],\"hasError\":[32],\"internalError\":[32],\"internalValue\":[32],\"open\":[64],\"close\":[64],\"setDate\":[64],\"getDate\":[64],\"getRange\":[64],\"updateConstraints\":[64],\"resetInput\":[64]},null,{\"value\":[\"watchValue\"],\"disabled\":[\"watchDisabled\"],\"minDate\":[\"watchMinDate\"],\"maxDate\":[\"watchMaxDate\"]}]]],[\"spw-file-upload.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\"],\"maWallonieLabel\":[1,\"ma-wallonie-label\"],\"maWallonieLink\":[1,\"ma-wallonie-link\"],\"hasWallonieBe\":[4,\"has-wallonie-be\"],\"wallonieBeLabel\":[1,\"wallonie-be-label\"],\"wallonieBeLink\":[1,\"wallonie-be-link\"],\"hasSearch\":[4,\"has-search\"],\"searchCloseLabel\":[1,\"search-close-label\"],\"searchOpenLabel\":[1,\"search-open-label\"],\"menuCloseLabel\":[1,\"menu-close-label\"],\"menuOpenLabel\":[1,\"menu-open-label\"],\"isMenuOpen\":[32],\"isSearchOpen\":[32]}]]],[\"spw-header-lang.cjs\",[[1,\"spw-header-lang\",{\"activeLang\":[32],\"options\":[32]}]]],[\"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],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"items\":[16],\"itemLabel\":[1,\"item-label\"],\"itemValue\":[1,\"item-value\"],\"internalValue\":[32],\"resetSelect\":[64]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"spw-textarea.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],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-breadcrumb-item.cjs\",[[1,\"spw-breadcrumb-item\",{\"href\":[1],\"surface\":[32]},null,{\"surface\":[\"surfaceChanged\"]}]]],[\"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-sidebar-navigation-item.cjs\",[[4,\"spw-sidebar-navigation-item\",{\"href\":[1],\"icon\":[1],\"active\":[4],\"disabled\":[4],\"bubble\":[1],\"tooltipTitle\":[1,\"tooltip-title\"],\"iconVariant\":[1,\"icon-variant\"],\"openOnClick\":[4,\"open-on-click\"],\"hasDropdown\":[32],\"dropdownOpen\":[32],\"navExpanded\":[32],\"hasActiveChild\":[32]}]]],[\"spw-table-header.cjs\",[[1,\"spw-table-header\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"padding\":[1],\"columnId\":[1,\"column-id\"],\"sortable\":[4],\"sortDirection\":[1,\"sort-direction\"],\"isSorted\":[4,\"is-sorted\"],\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"sticky\":[4],\"stickyPosition\":[1,\"sticky-position\"],\"stickyOffset\":[2,\"sticky-offset\"]}]]],[\"spw-tabs-navigation-item.cjs\",[[1,\"spw-tabs-navigation-item\",{\"tabId\":[1,\"tab-id\"],\"active\":[4],\"disabled\":[4],\"bubble\":[4],\"hasEllipsis\":[4,\"has-ellipsis\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"slotText\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"spw-card-image.cjs\",[[1,\"spw-card-image\",{\"label\":[1]}]]],[\"spw-dropdown-item.cjs\",[[4,\"spw-dropdown-item\",{\"href\":[1],\"disabled\":[4],\"icon\":[1],\"iconVariant\":[1,\"icon-variant\"],\"hasSubItems\":[32],\"subItemsOpen\":[32]}]]],[\"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\",{\"personaLabel\":[1,\"persona-label\"],\"activePersona\":[32],\"options\":[32]}]]],[\"spw-hero.cjs\",[[1,\"spw-hero\",{\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"surface\":[1],\"hasPictureFull\":[4,\"has-picture-full\"],\"hasVideo\":[4,\"has-video\"],\"modalVideoId\":[1,\"modal-video-id\"],\"variant\":[1],\"alignment\":[1],\"overlayOpacity\":[2,\"overlay-opacity\"]}]]],[\"spw-list-item.cjs\",[[1,\"spw-list-item\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"],\"category\":[1],\"categoryLink\":[1,\"category-link\"],\"categoryIcon\":[1,\"category-icon\"],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[1,\"touchstart\",\"onTouchStart\"],[1,\"touchend\",\"onTouchEnd\"],[1,\"mousedown\",\"onMouseDown\"],[1,\"mouseup\",\"onMouseUp\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"]]]]],[\"spw-list-title.cjs\",[[1,\"spw-list-title\",{\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"]}]]],[\"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\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32],\"closeModal\":[64],\"openModal\":[64]},null,{\"opened\":[\"openedChanged\"]}]]],[\"spw-sidebar.cjs\",[[1,\"spw-sidebar\",{\"defaultExpanded\":[4,\"default-expanded\"],\"expanded\":[32],\"hasTopbar\":[32]}]]],[\"spw-sidebar-navigation-separator.cjs\",[[1,\"spw-sidebar-navigation-separator\"]]],[\"spw-tabs-navigation.cjs\",[[1,\"spw-tabs-navigation\",{\"showLeftArrow\":[32],\"showRightArrow\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"spw-tag.cjs\",[[1,\"spw-tag\",{\"variant\":[1],\"surface\":[1],\"hasIcon\":[4,\"has-icon\"],\"href\":[1],\"target\":[1],\"size\":[1]}]]],[\"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-wizard-item.cjs\",[[1,\"spw-wizard-item\",{\"label\":[1],\"description\":[1],\"additionalInfo\":[1,\"additional-info\"],\"icon\":[1],\"state\":[1],\"status\":[1],\"isLast\":[1,\"is-last\"],\"stepNumber\":[2,\"step-number\"],\"variant\":[1],\"isClickable\":[1,\"is-clickable\"],\"isBeforeCurrent\":[1,\"is-before-current\"],\"isAfterCurrent\":[1,\"is-after-current\"],\"isCurrent\":[1,\"is-current\"]}]]],[\"spw-breadcrumb.cjs\",[[1,\"spw-breadcrumb\",{\"variant\":[1],\"surface\":[1],\"fontSize\":[1,\"font-size\"]}]]],[\"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\",{\"borderColor\":[1,\"border-color\"]}]]],[\"spw-dropdown.cjs\",[[1,\"spw-dropdown\",{\"direction\":[1],\"hasPadding\":[4,\"has-padding\"],\"contentWidth\":[2,\"content-width\"],\"open\":[1540],\"isVisible\":[32],\"close\":[64]},null,{\"open\":[\"onOpenChange\"]}]]],[\"spw-dropdown-container.cjs\",[[1,\"spw-dropdown-container\"]]],[\"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-illustration.cjs\",[[1,\"spw-illustration\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"alt\":[1]}]]],[\"spw-list.cjs\",[[1,\"spw-list\",{\"gap\":[1],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"]]]]],[\"spw-list-description.cjs\",[[1,\"spw-list-description\",{\"lineClamp\":[1,\"line-clamp\"]}]]],[\"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-sidebar-navigation-dropdown.cjs\",[[4,\"spw-sidebar-navigation-dropdown\",{\"open\":[1028]}]]],[\"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\"],\"tableLayout\":[1,\"table-layout\"],\"isZebra\":[4,\"is-zebra\"],\"disableSort\":[4,\"disable-sort\"],\"currentSort\":[1040]},[[0,\"spwHeaderClick\",\"handleHeaderClick\"]],{\"currentSort\":[\"onCurrentSortChange\"],\"isSticky\":[\"onIsStickyChange\"]}]]],[\"spw-table-body.cjs\",[[1,\"spw-table-body\",{\"isZebra\":[516,\"is-zebra\"],\"updateZebraStyles\":[64]}]]],[\"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\"],\"width\":[1],\"padding\":[1],\"state\":[1],\"sticky\":[4],\"stickyPosition\":[1,\"sticky-position\"],\"stickyOffset\":[2,\"sticky-offset\"],\"isFirst\":[32]}]]],[\"spw-table-footer.cjs\",[[1,\"spw-table-footer\"]]],[\"spw-table-head.cjs\",[[1,\"spw-table-head\"]]],[\"spw-table-row.cjs\",[[1,\"spw-table-row\",{\"state\":[1],\"padding\":[1]},[[0,\"slotchange\",\"slotChanged\"]],{\"state\":[\"onStateChange\"],\"padding\":[\"onPaddingChange\"]}]]],[\"spw-tabs.cjs\",[[1,\"spw-tabs\",{\"defaultActiveTab\":[1,\"default-active-tab\"],\"variant\":[1],\"hasEllipsis\":[4,\"has-ellipsis\"],\"maxWidth\":[2,\"max-width\"],\"size\":[1],\"activeTab\":[32],\"getSelectedTab\":[64],\"setSelectedTab\":[64]},[[2,\"tabSelected\",\"handleTabSelected\"],[0,\"slotchange\",\"slotChanged\"]],{\"activeTab\":[\"activeTabChanged\"],\"maxWidth\":[\"maxWidthChanged\"],\"hasEllipsis\":[\"hasEllipsisChanged\"]}]]],[\"spw-tabs-content.cjs\",[[1,\"spw-tabs-content\",{\"tabId\":[1,\"tab-id\"],\"active\":[4]}]]],[\"spw-tile-description.cjs\",[[1,\"spw-tile-description\"]]],[\"spw-tile-title.cjs\",[[1,\"spw-tile-title\"]]],[\"spw-topbar.cjs\",[[1,\"spw-topbar\"]]],[\"spw-wizard.cjs\",[[1,\"spw-wizard\",{\"currentStep\":[1026,\"current-step\"],\"variant\":[1],\"setStep\":[64]},[[0,\"slotchange\",\"slotChanged\"],[0,\"wizardItemClick\",\"handleStepClick\"]]]]],[\"spw-text-field.cjs\",[[65,\"spw-text-field\",{\"value\":[1537],\"type\":[1],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"isClear\":[4,\"is-clear\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"mask\":[1],\"internalValue\":[32],\"isClearIconVisible\":[32],\"setValue\":[64]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-pagination.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],\"setPage\":[64]},null,{\"totalItems\":[\"calculateTotalPages\",\"onTotalItemsChange\"],\"itemsPerPage\":[\"calculateTotalPages\",\"onItemsPerPageChange\"],\"currentPage\":[\"calculateTotalPages\"]}]]],[\"spw-skeleton.cjs\",[[1,\"spw-skeleton\",{\"blocks\":[2],\"variant\":[1]}]]],[\"spw-checkbox.cjs\",[[65,\"spw-checkbox\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"icon\":[1],\"name\":[1],\"variant\":[1],\"internalChecked\":[32],\"toggleCheckedState\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-tooltip.cjs\",[[1,\"spw-tooltip\",{\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"maxWidth\":[1,\"max-width\"],\"direction\":[1],\"cursor\":[1],\"visible\":[4],\"isVisible\":[32]}]]],[\"spw-field-label_6.cjs\",[[4,\"spw-group\",{\"type\":[1],\"orientation\":[1],\"alignment\":[1],\"disabled\":[4],\"label\":[1],\"required\":[4],\"isReversed\":[4,\"is-reversed\"],\"name\":[1],\"isFullWidth\":[4,\"is-full-width\"]}],[4,\"spw-theme-provider\",{\"theme\":[1]}],[1,\"spw-separator\",{\"surface\":[1],\"direction\":[1],\"thickness\":[2],\"width\":[1],\"height\":[1]}],[1,\"spw-link\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"surface\":[1]}],[1,\"spw-field-label\",{\"name\":[1],\"label\":[1],\"required\":[4]}],[1,\"spw-icon\",{\"icon\":[1],\"variant\":[1]}]]],[\"spw-accordion_4.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\",{\"defaultOpen\":[4,\"default-open\"],\"isOpen\":[32],\"isMobile\":[32]},null,{\"defaultOpen\":[\"defaultOpenChanged\"]}]]],[\"spw-field-message.cjs\",[[1,\"spw-field-message\",{\"showIcon\":[4,\"show-icon\"],\"variant\":[1]}]]],[\"spw-button_2.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\"],\"isIconOnly\":[4,\"is-icon-only\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"isFullWidth\":[4,\"is-full-width\"],\"isFullWidthMobile\":[516,\"is-full-width-mobile\"],\"isLoading\":[4,\"is-loading\"]}],[1,\"spw-loading\",{\"text\":[1]}]]]]"), options);
+  return 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],\"items\":[1],\"size\":[1],\"multiple\":[4],\"isSearch\":[4,\"is-search\"],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32],\"isOpen\":[32],\"parsedOptions\":[32],\"focusedOptionIndex\":[32],\"searchText\":[32],\"dropdownDirection\":[32],\"hasSelectedValue\":[32],\"resetSelect\":[64]},null,{\"items\":[\"parseOptions\"],\"value\":[\"valueChangedHandler\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"spw-search-field.cjs\",[[1,\"spw-search-field\",{\"items\":[1],\"placeholder\":[1],\"size\":[1],\"label\":[1],\"disabled\":[4],\"isRounded\":[4,\"is-rounded\"],\"name\":[1],\"required\":[4],\"assistiveText\":[1,\"assistive-text\"],\"viewAllResults\":[1,\"view-all-results\"],\"viewAllResultsLink\":[1,\"view-all-results-link\"],\"noResults\":[1,\"no-results\"],\"hasSubmitButton\":[4,\"has-submit-button\"],\"filteredItems\":[32],\"searchText\":[32],\"isOpen\":[32],\"focusedItemIndex\":[32],\"dropdownDirection\":[32],\"resetInput\":[64],\"setValue\":[64],\"getValue\":[64]},null,{\"items\":[\"parseItems\"]}]]],[\"spw-date-picker.cjs\",[[65,\"spw-date-picker\",{\"value\":[1537],\"placeholder\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4],\"dateFormat\":[1,\"date-format\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disabledDays\":[1,\"disabled-days\"],\"disabledDates\":[16],\"position\":[1],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"assistiveText\":[1,\"assistive-text\"],\"range\":[4],\"rangeId\":[1,\"range-id\"],\"isStart\":[4,\"is-start\"],\"isOpen\":[32],\"hasError\":[32],\"internalError\":[32],\"internalValue\":[32],\"open\":[64],\"close\":[64],\"setDate\":[64],\"getDate\":[64],\"getRange\":[64],\"updateConstraints\":[64],\"resetInput\":[64]},null,{\"value\":[\"watchValue\"],\"disabled\":[\"watchDisabled\"],\"minDate\":[\"watchMinDate\"],\"maxDate\":[\"watchMaxDate\"]}]]],[\"spw-file-upload.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\"],\"maWallonieLabel\":[1,\"ma-wallonie-label\"],\"maWallonieLink\":[1,\"ma-wallonie-link\"],\"hasWallonieBe\":[4,\"has-wallonie-be\"],\"wallonieBeLabel\":[1,\"wallonie-be-label\"],\"wallonieBeLink\":[1,\"wallonie-be-link\"],\"hasSearch\":[4,\"has-search\"],\"searchCloseLabel\":[1,\"search-close-label\"],\"searchOpenLabel\":[1,\"search-open-label\"],\"menuCloseLabel\":[1,\"menu-close-label\"],\"menuOpenLabel\":[1,\"menu-open-label\"],\"isMenuOpen\":[32],\"isSearchOpen\":[32]}]]],[\"spw-header-lang.cjs\",[[1,\"spw-header-lang\",{\"activeLang\":[32],\"options\":[32]}]]],[\"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],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"items\":[16],\"itemLabel\":[1,\"item-label\"],\"itemValue\":[1,\"item-value\"],\"internalValue\":[32],\"resetSelect\":[64]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"spw-textarea.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],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-breadcrumb-item.cjs\",[[1,\"spw-breadcrumb-item\",{\"href\":[1],\"surface\":[32]},null,{\"surface\":[\"surfaceChanged\"]}]]],[\"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-sidebar-navigation-item.cjs\",[[4,\"spw-sidebar-navigation-item\",{\"href\":[1],\"icon\":[1],\"active\":[4],\"disabled\":[4],\"bubble\":[1],\"tooltipTitle\":[1,\"tooltip-title\"],\"iconVariant\":[1,\"icon-variant\"],\"openOnClick\":[4,\"open-on-click\"],\"hasDropdown\":[32],\"dropdownOpen\":[32],\"navExpanded\":[32],\"hasActiveChild\":[32]}]]],[\"spw-table-header.cjs\",[[1,\"spw-table-header\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"padding\":[1],\"columnId\":[1,\"column-id\"],\"sortable\":[4],\"sortDirection\":[1,\"sort-direction\"],\"isSorted\":[4,\"is-sorted\"],\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"sticky\":[4],\"stickyPosition\":[1,\"sticky-position\"],\"stickyOffset\":[2,\"sticky-offset\"]}]]],[\"spw-tabs-navigation-item.cjs\",[[1,\"spw-tabs-navigation-item\",{\"tabId\":[1,\"tab-id\"],\"active\":[4],\"disabled\":[4],\"bubble\":[4],\"hasEllipsis\":[4,\"has-ellipsis\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"slotText\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"spw-card-image.cjs\",[[1,\"spw-card-image\",{\"label\":[1]}]]],[\"spw-dropdown-item.cjs\",[[4,\"spw-dropdown-item\",{\"href\":[1],\"disabled\":[4],\"icon\":[1],\"iconVariant\":[1,\"icon-variant\"],\"hasSubItems\":[32],\"subItemsOpen\":[32]}]]],[\"spw-header-navigation.cjs\",[[1,\"spw-header-navigation\",{\"alignment\":[1],\"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\",{\"personaLabel\":[1,\"persona-label\"],\"activePersona\":[32],\"options\":[32]}]]],[\"spw-hero.cjs\",[[1,\"spw-hero\",{\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"surface\":[1],\"hasPictureFull\":[4,\"has-picture-full\"],\"hasVideo\":[4,\"has-video\"],\"modalVideoId\":[1,\"modal-video-id\"],\"variant\":[1],\"alignment\":[1],\"overlayOpacity\":[2,\"overlay-opacity\"]}]]],[\"spw-list-item.cjs\",[[1,\"spw-list-item\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"],\"category\":[1],\"categoryLink\":[1,\"category-link\"],\"categoryIcon\":[1,\"category-icon\"],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[1,\"touchstart\",\"onTouchStart\"],[1,\"touchend\",\"onTouchEnd\"],[1,\"mousedown\",\"onMouseDown\"],[1,\"mouseup\",\"onMouseUp\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"]]]]],[\"spw-list-title.cjs\",[[1,\"spw-list-title\",{\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"]}]]],[\"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\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32],\"closeModal\":[64],\"openModal\":[64]},null,{\"opened\":[\"openedChanged\"]}]]],[\"spw-sidebar.cjs\",[[1,\"spw-sidebar\",{\"defaultExpanded\":[4,\"default-expanded\"],\"expanded\":[32],\"hasTopbar\":[32]}]]],[\"spw-sidebar-navigation-separator.cjs\",[[1,\"spw-sidebar-navigation-separator\"]]],[\"spw-slider.cjs\",[[1,\"spw-slider\",{\"showArrows\":[4,\"show-arrows\"],\"showDots\":[4,\"show-dots\"],\"activeIndex\":[32],\"totalSlides\":[32],\"currentHeight\":[32]},[[1,\"touchstart\",\"handleTouchStart\"],[1,\"touchmove\",\"handleTouchMove\"],[1,\"touchend\",\"handleTouchEnd\"]]]]],[\"spw-tabs-navigation.cjs\",[[1,\"spw-tabs-navigation\",{\"showLeftArrow\":[32],\"showRightArrow\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"spw-tag.cjs\",[[1,\"spw-tag\",{\"variant\":[1],\"surface\":[1],\"hasIcon\":[4,\"has-icon\"],\"href\":[1],\"target\":[1],\"size\":[1]}]]],[\"spw-tile.cjs\",[[1,\"spw-tile\",{\"variant\":[1],\"height\":[1],\"href\":[1],\"target\":[1],\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-wizard-item.cjs\",[[1,\"spw-wizard-item\",{\"label\":[1],\"description\":[1],\"additionalInfo\":[1,\"additional-info\"],\"icon\":[1],\"state\":[1],\"status\":[1],\"isLast\":[1,\"is-last\"],\"stepNumber\":[2,\"step-number\"],\"variant\":[1],\"isClickable\":[1,\"is-clickable\"],\"isBeforeCurrent\":[1,\"is-before-current\"],\"isAfterCurrent\":[1,\"is-after-current\"],\"isCurrent\":[1,\"is-current\"]}]]],[\"spw-breadcrumb.cjs\",[[1,\"spw-breadcrumb\",{\"variant\":[1],\"surface\":[1],\"fontSize\":[1,\"font-size\"]}]]],[\"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\",{\"borderColor\":[1,\"border-color\"]}]]],[\"spw-dropdown.cjs\",[[1,\"spw-dropdown\",{\"direction\":[1],\"hasPadding\":[4,\"has-padding\"],\"contentWidth\":[2,\"content-width\"],\"open\":[1540],\"isVisible\":[32],\"close\":[64]},null,{\"open\":[\"onOpenChange\"]}]]],[\"spw-dropdown-container.cjs\",[[1,\"spw-dropdown-container\"]]],[\"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-grid.cjs\",[[1,\"spw-grid\",{\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"]},null,{\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-grid-item.cjs\",[[1,\"spw-grid-item\",{\"colSpanMobile\":[2,\"col-span-mobile\"],\"colSpanTablet\":[2,\"col-span-tablet\"],\"colSpanDesktop\":[2,\"col-span-desktop\"],\"rowSpanMobile\":[2,\"row-span-mobile\"],\"rowSpanTablet\":[2,\"row-span-tablet\"],\"rowSpanDesktop\":[2,\"row-span-desktop\"]}]]],[\"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-illustration.cjs\",[[1,\"spw-illustration\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"alt\":[1]}]]],[\"spw-list.cjs\",[[1,\"spw-list\",{\"gap\":[1],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"]]]]],[\"spw-list-description.cjs\",[[1,\"spw-list-description\",{\"lineClamp\":[1,\"line-clamp\"]}]]],[\"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-sidebar-navigation-dropdown.cjs\",[[4,\"spw-sidebar-navigation-dropdown\",{\"open\":[1028]}]]],[\"spw-slider-item.cjs\",[[1,\"spw-slider-item\"]]],[\"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\"],\"tableLayout\":[1,\"table-layout\"],\"isZebra\":[4,\"is-zebra\"],\"disableSort\":[4,\"disable-sort\"],\"currentSort\":[1040]},[[0,\"spwHeaderClick\",\"handleHeaderClick\"]],{\"currentSort\":[\"onCurrentSortChange\"],\"isSticky\":[\"onIsStickyChange\"]}]]],[\"spw-table-body.cjs\",[[1,\"spw-table-body\",{\"isZebra\":[516,\"is-zebra\"],\"updateZebraStyles\":[64]}]]],[\"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\"],\"width\":[1],\"padding\":[1],\"state\":[1],\"sticky\":[4],\"stickyPosition\":[1,\"sticky-position\"],\"stickyOffset\":[2,\"sticky-offset\"],\"isFirst\":[32]}]]],[\"spw-table-footer.cjs\",[[1,\"spw-table-footer\"]]],[\"spw-table-head.cjs\",[[1,\"spw-table-head\"]]],[\"spw-table-row.cjs\",[[1,\"spw-table-row\",{\"state\":[1],\"padding\":[1]},[[0,\"slotchange\",\"slotChanged\"]],{\"state\":[\"onStateChange\"],\"padding\":[\"onPaddingChange\"]}]]],[\"spw-tabs.cjs\",[[1,\"spw-tabs\",{\"defaultActiveTab\":[1,\"default-active-tab\"],\"variant\":[1],\"hasEllipsis\":[4,\"has-ellipsis\"],\"maxWidth\":[2,\"max-width\"],\"size\":[1],\"activeTab\":[32],\"getSelectedTab\":[64],\"setSelectedTab\":[64]},[[2,\"tabSelected\",\"handleTabSelected\"],[0,\"slotchange\",\"slotChanged\"]],{\"activeTab\":[\"activeTabChanged\"],\"maxWidth\":[\"maxWidthChanged\"],\"hasEllipsis\":[\"hasEllipsisChanged\"]}]]],[\"spw-tabs-content.cjs\",[[1,\"spw-tabs-content\",{\"tabId\":[1,\"tab-id\"],\"active\":[4]}]]],[\"spw-tile-description.cjs\",[[1,\"spw-tile-description\"]]],[\"spw-tile-title.cjs\",[[1,\"spw-tile-title\"]]],[\"spw-topbar.cjs\",[[1,\"spw-topbar\"]]],[\"spw-wizard.cjs\",[[1,\"spw-wizard\",{\"currentStep\":[1026,\"current-step\"],\"variant\":[1],\"setStep\":[64]},[[0,\"slotchange\",\"slotChanged\"],[0,\"wizardItemClick\",\"handleStepClick\"]]]]],[\"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],\"min\":[2],\"max\":[2],\"step\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"isClear\":[4,\"is-clear\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"mask\":[1],\"internalValue\":[32],\"isClearIconVisible\":[32],\"setValue\":[64]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-pagination.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],\"setPage\":[64]},null,{\"totalItems\":[\"calculateTotalPages\",\"onTotalItemsChange\"],\"itemsPerPage\":[\"calculateTotalPages\",\"onItemsPerPageChange\"],\"currentPage\":[\"calculateTotalPages\"]}]]],[\"spw-skeleton.cjs\",[[1,\"spw-skeleton\",{\"blocks\":[2],\"variant\":[1]}]]],[\"spw-checkbox.cjs\",[[65,\"spw-checkbox\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"icon\":[1],\"name\":[1],\"variant\":[1],\"internalChecked\":[32],\"toggleCheckedState\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-tooltip.cjs\",[[1,\"spw-tooltip\",{\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"maxWidth\":[1,\"max-width\"],\"direction\":[1],\"cursor\":[1],\"visible\":[4],\"isVisible\":[32]}]]],[\"spw-field-label_6.cjs\",[[4,\"spw-group\",{\"type\":[1],\"orientation\":[1],\"alignment\":[1],\"disabled\":[4],\"label\":[1],\"required\":[4],\"isReversed\":[4,\"is-reversed\"],\"name\":[1],\"isFullWidth\":[4,\"is-full-width\"]}],[4,\"spw-theme-provider\",{\"theme\":[1]}],[1,\"spw-separator\",{\"surface\":[1],\"direction\":[1],\"thickness\":[2],\"width\":[1],\"height\":[1]}],[1,\"spw-link\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"surface\":[1]}],[1,\"spw-field-label\",{\"name\":[1],\"label\":[1],\"required\":[4]}],[1,\"spw-icon\",{\"icon\":[1],\"variant\":[1]}]]],[\"spw-accordion_4.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\",{\"defaultOpen\":[4,\"default-open\"],\"isOpen\":[32],\"isMobile\":[32]},null,{\"defaultOpen\":[\"defaultOpenChanged\"]}]]],[\"spw-button_2.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\"],\"isIconOnly\":[4,\"is-icon-only\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"isFullWidth\":[4,\"is-full-width\"],\"isFullWidthMobile\":[516,\"is-full-width-mobile\"],\"isLoading\":[4,\"is-loading\"]}],[1,\"spw-loading\",{\"text\":[1]}]]]]"), options);
 };
 exports.setNonce = index.setNonce;

package/dist/cjs/spw-button.spw-loading.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spw-button.spw-loading.entry.cjs.js","sources":["src/components/spw-button/spw-button.scss?tag=spw-button&encapsulation=shadow","src/components/spw-button/spw-button.tsx","src/components/spw-loading/spw-loading.scss?tag=spw-loading&encapsulation=shadow","src/components/spw-loading/spw-loading.tsx"],"sourcesContent":["@import '../../scss/mixins';\n\n:host {\n display: inline-block;\n vertical-align: top;\n --spw-button-font-size-small: 14px;\n --spw-button-font-size-medium: 16px;\n --spw-button-font-size-large: 18px;\n --spw-button-px-small: 16px;\n --spw-button-px-medium: 20px;\n --spw-button-px-large: 24px;\n --spw-button-py-small: 8px;\n --spw-button-py-medium: 12px;\n --spw-button-py-large: 16px;\n}\n\n:host([is-full-width]) {\n display: block;\n width: 100%;\n}\n\n/* Base /\n\n.spw-button {\n border: 2px solid transparent;\n display: block;\n width: 100%;\n border-radius: 9999px;\n letter-spacing: 0.18px;\n cursor: pointer;\n font-weight: bold;\n outline: 3px solid transparent;\n overflow: hidden;\n transition: all 0.1s ease-in;\n line-height: 1;\n\n &--fullwidth {\n width: 100% !important;\n }\n\n &--fullwidth-mobile {\n width: 100%;\n @include breakpoint(md) {\n width: auto;\n }\n }\n\n &--is-icon-only {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n\n &:focus-visible {\n outline: 3px solid white;\n outline-offset: -1px;\n box-shadow: 0 0 0 5px black;\n }\n\n spw-loading {\n opacity: 0;\n position: absolute;\n top: 50%;\n left: 50%;\n pointer-events: none;\n transform: translate(-50%, -50%);\n z-index: 1;\n }\n\n &--loading {\n position: relative;\n pointer-events: none;\n spw-loading {\n opacity: 1;\n }\n }\n\n &__inner {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n &__inner-text {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n .spw-button--loading & {\n opacity: 0;\n }\n }\n\n &:is(a) {\n text-decoration: none;\n }\n}\n\n/ Variants /\n\n.spw-button {\n &--primary {\n background: var(--spw-ds-primary);\n color: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: var(--spw-ds-variant);\n }\n &:not([disabled]):active {\n background: var(--spw-ds-active);\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.3);\n --spw-loading-spinner-color: white;\n }\n }\n\n &--secondary {\n background: var(--spw-color-themes-grey-grey-200);\n color: var(--spw-color-themes-grey-grey-900);\n &:not([disabled]):hover {\n background: var(--spw-color-themes-grey-grey-300);\n }\n &:not([disabled]):active {\n background: var(--spw-color-themes-grey-grey-400);\n }\n spw-loading {\n --spw-loading-border-color: rgba(0, 0, 0, 0.1);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n\n &--tertiary {\n transition: none;\n border-radius: 4px;\n background: none;\n color: var(--spw-ds-primary);\n &:not([disabled]):hover,\n &:not([disabled]):active {\n text-decoration: underline;\n }\n &:not([disabled]):active {\n color: var(--spw-ds-active);\n }\n spw-loading {\n --spw-loading-border-color: rgba(0, 0, 0, 0.1);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n}\n\n/ Disabled /\n\n.spw-button {\n &--primary[disabled],\n &--secondary[disabled] {\n background: var(--spw-color-themes-grey-grey-100);\n }\n\n &--tertiary[disabled] {\n background: none;\n }\n\n &--primary[disabled],\n &--secondary[disabled],\n &--tertiary[disabled] {\n color: var(--spw-color-themes-grey-grey-400);\n border-color: none;\n cursor: not-allowed;\n }\n}\n\n/ Surface dark /\n\n.spw-button {\n &--surface-dark {\n box-shadow: var(--spw-effect-elevation-8);\n &:not([disabled]):active {\n box-shadow: var(--spw-effect-elevation-active-0), var(--spw-effect-elevation-active-1), var(--spw-effect-elevation-active-2);\n }\n\n &[disabled] {\n box-shadow: none;\n }\n\n &.spw-button--primary {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n background: transparent;\n color: var(--spw-colors-support-grey-grey-500);\n border-color: var(--spw-colors-support-grey-grey-500);\n }\n &[disabled] {\n border-color: var(--spw-colors-support-grey-grey-700);\n background: var(--spw-colors-support-grey-grey-700);\n color: var(--spw-colors-support-grey-grey-800);\n }\n spw-loading {\n --spw-loading-border-color: var(--spw-colors-support-grey-grey-300);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n\n &.spw-button--secondary {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n &:not([disabled]):hover {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-colors-support-grey-grey-400);\n background: var(--spw-colors-support-grey-grey-400);\n }\n &[disabled] {\n border-color: var(--spw-colors-support-grey-grey-700);\n background: var(--spw-colors-support-grey-grey-700);\n color: var(--spw-colors-support-grey-grey-800);\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n\n &.spw-button--tertiary {\n box-shadow: none;\n color: var(--spw-ds-white);\n &:not([disabled]):hover,\n &:not([disabled]):active {\n box-shadow: none;\n }\n &:not([disabled]):active {\n color: var(--spw-ds-primary);\n }\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-700);\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n }\n}\n\n/ Surface primary /\n\n.spw-button {\n &--surface-primary {\n box-shadow: none;\n &:not([disabled]):active {\n box-shadow: none;\n }\n\n &[disabled] {\n box-shadow: none;\n }\n\n &.spw-button--primary {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n background: transparent;\n color: white;\n border-color: white;\n opacity: 0.9;\n }\n &[disabled] {\n border-color: white;\n background: white;\n color: var(--spw-colors-support-grey-grey-600);\n opacity: 0.5;\n }\n spw-loading {\n --spw-loading-border-color: var(--spw-colors-support-grey-grey-300);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n\n &.spw-button--secondary {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n &:not([disabled]):hover {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: white;\n background: white;\n opacity: 0.9;\n }\n &[disabled] {\n border-color: white;\n background: white;\n color: var(--spw-colors-support-grey-grey-600);\n opacity: 0.5;\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n\n &.spw-button--tertiary {\n box-shadow: none;\n color: var(--spw-ds-white);\n &:not([disabled]):hover,\n &:not([disabled]):active {\n box-shadow: none;\n }\n &:not([disabled]):active {\n color: white;\n opacity: 0.9;\n }\n &[disabled] {\n color: white;\n opacity: 0.5;\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n }\n}\n\n/ Surface light /\n\n.spw-button {\n &--surface-light {\n &.spw-button--primary {\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-600);\n background: var(--spw-colors-support-grey-grey-500);\n }\n }\n\n &.spw-button--secondary {\n color: var(--spw-colors-support-grey-grey-900);\n background: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: var(--spw-colors-support-grey-grey-300);\n }\n &:not([disabled]):active {\n background: var(--spw-colors-support-grey-grey-500);\n }\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-600);\n background: var(--spw-colors-support-grey-grey-500);\n }\n }\n\n &.spw-button--tertiary {\n color: var(--spw-colors-support-grey-grey-900);\n &:not([disabled]):active {\n color: var(--spw-ds-primary);\n }\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-600);\n }\n }\n }\n}\n\n/ Sizes /\n\n.spw-button {\n &--large {\n font-size: var(--spw-button-font-size-large);\n padding: var(--spw-button-py-large) var(--spw-button-px-large);\n .spw-button__inner-text {\n gap: 12px;\n }\n &.spw-button--is-icon-only {\n width: 54px;\n }\n }\n\n &--medium {\n font-size: var(--spw-button-font-size-medium);\n padding: var(--spw-button-py-medium) var(--spw-button-px-medium);\n .spw-button__inner-text {\n gap: 8px;\n }\n &.spw-button--is-icon-only {\n width: 45px;\n }\n }\n\n &--small {\n font-size: var(--spw-button-font-size-small);\n padding: var(--spw-button-py-small) var(--spw-button-px-small);\n .spw-button__inner-text {\n gap: 6px;\n }\n &.spw-button--is-icon-only {\n width: 35px;\n }\n }\n\n &--small,\n &--medium,\n &--large {\n &.spw-button--tertiary {\n padding: 4px;\n }\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'spw-button',\n styleUrl: 'spw-button.scss',\n shadow: true,\n})\nexport class SpwButton {\n @Element() el: HTMLSpwButtonElement;\n\n /* Spécifie le lien si nécessaire /\n @Prop() href?: string;\n /* Attribut target, s'applique uniquement si href est rempli /\n @Prop() target?: string = '_self';\n /* Remplit l'attribut rel /\n @Prop() rel?: string;\n /* Permet de télécharger un fichier au lieu de naviguer vers le lien /\n @Prop() download?: string;\n /* Nom du bouton /\n @Prop() name?: string = '';\n /* Valeur du bouton /\n @Prop() value?: string \| number = '';\n /* Type du bouton /\n @Prop() type?: 'button' \| 'submit' \| 'reset' = 'button';\n\n /* Permet de sélectionner une variante du bouton /\n @Prop() variant?: 'primary' \| 'secondary' \| 'tertiary' = 'primary';\n /* Permet de choisir la surface d'arrière-plan du bouton /\n @Prop() surface?: 'default' \| 'dark' \| 'light' \| 'primary' = 'default';\n /* Si désactivé, le bouton n'est pas utilisable /\n @Prop() disabled?: boolean = false;\n /* Permet de spécifier la taille du bouton /\n @Prop() size?: 'large' \| 'medium' \| 'small' = 'medium';\n\n /* Remplit l'attribut aria-label, utilisé à des fins d'accessibilité /\n @Prop() accAriaLabel?: string;\n\n /* Si rempli, vous pouvez utiliser une référence d'icône font-awesome /\n @Prop() isIconOnly?: boolean = false;\n /* Si rempli, vous pouvez utiliser une référence d'icône font-awesome /\n @Prop() icon?: string;\n /* Position de l'icône à l'intérieur du bouton /\n @Prop() iconPosition?: 'left' \| 'right';\n\n /* Si vrai, le bouton prend toute la largeur /\n @Prop() isFullWidth?: boolean = false;\n /* Si vrai, le bouton prend toute la largeur en mobile /\n @Prop({ reflect: true }) isFullWidthMobile?: boolean = true;\n\n /* Affiche un état de chargement, désactive le bouton /\n @Prop() isLoading?: boolean = false;\n\n /* Lors du focus /\n @Event() spwFocus: EventEmitter<void>;\n /* Lors de la perte du focus /\n @Event() spwBlur: EventEmitter<void>;\n /* Navigation vers un lien lors du clic /\n @Event() spwNavigate: EventEmitter<MouseEvent>;\n\n private onFocus = () => {\n this.spwFocus.emit();\n };\n\n private onBlur = () => {\n this.spwBlur.emit();\n };\n\n private resetFormInputs() {\n const form = this.el.closest('form');\n if (!form) return;\n\n const spwInputs = form.querySelectorAll('spw-input');\n spwInputs.forEach(spwInput => {\n const input = spwInput.shadowRoot.querySelector('input');\n if (input) {\n input.value = '';\n }\n });\n }\n\n private onClick = (ev: MouseEvent) => {\n if (this.disabled \|\| this.isLoading) {\n ev.preventDefault();\n return;\n }\n\n if (this.type === 'reset') {\n ev.preventDefault();\n this.resetFormInputs();\n return;\n }\n\n if (this.type === 'submit' && !this.disabled) {\n const form = this.el.closest('form');\n if (form) {\n ev.preventDefault();\n form.requestSubmit();\n return;\n }\n }\n\n if (this.href !== undefined) {\n this.spwNavigate.emit(ev);\n }\n };\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-button': true,\n [`spw-button--${this.variant}`]: true,\n [`spw-button--surface-${this.surface}`]: true,\n [`spw-button--${this.size}`]: true,\n [`spw-button--is-icon-only`]: this.isIconOnly,\n [`spw-button--fullwidth`]: this.isFullWidth,\n [`spw-button--fullwidth-mobile`]: this.isFullWidthMobile,\n [`spw-button--loading`]: this.isLoading,\n };\n }\n\n render() {\n const { type, download, href, rel, target, name, value } = this;\n const TagType = this.href === undefined ? 'button' : 'a';\n const attrs =\n TagType === 'button'\n ? { type: type, name, value }\n : {\n download,\n href,\n rel,\n target,\n };\n\n const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;\n const iconClass = `spw-icon--${iconPosition}`;\n const iconElement = this.icon ? <spw-icon class={iconClass} icon={this.icon}></spw-icon> : null;\n\n const isDisabled = this.disabled;\n\n const ariaAttributes = {\n 'aria-label': this?.accAriaLabel,\n 'aria-disabled': isDisabled ? 'true' : null,\n };\n\n return (\n <TagType {...attrs} class={this.elementClass} disabled={isDisabled} onFocus={this.onFocus} onBlur={this.onBlur} onClick={this.onClick} {...ariaAttributes}>\n <div class=\"spw-button__inner\">\n <div class=\"spw-button__inner-text\">\n {iconPosition === 'left' && iconElement}\n {!this.isIconOnly && <slot></slot>}\n {iconPosition === 'right' && iconElement}\n </div>\n </div>\n <spw-loading text=\"\"></spw-loading>\n </TagType>\n );\n }\n}\n",":host {\n display: block;\n --spw-loading-border-color: var(--spw-color-themes-grey-grey-200);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n}\n\n.spw-loading {\n display: flex;\n &__spinner {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 4px solid var(--spw-loading-border-color);\n border-top-color: var(--spw-loading-spinner-color);\n animation: loading 1s linear infinite;\n }\n @keyframes loading {\n to {\n transform: rotate(360deg);\n }\n }\n &__text {\n margin-left: 8px;\n color: var(--spw-color-themes-grey-grey-800);\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'spw-loading',\n styleUrl: 'spw-loading.scss',\n shadow: true,\n})\nexport class SpwLoading {\n /* Permet de spécifier un texte de chargement */\n @Prop() text?: string = 'Chargement...';\n\n render() {\n return (\n <Host>\n <div class=\"spw-loading\">\n <div class=\"spw-loading__spinner\"></div>\n {this.text && <p class=\"spw-loading__text\">{this.text}</p>}\n </div>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":"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"}
1	+ {"version":3,"file":"spw-button.spw-loading.entry.cjs.js","sources":["src/components/spw-button/spw-button.scss?tag=spw-button&encapsulation=shadow","src/components/spw-button/spw-button.tsx","src/components/spw-loading/spw-loading.scss?tag=spw-loading&encapsulation=shadow","src/components/spw-loading/spw-loading.tsx"],"sourcesContent":["@import '../../scss/mixins';\n\n:host {\n display: inline-block;\n vertical-align: top;\n --spw-button-font-size-small: 14px;\n --spw-button-font-size-medium: 16px;\n --spw-button-font-size-large: 18px;\n --spw-button-px-small: 16px;\n --spw-button-px-medium: 20px;\n --spw-button-px-large: 24px;\n --spw-button-py-small: 8px;\n --spw-button-py-medium: 12px;\n --spw-button-py-large: 16px;\n --spw-button-text-decoration: none;\n}\n\n:host([is-full-width]) {\n display: block;\n width: 100%;\n}\n\n/* Base /\n\n.spw-button {\n border: 2px solid transparent;\n display: block;\n width: 100%;\n border-radius: 9999px;\n letter-spacing: 0.18px;\n cursor: pointer;\n font-weight: bold;\n outline: 3px solid transparent;\n overflow: hidden;\n transition: all 0.1s ease-in;\n line-height: 1;\n\n &--fullwidth {\n width: 100% !important;\n }\n\n &--fullwidth-mobile {\n width: 100%;\n @include breakpoint(md) {\n width: auto;\n }\n }\n\n &--is-icon-only {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n\n &:focus-visible {\n outline: 3px solid white;\n outline-offset: -1px;\n box-shadow: 0 0 0 5px black;\n }\n\n spw-loading {\n opacity: 0;\n position: absolute;\n top: 50%;\n left: 50%;\n pointer-events: none;\n transform: translate(-50%, -50%);\n z-index: 1;\n }\n\n &--loading {\n position: relative;\n pointer-events: none;\n spw-loading {\n opacity: 1;\n }\n }\n\n &__inner {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n &__inner-text {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n .spw-button--loading & {\n opacity: 0;\n }\n }\n\n &:is(a) {\n text-decoration: var(--spw-button-text-decoration);\n }\n}\n\n/ Variants /\n\n.spw-button {\n &--primary {\n background: var(--spw-ds-primary);\n color: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: var(--spw-ds-variant);\n }\n &:not([disabled]):active {\n background: var(--spw-ds-active);\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.3);\n --spw-loading-spinner-color: white;\n }\n }\n\n &--secondary {\n background: var(--spw-color-themes-grey-grey-200);\n color: var(--spw-color-themes-grey-grey-900);\n &:not([disabled]):hover {\n background: var(--spw-color-themes-grey-grey-300);\n }\n &:not([disabled]):active {\n background: var(--spw-color-themes-grey-grey-400);\n }\n spw-loading {\n --spw-loading-border-color: rgba(0, 0, 0, 0.1);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n\n &--tertiary {\n transition: none;\n border-radius: 4px;\n background: none;\n color: var(--spw-ds-primary);\n &:not([disabled]):hover,\n &:not([disabled]):active {\n text-decoration: underline;\n }\n &:not([disabled]):active {\n color: var(--spw-ds-active);\n }\n spw-loading {\n --spw-loading-border-color: rgba(0, 0, 0, 0.1);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n}\n\n/ Disabled /\n\n.spw-button {\n &--primary[disabled],\n &--secondary[disabled] {\n background: var(--spw-color-themes-grey-grey-100);\n }\n\n &--tertiary[disabled] {\n background: none;\n }\n\n &--primary[disabled],\n &--secondary[disabled],\n &--tertiary[disabled] {\n color: var(--spw-color-themes-grey-grey-400);\n border-color: none;\n cursor: not-allowed;\n }\n}\n\n/ Surface dark /\n\n.spw-button {\n &--surface-dark {\n box-shadow: var(--spw-effect-elevation-8);\n &:not([disabled]):active {\n box-shadow: var(--spw-effect-elevation-active-0), var(--spw-effect-elevation-active-1), var(--spw-effect-elevation-active-2);\n }\n\n &[disabled] {\n box-shadow: none;\n }\n\n &.spw-button--primary {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n background: transparent;\n color: var(--spw-colors-support-grey-grey-500);\n border-color: var(--spw-colors-support-grey-grey-500);\n }\n &[disabled] {\n border-color: var(--spw-colors-support-grey-grey-700);\n background: var(--spw-colors-support-grey-grey-700);\n color: var(--spw-colors-support-grey-grey-800);\n }\n spw-loading {\n --spw-loading-border-color: var(--spw-colors-support-grey-grey-300);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n\n &.spw-button--secondary {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n &:not([disabled]):hover {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-colors-support-grey-grey-400);\n background: var(--spw-colors-support-grey-grey-400);\n }\n &[disabled] {\n border-color: var(--spw-colors-support-grey-grey-700);\n background: var(--spw-colors-support-grey-grey-700);\n color: var(--spw-colors-support-grey-grey-800);\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n\n &.spw-button--tertiary {\n box-shadow: none;\n color: var(--spw-ds-white);\n &:not([disabled]):hover,\n &:not([disabled]):active {\n box-shadow: none;\n }\n &:not([disabled]):active {\n color: var(--spw-ds-primary);\n }\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-700);\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n }\n}\n\n/ Surface primary /\n\n.spw-button {\n &--surface-primary {\n box-shadow: none;\n &:not([disabled]):active {\n box-shadow: none;\n }\n\n &[disabled] {\n box-shadow: none;\n }\n\n &.spw-button--primary {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n background: transparent;\n color: white;\n border-color: white;\n opacity: 0.9;\n }\n &[disabled] {\n border-color: white;\n background: white;\n color: var(--spw-colors-support-grey-grey-600);\n opacity: 0.5;\n }\n spw-loading {\n --spw-loading-border-color: var(--spw-colors-support-grey-grey-300);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n\n &.spw-button--secondary {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n &:not([disabled]):hover {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: white;\n background: white;\n opacity: 0.9;\n }\n &[disabled] {\n border-color: white;\n background: white;\n color: var(--spw-colors-support-grey-grey-600);\n opacity: 0.5;\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n\n &.spw-button--tertiary {\n box-shadow: none;\n color: var(--spw-ds-white);\n &:not([disabled]):hover,\n &:not([disabled]):active {\n box-shadow: none;\n }\n &:not([disabled]):active {\n color: white;\n opacity: 0.9;\n }\n &[disabled] {\n color: white;\n opacity: 0.5;\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n }\n}\n\n/ Surface light /\n\n.spw-button {\n &--surface-light {\n &.spw-button--primary {\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-600);\n background: var(--spw-colors-support-grey-grey-500);\n }\n }\n\n &.spw-button--secondary {\n color: var(--spw-colors-support-grey-grey-900);\n background: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: var(--spw-colors-support-grey-grey-300);\n }\n &:not([disabled]):active {\n background: var(--spw-colors-support-grey-grey-500);\n }\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-600);\n background: var(--spw-colors-support-grey-grey-500);\n }\n }\n\n &.spw-button--tertiary {\n color: var(--spw-colors-support-grey-grey-900);\n &:not([disabled]):active {\n color: var(--spw-ds-primary);\n }\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-600);\n }\n }\n }\n}\n\n/ Sizes /\n\n.spw-button {\n &--large {\n font-size: var(--spw-button-font-size-large);\n padding: var(--spw-button-py-large) var(--spw-button-px-large);\n .spw-button__inner-text {\n gap: 12px;\n }\n &.spw-button--is-icon-only {\n width: 54px;\n }\n }\n\n &--medium {\n font-size: var(--spw-button-font-size-medium);\n padding: var(--spw-button-py-medium) var(--spw-button-px-medium);\n .spw-button__inner-text {\n gap: 8px;\n }\n &.spw-button--is-icon-only {\n width: 45px;\n }\n }\n\n &--small {\n font-size: var(--spw-button-font-size-small);\n padding: var(--spw-button-py-small) var(--spw-button-px-small);\n .spw-button__inner-text {\n gap: 6px;\n }\n &.spw-button--is-icon-only {\n width: 35px;\n }\n }\n\n &--small,\n &--medium,\n &--large {\n &.spw-button--tertiary {\n padding: 4px;\n }\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'spw-button',\n styleUrl: 'spw-button.scss',\n shadow: true,\n})\nexport class SpwButton {\n @Element() el: HTMLSpwButtonElement;\n\n /* Spécifie le lien si nécessaire /\n @Prop() href?: string;\n /* Attribut target, s'applique uniquement si href est rempli /\n @Prop() target?: string = '_self';\n /* Remplit l'attribut rel /\n @Prop() rel?: string;\n /* Permet de télécharger un fichier au lieu de naviguer vers le lien /\n @Prop() download?: string;\n /* Nom du bouton /\n @Prop() name?: string = '';\n /* Valeur du bouton /\n @Prop() value?: string \| number = '';\n /* Type du bouton /\n @Prop() type?: 'button' \| 'submit' \| 'reset' = 'button';\n\n /* Permet de sélectionner une variante du bouton /\n @Prop() variant?: 'primary' \| 'secondary' \| 'tertiary' = 'primary';\n /* Permet de choisir la surface d'arrière-plan du bouton /\n @Prop() surface?: 'default' \| 'dark' \| 'light' \| 'primary' = 'default';\n /* Si désactivé, le bouton n'est pas utilisable /\n @Prop() disabled?: boolean = false;\n /* Permet de spécifier la taille du bouton /\n @Prop() size?: 'large' \| 'medium' \| 'small' = 'medium';\n\n /* Remplit l'attribut aria-label, utilisé à des fins d'accessibilité /\n @Prop() accAriaLabel?: string;\n\n /* Si rempli, vous pouvez utiliser une référence d'icône font-awesome /\n @Prop() isIconOnly?: boolean = false;\n /* Si rempli, vous pouvez utiliser une référence d'icône font-awesome /\n @Prop() icon?: string;\n /* Position de l'icône à l'intérieur du bouton /\n @Prop() iconPosition?: 'left' \| 'right';\n\n /* Si vrai, le bouton prend toute la largeur /\n @Prop() isFullWidth?: boolean = false;\n /* Si vrai, le bouton prend toute la largeur en mobile /\n @Prop({ reflect: true }) isFullWidthMobile?: boolean = true;\n\n /* Affiche un état de chargement, désactive le bouton /\n @Prop() isLoading?: boolean = false;\n\n /* Lors du focus /\n @Event() spwFocus: EventEmitter<void>;\n /* Lors de la perte du focus /\n @Event() spwBlur: EventEmitter<void>;\n /* Navigation vers un lien lors du clic /\n @Event() spwNavigate: EventEmitter<MouseEvent>;\n\n private onFocus = () => {\n this.spwFocus.emit();\n };\n\n private onBlur = () => {\n this.spwBlur.emit();\n };\n\n private resetFormInputs() {\n const form = this.el.closest('form');\n if (!form) return;\n\n const spwInputs = form.querySelectorAll('spw-input');\n spwInputs.forEach(spwInput => {\n const input = spwInput.shadowRoot.querySelector('input');\n if (input) {\n input.value = '';\n }\n });\n }\n\n private onClick = (ev: MouseEvent) => {\n if (this.disabled \|\| this.isLoading) {\n ev.preventDefault();\n return;\n }\n\n if (this.type === 'reset') {\n ev.preventDefault();\n this.resetFormInputs();\n return;\n }\n\n if (this.type === 'submit' && !this.disabled) {\n const form = this.el.closest('form');\n if (form) {\n ev.preventDefault();\n form.requestSubmit();\n return;\n }\n }\n\n if (this.href !== undefined) {\n this.spwNavigate.emit(ev);\n }\n };\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-button': true,\n [`spw-button--${this.variant}`]: true,\n [`spw-button--surface-${this.surface}`]: true,\n [`spw-button--${this.size}`]: true,\n [`spw-button--is-icon-only`]: this.isIconOnly,\n [`spw-button--fullwidth`]: this.isFullWidth,\n [`spw-button--fullwidth-mobile`]: this.isFullWidthMobile,\n [`spw-button--loading`]: this.isLoading,\n };\n }\n\n render() {\n const { type, download, href, rel, target, name, value } = this;\n const TagType = this.href === undefined ? 'button' : 'a';\n const attrs =\n TagType === 'button'\n ? { type: type, name, value }\n : {\n download,\n href,\n rel,\n target,\n };\n\n const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;\n const iconClass = `spw-icon--${iconPosition}`;\n const iconElement = this.icon ? <spw-icon class={iconClass} icon={this.icon}></spw-icon> : null;\n\n const isDisabled = this.disabled;\n\n const ariaAttributes = {\n 'aria-label': this?.accAriaLabel,\n 'aria-disabled': isDisabled ? 'true' : null,\n };\n\n return (\n <TagType {...attrs} class={this.elementClass} disabled={isDisabled} onFocus={this.onFocus} onBlur={this.onBlur} onClick={this.onClick} {...ariaAttributes}>\n <div class=\"spw-button__inner\">\n <div class=\"spw-button__inner-text\">\n {iconPosition === 'left' && iconElement}\n {!this.isIconOnly && <slot></slot>}\n {iconPosition === 'right' && iconElement}\n </div>\n </div>\n <spw-loading text=\"\"></spw-loading>\n </TagType>\n );\n }\n}\n",":host {\n display: block;\n --spw-loading-border-color: var(--spw-color-themes-grey-grey-200);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n}\n\n.spw-loading {\n display: flex;\n &__spinner {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 4px solid var(--spw-loading-border-color);\n border-top-color: var(--spw-loading-spinner-color);\n animation: loading 1s linear infinite;\n }\n @keyframes loading {\n to {\n transform: rotate(360deg);\n }\n }\n &__text {\n margin-left: 8px;\n color: var(--spw-color-themes-grey-grey-800);\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'spw-loading',\n styleUrl: 'spw-loading.scss',\n shadow: true,\n})\nexport class SpwLoading {\n /* Permet de spécifier un texte de chargement */\n @Prop() text?: string = 'Chargement...';\n\n render() {\n return (\n <Host>\n <div class=\"spw-loading\">\n <div class=\"spw-loading__spinner\"></div>\n {this.text && <p class=\"spw-loading__text\">{this.text}</p>}\n </div>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":"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"}

package/dist/cjs/spw-button_2.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 var index = require('./index-ivINMH9O.js');
-const spwButtonCss = "/*! 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%;--spw-button-font-size-small:14px;--spw-button-font-size-medium:16px;--spw-button-font-size-large:18px;--spw-button-px-small:16px;--spw-button-px-medium:20px;--spw-button-px-large:24px;--spw-button-py-small:8px;--spw-button-py-medium:12px;--spw-button-py-large:16px;box-sizing:border-box;display:inline-block;font-size:100%;line-height:1.3;vertical-align:top}: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)}}:host([is-full-width]){display:block;width:100%}.spw-button{border:2px solid transparent;border-radius:9999px;cursor:pointer;display:block;font-weight:700;letter-spacing:.18px;line-height:1;outline:3px solid transparent;overflow:hidden;transition:all .1s ease-in;width:100%}.spw-button--fullwidth{width:100%!important}.spw-button--fullwidth-mobile{width:100%}@media (min-width:768px){.spw-button--fullwidth-mobile{width:auto}}.spw-button--is-icon-only{padding-left:0!important;padding-right:0!important}.spw-button:focus-visible{box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-button spw-loading{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.spw-button--loading{pointer-events:none;position:relative}.spw-button--loading spw-loading{opacity:1}.spw-button__inner,.spw-button__inner-text{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.spw-button--loading .spw-button__inner-text{opacity:0}.spw-button:is(a){text-decoration:none}.spw-button--primary{background:var(--spw-ds-primary);color:var(--spw-ds-white)}.spw-button--primary:not([disabled]):hover{background:var(--spw-ds-variant)}.spw-button--primary:not([disabled]):active{background:var(--spw-ds-active)}.spw-button--primary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.3);--spw-loading-spinner-color:#fff}.spw-button--secondary{background:var(--spw-color-themes-grey-grey-200);color:var(--spw-color-themes-grey-grey-900)}.spw-button--secondary:not([disabled]):hover{background:var(--spw-color-themes-grey-grey-300)}.spw-button--secondary:not([disabled]):active{background:var(--spw-color-themes-grey-grey-400)}.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(0,0,0,.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--tertiary{background:none;border-radius:4px;color:var(--spw-ds-primary);transition:none}.spw-button--tertiary:not([disabled]):active,.spw-button--tertiary:not([disabled]):hover{text-decoration:underline}.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-active)}.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(0,0,0,.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--primary[disabled],.spw-button--secondary[disabled]{background:var(--spw-color-themes-grey-grey-100)}.spw-button--tertiary[disabled]{background:none}.spw-button--primary[disabled],.spw-button--secondary[disabled],.spw-button--tertiary[disabled]{border-color:none;color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-button--surface-dark{box-shadow:var(--spw-effect-elevation-8)}.spw-button--surface-dark:not([disabled]):active{box-shadow:var(--spw-effect-elevation-active-0),var(--spw-effect-elevation-active-1),var(--spw-effect-elevation-active-2)}.spw-button--surface-dark[disabled]{box-shadow:none}.spw-button--surface-dark.spw-button--primary{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--primary:not([disabled]):hover{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):active{background:transparent;border-color:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-dark.spw-button--primary[disabled]{background:var(--spw-colors-support-grey-grey-700);border-color:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--secondary{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):hover{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-400);border-color:var(--spw-colors-support-grey-grey-400);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--secondary[disabled]{background:var(--spw-colors-support-grey-grey-700);border-color:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--secondary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-dark.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active,.spw-button--surface-dark.spw-button--tertiary:not([disabled]):hover{box-shadow:none}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-700)}.spw-button--surface-dark.spw-button--tertiary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-primary,.spw-button--surface-primary:not([disabled]):active,.spw-button--surface-primary[disabled]{box-shadow:none}.spw-button--surface-primary.spw-button--primary{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-primary.spw-button--primary:not([disabled]):hover{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--primary:not([disabled]):active{background:transparent;border-color:#fff;color:#fff;opacity:.9}.spw-button--surface-primary.spw-button--primary[disabled]{background:#fff;border-color:#fff;color:var(--spw-colors-support-grey-grey-600);opacity:.5}.spw-button--surface-primary.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-primary.spw-button--secondary{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):hover{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):active{background:#fff;border-color:#fff;color:var(--spw-colors-support-grey-grey-900);opacity:.9}.spw-button--surface-primary.spw-button--secondary[disabled]{background:#fff;border-color:#fff;color:var(--spw-colors-support-grey-grey-600);opacity:.5}.spw-button--surface-primary.spw-button--secondary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-primary.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active,.spw-button--surface-primary.spw-button--tertiary:not([disabled]):hover{box-shadow:none}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active{color:#fff;opacity:.9}.spw-button--surface-primary.spw-button--tertiary[disabled]{color:#fff;opacity:.5}.spw-button--surface-primary.spw-button--tertiary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-light.spw-button--primary[disabled]{background:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-600)}.spw-button--surface-light.spw-button--secondary{background:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--secondary:not([disabled]):hover{background:var(--spw-colors-support-grey-grey-300)}.spw-button--surface-light.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--secondary[disabled]{background:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-600)}.spw-button--surface-light.spw-button--tertiary{color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-light.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-600)}.spw-button--large{font-size:var(--spw-button-font-size-large);padding:var(--spw-button-py-large) var(--spw-button-px-large)}.spw-button--large .spw-button__inner-text{gap:12px}.spw-button--large.spw-button--is-icon-only{width:54px}.spw-button--medium{font-size:var(--spw-button-font-size-medium);padding:var(--spw-button-py-medium) var(--spw-button-px-medium)}.spw-button--medium .spw-button__inner-text{gap:8px}.spw-button--medium.spw-button--is-icon-only{width:45px}.spw-button--small{font-size:var(--spw-button-font-size-small);padding:var(--spw-button-py-small) var(--spw-button-px-small)}.spw-button--small .spw-button__inner-text{gap:6px}.spw-button--small.spw-button--is-icon-only{width:35px}.spw-button--large.spw-button--tertiary,.spw-button--medium.spw-button--tertiary,.spw-button--small.spw-button--tertiary{padding:4px}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-relative{position:relative}.spw-tw-flex{display:flex}.spw-tw-w-full{width:100%}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}.spw-tw-gap-x-2{column-gap:.5rem}.spw-tw-gap-y-2{row-gap:.5rem}.spw-tw-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}";
+const spwButtonCss = "/*! 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%;--spw-button-font-size-small:14px;--spw-button-font-size-medium:16px;--spw-button-font-size-large:18px;--spw-button-px-small:16px;--spw-button-px-medium:20px;--spw-button-px-large:24px;--spw-button-py-small:8px;--spw-button-py-medium:12px;--spw-button-py-large:16px;--spw-button-text-decoration:none;box-sizing:border-box;display:inline-block;font-size:100%;line-height:1.3;vertical-align:top}: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)}}:host([is-full-width]){display:block;width:100%}.spw-button{border:2px solid transparent;border-radius:9999px;cursor:pointer;display:block;font-weight:700;letter-spacing:.18px;line-height:1;outline:3px solid transparent;overflow:hidden;transition:all .1s ease-in;width:100%}.spw-button--fullwidth{width:100%!important}.spw-button--fullwidth-mobile{width:100%}@media (min-width:768px){.spw-button--fullwidth-mobile{width:auto}}.spw-button--is-icon-only{padding-left:0!important;padding-right:0!important}.spw-button:focus-visible{box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-button spw-loading{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.spw-button--loading{pointer-events:none;position:relative}.spw-button--loading spw-loading{opacity:1}.spw-button__inner,.spw-button__inner-text{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.spw-button--loading .spw-button__inner-text{opacity:0}.spw-button:is(a){-webkit-text-decoration:var(--spw-button-text-decoration);text-decoration:var(--spw-button-text-decoration)}.spw-button--primary{background:var(--spw-ds-primary);color:var(--spw-ds-white)}.spw-button--primary:not([disabled]):hover{background:var(--spw-ds-variant)}.spw-button--primary:not([disabled]):active{background:var(--spw-ds-active)}.spw-button--primary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.3);--spw-loading-spinner-color:#fff}.spw-button--secondary{background:var(--spw-color-themes-grey-grey-200);color:var(--spw-color-themes-grey-grey-900)}.spw-button--secondary:not([disabled]):hover{background:var(--spw-color-themes-grey-grey-300)}.spw-button--secondary:not([disabled]):active{background:var(--spw-color-themes-grey-grey-400)}.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(0,0,0,.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--tertiary{background:none;border-radius:4px;color:var(--spw-ds-primary);transition:none}.spw-button--tertiary:not([disabled]):active,.spw-button--tertiary:not([disabled]):hover{text-decoration:underline}.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-active)}.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(0,0,0,.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--primary[disabled],.spw-button--secondary[disabled]{background:var(--spw-color-themes-grey-grey-100)}.spw-button--tertiary[disabled]{background:none}.spw-button--primary[disabled],.spw-button--secondary[disabled],.spw-button--tertiary[disabled]{border-color:none;color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-button--surface-dark{box-shadow:var(--spw-effect-elevation-8)}.spw-button--surface-dark:not([disabled]):active{box-shadow:var(--spw-effect-elevation-active-0),var(--spw-effect-elevation-active-1),var(--spw-effect-elevation-active-2)}.spw-button--surface-dark[disabled]{box-shadow:none}.spw-button--surface-dark.spw-button--primary{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--primary:not([disabled]):hover{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):active{background:transparent;border-color:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-dark.spw-button--primary[disabled]{background:var(--spw-colors-support-grey-grey-700);border-color:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--secondary{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):hover{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-400);border-color:var(--spw-colors-support-grey-grey-400);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--secondary[disabled]{background:var(--spw-colors-support-grey-grey-700);border-color:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--secondary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-dark.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active,.spw-button--surface-dark.spw-button--tertiary:not([disabled]):hover{box-shadow:none}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-700)}.spw-button--surface-dark.spw-button--tertiary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-primary,.spw-button--surface-primary:not([disabled]):active,.spw-button--surface-primary[disabled]{box-shadow:none}.spw-button--surface-primary.spw-button--primary{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-primary.spw-button--primary:not([disabled]):hover{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--primary:not([disabled]):active{background:transparent;border-color:#fff;color:#fff;opacity:.9}.spw-button--surface-primary.spw-button--primary[disabled]{background:#fff;border-color:#fff;color:var(--spw-colors-support-grey-grey-600);opacity:.5}.spw-button--surface-primary.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-primary.spw-button--secondary{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):hover{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):active{background:#fff;border-color:#fff;color:var(--spw-colors-support-grey-grey-900);opacity:.9}.spw-button--surface-primary.spw-button--secondary[disabled]{background:#fff;border-color:#fff;color:var(--spw-colors-support-grey-grey-600);opacity:.5}.spw-button--surface-primary.spw-button--secondary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-primary.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active,.spw-button--surface-primary.spw-button--tertiary:not([disabled]):hover{box-shadow:none}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active{color:#fff;opacity:.9}.spw-button--surface-primary.spw-button--tertiary[disabled]{color:#fff;opacity:.5}.spw-button--surface-primary.spw-button--tertiary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-light.spw-button--primary[disabled]{background:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-600)}.spw-button--surface-light.spw-button--secondary{background:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--secondary:not([disabled]):hover{background:var(--spw-colors-support-grey-grey-300)}.spw-button--surface-light.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--secondary[disabled]{background:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-600)}.spw-button--surface-light.spw-button--tertiary{color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-light.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-600)}.spw-button--large{font-size:var(--spw-button-font-size-large);padding:var(--spw-button-py-large) var(--spw-button-px-large)}.spw-button--large .spw-button__inner-text{gap:12px}.spw-button--large.spw-button--is-icon-only{width:54px}.spw-button--medium{font-size:var(--spw-button-font-size-medium);padding:var(--spw-button-py-medium) var(--spw-button-px-medium)}.spw-button--medium .spw-button__inner-text{gap:8px}.spw-button--medium.spw-button--is-icon-only{width:45px}.spw-button--small{font-size:var(--spw-button-font-size-small);padding:var(--spw-button-py-small) var(--spw-button-px-small)}.spw-button--small .spw-button__inner-text{gap:6px}.spw-button--small.spw-button--is-icon-only{width:35px}.spw-button--large.spw-button--tertiary,.spw-button--medium.spw-button--tertiary,.spw-button--small.spw-button--tertiary{padding:4px}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-relative{position:relative}.spw-tw-flex{display:flex}.spw-tw-w-full{width:100%}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}.spw-tw-gap-x-2{column-gap:.5rem}.spw-tw-gap-y-2{row-gap:.5rem}.spw-tw-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}";
 const SpwButton = class {
     constructor(hostRef) {
@@ -121,7 +121,7 @@ const SpwLoading = class {
         this.text = 'Chargement...';
     }
     render() {
-        return (index.h(index.Host, { key: '407115d12f98004dce5494c8307e2e9a6a96c069' }, index.h("div", { key: 'd8d178a2e22ec41314d221847c024abe1ef2599a', class: "spw-loading" }, index.h("div", { key: 'c173f74b988d9e9f84f5819b6d244143ec303e29', class: "spw-loading__spinner" }), this.text && index.h("p", { key: '71770d28ebe8c1a034a93fdda549d08bc680eced', class: "spw-loading__text" }, this.text))));
+        return (index.h(index.Host, { key: '9dc5d9c85d1ac41a20b3f06a01d6f7f88343d88d' }, index.h("div", { key: '0dbe7734822dddecd9b5c56af3f26b2aa37cdf30', class: "spw-loading" }, index.h("div", { key: 'ed38f93eab9476efdf8c58c155413337264da07b', class: "spw-loading__spinner" }), this.text && index.h("p", { key: '1b7aa93db22689fbdf0aba6e4b4172ed7567849f', class: "spw-loading__text" }, this.text))));
     }
 };
 SpwLoading.style = spwLoadingCss;

package/dist/cjs/spw-button_2.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"spw-button.spw-loading.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/spw-button/spw-button.scss?tag=spw-button&encapsulation=shadow","src/components/spw-button/spw-button.tsx","src/components/spw-loading/spw-loading.scss?tag=spw-loading&encapsulation=shadow","src/components/spw-loading/spw-loading.tsx"],"sourcesContent":["@import '../../scss/mixins';\n\n:host {\n display: inline-block;\n vertical-align: top;\n --spw-button-font-size-small: 14px;\n --spw-button-font-size-medium: 16px;\n --spw-button-font-size-large: 18px;\n --spw-button-px-small: 16px;\n --spw-button-px-medium: 20px;\n --spw-button-px-large: 24px;\n --spw-button-py-small: 8px;\n --spw-button-py-medium: 12px;\n --spw-button-py-large: 16px;\n}\n\n:host([is-full-width]) {\n display: block;\n width: 100%;\n}\n\n/* Base /\n\n.spw-button {\n border: 2px solid transparent;\n display: block;\n width: 100%;\n border-radius: 9999px;\n letter-spacing: 0.18px;\n cursor: pointer;\n font-weight: bold;\n outline: 3px solid transparent;\n overflow: hidden;\n transition: all 0.1s ease-in;\n line-height: 1;\n\n &--fullwidth {\n width: 100% !important;\n }\n\n &--fullwidth-mobile {\n width: 100%;\n @include breakpoint(md) {\n width: auto;\n }\n }\n\n &--is-icon-only {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n\n &:focus-visible {\n outline: 3px solid white;\n outline-offset: -1px;\n box-shadow: 0 0 0 5px black;\n }\n\n spw-loading {\n opacity: 0;\n position: absolute;\n top: 50%;\n left: 50%;\n pointer-events: none;\n transform: translate(-50%, -50%);\n z-index: 1;\n }\n\n &--loading {\n position: relative;\n pointer-events: none;\n spw-loading {\n opacity: 1;\n }\n }\n\n &__inner {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n &__inner-text {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n .spw-button--loading & {\n opacity: 0;\n }\n }\n\n &:is(a) {\n text-decoration: none;\n }\n}\n\n/ Variants /\n\n.spw-button {\n &--primary {\n background: var(--spw-ds-primary);\n color: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: var(--spw-ds-variant);\n }\n &:not([disabled]):active {\n background: var(--spw-ds-active);\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.3);\n --spw-loading-spinner-color: white;\n }\n }\n\n &--secondary {\n background: var(--spw-color-themes-grey-grey-200);\n color: var(--spw-color-themes-grey-grey-900);\n &:not([disabled]):hover {\n background: var(--spw-color-themes-grey-grey-300);\n }\n &:not([disabled]):active {\n background: var(--spw-color-themes-grey-grey-400);\n }\n spw-loading {\n --spw-loading-border-color: rgba(0, 0, 0, 0.1);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n\n &--tertiary {\n transition: none;\n border-radius: 4px;\n background: none;\n color: var(--spw-ds-primary);\n &:not([disabled]):hover,\n &:not([disabled]):active {\n text-decoration: underline;\n }\n &:not([disabled]):active {\n color: var(--spw-ds-active);\n }\n spw-loading {\n --spw-loading-border-color: rgba(0, 0, 0, 0.1);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n}\n\n/ Disabled /\n\n.spw-button {\n &--primary[disabled],\n &--secondary[disabled] {\n background: var(--spw-color-themes-grey-grey-100);\n }\n\n &--tertiary[disabled] {\n background: none;\n }\n\n &--primary[disabled],\n &--secondary[disabled],\n &--tertiary[disabled] {\n color: var(--spw-color-themes-grey-grey-400);\n border-color: none;\n cursor: not-allowed;\n }\n}\n\n/ Surface dark /\n\n.spw-button {\n &--surface-dark {\n box-shadow: var(--spw-effect-elevation-8);\n &:not([disabled]):active {\n box-shadow: var(--spw-effect-elevation-active-0), var(--spw-effect-elevation-active-1), var(--spw-effect-elevation-active-2);\n }\n\n &[disabled] {\n box-shadow: none;\n }\n\n &.spw-button--primary {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n background: transparent;\n color: var(--spw-colors-support-grey-grey-500);\n border-color: var(--spw-colors-support-grey-grey-500);\n }\n &[disabled] {\n border-color: var(--spw-colors-support-grey-grey-700);\n background: var(--spw-colors-support-grey-grey-700);\n color: var(--spw-colors-support-grey-grey-800);\n }\n spw-loading {\n --spw-loading-border-color: var(--spw-colors-support-grey-grey-300);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n\n &.spw-button--secondary {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n &:not([disabled]):hover {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-colors-support-grey-grey-400);\n background: var(--spw-colors-support-grey-grey-400);\n }\n &[disabled] {\n border-color: var(--spw-colors-support-grey-grey-700);\n background: var(--spw-colors-support-grey-grey-700);\n color: var(--spw-colors-support-grey-grey-800);\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n\n &.spw-button--tertiary {\n box-shadow: none;\n color: var(--spw-ds-white);\n &:not([disabled]):hover,\n &:not([disabled]):active {\n box-shadow: none;\n }\n &:not([disabled]):active {\n color: var(--spw-ds-primary);\n }\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-700);\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n }\n}\n\n/ Surface primary /\n\n.spw-button {\n &--surface-primary {\n box-shadow: none;\n &:not([disabled]):active {\n box-shadow: none;\n }\n\n &[disabled] {\n box-shadow: none;\n }\n\n &.spw-button--primary {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n background: transparent;\n color: white;\n border-color: white;\n opacity: 0.9;\n }\n &[disabled] {\n border-color: white;\n background: white;\n color: var(--spw-colors-support-grey-grey-600);\n opacity: 0.5;\n }\n spw-loading {\n --spw-loading-border-color: var(--spw-colors-support-grey-grey-300);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n\n &.spw-button--secondary {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n &:not([disabled]):hover {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: white;\n background: white;\n opacity: 0.9;\n }\n &[disabled] {\n border-color: white;\n background: white;\n color: var(--spw-colors-support-grey-grey-600);\n opacity: 0.5;\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n\n &.spw-button--tertiary {\n box-shadow: none;\n color: var(--spw-ds-white);\n &:not([disabled]):hover,\n &:not([disabled]):active {\n box-shadow: none;\n }\n &:not([disabled]):active {\n color: white;\n opacity: 0.9;\n }\n &[disabled] {\n color: white;\n opacity: 0.5;\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n }\n}\n\n/ Surface light /\n\n.spw-button {\n &--surface-light {\n &.spw-button--primary {\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-600);\n background: var(--spw-colors-support-grey-grey-500);\n }\n }\n\n &.spw-button--secondary {\n color: var(--spw-colors-support-grey-grey-900);\n background: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: var(--spw-colors-support-grey-grey-300);\n }\n &:not([disabled]):active {\n background: var(--spw-colors-support-grey-grey-500);\n }\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-600);\n background: var(--spw-colors-support-grey-grey-500);\n }\n }\n\n &.spw-button--tertiary {\n color: var(--spw-colors-support-grey-grey-900);\n &:not([disabled]):active {\n color: var(--spw-ds-primary);\n }\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-600);\n }\n }\n }\n}\n\n/ Sizes /\n\n.spw-button {\n &--large {\n font-size: var(--spw-button-font-size-large);\n padding: var(--spw-button-py-large) var(--spw-button-px-large);\n .spw-button__inner-text {\n gap: 12px;\n }\n &.spw-button--is-icon-only {\n width: 54px;\n }\n }\n\n &--medium {\n font-size: var(--spw-button-font-size-medium);\n padding: var(--spw-button-py-medium) var(--spw-button-px-medium);\n .spw-button__inner-text {\n gap: 8px;\n }\n &.spw-button--is-icon-only {\n width: 45px;\n }\n }\n\n &--small {\n font-size: var(--spw-button-font-size-small);\n padding: var(--spw-button-py-small) var(--spw-button-px-small);\n .spw-button__inner-text {\n gap: 6px;\n }\n &.spw-button--is-icon-only {\n width: 35px;\n }\n }\n\n &--small,\n &--medium,\n &--large {\n &.spw-button--tertiary {\n padding: 4px;\n }\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'spw-button',\n styleUrl: 'spw-button.scss',\n shadow: true,\n})\nexport class SpwButton {\n @Element() el: HTMLSpwButtonElement;\n\n /* Spécifie le lien si nécessaire /\n @Prop() href?: string;\n /* Attribut target, s'applique uniquement si href est rempli /\n @Prop() target?: string = '_self';\n /* Remplit l'attribut rel /\n @Prop() rel?: string;\n /* Permet de télécharger un fichier au lieu de naviguer vers le lien /\n @Prop() download?: string;\n /* Nom du bouton /\n @Prop() name?: string = '';\n /* Valeur du bouton /\n @Prop() value?: string \| number = '';\n /* Type du bouton /\n @Prop() type?: 'button' \| 'submit' \| 'reset' = 'button';\n\n /* Permet de sélectionner une variante du bouton /\n @Prop() variant?: 'primary' \| 'secondary' \| 'tertiary' = 'primary';\n /* Permet de choisir la surface d'arrière-plan du bouton /\n @Prop() surface?: 'default' \| 'dark' \| 'light' \| 'primary' = 'default';\n /* Si désactivé, le bouton n'est pas utilisable /\n @Prop() disabled?: boolean = false;\n /* Permet de spécifier la taille du bouton /\n @Prop() size?: 'large' \| 'medium' \| 'small' = 'medium';\n\n /* Remplit l'attribut aria-label, utilisé à des fins d'accessibilité /\n @Prop() accAriaLabel?: string;\n\n /* Si rempli, vous pouvez utiliser une référence d'icône font-awesome /\n @Prop() isIconOnly?: boolean = false;\n /* Si rempli, vous pouvez utiliser une référence d'icône font-awesome /\n @Prop() icon?: string;\n /* Position de l'icône à l'intérieur du bouton /\n @Prop() iconPosition?: 'left' \| 'right';\n\n /* Si vrai, le bouton prend toute la largeur /\n @Prop() isFullWidth?: boolean = false;\n /* Si vrai, le bouton prend toute la largeur en mobile /\n @Prop({ reflect: true }) isFullWidthMobile?: boolean = true;\n\n /* Affiche un état de chargement, désactive le bouton /\n @Prop() isLoading?: boolean = false;\n\n /* Lors du focus /\n @Event() spwFocus: EventEmitter<void>;\n /* Lors de la perte du focus /\n @Event() spwBlur: EventEmitter<void>;\n /* Navigation vers un lien lors du clic /\n @Event() spwNavigate: EventEmitter<MouseEvent>;\n\n private onFocus = () => {\n this.spwFocus.emit();\n };\n\n private onBlur = () => {\n this.spwBlur.emit();\n };\n\n private resetFormInputs() {\n const form = this.el.closest('form');\n if (!form) return;\n\n const spwInputs = form.querySelectorAll('spw-input');\n spwInputs.forEach(spwInput => {\n const input = spwInput.shadowRoot.querySelector('input');\n if (input) {\n input.value = '';\n }\n });\n }\n\n private onClick = (ev: MouseEvent) => {\n if (this.disabled \|\| this.isLoading) {\n ev.preventDefault();\n return;\n }\n\n if (this.type === 'reset') {\n ev.preventDefault();\n this.resetFormInputs();\n return;\n }\n\n if (this.type === 'submit' && !this.disabled) {\n const form = this.el.closest('form');\n if (form) {\n ev.preventDefault();\n form.requestSubmit();\n return;\n }\n }\n\n if (this.href !== undefined) {\n this.spwNavigate.emit(ev);\n }\n };\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-button': true,\n [`spw-button--${this.variant}`]: true,\n [`spw-button--surface-${this.surface}`]: true,\n [`spw-button--${this.size}`]: true,\n [`spw-button--is-icon-only`]: this.isIconOnly,\n [`spw-button--fullwidth`]: this.isFullWidth,\n [`spw-button--fullwidth-mobile`]: this.isFullWidthMobile,\n [`spw-button--loading`]: this.isLoading,\n };\n }\n\n render() {\n const { type, download, href, rel, target, name, value } = this;\n const TagType = this.href === undefined ? 'button' : 'a';\n const attrs =\n TagType === 'button'\n ? { type: type, name, value }\n : {\n download,\n href,\n rel,\n target,\n };\n\n const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;\n const iconClass = `spw-icon--${iconPosition}`;\n const iconElement = this.icon ? <spw-icon class={iconClass} icon={this.icon}></spw-icon> : null;\n\n const isDisabled = this.disabled;\n\n const ariaAttributes = {\n 'aria-label': this?.accAriaLabel,\n 'aria-disabled': isDisabled ? 'true' : null,\n };\n\n return (\n <TagType {...attrs} class={this.elementClass} disabled={isDisabled} onFocus={this.onFocus} onBlur={this.onBlur} onClick={this.onClick} {...ariaAttributes}>\n <div class=\"spw-button__inner\">\n <div class=\"spw-button__inner-text\">\n {iconPosition === 'left' && iconElement}\n {!this.isIconOnly && <slot></slot>}\n {iconPosition === 'right' && iconElement}\n </div>\n </div>\n <spw-loading text=\"\"></spw-loading>\n </TagType>\n );\n }\n}\n",":host {\n display: block;\n --spw-loading-border-color: var(--spw-color-themes-grey-grey-200);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n}\n\n.spw-loading {\n display: flex;\n &__spinner {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 4px solid var(--spw-loading-border-color);\n border-top-color: var(--spw-loading-spinner-color);\n animation: loading 1s linear infinite;\n }\n @keyframes loading {\n to {\n transform: rotate(360deg);\n }\n }\n &__text {\n margin-left: 8px;\n color: var(--spw-color-themes-grey-grey-800);\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'spw-loading',\n styleUrl: 'spw-loading.scss',\n shadow: true,\n})\nexport class SpwLoading {\n /* Permet de spécifier un texte de chargement */\n @Prop() text?: string = 'Chargement...';\n\n render() {\n return (\n <Host>\n <div class=\"spw-loading\">\n <div class=\"spw-loading__spinner\"></div>\n {this.text && <p class=\"spw-loading__text\">{this.text}</p>}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"spw-button.spw-loading.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/spw-button/spw-button.scss?tag=spw-button&encapsulation=shadow","src/components/spw-button/spw-button.tsx","src/components/spw-loading/spw-loading.scss?tag=spw-loading&encapsulation=shadow","src/components/spw-loading/spw-loading.tsx"],"sourcesContent":["@import '../../scss/mixins';\n\n:host {\n display: inline-block;\n vertical-align: top;\n --spw-button-font-size-small: 14px;\n --spw-button-font-size-medium: 16px;\n --spw-button-font-size-large: 18px;\n --spw-button-px-small: 16px;\n --spw-button-px-medium: 20px;\n --spw-button-px-large: 24px;\n --spw-button-py-small: 8px;\n --spw-button-py-medium: 12px;\n --spw-button-py-large: 16px;\n --spw-button-text-decoration: none;\n}\n\n:host([is-full-width]) {\n display: block;\n width: 100%;\n}\n\n/* Base /\n\n.spw-button {\n border: 2px solid transparent;\n display: block;\n width: 100%;\n border-radius: 9999px;\n letter-spacing: 0.18px;\n cursor: pointer;\n font-weight: bold;\n outline: 3px solid transparent;\n overflow: hidden;\n transition: all 0.1s ease-in;\n line-height: 1;\n\n &--fullwidth {\n width: 100% !important;\n }\n\n &--fullwidth-mobile {\n width: 100%;\n @include breakpoint(md) {\n width: auto;\n }\n }\n\n &--is-icon-only {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n\n &:focus-visible {\n outline: 3px solid white;\n outline-offset: -1px;\n box-shadow: 0 0 0 5px black;\n }\n\n spw-loading {\n opacity: 0;\n position: absolute;\n top: 50%;\n left: 50%;\n pointer-events: none;\n transform: translate(-50%, -50%);\n z-index: 1;\n }\n\n &--loading {\n position: relative;\n pointer-events: none;\n spw-loading {\n opacity: 1;\n }\n }\n\n &__inner {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n &__inner-text {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n .spw-button--loading & {\n opacity: 0;\n }\n }\n\n &:is(a) {\n text-decoration: var(--spw-button-text-decoration);\n }\n}\n\n/ Variants /\n\n.spw-button {\n &--primary {\n background: var(--spw-ds-primary);\n color: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: var(--spw-ds-variant);\n }\n &:not([disabled]):active {\n background: var(--spw-ds-active);\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.3);\n --spw-loading-spinner-color: white;\n }\n }\n\n &--secondary {\n background: var(--spw-color-themes-grey-grey-200);\n color: var(--spw-color-themes-grey-grey-900);\n &:not([disabled]):hover {\n background: var(--spw-color-themes-grey-grey-300);\n }\n &:not([disabled]):active {\n background: var(--spw-color-themes-grey-grey-400);\n }\n spw-loading {\n --spw-loading-border-color: rgba(0, 0, 0, 0.1);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n\n &--tertiary {\n transition: none;\n border-radius: 4px;\n background: none;\n color: var(--spw-ds-primary);\n &:not([disabled]):hover,\n &:not([disabled]):active {\n text-decoration: underline;\n }\n &:not([disabled]):active {\n color: var(--spw-ds-active);\n }\n spw-loading {\n --spw-loading-border-color: rgba(0, 0, 0, 0.1);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n}\n\n/ Disabled /\n\n.spw-button {\n &--primary[disabled],\n &--secondary[disabled] {\n background: var(--spw-color-themes-grey-grey-100);\n }\n\n &--tertiary[disabled] {\n background: none;\n }\n\n &--primary[disabled],\n &--secondary[disabled],\n &--tertiary[disabled] {\n color: var(--spw-color-themes-grey-grey-400);\n border-color: none;\n cursor: not-allowed;\n }\n}\n\n/ Surface dark /\n\n.spw-button {\n &--surface-dark {\n box-shadow: var(--spw-effect-elevation-8);\n &:not([disabled]):active {\n box-shadow: var(--spw-effect-elevation-active-0), var(--spw-effect-elevation-active-1), var(--spw-effect-elevation-active-2);\n }\n\n &[disabled] {\n box-shadow: none;\n }\n\n &.spw-button--primary {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n background: transparent;\n color: var(--spw-colors-support-grey-grey-500);\n border-color: var(--spw-colors-support-grey-grey-500);\n }\n &[disabled] {\n border-color: var(--spw-colors-support-grey-grey-700);\n background: var(--spw-colors-support-grey-grey-700);\n color: var(--spw-colors-support-grey-grey-800);\n }\n spw-loading {\n --spw-loading-border-color: var(--spw-colors-support-grey-grey-300);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n\n &.spw-button--secondary {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n &:not([disabled]):hover {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-colors-support-grey-grey-400);\n background: var(--spw-colors-support-grey-grey-400);\n }\n &[disabled] {\n border-color: var(--spw-colors-support-grey-grey-700);\n background: var(--spw-colors-support-grey-grey-700);\n color: var(--spw-colors-support-grey-grey-800);\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n\n &.spw-button--tertiary {\n box-shadow: none;\n color: var(--spw-ds-white);\n &:not([disabled]):hover,\n &:not([disabled]):active {\n box-shadow: none;\n }\n &:not([disabled]):active {\n color: var(--spw-ds-primary);\n }\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-700);\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n }\n}\n\n/ Surface primary /\n\n.spw-button {\n &--surface-primary {\n box-shadow: none;\n &:not([disabled]):active {\n box-shadow: none;\n }\n\n &[disabled] {\n box-shadow: none;\n }\n\n &.spw-button--primary {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n background: transparent;\n color: white;\n border-color: white;\n opacity: 0.9;\n }\n &[disabled] {\n border-color: white;\n background: white;\n color: var(--spw-colors-support-grey-grey-600);\n opacity: 0.5;\n }\n spw-loading {\n --spw-loading-border-color: var(--spw-colors-support-grey-grey-300);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n }\n }\n\n &.spw-button--secondary {\n background: transparent;\n color: var(--spw-ds-white);\n border-color: var(--spw-ds-white);\n &:not([disabled]):hover {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: var(--spw-ds-white);\n background: var(--spw-ds-white);\n }\n &:not([disabled]):active {\n color: var(--spw-colors-support-grey-grey-900);\n border-color: white;\n background: white;\n opacity: 0.9;\n }\n &[disabled] {\n border-color: white;\n background: white;\n color: var(--spw-colors-support-grey-grey-600);\n opacity: 0.5;\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n\n &.spw-button--tertiary {\n box-shadow: none;\n color: var(--spw-ds-white);\n &:not([disabled]):hover,\n &:not([disabled]):active {\n box-shadow: none;\n }\n &:not([disabled]):active {\n color: white;\n opacity: 0.9;\n }\n &[disabled] {\n color: white;\n opacity: 0.5;\n }\n spw-loading {\n --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n --spw-loading-spinner-color: white;\n }\n }\n }\n}\n\n/ Surface light /\n\n.spw-button {\n &--surface-light {\n &.spw-button--primary {\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-600);\n background: var(--spw-colors-support-grey-grey-500);\n }\n }\n\n &.spw-button--secondary {\n color: var(--spw-colors-support-grey-grey-900);\n background: var(--spw-ds-white);\n &:not([disabled]):hover {\n background: var(--spw-colors-support-grey-grey-300);\n }\n &:not([disabled]):active {\n background: var(--spw-colors-support-grey-grey-500);\n }\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-600);\n background: var(--spw-colors-support-grey-grey-500);\n }\n }\n\n &.spw-button--tertiary {\n color: var(--spw-colors-support-grey-grey-900);\n &:not([disabled]):active {\n color: var(--spw-ds-primary);\n }\n &[disabled] {\n color: var(--spw-colors-support-grey-grey-600);\n }\n }\n }\n}\n\n/ Sizes /\n\n.spw-button {\n &--large {\n font-size: var(--spw-button-font-size-large);\n padding: var(--spw-button-py-large) var(--spw-button-px-large);\n .spw-button__inner-text {\n gap: 12px;\n }\n &.spw-button--is-icon-only {\n width: 54px;\n }\n }\n\n &--medium {\n font-size: var(--spw-button-font-size-medium);\n padding: var(--spw-button-py-medium) var(--spw-button-px-medium);\n .spw-button__inner-text {\n gap: 8px;\n }\n &.spw-button--is-icon-only {\n width: 45px;\n }\n }\n\n &--small {\n font-size: var(--spw-button-font-size-small);\n padding: var(--spw-button-py-small) var(--spw-button-px-small);\n .spw-button__inner-text {\n gap: 6px;\n }\n &.spw-button--is-icon-only {\n width: 35px;\n }\n }\n\n &--small,\n &--medium,\n &--large {\n &.spw-button--tertiary {\n padding: 4px;\n }\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'spw-button',\n styleUrl: 'spw-button.scss',\n shadow: true,\n})\nexport class SpwButton {\n @Element() el: HTMLSpwButtonElement;\n\n /* Spécifie le lien si nécessaire /\n @Prop() href?: string;\n /* Attribut target, s'applique uniquement si href est rempli /\n @Prop() target?: string = '_self';\n /* Remplit l'attribut rel /\n @Prop() rel?: string;\n /* Permet de télécharger un fichier au lieu de naviguer vers le lien /\n @Prop() download?: string;\n /* Nom du bouton /\n @Prop() name?: string = '';\n /* Valeur du bouton /\n @Prop() value?: string \| number = '';\n /* Type du bouton /\n @Prop() type?: 'button' \| 'submit' \| 'reset' = 'button';\n\n /* Permet de sélectionner une variante du bouton /\n @Prop() variant?: 'primary' \| 'secondary' \| 'tertiary' = 'primary';\n /* Permet de choisir la surface d'arrière-plan du bouton /\n @Prop() surface?: 'default' \| 'dark' \| 'light' \| 'primary' = 'default';\n /* Si désactivé, le bouton n'est pas utilisable /\n @Prop() disabled?: boolean = false;\n /* Permet de spécifier la taille du bouton /\n @Prop() size?: 'large' \| 'medium' \| 'small' = 'medium';\n\n /* Remplit l'attribut aria-label, utilisé à des fins d'accessibilité /\n @Prop() accAriaLabel?: string;\n\n /* Si rempli, vous pouvez utiliser une référence d'icône font-awesome /\n @Prop() isIconOnly?: boolean = false;\n /* Si rempli, vous pouvez utiliser une référence d'icône font-awesome /\n @Prop() icon?: string;\n /* Position de l'icône à l'intérieur du bouton /\n @Prop() iconPosition?: 'left' \| 'right';\n\n /* Si vrai, le bouton prend toute la largeur /\n @Prop() isFullWidth?: boolean = false;\n /* Si vrai, le bouton prend toute la largeur en mobile /\n @Prop({ reflect: true }) isFullWidthMobile?: boolean = true;\n\n /* Affiche un état de chargement, désactive le bouton /\n @Prop() isLoading?: boolean = false;\n\n /* Lors du focus /\n @Event() spwFocus: EventEmitter<void>;\n /* Lors de la perte du focus /\n @Event() spwBlur: EventEmitter<void>;\n /* Navigation vers un lien lors du clic /\n @Event() spwNavigate: EventEmitter<MouseEvent>;\n\n private onFocus = () => {\n this.spwFocus.emit();\n };\n\n private onBlur = () => {\n this.spwBlur.emit();\n };\n\n private resetFormInputs() {\n const form = this.el.closest('form');\n if (!form) return;\n\n const spwInputs = form.querySelectorAll('spw-input');\n spwInputs.forEach(spwInput => {\n const input = spwInput.shadowRoot.querySelector('input');\n if (input) {\n input.value = '';\n }\n });\n }\n\n private onClick = (ev: MouseEvent) => {\n if (this.disabled \|\| this.isLoading) {\n ev.preventDefault();\n return;\n }\n\n if (this.type === 'reset') {\n ev.preventDefault();\n this.resetFormInputs();\n return;\n }\n\n if (this.type === 'submit' && !this.disabled) {\n const form = this.el.closest('form');\n if (form) {\n ev.preventDefault();\n form.requestSubmit();\n return;\n }\n }\n\n if (this.href !== undefined) {\n this.spwNavigate.emit(ev);\n }\n };\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-button': true,\n [`spw-button--${this.variant}`]: true,\n [`spw-button--surface-${this.surface}`]: true,\n [`spw-button--${this.size}`]: true,\n [`spw-button--is-icon-only`]: this.isIconOnly,\n [`spw-button--fullwidth`]: this.isFullWidth,\n [`spw-button--fullwidth-mobile`]: this.isFullWidthMobile,\n [`spw-button--loading`]: this.isLoading,\n };\n }\n\n render() {\n const { type, download, href, rel, target, name, value } = this;\n const TagType = this.href === undefined ? 'button' : 'a';\n const attrs =\n TagType === 'button'\n ? { type: type, name, value }\n : {\n download,\n href,\n rel,\n target,\n };\n\n const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;\n const iconClass = `spw-icon--${iconPosition}`;\n const iconElement = this.icon ? <spw-icon class={iconClass} icon={this.icon}></spw-icon> : null;\n\n const isDisabled = this.disabled;\n\n const ariaAttributes = {\n 'aria-label': this?.accAriaLabel,\n 'aria-disabled': isDisabled ? 'true' : null,\n };\n\n return (\n <TagType {...attrs} class={this.elementClass} disabled={isDisabled} onFocus={this.onFocus} onBlur={this.onBlur} onClick={this.onClick} {...ariaAttributes}>\n <div class=\"spw-button__inner\">\n <div class=\"spw-button__inner-text\">\n {iconPosition === 'left' && iconElement}\n {!this.isIconOnly && <slot></slot>}\n {iconPosition === 'right' && iconElement}\n </div>\n </div>\n <spw-loading text=\"\"></spw-loading>\n </TagType>\n );\n }\n}\n",":host {\n display: block;\n --spw-loading-border-color: var(--spw-color-themes-grey-grey-200);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n}\n\n.spw-loading {\n display: flex;\n &__spinner {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 4px solid var(--spw-loading-border-color);\n border-top-color: var(--spw-loading-spinner-color);\n animation: loading 1s linear infinite;\n }\n @keyframes loading {\n to {\n transform: rotate(360deg);\n }\n }\n &__text {\n margin-left: 8px;\n color: var(--spw-color-themes-grey-grey-800);\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'spw-loading',\n styleUrl: 'spw-loading.scss',\n shadow: true,\n})\nexport class SpwLoading {\n /* Permet de spécifier un texte de chargement */\n @Prop() text?: string = 'Chargement...';\n\n render() {\n return (\n <Host>\n <div class=\"spw-loading\">\n <div class=\"spw-loading__spinner\"></div>\n {this.text && <p class=\"spw-loading__text\">{this.text}</p>}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/spw-field-label.spw-group.spw-icon.spw-link.spw-separator.spw-theme-provider.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spw-field-label.spw-group.spw-icon.spw-link.spw-separator.spw-theme-provider.entry.cjs.js","sources":["src/components/spw-field-label/spw-field-label.scss?tag=spw-field-label&encapsulation=shadow","src/components/spw-field-label/spw-field-label.tsx","src/components/spw-group/spw-group.scss?tag=spw-group","src/components/spw-group/spw-group.tsx","src/components/spw-icon/spw-icon.scss?tag=spw-icon&encapsulation=shadow","src/components/spw-icon/spw-icon.tsx","src/components/spw-link/spw-link.scss?tag=spw-link&encapsulation=shadow","src/components/spw-link/spw-link.tsx","src/components/spw-separator/spw-separator.scss?tag=spw-separator&encapsulation=shadow","src/components/spw-separator/spw-separator.tsx","src/themes/rouge.css","src/themes/bleu.css","src/themes/bleu-clair.css","src/themes/vert.css","src/themes/vert-leger.css","src/themes/turquoise.css","src/themes/orange.css","src/themes/indigo.css","src/themes/mauve.css","src/themes/gris.css","src/themes/themes.ts","src/components/spw-theme-provider/spw-theme-provider.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-field-label {\n color: var(--spw-color-themes-grey-grey-800);\n display: block;\n font-weight: 600;\n @apply spw-tw-mb-2;\n &__required {\n color: var(--spw-ds-primary);\n }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-field-label',\n styleUrl: 'spw-field-label.scss',\n shadow: true,\n})\nexport class SpwFieldLabel {\n /** L'attribut id de l'élément input /\n @Prop() name: string;\n /* Texte à afficher au-dessus du champ de saisie /\n @Prop() label?: string = '';\n /* Indique si le champ est requis /\n @Prop() required?: boolean = false;\n\n @Element() el: HTMLSpwFieldLabelElement;\n\n private handleClick = () => {\n const rootNode = this.el.getRootNode() as ShadowRoot \| Document;\n const targetElement = rootNode.getElementById(this.name);\n\n if (targetElement) {\n (targetElement as HTMLElement).focus();\n }\n };\n\n render() {\n return (\n <Host>\n <label class=\"spw-field-label\" htmlFor={this.name} onClick={this.handleClick}>\n {this.label} {this.required && <span class=\"spw-field-label__required\"></span>}\n </label>\n </Host>\n );\n }\n}\n",":host {\n display: block;\n width: 100%;\n}\n\n.spw-group {\n spw-button:not[is-fullwidth-mobile='false'] {\n display: block;\n width: 100%;\n @include breakpoint(md) {\n display: initial;\n width: auto;\n }\n }\n\n &__container {\n display: flex;\n width: fit-content;\n\n .spw-group--is-full-width & {\n width: 100% !important;\n }\n\n @include breakpoint(md) {\n align-items: center;\n }\n .spw-group--buttons & {\n gap: 12px;\n width: 100%;\n @include breakpoint(md) {\n width: fit-content;\n }\n }\n .spw-group--checkboxes &,\n .spw-group--radios & {\n gap: 16px;\n }\n .spw-group--checkboxes.spw-group--horizontal &,\n .spw-group--radios.spw-group--horizontal & {\n gap: 16px;\n @include breakpoint(md) {\n gap: 24px;\n }\n }\n .spw-group--buttons.spw-group--align-right.spw-group--horizontal & {\n flex-direction: column;\n @include breakpoint(md) {\n flex-direction: row-reverse;\n }\n }\n .spw-group--buttons.spw-group--align-left.spw-group--horizontal.spw-group--reversed & {\n flex-direction: column-reverse;\n @include breakpoint(md) {\n flex-direction: row;\n }\n }\n }\n\n &--align-left {\n .spw-group__container {\n margin-right: auto;\n }\n }\n\n &--align-center {\n .spw-group__container {\n margin-left: auto;\n margin-right: auto;\n }\n }\n\n &--align-right {\n .spw-group__container {\n margin-left: auto;\n }\n }\n\n &--vertical {\n .spw-group__container {\n flex-direction: column;\n align-items: flex-start;\n\n .spw-group--align-center & {\n align-items: center;\n }\n\n .spw-group--align-right & {\n align-items: flex-end;\n }\n }\n }\n\n &--horizontal {\n .spw-group__container {\n flex-direction: column;\n @include breakpoint(md) {\n flex-direction: row;\n }\n }\n }\n\n &--disabled {\n opacity: 0.5;\n pointer-events: none;\n }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-group',\n styleUrl: 'spw-group.scss',\n shadow: false,\n})\nexport class SpwGroup {\n @Element() host: HTMLSpwGroupElement;\n\n /** Type d'éléments contenus dans le groupe (buttons, checkboxes, radios) /\n @Prop() type: 'buttons' \| 'checkboxes' \| 'radios' = 'buttons';\n /* Orientation du groupe (horizontal ou vertical) /\n @Prop() orientation: 'horizontal' \| 'vertical' = 'horizontal';\n /* Alignement horizontal du groupe /\n @Prop() alignment: 'left' \| 'center' \| 'right' = 'left';\n /* Détermine si le groupe est désactivé /\n @Prop() disabled: boolean = false;\n /* Texte à afficher au-dessus de l'élément de formulaire /\n @Prop() label: string = '';\n /* Si `true`, le label comporte une astérisque /\n @Prop() required?: boolean;\n /* Si `true`, l'ordre des boutons est inversé en mobile (uniquement valable en cas d'alignement left) /\n @Prop() isReversed?: boolean = false;\n /* Attribut `name` de l'élément input /\n @Prop() name: string;\n /* Si vrai, le groupe prend toute la largeur /\n @Prop() isFullWidth?: boolean = false;\n\n private slotEl: HTMLSlotElement;\n\n componentDidLoad() {\n this.handleSlotChange();\n }\n\n private handleSlotChange = () => {\n const elements = this.slotEl?.assignedElements ? this.slotEl.assignedElements() : Array.from(this.host.querySelectorAll(''));\n\n elements.forEach(element => {\n if (this.disabled) {\n element.setAttribute('disabled', '');\n } else {\n element.removeAttribute('disabled');\n }\n });\n };\n\n private get groupClasses(): { [key: string]: boolean } {\n return {\n 'spw-group': true,\n 'spw-group--horizontal': this.orientation === 'horizontal',\n 'spw-group--vertical': this.orientation === 'vertical',\n 'spw-group--reversed': this.isReversed,\n 'spw-group--disabled': this.disabled,\n 'spw-group--is-full-width': this.isFullWidth,\n [`spw-group--${this.type}`]: true,\n [`spw-group--align-${this.alignment}`]: true,\n };\n }\n\n render() {\n return (\n <Host>\n <div class={this.groupClasses}>\n {this.label && <spw-field-label class=\"spw-tw-mb-3\" label={this.label} name={this.name} required={this.required}></spw-field-label>}\n <div class=\"spw-group__container\">\n <slot ref={el => (this.slotEl = el as HTMLSlotElement)}></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n","@import url('./assets/fontawesome/css/all.min.css');\n\n:host {\n line-height: 1;\n}\n\n.spw-icon.fa-solid,\n.spw-icon.fa-solid:before {\n font-family: var(--spw-ds-font-icons-solid);\n}\n\n.spw-icon.fa-brands,\n.spw-icon.fa-brands:before {\n font-family: var(--spw-ds-font-icons-brands);\n}\n\n.spw-icon.fa-regular,\n.spw-icon.fa-regular:before {\n font-weight: 400;\n font-family: var(--spw-ds-font-icons-solid);\n}\n\n.spw-icon {\n font-size: inherit;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-icon',\n styleUrl: 'spw-icon.scss',\n shadow: true,\n assetsDirs: ['assets'],\n})\nexport class SpwIcon {\n /** Permet de spécifier une référence d'icône Font Awesome /\n @Prop() icon: string;\n /* Permet de spécifier une variante de Font Awesome /\n @Prop() variant: 'fa-solid' \| 'fa-brands' \| 'fa-regular' = 'fa-solid';\n\n render() {\n const iconClassName = `spw-icon ${this.variant} ${this.icon}`;\n return <i class={iconClassName}></i>;\n }\n}\n",":host {\n display: inline;\n --spw-link-color: var(--spw-ds-primary);\n --spw-link-hover-color: var(--spw-ds-variant);\n --spw-link-active-color: var(--spw-ds-active);\n --spw-link-font-weight: 700;\n --spw-link-padding: 6px;\n}\n\n.spw-link {\n display: inline;\n text-decoration: none;\n cursor: pointer;\n color: var(--spw-link-color);\n border-radius: 4px;\n font-weight: var(--spw-link-font-weight);\n &--surface-dark {\n color: var(--spw-ds-white);\n }\n\n &__inner {\n display: inline;\n overflow-wrap: break-word;\n border-bottom: 1px solid var(--spw-link-color);\n .spw-link--surface-dark & {\n border-bottom: 1px solid var(--spw-ds-white);\n }\n }\n\n &:focus-visible {\n outline-offset: 2px;\n outline: 3px solid black;\n }\n\n &:hover {\n color: var(--spw-link-hover-color);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-link-hover-color);\n }\n }\n\n &:active {\n color: var(--spw-link-active-color);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-link-active-color);\n }\n }\n\n &[aria-disabled='true'] {\n pointer-events: none;\n color: var(--spw-color-themes-grey-grey-600);\n cursor: not-allowed;\n }\n\n &--surface-dark {\n &:hover {\n color: var(--spw-ds-white);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-ds-white);\n }\n }\n\n &:active {\n color: var(--spw-ds-white);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-ds-white);\n }\n }\n\n &[aria-disabled='true'] {\n color: var(--spw-ds-white);\n opacity: 0.5;\n }\n }\n\n &--has-icon-right spw-icon {\n margin-left: var(--spw-link-padding);\n margin-right: 4px;\n }\n\n &--has-icon-left spw-icon {\n margin-left: 4px;\n margin-right: var(--spw-link-padding);\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'spw-link',\n styleUrl: 'spw-link.scss',\n shadow: true,\n})\nexport class SpwLink {\n @Element() el: HTMLSpwLinkElement;\n\n /* Spécifie le lien href /\n @Prop() href: string;\n /* Attribut target (détermine où ouvrir le lien) /\n @Prop() target?: string = '_self';\n /* Remplit l'attribut rel /\n @Prop() rel?: string;\n /* Si rempli, permet d'utiliser une référence d'icône font-awesome /\n @Prop() icon?: string;\n /* Position de l'icône à l'intérieur du lien (gauche ou droite) /\n @Prop() iconPosition?: 'left' \| 'right' = 'right';\n /* Si désactivé, le lien n'est pas cliquable /\n @Prop() disabled?: boolean = false;\n /* Remplit l'attribut aria-label, utilisé à des fins d'accessibilité /\n @Prop() accAriaLabel?: string;\n /* Permet de choisir la surface d'arrière-plan du lien /\n @Prop() surface?: 'light' \| 'dark' = 'light';\n\n /* Événement déclenché lors du clic sur le lien /\n @Event() spwClick: EventEmitter<MouseEvent>;\n\n private onClick = (ev: MouseEvent) => {\n if (this.disabled) {\n ev.preventDefault();\n return;\n }\n this.spwClick.emit(ev);\n };\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-link': true,\n 'spw-link--has-icon-right': this.icon && this.iconPosition === 'right',\n 'spw-link--has-icon-left': this.icon && this.iconPosition === 'left',\n [`spw-link--surface-${this.surface}`]: true,\n 'spw-link--has-icon': !!this.icon,\n };\n }\n\n render() {\n const { href, rel, target, icon, iconPosition, accAriaLabel, disabled } = this;\n const ariaAttributes = {\n 'aria-label': accAriaLabel,\n 'aria-disabled': disabled ? 'true' : null,\n };\n\n const iconClass = `spw-icon--${iconPosition}`;\n const iconElement = icon ? <spw-icon class={iconClass} icon={icon}></spw-icon> : null;\n\n return (\n <a href={disabled ? undefined : href} rel={rel} target={target} class={this.elementClass} onClick={this.onClick} {...ariaAttributes}>\n {iconPosition === 'left' && iconElement}\n <div class=\"spw-link__inner\">\n <slot></slot>\n </div>\n {iconPosition === 'right' && iconElement}\n </a>\n );\n }\n}\n",":host {\n display: block;\n}\n\n.spw-separator {\n display: block;\n border-width: 1px;\n\n &--horizontal {\n border-bottom-style: solid;\n width: auto;\n height: 0;\n }\n\n &--vertical {\n border-right-style: solid;\n width: 0;\n height: auto;\n }\n\n &--dark {\n border-color: var(--spw-colors-support-grey-grey-300);\n }\n\n &--light {\n border-color: var(--spw-ds-white);\n }\n\n &--thickness-1 {\n border-width: 1px;\n }\n\n &--thickness-2 {\n border-width: 2px;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-separator',\n styleUrl: 'spw-separator.scss',\n shadow: true,\n})\nexport class SpwSeparator {\n /* Permet de choisir la surface du séparateur (clair ou sombre) /\n @Prop() surface: 'dark' \| 'light' = 'dark';\n\n /* Permet de définir la direction du séparateur /\n @Prop() direction: 'vertical' \| 'horizontal' = 'horizontal';\n\n /* Définit l'épaisseur du séparateur /\n @Prop() thickness: 1 \| 2 = 1;\n\n /* Largeur du séparateur (par défaut 100% si non spécifié) /\n @Prop() width: string = '100%';\n\n /* Hauteur du séparateur (par défaut 100% si non spécifié) /\n @Prop() height: string = '100%';\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-separator': true,\n [`spw-separator--${this.surface}`]: true,\n [`spw-separator--${this.direction}`]: true,\n [`spw-separator--thickness-${this.thickness}`]: true,\n };\n }\n\n private get style(): { [key: string]: string } {\n return {\n width: this.direction === 'horizontal' ? `${this.width}px` : `${this.thickness}px`,\n height: this.direction === 'vertical' ? `${this.height}px` : `${this.thickness}px`,\n };\n }\n\n render() {\n return <div class={this.elementClass} style={this.style}></div>;\n }\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-red-red-500);\n --spw-ds-variant: var(--spw-color-themes-red-red-700);\n --spw-ds-active: var(--spw-color-themes-red-red-800);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-red-red-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-red-red-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-red-red-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-red-red-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-blue-blue-500);\n --spw-ds-variant: var(--spw-color-themes-blue-blue-700);\n --spw-ds-active: var(--spw-color-themes-blue-blue-800);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-blue-blue-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-blue-blue-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-blue-blue-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-blue-blue-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-light-blue-light-blue-600);\n --spw-ds-variant: var(--spw-color-themes-light-blue-light-blue-800);\n --spw-ds-active: var(--spw-color-themes-light-blue-light-blue-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-light-blue-light-blue-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-light-blue-light-blue-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-light-blue-light-blue-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-light-blue-light-blue-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-green-green-700);\n --spw-ds-variant: var(--spw-color-themes-green-green-800);\n --spw-ds-active: var(--spw-color-themes-green-green-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-green-green-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-green-green-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-green-green-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-green-green-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-light-green-light-green-700);\n --spw-ds-variant: var(--spw-color-themes-light-green-light-green-800);\n --spw-ds-active: var(--spw-color-themes-light-green-light-green-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-light-green-light-green-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-light-green-light-green-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-light-green-light-green-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-light-green-light-green-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-teal-teal-700);\n --spw-ds-variant: var(--spw-color-themes-teal-teal-800);\n --spw-ds-active: var(--spw-color-themes-teal-teal-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-teal-teal-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-teal-teal-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-teal-teal-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-teal-teal-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-orange-orange-700);\n --spw-ds-variant: var(--spw-color-themes-orange-orange-800);\n --spw-ds-active: var(--spw-color-themes-orange-orange-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-orange-orange-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-orange-orange-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-orange-orange-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-orange-orange-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-indigo-indigo-700);\n --spw-ds-variant: var(--spw-color-themes-indigo-indigo-800);\n --spw-ds-active: var(--spw-color-themes-indigo-indigo-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-indigo-indigo-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-indigo-indigo-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-indigo-indigo-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-indigo-indigo-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-purple-purple-500);\n --spw-ds-variant: var(--spw-color-themes-purple-purple-800);\n --spw-ds-active: var(--spw-color-themes-purple-purple-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-purple-purple-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-purple-purple-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-purple-purple-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-purple-purple-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-grey-grey-500);\n --spw-ds-variant: var(--spw-color-themes-grey-grey-800);\n --spw-ds-active: var(--spw-color-themes-grey-grey-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-grey-grey-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-grey-grey-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-grey-grey-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-grey-grey-800);\n}\n","import rougeTheme from './rouge.css';\nimport bleuTheme from './bleu.css';\nimport bleuClairTheme from './bleu-clair.css';\nimport vertTheme from './vert.css';\nimport vertLegerTheme from './vert-leger.css';\nimport turquoiseTheme from './turquoise.css';\nimport orangeTheme from './orange.css';\nimport indigoTheme from './indigo.css';\nimport mauveTheme from './mauve.css';\nimport grisTheme from './gris.css';\n\nexport const themes = {\n rouge: rougeTheme,\n bleu: bleuTheme,\n bleuClair: bleuClairTheme,\n vert: vertTheme,\n vertLeger: vertLegerTheme,\n orange: orangeTheme,\n turquoise: turquoiseTheme,\n indigo: indigoTheme,\n mauve: mauveTheme,\n gris: grisTheme,\n};\n\nexport type SpwTheme = keyof typeof themes;\n","import { Component, Prop, h, Element } from '@stencil/core';\nimport { themes, SpwTheme } from '@themes/themes';\n\n@Component({\n tag: 'spw-theme-provider',\n shadow: false,\n})\nexport class SpwThemeProvider {\n /* Définit le thème employé, conditionne les tokens associés au thème */\n @Prop() theme: SpwTheme = 'rouge';\n\n @Element() el: HTMLSpwThemeProviderElement;\n\n componentWillLoad() {\n this.applyTheme(this.theme);\n }\n\n componentWillUpdate() {\n this.applyTheme(this.theme);\n }\n\n private applyTheme(theme: SpwTheme) {\n const styleId = 'theme-styles';\n let styleElement = document.getElementById(styleId) as HTMLStyleElement;\n\n if (!styleElement) {\n styleElement = document.createElement('style');\n styleElement.id = styleId;\n document.head.appendChild(styleElement);\n }\n\n const css = themes[theme];\n styleElement.innerHTML = css;\n\n document.documentElement.setAttribute('data-theme', theme);\n }\n\n render() {\n return (\n <main class={`spw-theme-${this.theme}`}>\n <slot />\n </main>\n );\n }\n}\n"],"names":["h","Host","rougeTheme","bleuTheme","bleuClairTheme","vertTheme","vertLegerTheme","orangeTheme","turquoiseTheme","indigoTheme","mauveTheme","grisTheme"],"mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,wjGAAwjG;;MCOpkG,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AASU,QAAA,IAAK,CAAA,KAAA,GAAY,EAAE;;AAEnB,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAI1B,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;YACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,EAA2B;YAC/D,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;YAExD,IAAI,aAAa,EAAE;gBAChB,aAA6B,CAAC,KAAK,EAAE;;AAE1C,SAAC;AAWF;IATC,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EACzE,IAAI,CAAC,KAAK,OAAG,IAAI,CAAC,QAAQ,IAAIA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAS,EAAA,GAAA,CAAA,CACzE,CACH;;;;;;AChCb,MAAM,WAAW,GAAG,svJAAsvJ;;MCO7vJ,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AASU,QAAA,IAAI,CAAA,IAAA,GAAwC,SAAS;;AAErD,QAAA,IAAW,CAAA,WAAA,GAA8B,YAAY;;AAErD,QAAA,IAAS,CAAA,SAAA,GAAgC,MAAM;;AAE/C,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;AAEzB,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;;AAIlB,QAAA,IAAU,CAAA,UAAA,GAAa,KAAK;;AAI5B,QAAA,IAAW,CAAA,WAAA,GAAa,KAAK;AAQ7B,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;;YAC9B,MAAM,QAAQ,GAAG,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,gBAAgB,IAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;AAE7H,YAAA,QAAQ,CAAC,OAAO,CAAC,OAAO,IAAG;AACzB,gBAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,oBAAA,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC;;qBAC/B;AACL,oBAAA,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC;;AAEvC,aAAC,CAAC;AACJ,SAAC;AA2BF;IAzCC,gBAAgB,GAAA;QACd,IAAI,CAAC,gBAAgB,EAAE;;AAezB,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,uBAAuB,EAAE,IAAI,CAAC,WAAW,KAAK,YAAY;AAC1D,YAAA,qBAAqB,EAAE,IAAI,CAAC,WAAW,KAAK,UAAU;YACtD,qBAAqB,EAAE,IAAI,CAAC,UAAU;YACtC,qBAAqB,EAAE,IAAI,CAAC,QAAQ;YACpC,0BAA0B,EAAE,IAAI,CAAC,WAAW;AAC5C,YAAA,CAAC,cAAc,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;AACjC,YAAA,CAAC,oBAAoB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;SAC7C;;IAGH,MAAM,GAAA;QACJ,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAA,EAC1B,IAAI,CAAC,KAAK,IAAIA,OAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAoB,CAAA,EACnIA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,MAAM,GAAG,EAAqB,CAAC,EAAA,CAAS,CAC3D,CACF,CACD;;;;;;ACrEb,MAAM,UAAU,GAAG,qmuKAAqmuK;;MCQ3muK,OAAO,GAAA,MAAA;AANpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAUU,QAAA,IAAO,CAAA,OAAA,GAA4C,UAAU;AAMtE;IAJC,MAAM,GAAA;QACJ,MAAM,aAAa,GAAG,CAAA,SAAA,EAAY,IAAI,CAAC,OAAO,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAA,CAAE;AAC7D,QAAA,OAAOA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,aAAa,GAAM;;;;;;AChBxC,MAAM,UAAU,GAAG,8mIAA8mI;;MCOpnI,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAWU,QAAA,IAAM,CAAA,MAAA,GAAY,OAAO;;AAMzB,QAAA,IAAY,CAAA,YAAA,GAAsB,OAAO;;AAEzC,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;;AAI1B,QAAA,IAAO,CAAA,OAAA,GAAsB,OAAO;AAKpC,QAAA,IAAA,CAAA,OAAO,GAAG,CAAC,EAAc,KAAI;AACnC,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,EAAE,CAAC,cAAc,EAAE;gBACnB;;AAEF,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;AACxB,SAAC;AAgCF;AA9BC,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,UAAU,EAAE,IAAI;YAChB,0BAA0B,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO;YACtE,yBAAyB,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,MAAM;AACpE,YAAA,CAAC,qBAAqB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AAC3C,YAAA,oBAAoB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SAClC;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,IAAI;AAC9E,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,YAAY,EAAE,YAAY;YAC1B,eAAe,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI;SAC1C;AAED,QAAA,MAAM,SAAS,GAAG,CAAa,UAAA,EAAA,YAAY,EAAE;QAC7C,MAAM,WAAW,GAAG,IAAI,GAAGA,sBAAU,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAA,CAAa,GAAG,IAAI;AAErF,QAAA,QACEA,OAAA,CAAA,GAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAAM,cAAc,CAAA,EAChI,YAAY,KAAK,MAAM,IAAI,WAAW,EACvCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACL,YAAY,KAAK,OAAO,IAAI,WAAW,CACtC;;;;;;ACjEV,MAAM,eAAe,GAAG,o+FAAo+F;;MCO/+F,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAO,CAAA,OAAA,GAAqB,MAAM;;AAGlC,QAAA,IAAS,CAAA,SAAA,GAA8B,YAAY;;AAGnD,QAAA,IAAS,CAAA,SAAA,GAAU,CAAC;;AAGpB,QAAA,IAAK,CAAA,KAAA,GAAW,MAAM;;AAGtB,QAAA,IAAM,CAAA,MAAA,GAAW,MAAM;AAqBhC;AAnBC,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,eAAe,EAAE,IAAI;AACrB,YAAA,CAAC,kBAAkB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACxC,YAAA,CAAC,kBAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;AAC1C,YAAA,CAAC,4BAA4B,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;SACrD;;AAGH,IAAA,IAAY,KAAK,GAAA;QACf,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,SAAS,KAAK,YAAY,GAAG,CAAA,EAAG,IAAI,CAAC,KAAK,IAAI,GAAG,CAAG,EAAA,IAAI,CAAC,SAAS,CAAI,EAAA,CAAA;YAClF,MAAM,EAAE,IAAI,CAAC,SAAS,KAAK,UAAU,GAAG,CAAA,EAAG,IAAI,CAAC,MAAM,IAAI,GAAG,CAAG,EAAA,IAAI,CAAC,SAAS,CAAI,EAAA,CAAA;SACnF;;IAGH,MAAM,GAAA;QACJ,OAAOA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAQ;;;;;ACxCnE,MAAM,QAAQ,GAAG,2rBAA2rB;;ACA5sB,MAAM,OAAO,GAAG,ysBAAysB;;ACAztB,MAAM,YAAY,GAAG,6xBAA6xB;;ACAlzB,MAAM,OAAO,GAAG,utBAAutB;;ACAvuB,MAAM,YAAY,GAAG,2yBAA2yB;;ACAh0B,MAAM,YAAY,GAAG,ysBAAysB;;ACA9tB,MAAM,SAAS,GAAG,quBAAquB;;ACAvvB,MAAM,SAAS,GAAG,quBAAquB;;ACAvvB,MAAM,QAAQ,GAAG,quBAAquB;;ACAtvB,MAAM,OAAO,GAAG,ysBAAysB;;ACWltB,MAAM,MAAM,GAAG;AACpB,IAAA,KAAK,EAAEE,QAAU;AACjB,IAAA,IAAI,EAAEC,OAAS;AACf,IAAA,SAAS,EAAEC,YAAc;AACzB,IAAA,IAAI,EAAEC,OAAS;AACf,IAAA,SAAS,EAAEC,YAAc;AACzB,IAAA,MAAM,EAAEC,SAAW;AACnB,IAAA,SAAS,EAAEC,YAAc;AACzB,IAAA,MAAM,EAAEC,SAAW;AACnB,IAAA,KAAK,EAAEC,QAAU;AACjB,IAAA,IAAI,EAAEC,OAAS;CAChB;;MCfY,gBAAgB,GAAA,MAAA;AAJ7B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAa,OAAO;AAmClC;IA/BC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG7B,mBAAmB,GAAA;AACjB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGrB,IAAA,UAAU,CAAC,KAAe,EAAA;QAChC,MAAM,OAAO,GAAG,cAAc;QAC9B,IAAI,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAqB;QAEvE,IAAI,CAAC,YAAY,EAAE;AACjB,YAAA,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC9C,YAAA,YAAY,CAAC,EAAE,GAAG,OAAO;AACzB,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC;;AAGzC,QAAA,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC;AACzB,QAAA,YAAY,CAAC,SAAS,GAAG,GAAG;QAE5B,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC;;IAG5D,MAAM,GAAA;AACJ,QAAA,QACEX,mEAAM,KAAK,EAAE,aAAa,IAAI,CAAC,KAAK,CAAA,CAAE,EAAA,EACpCA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;"}
1	+ {"version":3,"file":"spw-field-label.spw-group.spw-icon.spw-link.spw-separator.spw-theme-provider.entry.cjs.js","sources":["src/components/spw-field-label/spw-field-label.scss?tag=spw-field-label&encapsulation=shadow","src/components/spw-field-label/spw-field-label.tsx","src/components/spw-group/spw-group.scss?tag=spw-group","src/components/spw-group/spw-group.tsx","src/components/spw-icon/spw-icon.scss?tag=spw-icon&encapsulation=shadow","src/components/spw-icon/spw-icon.tsx","src/components/spw-link/spw-link.scss?tag=spw-link&encapsulation=shadow","src/components/spw-link/spw-link.tsx","src/components/spw-separator/spw-separator.scss?tag=spw-separator&encapsulation=shadow","src/components/spw-separator/spw-separator.tsx","src/themes/rouge.css","src/themes/bleu.css","src/themes/bleu-clair.css","src/themes/vert.css","src/themes/vert-leger.css","src/themes/turquoise.css","src/themes/orange.css","src/themes/indigo.css","src/themes/mauve.css","src/themes/gris.css","src/themes/themes.ts","src/components/spw-theme-provider/spw-theme-provider.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-field-label {\n color: var(--spw-color-themes-grey-grey-800);\n display: block;\n font-weight: 600;\n @apply spw-tw-mb-2;\n &__required {\n color: var(--spw-ds-primary);\n }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-field-label',\n styleUrl: 'spw-field-label.scss',\n shadow: true,\n})\nexport class SpwFieldLabel {\n /** L'attribut id de l'élément input /\n @Prop() name: string;\n /* Texte à afficher au-dessus du champ de saisie /\n @Prop() label?: string = '';\n /* Indique si le champ est requis /\n @Prop() required?: boolean = false;\n\n @Element() el: HTMLSpwFieldLabelElement;\n\n private handleClick = () => {\n const rootNode = this.el.getRootNode() as ShadowRoot \| Document;\n const targetElement = rootNode.getElementById(this.name);\n\n if (targetElement) {\n (targetElement as HTMLElement).focus();\n }\n };\n\n render() {\n return (\n <Host>\n <label class=\"spw-field-label\" htmlFor={this.name} onClick={this.handleClick}>\n {this.label} {this.required && <span class=\"spw-field-label__required\"></span>}\n </label>\n </Host>\n );\n }\n}\n",":host {\n display: block;\n width: 100%;\n}\n\n.spw-group {\n spw-button:not[is-fullwidth-mobile='false'] {\n display: block;\n width: 100%;\n @include breakpoint(md) {\n display: initial;\n width: auto;\n }\n }\n\n &__container {\n display: flex;\n width: fit-content;\n\n .spw-group--is-full-width & {\n width: 100% !important;\n }\n\n @include breakpoint(md) {\n align-items: center;\n }\n .spw-group--buttons & {\n gap: 12px;\n width: 100%;\n @include breakpoint(md) {\n width: fit-content;\n }\n }\n .spw-group--checkboxes &,\n .spw-group--radios & {\n gap: 16px;\n }\n .spw-group--checkboxes.spw-group--horizontal &,\n .spw-group--radios.spw-group--horizontal & {\n gap: 16px;\n @include breakpoint(md) {\n gap: 24px;\n }\n }\n .spw-group--buttons.spw-group--align-right.spw-group--horizontal & {\n flex-direction: column;\n @include breakpoint(md) {\n flex-direction: row-reverse;\n }\n }\n .spw-group--buttons.spw-group--align-left.spw-group--horizontal.spw-group--reversed & {\n flex-direction: column-reverse;\n @include breakpoint(md) {\n flex-direction: row;\n }\n }\n }\n\n &--align-left {\n .spw-group__container {\n margin-right: auto;\n }\n }\n\n &--align-center {\n .spw-group__container {\n margin-left: auto;\n margin-right: auto;\n }\n }\n\n &--align-right {\n .spw-group__container {\n margin-left: auto;\n }\n }\n\n &--vertical {\n .spw-group__container {\n flex-direction: column;\n align-items: flex-start;\n\n .spw-group--align-center & {\n align-items: center;\n }\n\n .spw-group--align-right & {\n align-items: flex-end;\n }\n }\n }\n\n &--horizontal {\n .spw-group__container {\n flex-direction: column;\n @include breakpoint(md) {\n flex-direction: row;\n }\n }\n }\n\n &--disabled {\n opacity: 0.5;\n pointer-events: none;\n }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-group',\n styleUrl: 'spw-group.scss',\n shadow: false,\n})\nexport class SpwGroup {\n @Element() host: HTMLSpwGroupElement;\n\n /** Type d'éléments contenus dans le groupe (buttons, checkboxes, radios) /\n @Prop() type: 'buttons' \| 'checkboxes' \| 'radios' = 'buttons';\n /* Orientation du groupe (horizontal ou vertical) /\n @Prop() orientation: 'horizontal' \| 'vertical' = 'horizontal';\n /* Alignement horizontal du groupe /\n @Prop() alignment: 'left' \| 'center' \| 'right' = 'left';\n /* Détermine si le groupe est désactivé /\n @Prop() disabled: boolean = false;\n /* Texte à afficher au-dessus de l'élément de formulaire /\n @Prop() label: string = '';\n /* Si `true`, le label comporte une astérisque /\n @Prop() required?: boolean;\n /* Si `true`, l'ordre des boutons est inversé en mobile (uniquement valable en cas d'alignement left) /\n @Prop() isReversed?: boolean = false;\n /* Attribut `name` de l'élément input /\n @Prop() name: string;\n /* Si vrai, le groupe prend toute la largeur /\n @Prop() isFullWidth?: boolean = false;\n\n private slotEl: HTMLSlotElement;\n\n componentDidLoad() {\n this.handleSlotChange();\n }\n\n private handleSlotChange = () => {\n const elements = this.slotEl?.assignedElements ? this.slotEl.assignedElements() : Array.from(this.host.querySelectorAll(''));\n\n elements.forEach(element => {\n if (this.disabled) {\n element.setAttribute('disabled', '');\n } else {\n element.removeAttribute('disabled');\n }\n });\n };\n\n private get groupClasses(): { [key: string]: boolean } {\n return {\n 'spw-group': true,\n 'spw-group--horizontal': this.orientation === 'horizontal',\n 'spw-group--vertical': this.orientation === 'vertical',\n 'spw-group--reversed': this.isReversed,\n 'spw-group--disabled': this.disabled,\n 'spw-group--is-full-width': this.isFullWidth,\n [`spw-group--${this.type}`]: true,\n [`spw-group--align-${this.alignment}`]: true,\n };\n }\n\n render() {\n return (\n <Host>\n <div class={this.groupClasses}>\n {this.label && <spw-field-label class=\"spw-tw-mb-3\" label={this.label} name={this.name} required={this.required}></spw-field-label>}\n <div class=\"spw-group__container\">\n <slot ref={el => (this.slotEl = el as HTMLSlotElement)}></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n","@import url('./assets/fontawesome/css/all.min.css');\n\n:host {\n line-height: 1;\n}\n\n.spw-icon.fa-solid,\n.spw-icon.fa-solid:before {\n font-family: var(--spw-ds-font-icons-solid);\n}\n\n.spw-icon.fa-brands,\n.spw-icon.fa-brands:before {\n font-family: var(--spw-ds-font-icons-brands);\n}\n\n.spw-icon.fa-regular,\n.spw-icon.fa-regular:before {\n font-weight: 400;\n font-family: var(--spw-ds-font-icons-solid);\n}\n\n.spw-icon {\n font-size: inherit;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-icon',\n styleUrl: 'spw-icon.scss',\n shadow: true,\n assetsDirs: ['assets'],\n})\nexport class SpwIcon {\n /** Permet de spécifier une référence d'icône Font Awesome /\n @Prop() icon: string;\n /* Permet de spécifier une variante de Font Awesome /\n @Prop() variant: 'fa-solid' \| 'fa-brands' \| 'fa-regular' \| 'fa-light' = 'fa-solid';\n\n render() {\n const iconClassName = `spw-icon ${this.variant} ${this.icon}`;\n return <i class={iconClassName}></i>;\n }\n}\n",":host {\n display: inline;\n --spw-link-color: var(--spw-ds-primary);\n --spw-link-hover-color: var(--spw-ds-variant);\n --spw-link-active-color: var(--spw-ds-active);\n --spw-link-font-weight: 700;\n --spw-link-padding: 6px;\n}\n\n.spw-link {\n display: inline;\n text-decoration: none;\n cursor: pointer;\n color: var(--spw-link-color);\n border-radius: 4px;\n font-weight: var(--spw-link-font-weight);\n &--surface-dark {\n color: var(--spw-ds-white);\n }\n\n &__inner {\n display: inline;\n overflow-wrap: break-word;\n border-bottom: 1px solid var(--spw-link-color);\n .spw-link--surface-dark & {\n border-bottom: 1px solid var(--spw-ds-white);\n }\n }\n\n &:focus-visible {\n outline-offset: 2px;\n outline: 3px solid black;\n }\n\n &:hover {\n color: var(--spw-link-hover-color);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-link-hover-color);\n }\n }\n\n &:active {\n color: var(--spw-link-active-color);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-link-active-color);\n }\n }\n\n &[aria-disabled='true'] {\n pointer-events: none;\n color: var(--spw-color-themes-grey-grey-600);\n cursor: not-allowed;\n }\n\n &--surface-dark {\n &:hover {\n color: var(--spw-ds-white);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-ds-white);\n }\n }\n\n &:active {\n color: var(--spw-ds-white);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-ds-white);\n }\n }\n\n &[aria-disabled='true'] {\n color: var(--spw-ds-white);\n opacity: 0.5;\n }\n }\n\n &--has-icon-right spw-icon {\n margin-left: var(--spw-link-padding);\n margin-right: 4px;\n }\n\n &--has-icon-left spw-icon {\n margin-left: 4px;\n margin-right: var(--spw-link-padding);\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'spw-link',\n styleUrl: 'spw-link.scss',\n shadow: true,\n})\nexport class SpwLink {\n @Element() el: HTMLSpwLinkElement;\n\n /* Spécifie le lien href /\n @Prop() href: string;\n /* Attribut target (détermine où ouvrir le lien) /\n @Prop() target?: string = '_self';\n /* Remplit l'attribut rel /\n @Prop() rel?: string;\n /* Si rempli, permet d'utiliser une référence d'icône font-awesome /\n @Prop() icon?: string;\n /* Position de l'icône à l'intérieur du lien (gauche ou droite) /\n @Prop() iconPosition?: 'left' \| 'right' = 'right';\n /* Si désactivé, le lien n'est pas cliquable /\n @Prop() disabled?: boolean = false;\n /* Remplit l'attribut aria-label, utilisé à des fins d'accessibilité /\n @Prop() accAriaLabel?: string;\n /* Permet de choisir la surface d'arrière-plan du lien /\n @Prop() surface?: 'light' \| 'dark' = 'light';\n\n /* Événement déclenché lors du clic sur le lien /\n @Event() spwClick: EventEmitter<MouseEvent>;\n\n private onClick = (ev: MouseEvent) => {\n if (this.disabled) {\n ev.preventDefault();\n return;\n }\n this.spwClick.emit(ev);\n };\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-link': true,\n 'spw-link--has-icon-right': this.icon && this.iconPosition === 'right',\n 'spw-link--has-icon-left': this.icon && this.iconPosition === 'left',\n [`spw-link--surface-${this.surface}`]: true,\n 'spw-link--has-icon': !!this.icon,\n };\n }\n\n render() {\n const { href, rel, target, icon, iconPosition, accAriaLabel, disabled } = this;\n const ariaAttributes = {\n 'aria-label': accAriaLabel,\n 'aria-disabled': disabled ? 'true' : null,\n };\n\n const iconClass = `spw-icon--${iconPosition}`;\n const iconElement = icon ? <spw-icon class={iconClass} icon={icon}></spw-icon> : null;\n\n return (\n <a href={disabled ? undefined : href} rel={rel} target={target} class={this.elementClass} onClick={this.onClick} {...ariaAttributes}>\n {iconPosition === 'left' && iconElement}\n <div class=\"spw-link__inner\">\n <slot></slot>\n </div>\n {iconPosition === 'right' && iconElement}\n </a>\n );\n }\n}\n",":host {\n display: block;\n}\n\n.spw-separator {\n display: block;\n border-width: 1px;\n\n &--horizontal {\n border-bottom-style: solid;\n width: auto;\n height: 0;\n }\n\n &--vertical {\n border-right-style: solid;\n width: 0;\n height: auto;\n }\n\n &--dark {\n border-color: var(--spw-colors-support-grey-grey-300);\n }\n\n &--light {\n border-color: var(--spw-ds-white);\n }\n\n &--thickness-1 {\n border-width: 1px;\n }\n\n &--thickness-2 {\n border-width: 2px;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-separator',\n styleUrl: 'spw-separator.scss',\n shadow: true,\n})\nexport class SpwSeparator {\n /* Permet de choisir la surface du séparateur (clair ou sombre) /\n @Prop() surface: 'dark' \| 'light' = 'dark';\n\n /* Permet de définir la direction du séparateur /\n @Prop() direction: 'vertical' \| 'horizontal' = 'horizontal';\n\n /* Définit l'épaisseur du séparateur /\n @Prop() thickness: 1 \| 2 = 1;\n\n /* Largeur du séparateur (par défaut 100% si non spécifié) /\n @Prop() width: string = '100%';\n\n /* Hauteur du séparateur (par défaut 100% si non spécifié) /\n @Prop() height: string = '100%';\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-separator': true,\n [`spw-separator--${this.surface}`]: true,\n [`spw-separator--${this.direction}`]: true,\n [`spw-separator--thickness-${this.thickness}`]: true,\n };\n }\n\n private get style(): { [key: string]: string } {\n return {\n width: this.direction === 'horizontal' ? `${this.width}px` : `${this.thickness}px`,\n height: this.direction === 'vertical' ? `${this.height}px` : `${this.thickness}px`,\n };\n }\n\n render() {\n return <div class={this.elementClass} style={this.style}></div>;\n }\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-red-red-500);\n --spw-ds-variant: var(--spw-color-themes-red-red-700);\n --spw-ds-active: var(--spw-color-themes-red-red-800);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-red-red-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-red-red-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-red-red-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-red-red-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-blue-blue-500);\n --spw-ds-variant: var(--spw-color-themes-blue-blue-700);\n --spw-ds-active: var(--spw-color-themes-blue-blue-800);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-blue-blue-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-blue-blue-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-blue-blue-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-blue-blue-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-light-blue-light-blue-600);\n --spw-ds-variant: var(--spw-color-themes-light-blue-light-blue-800);\n --spw-ds-active: var(--spw-color-themes-light-blue-light-blue-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-light-blue-light-blue-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-light-blue-light-blue-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-light-blue-light-blue-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-light-blue-light-blue-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-green-green-700);\n --spw-ds-variant: var(--spw-color-themes-green-green-800);\n --spw-ds-active: var(--spw-color-themes-green-green-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-green-green-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-green-green-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-green-green-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-green-green-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-light-green-light-green-700);\n --spw-ds-variant: var(--spw-color-themes-light-green-light-green-800);\n --spw-ds-active: var(--spw-color-themes-light-green-light-green-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-light-green-light-green-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-light-green-light-green-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-light-green-light-green-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-light-green-light-green-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-teal-teal-700);\n --spw-ds-variant: var(--spw-color-themes-teal-teal-800);\n --spw-ds-active: var(--spw-color-themes-teal-teal-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-teal-teal-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-teal-teal-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-teal-teal-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-teal-teal-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-orange-orange-700);\n --spw-ds-variant: var(--spw-color-themes-orange-orange-800);\n --spw-ds-active: var(--spw-color-themes-orange-orange-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-orange-orange-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-orange-orange-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-orange-orange-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-orange-orange-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-indigo-indigo-700);\n --spw-ds-variant: var(--spw-color-themes-indigo-indigo-800);\n --spw-ds-active: var(--spw-color-themes-indigo-indigo-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-indigo-indigo-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-indigo-indigo-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-indigo-indigo-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-indigo-indigo-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-purple-purple-500);\n --spw-ds-variant: var(--spw-color-themes-purple-purple-800);\n --spw-ds-active: var(--spw-color-themes-purple-purple-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-purple-purple-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-purple-purple-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-purple-purple-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-purple-purple-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-grey-grey-500);\n --spw-ds-variant: var(--spw-color-themes-grey-grey-800);\n --spw-ds-active: var(--spw-color-themes-grey-grey-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-grey-grey-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-grey-grey-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-grey-grey-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-grey-grey-800);\n}\n","import rougeTheme from './rouge.css';\nimport bleuTheme from './bleu.css';\nimport bleuClairTheme from './bleu-clair.css';\nimport vertTheme from './vert.css';\nimport vertLegerTheme from './vert-leger.css';\nimport turquoiseTheme from './turquoise.css';\nimport orangeTheme from './orange.css';\nimport indigoTheme from './indigo.css';\nimport mauveTheme from './mauve.css';\nimport grisTheme from './gris.css';\n\nexport const themes = {\n rouge: rougeTheme,\n bleu: bleuTheme,\n bleuClair: bleuClairTheme,\n vert: vertTheme,\n vertLeger: vertLegerTheme,\n orange: orangeTheme,\n turquoise: turquoiseTheme,\n indigo: indigoTheme,\n mauve: mauveTheme,\n gris: grisTheme,\n};\n\nexport type SpwTheme = keyof typeof themes;\n","import { Component, Prop, h, Element } from '@stencil/core';\nimport { themes, SpwTheme } from '@themes/themes';\n\n@Component({\n tag: 'spw-theme-provider',\n shadow: false,\n})\nexport class SpwThemeProvider {\n /* Définit le thème employé, conditionne les tokens associés au thème */\n @Prop() theme: SpwTheme = 'rouge';\n\n @Element() el: HTMLSpwThemeProviderElement;\n\n componentWillLoad() {\n this.applyTheme(this.theme);\n }\n\n componentWillUpdate() {\n this.applyTheme(this.theme);\n }\n\n private applyTheme(theme: SpwTheme) {\n const styleId = 'theme-styles';\n let styleElement = document.getElementById(styleId) as HTMLStyleElement;\n\n if (!styleElement) {\n styleElement = document.createElement('style');\n styleElement.id = styleId;\n document.head.appendChild(styleElement);\n }\n\n const css = themes[theme];\n styleElement.innerHTML = css;\n\n document.documentElement.setAttribute('data-theme', theme);\n }\n\n render() {\n return (\n <main class={`spw-theme-${this.theme}`}>\n <slot />\n </main>\n );\n }\n}\n"],"names":["h","Host","rougeTheme","bleuTheme","bleuClairTheme","vertTheme","vertLegerTheme","orangeTheme","turquoiseTheme","indigoTheme","mauveTheme","grisTheme"],"mappings":"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"}