npm - @spw-ds/spw-stencil-library - Versions diffs - 1.3.0 → 1.3.2 - Mend

@spw-ds/spw-stencil-library 1.3.0 → 1.3.2

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 (782) hide show

package/dist/components/{p-C47wKUeG.js → p-L8eHcqaq.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, a as Host } from './index.js';
-import { d as defineCustomElement$4 } from './p-Otqq8W18.js';
-import { d as defineCustomElement$3 } from './p-BJuYSBNu.js';
-import { d as defineCustomElement$2 } from './p-DzdAUdJU.js';
-import { d as defineCustomElement$1 } from './p-Cdk2nQ84.js';
+import { d as defineCustomElement$4 } from './p-DYC6u5kd.js';
+import { d as defineCustomElement$3 } from './p-Bu2NP1Hz.js';
+import { d as defineCustomElement$2 } from './p-BTvGjWzW.js';
+import { d as defineCustomElement$1 } from './p-kJsRMeYL.js';
 const spwPaginationCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-pagination__item button,.spw-pagination__item--dots{border-radius:32px;font-size:14px;font-weight:700;height:32px;line-height:32px;min-width:32px;text-align:center}.spw-pagination__item button:focus-visible,.spw-pagination__item--dots:focus-visible{box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-pagination{align-items:center;display:flex;flex-direction:column}@media (min-width:768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{align-items:center;display:flex;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{background:none;border:none;color:var(--spw-color-themes-grey-grey-900);cursor:pointer;margin:0;padding:0 6px}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{align-items:center;display:flex;gap:8px;padding:0 12px;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{align-items:center;background:none;color:var(--spw-color-themes-grey-grey-400);cursor:default;display:inline-flex;justify-content:center;position:relative;top:3px}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width:768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{background:var(--spw-ds-primary);color:#fff}.spw-pagination__input spw-text-field{--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px;width:36px}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width:768px){.spw-pagination__mobile-arrows{display:none!important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";
@@ -35,16 +35,17 @@ const SpwPagination = /*@__PURE__*/ proxyCustomElement(class SpwPagination exten
     calculateTotalPages() {
         this.totalPages = Math.ceil(this.totalItems / this.itemsPerPage);
     }
+    onCurrentPageChange(newPage) {
+        this.inputPageValue = newPage.toString();
+    }
     onItemsPerPageChange() {
         this.currentPage = 1;
-        this.inputPageValue = '1';
         this.pageChanged.emit(this.currentPage);
     }
     onTotalItemsChange() {
         const newTotalPages = Math.ceil(this.totalItems / this.itemsPerPage);
         if (this.currentPage > newTotalPages || this.currentPage === 0) {
             this.currentPage = 1;
-            this.inputPageValue = '1';
             this.pageChanged.emit(this.currentPage);
         }
     }
@@ -55,7 +56,6 @@ const SpwPagination = /*@__PURE__*/ proxyCustomElement(class SpwPagination exten
     goToPage(page) {
         if (page !== this.currentPage && !this.isDisabled && page >= 1 && page <= this.totalPages) {
             this.currentPage = page;
-            this.inputPageValue = this.currentPage.toString();
             this.pageChanged.emit(this.currentPage);
         }
     }
@@ -167,12 +167,12 @@ const SpwPagination = /*@__PURE__*/ proxyCustomElement(class SpwPagination exten
         const pages = this.calculatePageRange();
         const showPrevArrow = this.currentPage > 1;
         const showNextArrow = this.currentPage < this.totalPages;
-        const prevArrow = showPrevArrow && (h("li", { key: '5b81fdf54dc89a3f1e50193b47aa4be6e01fc45a', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: 'a20fa7dcadff3a40b8bc4e6195d548272bb48523', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '54c9484bf1f0bd7a24b30b3be73608f0cfbfd31a', icon: "fa-chevron-left" }), " ", h("span", { key: 'e42e467787ff947998dad7d7f5c5c4f3d80471bf', class: "spw-pagination__item-arrow-text" }, "Pr\u00E9c\u00E9dent"))));
-        const nextArrow = showNextArrow && (h("li", { key: 'ec42e3393c300be3607200d3714f119c59b06902', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '82b40861d3797e3c8c3aac6037dc34c2456616ec', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: '99ae6a64d9af86b90c7846677652a1c2a2eb139c', class: "spw-pagination__item-arrow-text" }, "Suivant"), " ", h("spw-icon", { key: '3cc135db927fadcd3af0feaf8ac87e0cd1bf5abc', icon: "fa-chevron-right" }))));
-        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: '7f4af8fa6b1072f69b0a55b694f56666b61abd8e', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: 'deed705ae5410e227ba4890573917934aad060d0', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'b81d00d310efa60375e3c7d966a37f43fc18dd4c', icon: "fa-chevron-left" }), " ", h("span", { key: '65d6d066acbf5ac4029e282f28bc098f1cf30c1a' }, "Pr\u00E9c\u00E9dent"))));
-        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: '1b062820ab7880c0a173237458769c0b1db3e857', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '465ba6bbcb8f28672fce34b273fdb71926105914', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: 'ff1a131478988532a069f66fc9e95217389695b5' }, "Suivant"), " ", h("spw-icon", { key: '1f9fbf6cc0f886842d051cb8d5aeab5f932e517b', icon: "fa-chevron-right" }))));
-        const mobileArrows = (h("ul", { key: 'c6fc34359cb44637d3e97d3c5c8d1230700d191c', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
-        return (h(Host, { key: 'fa82c8dcf4a00d2e6e2608690457bd0cb6739196' }, h("div", { key: 'a76de9b23f47e73261de5f3a0dd86cbb66acc6e9', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '5de5dc4a8ed72b5065683132a0d2db3a1144fd6e' }, h("ul", { key: 'ed97467d1a0da5ab9df49531bebef459b09b708a' }, prevArrow, h("li", { key: 'aeafcdde1ae64175bbef0f9aeadd0348a5e64451', class: "spw-pagination__input" }, h("spw-text-field", { key: 'd77195f4889e9d002c9b3e04b2fb90204d956581', value: this.inputPageValue, type: "text", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: 'e01099d3fd96f1e5647d10d06ba1541a88b12a27', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: 'b88b4b0e07db7639fb7853557cafbefd9f31e706' }, h("ul", { key: 'f92e203985054eae6aba5435cb6848a9333d525d' }, prevArrow, pages.map(({ page, class: pageClass }) => {
+        const prevArrow = showPrevArrow && (h("li", { key: '393b191cce49c8958054682329791c1e7a6144a8', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: 'c1454b0eadc524359b50078bdbdf3159585a0667', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '420403ab9a9e2833d7fb06d018610f3d7e016bc7', icon: "fa-chevron-left" }), " ", h("span", { key: 'cddbd5485bbbec84a10db8e9fb5d2c6413e652f3', class: "spw-pagination__item-arrow-text" }, "Pr\u00E9c\u00E9dent"))));
+        const nextArrow = showNextArrow && (h("li", { key: 'bd6a5dce3719e1a929ea07c8a24a2732b1de3d40', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '0bbaa1a5ab5a10495ddacde61af36eb57de34eb4', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: '91bcf42b4a92023c24264c41776ec7a3ce7adbf2', class: "spw-pagination__item-arrow-text" }, "Suivant"), " ", h("spw-icon", { key: 'a0347b4104b137f7a3ee536259c0a4123025f88f', icon: "fa-chevron-right" }))));
+        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: '1b052f3ea7fddba075fdc2c1524d8f2f42bb2572', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '58f1160f686977dc951a45221b8d005067302416', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'c4148282fde2e21db5e9a1299ec789a3706c387a', icon: "fa-chevron-left" }), " ", h("span", { key: '30acd04e865ded0bdb9dbc8ddcddcd2851e041eb' }, "Pr\u00E9c\u00E9dent"))));
+        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: '2d70703a5b27144a68999b714cf980da9eba22b2', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '43df56aae43c87aa97ec0d583e6d31287ddb1afd', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: '41fcfe7526b1a3ceaf975f3a6b9007f11c8429e1' }, "Suivant"), " ", h("spw-icon", { key: '21087f749c38418be632f892882a08c9a92efb24', icon: "fa-chevron-right" }))));
+        const mobileArrows = (h("ul", { key: '4095f5951d1c9c027d232bc7f974ac838ef178c6', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
+        return (h(Host, { key: '2f8cf7ea2cedbaa37e8194e4a7bea38f409dd98b' }, h("div", { key: 'b846e2d60e17bac238c9458fac969cff2a28c9a6', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '5a8f1bce21b2df518536a8858497fbc75495151a' }, h("ul", { key: '3e5e9885a8bc036f1eabc72e0341f8a1b5b1243b' }, prevArrow, h("li", { key: 'c9f75e24e2fd383d5d2aa188a390991460f5aefd', class: "spw-pagination__input" }, h("spw-text-field", { key: '0a564bb7a5f7f9b4694f01b30bd94765f443605c', value: this.inputPageValue, type: "text", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: '6fc0d803a6b0845759d0fc180d6b83bc56101781', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: '5a79f22aece878b99c8eb8cc1f141738cdca448c' }, h("ul", { key: 'b811c62cc3c2b5af55d09e3c756efa28e6f28013' }, prevArrow, pages.map(({ page, class: pageClass }) => {
             if (page === '...') {
                 return (h("li", { class: `spw-pagination__item spw-pagination__item--dots ${pageClass}` }, h("spw-icon", { icon: "fa-ellipsis" })));
             }
@@ -186,7 +186,7 @@ const SpwPagination = /*@__PURE__*/ proxyCustomElement(class SpwPagination exten
     static get watchers() { return {
         "totalItems": ["calculateTotalPages", "onTotalItemsChange"],
         "itemsPerPage": ["calculateTotalPages", "onItemsPerPageChange"],
-        "currentPage": ["calculateTotalPages"]
+        "currentPage": ["calculateTotalPages", "onCurrentPageChange"]
     }; }
     static get style() { return spwPaginationCss; }
 }, [1, "spw-pagination", {
@@ -201,7 +201,7 @@ const SpwPagination = /*@__PURE__*/ proxyCustomElement(class SpwPagination exten
     }, undefined, {
         "totalItems": ["calculateTotalPages", "onTotalItemsChange"],
         "itemsPerPage": ["calculateTotalPages", "onItemsPerPageChange"],
-        "currentPage": ["calculateTotalPages"]
+        "currentPage": ["calculateTotalPages", "onCurrentPageChange"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
@@ -238,6 +238,6 @@ function defineCustomElement() {
 }
 export { SpwPagination as S, defineCustomElement as d };
-//# sourceMappingURL=p-C47wKUeG.js.map
+//# sourceMappingURL=p-L8eHcqaq.js.map
-//# sourceMappingURL=p-C47wKUeG.js.map
+//# sourceMappingURL=p-L8eHcqaq.js.map

package/dist/components/p-L8eHcqaq.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-L8eHcqaq.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-pagination/spw-pagination.scss?tag=spw-pagination&encapsulation=shadow","src/components/spw-pagination/spw-pagination.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n%button {\n text-align: center;\n line-height: 32px;\n font-weight: 700;\n border-radius: 32px;\n font-size: 14px;\n min-width: 32px;\n height: 32px;\n &:focus-visible {\n outline: 3px solid white;\n outline-offset: -1px;\n box-shadow: 0 0 0 5px black;\n }\n}\n\n.spw-pagination {\n display: flex;\n flex-direction: column;\n align-items: center;\n @include breakpoint(md) {\n align-items: flex-start;\n }\n\n ul {\n display: flex;\n align-items: center;\n padding: 0;\n }\n\n &__item {\n margin-right: 12px;\n spw-icon {\n font-size: 18px;\n }\n button {\n padding: 0 6px;\n margin: 0;\n border: none;\n cursor: pointer;\n color: var(--spw-color-themes-grey-grey-900);\n background: none;\n @extend %button;\n }\n\n &:not(.spw-pagination__item--active, .spw-pagination__item--dots, .spw-pagination__item--disabled):hover {\n button {\n background: var(--spw-color-themes-grey-grey-200);\n }\n }\n\n &:not(.spw-pagination__item--active, .spw-pagination__item--dots, .spw-pagination__item--disabled):active {\n button {\n background: var(--spw-color-themes-grey-grey-300);\n }\n }\n\n &--arrow {\n button {\n padding: 0 12px;\n display: flex;\n gap: 8px;\n align-items: center;\n text-decoration: underline;\n &:hover {\n text-decoration: none;\n }\n }\n }\n\n &--dots {\n position: relative;\n top: 3px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: default;\n background: none;\n color: var(--spw-color-themes-grey-grey-400);\n @extend %button;\n spw-icon {\n font-size: 16px;\n }\n }\n\n &--desktop {\n display: none;\n @include breakpoint(md) {\n display: inline-block;\n }\n }\n\n &--active {\n button {\n color: white;\n background: var(--spw-ds-primary);\n }\n }\n }\n\n &__input {\n spw-text-field {\n width: 36px;\n --spw-input-height: 32px;\n --spw-input-padding: 0 4px;\n --spw-input-text-align: center;\n --spw-input-font-size: 14px;\n }\n }\n\n &__mobile-arrows {\n margin-top: 12px;\n @include breakpoint(md) {\n display: none !important;\n }\n }\n\n &__total-pages {\n font-size: 14px;\n margin: 0 12px 0 6px;\n }\n}\n","import { Component, Fragment, Prop, Host, h, Event, EventEmitter, Watch, State, Method } from '@stencil/core';\n\n@Component({\n tag: 'spw-pagination',\n styleUrl: 'spw-pagination.scss',\n shadow: true,\n})\nexport class SpwPagination {\n /** Nombre total d'éléments à paginer */\n @Prop() totalItems: number;\n /** Nombre d'éléments à afficher par page */\n @Prop() itemsPerPage: number;\n /** Indique si la pagination est désactivée */\n @Prop() isDisabled: boolean = false;\n /** Type de variante de la pagination : 'numbers' ou 'input' */\n @Prop() variant: 'numbers' | 'input' = 'numbers';\n /** Page actuellement sélectionnée, mutable */\n @Prop({ mutable: true }) currentPage: number = 1;\n\n /** Événement émis lorsque la page est changée, renvoie le numéro de la nouvelle page */\n @Event() pageChanged: EventEmitter<number>;\n\n private totalPages: number;\n @State() inputPageValue: string = '';\n @State() isMobile: boolean = window.innerWidth < 800;\n private debounceTimer: any;\n\n componentWillLoad() {\n this.calculateTotalPages();\n this.inputPageValue = this.currentPage.toString();\n window.addEventListener('resize', this.updateIsMobile);\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.updateIsMobile);\n }\n\n private updateIsMobile = () => {\n this.isMobile = window.innerWidth < 800;\n };\n\n @Watch('totalItems')\n @Watch('itemsPerPage')\n @Watch('currentPage')\n calculateTotalPages() {\n this.totalPages = Math.ceil(this.totalItems / this.itemsPerPage);\n }\n\n @Watch('currentPage')\n onCurrentPageChange(newPage: number) {\n this.inputPageValue = newPage.toString();\n }\n\n @Watch('itemsPerPage')\n onItemsPerPageChange() {\n this.currentPage = 1;\n this.pageChanged.emit(this.currentPage);\n }\n\n @Watch('totalItems')\n onTotalItemsChange() {\n const newTotalPages = Math.ceil(this.totalItems / this.itemsPerPage);\n if (this.currentPage > newTotalPages || this.currentPage === 0) {\n this.currentPage = 1;\n this.pageChanged.emit(this.currentPage);\n }\n }\n\n /** Méthode publique pour définir la page courante */\n @Method()\n async setPage(page: number): Promise<void> {\n this.goToPage(page);\n }\n\n private goToPage(page: number) {\n if (page !== this.currentPage && !this.isDisabled && page >= 1 && page <= this.totalPages) {\n this.currentPage = page;\n this.pageChanged.emit(this.currentPage);\n }\n }\n\n private handleInputChange(event: Event) {\n const inputValue = (event.target as HTMLInputElement).value;\n this.inputPageValue = inputValue;\n const page = parseInt(inputValue, 10);\n\n if (!isNaN(page) && page >= 1 && page <= this.totalPages) {\n clearTimeout(this.debounceTimer);\n this.debounceTimer = setTimeout(() => {\n this.goToPage(page);\n }, 500);\n }\n }\n\n private getPaginationClass() {\n const pages = this.calculatePageRange();\n const ellipsisCount = pages.filter(({ page }) => page === '...').length;\n const hasEllipsisStart = ellipsisCount > 0 && pages[1]?.page === '...';\n const hasEllipsisEnd = ellipsisCount > 0 && pages[pages.length - 2]?.page === '...';\n\n let paginationClass = `spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;\n\n if (ellipsisCount === 2) {\n paginationClass += ' spw-pagination--double-ellipsis';\n } else if (hasEllipsisStart) {\n paginationClass += ' spw-pagination--ellipsis-start';\n } else if (hasEllipsisEnd) {\n paginationClass += ' spw-pagination--ellipsis-end';\n }\n\n return paginationClass;\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Enter') {\n const page = parseInt(this.inputPageValue, 10);\n if (!isNaN(page)) {\n this.goToPage(page);\n }\n }\n }\n\n private calculatePageRange() {\n const pages = [];\n const { currentPage, totalPages, isMobile } = this;\n\n if (isMobile) {\n // Mode mobile\n if (totalPages <= 5) {\n for (let i = 1; i <= totalPages; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n }\n } else if (currentPage <= 3) {\n for (let i = 1; i <= 3; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n }\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n } else if (currentPage >= totalPages - 2) {\n pages.push({ page: 1, class: 'spw-pagination__item--start' });\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n for (let i = totalPages - 2; i <= totalPages; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n }\n } else {\n pages.push({ page: 1, class: 'spw-pagination__item--start' });\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n for (let i = currentPage - 1; i <= currentPage + 1; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n }\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n }\n } else {\n // Mode desktop\n if (totalPages <= 7) {\n for (let i = 1; i <= totalPages; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n }\n } else if (currentPage <= 4) {\n for (let i = 1; i <= 4; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n }\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n } else if (currentPage >= totalPages - 3) {\n pages.push({ page: 1, class: 'spw-pagination__item--start' });\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n for (let i = totalPages - 3; i <= totalPages; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n }\n } else {\n pages.push({ page: 1, class: 'spw-pagination__item--start' });\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n for (let i = currentPage - 2; i <= currentPage + 2; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n }\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n }\n }\n\n return pages;\n }\n\n render() {\n const pages = this.calculatePageRange();\n const showPrevArrow = this.currentPage > 1;\n const showNextArrow = this.currentPage < this.totalPages;\n\n const prevArrow = showPrevArrow && (\n <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n <button onClick={() => this.goToPage(this.currentPage - 1)}>\n <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span class=\"spw-pagination__item-arrow-text\">Précédent</span>\n </button>\n </li>\n );\n\n const nextArrow = showNextArrow && (\n <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n <button onClick={() => this.goToPage(this.currentPage + 1)}>\n <span class=\"spw-pagination__item-arrow-text\">Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n </button>\n </li>\n );\n\n const prevArrowMobile = this.currentPage > 1 && (\n <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n <button onClick={() => this.goToPage(this.currentPage - 1)}>\n <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>Précédent</span>\n </button>\n </li>\n );\n\n const nextArrowMobile = this.currentPage < this.totalPages && (\n <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n <button onClick={() => this.goToPage(this.currentPage + 1)} disabled={this.currentPage >= this.totalPages}>\n <span>Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n </button>\n </li>\n );\n\n const mobileArrows = (\n <ul class=\"spw-pagination__mobile-arrows\">\n {prevArrowMobile}\n {nextArrowMobile}\n </ul>\n );\n\n return (\n <Host>\n <div class={this.getPaginationClass()}>\n {this.variant === 'input' && (\n <Fragment>\n <ul>\n {prevArrow}\n <li class=\"spw-pagination__input\">\n <spw-text-field\n value={this.inputPageValue}\n type=\"text\"\n onInput={event => this.handleInputChange(event)}\n onKeyDown={event => this.handleKeyDown(event)}\n disabled={this.isDisabled}\n ></spw-text-field>\n </li>\n <li class=\"spw-pagination__total-pages\">\n sur {this.totalPages} {this.totalPages === 1 ? 'page' : 'pages'}\n </li>\n {nextArrow}\n </ul>\n {mobileArrows}\n </Fragment>\n )}\n {this.variant === 'numbers' && (\n <Fragment>\n <ul>\n {prevArrow}\n\n {pages.map(({ page, class: pageClass }) => {\n if (page === '...') {\n return (\n <li class={`spw-pagination__item spw-pagination__item--dots ${pageClass}`}>\n <spw-icon icon=\"fa-ellipsis\"></spw-icon>\n </li>\n );\n }\n\n return (\n <li\n class={{\n 'spw-pagination__item': true,\n 'spw-pagination__item--active': page === this.currentPage,\n [pageClass]: true,\n }}\n >\n <button onClick={() => this.goToPage(page as number)} disabled={page === this.currentPage}>\n {page}\n </button>\n </li>\n );\n })}\n\n {nextArrow}\n </ul>\n {mobileArrows}\n </Fragment>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DTm94uQW.js → p-d3hqDeA0.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
-import { d as defineCustomElement$1 } from './p-DzdAUdJU.js';
+import { d as defineCustomElement$1 } from './p-BTvGjWzW.js';
 const spwLinkCss = "/*! 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-link-color:var(--spw-ds-primary);--spw-link-hover-color:var(--spw-ds-variant);--spw-link-active-color:var(--spw-ds-active);--spw-link-font-weight:700;--spw-link-padding:6px;box-sizing:border-box;display:inline;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-link{border-radius:4px;color:var(--spw-link-color);cursor:pointer;display:inline;font-weight:var(--spw-link-font-weight);text-decoration:none}.spw-link--surface-dark{color:var(--spw-ds-white)}.spw-link__inner{border-bottom:1px solid var(--spw-link-color);display:inline;overflow-wrap:break-word}.spw-link--surface-dark .spw-link__inner{border-bottom:1px solid var(--spw-ds-white)}.spw-link:focus-visible{outline:3px solid #000;outline-offset:2px}.spw-link:hover{color:var(--spw-link-hover-color)}.spw-link:hover .spw-link__inner{border-bottom:2px solid var(--spw-link-hover-color)}.spw-link:active{color:var(--spw-link-active-color)}.spw-link:active .spw-link__inner{border-bottom:2px solid var(--spw-link-active-color)}.spw-link[aria-disabled=true]{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;pointer-events:none}.spw-link--surface-dark:hover{color:var(--spw-ds-white)}.spw-link--surface-dark:hover .spw-link__inner{border-bottom:2px solid var(--spw-ds-white)}.spw-link--surface-dark:active{color:var(--spw-ds-white)}.spw-link--surface-dark:active .spw-link__inner{border-bottom:2px solid var(--spw-ds-white)}.spw-link--surface-dark[aria-disabled=true]{color:var(--spw-ds-white);opacity:.5}.spw-link--has-icon-right spw-icon{margin-left:var(--spw-link-padding);margin-right:4px}.spw-link--has-icon-left spw-icon{margin-left:4px;margin-right:var(--spw-link-padding)}";
@@ -42,7 +42,7 @@ const SpwLink = /*@__PURE__*/ proxyCustomElement(class SpwLink extends H {
         };
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = icon ? h("spw-icon", { class: iconClass, icon: icon }) : null;
-        return (h("a", Object.assign({ key: 'cc4761c18753343f002502c69c4e93e01fd87444', href: disabled ? undefined : href, rel: rel, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: '7ec1fc26fe5b9618efd23712422c92cd1db85c74', class: "spw-link__inner" }, h("slot", { key: '0f6217d4909172af1007ec8c67a66b00a4997799' })), iconPosition === 'right' && iconElement));
+        return (h("a", Object.assign({ key: 'cd21f05a3908067d72137497fc0551a923d54148', href: disabled ? undefined : href, rel: rel, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: 'c26b7881c8c6b7838ab98aa0536153d17a131690', class: "spw-link__inner" }, h("slot", { key: '0b8597f03df7beaa78439f5300871ae263c46b78' })), iconPosition === 'right' && iconElement));
     }
     get el() { return this; }
     static get style() { return spwLinkCss; }
@@ -76,6 +76,6 @@ function defineCustomElement() {
 }
 export { SpwLink as S, defineCustomElement as d };
-//# sourceMappingURL=p-DTm94uQW.js.map
+//# sourceMappingURL=p-d3hqDeA0.js.map
-//# sourceMappingURL=p-DTm94uQW.js.map
+//# sourceMappingURL=p-d3hqDeA0.js.map

package/dist/components/{p-DTm94uQW.js.map → p-d3hqDeA0.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DTm94uQW~~.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,8mIAA8mI;;MCOpnI,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,GAAA;;;;;;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,GAAG,gBAAU,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAA,CAAa,GAAG,IAAI;AAErF,QAAA,QACE,CAAA,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,EACvC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACL,YAAY,KAAK,OAAO,IAAI,WAAW,CACtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-link/spw-link.scss?tag=spw-link&encapsulation=shadow","src/components/spw-link/spw-link.tsx"],"sourcesContent":[":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"],"version":3}
1	+ {"file":"p-d3hqDeA0.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,8mIAA8mI;;MCOpnI,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,GAAA;;;;;;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,GAAG,gBAAU,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAA,CAAa,GAAG,IAAI;AAErF,QAAA,QACE,CAAA,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,EACvC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACL,YAAY,KAAK,OAAO,IAAI,WAAW,CACtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-link/spw-link.scss?tag=spw-link&encapsulation=shadow","src/components/spw-link/spw-link.tsx"],"sourcesContent":[":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"],"version":3}

package/dist/components/{p-Cdk2nQ84.js → p-kJsRMeYL.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
-import { d as defineCustomElement$3 } from './p-Otqq8W18.js';
-import { d as defineCustomElement$2 } from './p-BJuYSBNu.js';
-import { d as defineCustomElement$1 } from './p-DzdAUdJU.js';
+import { d as defineCustomElement$3 } from './p-DYC6u5kd.js';
+import { d as defineCustomElement$2 } from './p-Bu2NP1Hz.js';
+import { d as defineCustomElement$1 } from './p-BTvGjWzW.js';
 const spwTextFieldCss = "/*! 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-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800);box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-text-field{position:relative}.spw-text-field__input-container{display:flex;flex:1;position:relative}.spw-text-field__input{border:1px solid var(--spw-input-border);border-radius:var(--spw-input-radius);flex:1;font-size:var(--spw-input-font-size);height:var(--spw-input-height);line-height:var(--spw-input-height);padding:var(--spw-input-padding);text-align:var(--spw-input-text-align);text-overflow:ellipsis;width:100%}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-text-field__input[type=number]{margin:0}.spw-text-field__input[type=number]::-webkit-inner-spin-button,.spw-text-field__input[type=number]::-webkit-outer-spin-button{margin:0}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-text-field--disabled .spw-text-field__input::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible,.spw-text-field--disabled .spw-text-field__input:hover{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;line-height:60px;padding:0 24px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input,.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{align-items:center;display:flex}.spw-text-field__indicator{padding-left:.75rem}.spw-text-field__icons{align-items:center;display:flex;gap:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__clear{align-items:center;border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:50%;cursor:pointer;display:inline-flex;font-size:12px;height:20px;justify-content:center;padding:2px;transition:all .2s ease-in;width:20px}.spw-text-field__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-input-icon-search-color)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{font-size:18px;pointer-events:none}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-italic{font-style:italic}";
@@ -189,7 +189,7 @@ const SpwTextField = /*@__PURE__*/ proxyCustomElement(class SpwTextField extends
         };
     }
     render() {
-        return (h("div", { key: '73ac37b3ed55ab4ecdf2d53205543e2a9ffe81dc', class: this.elementClass }, this.label && h("spw-field-label", { key: 'cf650cb16c3d99d7c33b9601248c4657fb7279b4', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '5269b9120855a18e6335d86ac8be10450412943f', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '2b52a572e705e71fa23d640e40454c3a9f8affc8', class: "spw-text-field__container" }, h("div", { key: '129b7bbc8fdf6e67091bc78ece7707377ef7b842', class: "spw-text-field__input-container" }, h("input", { key: '7f1e09cd16144e2f0668f53d0f2442f81b4b9a49', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: 'd4e16905095e9b552f391c6a710ca571789495bb', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: '6e05f437e9eddbadeefca09c59e35f85b6581b81', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '3da5733ef65c1fb89d5fa3f0603b9d5e34124634', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && h("spw-icon", { key: '6eba091e8090db0bae9317f06cf91088f7d34bf1', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.indicator && h("div", { key: 'e85fd9e2419cf68cc27b810e42acf4ca43d1e4b7', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h("div", { key: '446a207d0bf67b29f82c3e8181bb7eda0c579063', class: this.elementClass }, this.label && h("spw-field-label", { key: 'af9857851e19d2cef09142865982d12aac4c5478', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: 'a98b98f8b63e0cffb38acb991a9ec8782a5c5def', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '6d274e14d0ac5667f5fd97697be8f1de70c2d710', class: "spw-text-field__container" }, h("div", { key: 'c497c98646642804c5664f9b063a88f6275809a2', class: "spw-text-field__input-container" }, h("input", { key: 'd02ab13acb8a2152df10e62b5d7156840187cdd4', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: '1fad5c4933d29fae40f5e33a3cbc2895f787e05f', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: 'd99c9b3e0b776576a3b4eec81d452478bbc15a02', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '59d74f310a1c78f06d5d8482d4e4fb1e20f0eb8f', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && h("spw-icon", { key: 'b194e7781e424fd3d7238a4d0210cc2b4fedad29', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.indicator && h("div", { key: '16071be0956122d830ee2609682cf10ab535d0da', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
@@ -259,6 +259,6 @@ function defineCustomElement() {
 }
 export { SpwTextField as S, defineCustomElement as d };
-//# sourceMappingURL=p-Cdk2nQ84.js.map
+//# sourceMappingURL=p-kJsRMeYL.js.map
-//# sourceMappingURL=p-Cdk2nQ84.js.map
+//# sourceMappingURL=p-kJsRMeYL.js.map

package/dist/components/{p-Cdk2nQ84.js.map → p-kJsRMeYL.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-Cdk2nQ84.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-text-field/spw-text-field.scss?tag=spw-text-field&encapsulation=shadow","src/components/spw-text-field/spw-text-field.tsx"],"sourcesContent":[":host {\n display: block;\n --spw-input-height: 40px;\n --spw-input-padding: 0 12px;\n --spw-input-text-align: left;\n --spw-input-font-size: 16px;\n --spw-input-radius: 4px;\n --spw-input-icon-search-color: var(--spw-color-themes-grey-grey-900);\n --spw-input-border: var(--spw-color-themes-grey-grey-800);\n}\n\n.spw-text-field {\n position: relative;\n &__input-container {\n flex: 1;\n position: relative;\n display: flex;\n }\n &__input {\n flex: 1;\n width: 100%;\n height: var(--spw-input-height);\n padding: var(--spw-input-padding);\n text-overflow: ellipsis;\n line-height: var(--spw-input-height);\n border-radius: var(--spw-input-radius);\n font-size: var(--spw-input-font-size);\n text-align: var(--spw-input-text-align);\n border: 1px solid var(--spw-input-border);\n &:hover {\n outline: 4px solid var(--spw-color-themes-grey-grey-300);\n }\n &:focus,\n &:focus-visible {\n outline: 3px solid white;\n outline-offset: 0;\n box-shadow: 0 0 0 6px black;\n }\n &[type='number'] {\n // -moz-appearance: textfield;\n // -webkit-appearance: none;\n // appearance: none;\n margin: 0;\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n // -webkit-appearance: none;\n margin: 0;\n }\n &[type='number'] {\n // -moz-appearance: textfield;\n }\n }\n :host-context(spw-header) & {\n border: 1px solid var(--spw-color-themes-grey-grey-300);\n }\n .spw-text-field--disabled & {\n border-color: var(--spw-color-themes-grey-grey-400);\n background: var(--spw-color-themes-grey-grey-100);\n color: var(--spw-color-themes-grey-grey-500);\n cursor: not-allowed;\n &::placeholder {\n color: var(--spw-color-themes-grey-grey-500);\n }\n &:hover,\n &:focus,\n &:focus-visible {\n outline: none;\n }\n }\n .spw-text-field--is-error & {\n border-color: var(--spw-colors-states-error-error-300);\n }\n .spw-text-field--large & {\n height: 60px;\n padding: 0 24px;\n line-height: 60px;\n }\n .spw-text-field--is-search:not(.spw-text-field--is-clear) & {\n padding-right: 40px;\n }\n .spw-text-field--is-clear:not(.spw-text-field--is-search) & {\n padding-right: 40px;\n }\n .spw-text-field--is-clear & {\n padding-right: 70px;\n }\n }\n &__container {\n display: flex;\n align-items: center;\n }\n &__indicator {\n @apply spw-tw-pl-3;\n }\n &__icons {\n display: flex;\n align-items: center;\n position: absolute;\n top: 50%;\n right: 12px;\n gap: 8px;\n transform: translateY(-50%);\n .spw-text-field--large & {\n right: 24px;\n }\n .spw-text-field--disabled & {\n pointer-events: none;\n }\n }\n &__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n cursor: pointer;\n padding: 2px;\n border: 2px var(--spw-color-themes-grey-grey-900) solid;\n border-radius: 50%;\n font-size: 12px;\n transition: all 0.2s ease-in;\n &:hover {\n background: var(--spw-color-themes-grey-grey-300);\n }\n .spw-text-field--disabled & {\n border-color: var(--spw-color-themes-grey-grey-500);\n }\n }\n &__icon {\n color: var(--spw-input-icon-search-color);\n .spw-text-field--disabled & {\n color: var(--spw-color-themes-grey-grey-500);\n }\n &--search {\n pointer-events: none;\n font-size: 18px;\n .spw-text-field--large & {\n font-size: 24px;\n }\n }\n &--clear {\n color: var(--spw-color-themes-grey-grey-900);\n font-size: 12px;\n }\n }\n}\n","import { AttachInternals, Method, Event, EventEmitter, Component, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-text-field',\n styleUrl: 'spw-text-field.scss',\n formAssociated: true,\n shadow: true,\n})\nexport class SpwTextField {\n /** Événement émis lorsque la valeur de l'input change /\n @Event() valueChanged: EventEmitter<string \| number>;\n\n @State() internalValue: string = '';\n\n /* Valeur actuelle du champ de saisie, mutable et reflétée dans le DOM /\n @Prop({ mutable: true, reflect: true }) value?: string;\n /* Type d'input à rendre, par exemple, \"text\", \"password\", etc. /\n @Prop() type?: string = 'text';\n /* Texte à afficher au-dessus du champ de saisie /\n @Prop() label: string = '';\n /* Texte du placeholder pour le champ de saisie /\n @Prop() placeholder: string;\n /* Si `true`, le champ de saisie est désactivé et ne peut pas être utilisé /\n @Prop() disabled?: boolean;\n /* Attribut `name` de l'élément input /\n @Prop() name: string;\n /* Valeur minimale dans le cas d'un input number /\n @Prop() min?: number;\n /* Valeur maximale dans le cas d'un input number /\n @Prop() max?: number;\n /* Valeur d'incrémentation dans le cas d'un input number /\n @Prop() step?: number;\n /* Longueur minimale pour la valeur de l'input /\n @Prop() minLength?: number;\n /* Longueur maximale pour la valeur de l'input /\n @Prop() maxLength?: number;\n /* Indique si l'input est un champ de recherche /\n @Prop() isSearch?: boolean = false;\n /* Indique si le champ peut être effacé avec un bouton /\n @Prop() isClear?: boolean = false;\n /* Indique si l'input est requis /\n @Prop() required?: boolean = false;\n /* Spécifie la taille du champ de saisie : 'large' ou 'medium' /\n @Prop() size?: 'large' \| 'medium' = 'medium';\n /* Indicateur à afficher à droite du champ de saisie /\n @Prop() indicator?: string;\n /* Texte d'assistance à afficher sous le champ de saisie /\n @Prop() assistiveText?: string;\n /* Message d'erreur à afficher sous le champ /\n @Prop() error?: string = '';\n /* Message d'indication (hint) à afficher sous le champ /\n @Prop() hint?: string = '';\n /* Message de succès à afficher sous le champ /\n @Prop() success?: string = '';\n /* Message de warning à afficher sous le champ /\n @Prop() warning?: string = '';\n /* Affiche une icône d'erreur si vrai /\n @Prop() showErrorIcon?: boolean = true;\n /* Affiche une icône d'indication si vrai /\n @Prop() showHintIcon?: boolean = true;\n /* Affiche une icône de succès si vrai /\n @Prop() showSuccessIcon?: boolean = true;\n /* Affiche une icône de warning si vrai /\n @Prop() showWarningIcon?: boolean = true;\n\n /* Définition du masque (9 = chiffre, A = lettre majuscule, a = lettre, X = alphanum) */\n @Prop() mask?: string;\n\n @State() isClearIconVisible: boolean = false;\n\n @AttachInternals() internals: ElementInternals;\n\n private inputElement!: HTMLInputElement;\n private lastInputValue: string = '';\n\n @Watch('value')\n valueChangedHandler(newValue: string) {\n this.setValue(newValue);\n }\n\n @Method()\n async setValue(newVal: string) {\n const formatted = this.mask ? this.applyMask(newVal) : newVal;\n this.internalValue = formatted;\n this.value = formatted;\n if (this.inputElement) {\n this.inputElement.value = formatted;\n }\n\n const formVal = this.mask ? this.unmask(formatted) : formatted;\n\n const emitValue = this.getTypedValue(formVal);\n\n this.internals.setFormValue(emitValue ? String(emitValue) : null);\n this.isClearIconVisible = this.isClear && !!formatted;\n this.valueChanged.emit(emitValue);\n this.lastInputValue = formatted;\n }\n\n private getTypedValue(value: string): string \| number {\n if (!value) return '';\n\n if (this.type === 'number' && !isNaN(Number(value))) {\n return Number(value);\n }\n\n return value;\n }\n\n componentWillLoad() {\n const start = this.value ?? '';\n this.internalValue = this.mask ? this.applyMask(start) : start;\n this.lastInputValue = this.internalValue;\n }\n\n componentDidLoad() {\n const formVal = this.mask ? this.unmask(this.internalValue) : this.internalValue;\n const typedValue = this.getTypedValue(formVal);\n this.internals.setFormValue(typedValue ? String(typedValue) : null);\n this.isClearIconVisible = this.isClear && !!this.internalValue;\n }\n\n formResetCallback() {\n this.setValue('');\n }\n\n private handleInput(event) {\n if (!this.mask) {\n this.setValue(event.target.value);\n return;\n }\n\n const newValue = event.target.value;\n const cursorPosition = event.target.selectionStart;\n\n if (newValue.length < this.lastInputValue.length) {\n const unmaskedValue = this.unmask(newValue);\n this.setValue(unmaskedValue);\n\n setTimeout(() => {\n if (this.inputElement) {\n const newCursorPos = Math.min(cursorPosition, this.inputElement.value.length);\n this.inputElement.setSelectionRange(newCursorPos, newCursorPos);\n }\n }, 0);\n } else {\n this.setValue(newValue);\n }\n }\n\n private handleClear() {\n this.setValue('');\n }\n\n private unmask(value: string): string {\n return value ? value.replace(/[^0-9A-Za-z]/g, '') : '';\n }\n\n private matchesPlaceholder(char: string, placeholder: string): boolean {\n switch (placeholder) {\n case '9':\n return /[0-9]/.test(char);\n case 'A':\n return /[A-Za-z]/.test(char);\n case 'a':\n return /[A-Za-z]/.test(char);\n case 'X':\n return /[0-9A-Za-z]/.test(char);\n default:\n return false;\n }\n }\n\n private transformForPlaceholder(char: string, placeholder: string): string {\n switch (placeholder) {\n case 'A':\n return char.toUpperCase();\n default:\n return char;\n }\n }\n\n private applyMask(rawOrMasked: string): string {\n if (!this.mask) return rawOrMasked;\n\n const rawChars = this.unmask(rawOrMasked).split('');\n let rawIndex = 0;\n let result = '';\n\n for (let i = 0; i < this.mask.length; i++) {\n const p = this.mask[i];\n\n if (['9', 'A', 'a', 'X'].includes(p)) {\n while (rawIndex < rawChars.length && !this.matchesPlaceholder(rawChars[rawIndex], p)) {\n rawIndex++;\n }\n if (rawIndex >= rawChars.length) {\n break;\n }\n const ch = this.transformForPlaceholder(rawChars[rawIndex], p);\n result += ch;\n rawIndex++;\n } else {\n result += p;\n }\n }\n\n return result;\n }\n\n private renderErrorMessage() {\n if (this.error) {\n return (\n <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n {this.error}\n </spw-field-message>\n );\n }\n }\n\n private renderHintMessage() {\n if (this.hint) {\n return (\n <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n {this.hint}\n </spw-field-message>\n );\n }\n }\n\n private renderSuccessMessage() {\n if (this.success) {\n return (\n <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n {this.success}\n </spw-field-message>\n );\n }\n }\n\n private renderWarningMessage() {\n if (this.warning) {\n return (\n <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n {this.warning}\n </spw-field-message>\n );\n }\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-text-field': true,\n [`spw-text-field--${this.size}`]: true,\n 'spw-text-field--is-search': this.isSearch,\n 'spw-text-field--is-error': !!this.error,\n 'spw-text-field--is-clear': this.isClearIconVisible,\n 'spw-text-field--disabled': this.disabled,\n };\n }\n\n render() {\n return (\n <div class={this.elementClass}>\n {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n {this.assistiveText && (\n <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n {this.assistiveText}\n </spw-field-message>\n )}\n <div class=\"spw-text-field__container\">\n <div class=\"spw-text-field__input-container\">\n <input\n class=\"spw-text-field__input\"\n ref={el => (this.inputElement = el as HTMLInputElement)}\n type={this.type}\n min={this.min}\n max={this.max}\n step={this.step}\n value={this.internalValue}\n placeholder={this.placeholder}\n disabled={this.disabled}\n name={this.name}\n id={this.name}\n minLength={this.minLength}\n maxLength={this.maxLength}\n required={this.required}\n onInput={event => this.handleInput(event)}\n />\n {(this.isSearch \|\| this.isClearIconVisible) && (\n <div class=\"spw-text-field__icons\">\n {this.isClearIconVisible && (\n <span class=\"spw-text-field__clear\" onClick={() => this.handleClear()}>\n <spw-icon class=\"spw-text-field__icon spw-text-field__icon--clear\" icon=\"fa-xmark\"></spw-icon>\n </span>\n )}\n {this.isSearch && <spw-icon class=\"spw-text-field__icon spw-text-field__icon--search\" icon=\"fa-magnifying-glass\"></spw-icon>}\n </div>\n )}\n </div>\n {this.indicator && <div class=\"spw-text-field__indicator\">{this.indicator}</div>}\n </div>\n {this.renderErrorMessage()}\n {this.renderHintMessage()}\n {this.renderSuccessMessage()}\n {this.renderWarningMessage()}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-kJsRMeYL.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-text-field/spw-text-field.scss?tag=spw-text-field&encapsulation=shadow","src/components/spw-text-field/spw-text-field.tsx"],"sourcesContent":[":host {\n display: block;\n --spw-input-height: 40px;\n --spw-input-padding: 0 12px;\n --spw-input-text-align: left;\n --spw-input-font-size: 16px;\n --spw-input-radius: 4px;\n --spw-input-icon-search-color: var(--spw-color-themes-grey-grey-900);\n --spw-input-border: var(--spw-color-themes-grey-grey-800);\n}\n\n.spw-text-field {\n position: relative;\n &__input-container {\n flex: 1;\n position: relative;\n display: flex;\n }\n &__input {\n flex: 1;\n width: 100%;\n height: var(--spw-input-height);\n padding: var(--spw-input-padding);\n text-overflow: ellipsis;\n line-height: var(--spw-input-height);\n border-radius: var(--spw-input-radius);\n font-size: var(--spw-input-font-size);\n text-align: var(--spw-input-text-align);\n border: 1px solid var(--spw-input-border);\n &:hover {\n outline: 4px solid var(--spw-color-themes-grey-grey-300);\n }\n &:focus,\n &:focus-visible {\n outline: 3px solid white;\n outline-offset: 0;\n box-shadow: 0 0 0 6px black;\n }\n &[type='number'] {\n // -moz-appearance: textfield;\n // -webkit-appearance: none;\n // appearance: none;\n margin: 0;\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n // -webkit-appearance: none;\n margin: 0;\n }\n &[type='number'] {\n // -moz-appearance: textfield;\n }\n }\n :host-context(spw-header) & {\n border: 1px solid var(--spw-color-themes-grey-grey-300);\n }\n .spw-text-field--disabled & {\n border-color: var(--spw-color-themes-grey-grey-400);\n background: var(--spw-color-themes-grey-grey-100);\n color: var(--spw-color-themes-grey-grey-500);\n cursor: not-allowed;\n &::placeholder {\n color: var(--spw-color-themes-grey-grey-500);\n }\n &:hover,\n &:focus,\n &:focus-visible {\n outline: none;\n }\n }\n .spw-text-field--is-error & {\n border-color: var(--spw-colors-states-error-error-300);\n }\n .spw-text-field--large & {\n height: 60px;\n padding: 0 24px;\n line-height: 60px;\n }\n .spw-text-field--is-search:not(.spw-text-field--is-clear) & {\n padding-right: 40px;\n }\n .spw-text-field--is-clear:not(.spw-text-field--is-search) & {\n padding-right: 40px;\n }\n .spw-text-field--is-clear & {\n padding-right: 70px;\n }\n }\n &__container {\n display: flex;\n align-items: center;\n }\n &__indicator {\n @apply spw-tw-pl-3;\n }\n &__icons {\n display: flex;\n align-items: center;\n position: absolute;\n top: 50%;\n right: 12px;\n gap: 8px;\n transform: translateY(-50%);\n .spw-text-field--large & {\n right: 24px;\n }\n .spw-text-field--disabled & {\n pointer-events: none;\n }\n }\n &__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n cursor: pointer;\n padding: 2px;\n border: 2px var(--spw-color-themes-grey-grey-900) solid;\n border-radius: 50%;\n font-size: 12px;\n transition: all 0.2s ease-in;\n &:hover {\n background: var(--spw-color-themes-grey-grey-300);\n }\n .spw-text-field--disabled & {\n border-color: var(--spw-color-themes-grey-grey-500);\n }\n }\n &__icon {\n color: var(--spw-input-icon-search-color);\n .spw-text-field--disabled & {\n color: var(--spw-color-themes-grey-grey-500);\n }\n &--search {\n pointer-events: none;\n font-size: 18px;\n .spw-text-field--large & {\n font-size: 24px;\n }\n }\n &--clear {\n color: var(--spw-color-themes-grey-grey-900);\n font-size: 12px;\n }\n }\n}\n","import { AttachInternals, Method, Event, EventEmitter, Component, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-text-field',\n styleUrl: 'spw-text-field.scss',\n formAssociated: true,\n shadow: true,\n})\nexport class SpwTextField {\n /** Événement émis lorsque la valeur de l'input change /\n @Event() valueChanged: EventEmitter<string \| number>;\n\n @State() internalValue: string = '';\n\n /* Valeur actuelle du champ de saisie, mutable et reflétée dans le DOM /\n @Prop({ mutable: true, reflect: true }) value?: string;\n /* Type d'input à rendre, par exemple, \"text\", \"password\", etc. /\n @Prop() type?: string = 'text';\n /* Texte à afficher au-dessus du champ de saisie /\n @Prop() label: string = '';\n /* Texte du placeholder pour le champ de saisie /\n @Prop() placeholder: string;\n /* Si `true`, le champ de saisie est désactivé et ne peut pas être utilisé /\n @Prop() disabled?: boolean;\n /* Attribut `name` de l'élément input /\n @Prop() name: string;\n /* Valeur minimale dans le cas d'un input number /\n @Prop() min?: number;\n /* Valeur maximale dans le cas d'un input number /\n @Prop() max?: number;\n /* Valeur d'incrémentation dans le cas d'un input number /\n @Prop() step?: number;\n /* Longueur minimale pour la valeur de l'input /\n @Prop() minLength?: number;\n /* Longueur maximale pour la valeur de l'input /\n @Prop() maxLength?: number;\n /* Indique si l'input est un champ de recherche /\n @Prop() isSearch?: boolean = false;\n /* Indique si le champ peut être effacé avec un bouton /\n @Prop() isClear?: boolean = false;\n /* Indique si l'input est requis /\n @Prop() required?: boolean = false;\n /* Spécifie la taille du champ de saisie : 'large' ou 'medium' /\n @Prop() size?: 'large' \| 'medium' = 'medium';\n /* Indicateur à afficher à droite du champ de saisie /\n @Prop() indicator?: string;\n /* Texte d'assistance à afficher sous le champ de saisie /\n @Prop() assistiveText?: string;\n /* Message d'erreur à afficher sous le champ /\n @Prop() error?: string = '';\n /* Message d'indication (hint) à afficher sous le champ /\n @Prop() hint?: string = '';\n /* Message de succès à afficher sous le champ /\n @Prop() success?: string = '';\n /* Message de warning à afficher sous le champ /\n @Prop() warning?: string = '';\n /* Affiche une icône d'erreur si vrai /\n @Prop() showErrorIcon?: boolean = true;\n /* Affiche une icône d'indication si vrai /\n @Prop() showHintIcon?: boolean = true;\n /* Affiche une icône de succès si vrai /\n @Prop() showSuccessIcon?: boolean = true;\n /* Affiche une icône de warning si vrai /\n @Prop() showWarningIcon?: boolean = true;\n\n /* Définition du masque (9 = chiffre, A = lettre majuscule, a = lettre, X = alphanum) */\n @Prop() mask?: string;\n\n @State() isClearIconVisible: boolean = false;\n\n @AttachInternals() internals: ElementInternals;\n\n private inputElement!: HTMLInputElement;\n private lastInputValue: string = '';\n\n @Watch('value')\n valueChangedHandler(newValue: string) {\n this.setValue(newValue);\n }\n\n @Method()\n async setValue(newVal: string) {\n const formatted = this.mask ? this.applyMask(newVal) : newVal;\n this.internalValue = formatted;\n this.value = formatted;\n if (this.inputElement) {\n this.inputElement.value = formatted;\n }\n\n const formVal = this.mask ? this.unmask(formatted) : formatted;\n\n const emitValue = this.getTypedValue(formVal);\n\n this.internals.setFormValue(emitValue ? String(emitValue) : null);\n this.isClearIconVisible = this.isClear && !!formatted;\n this.valueChanged.emit(emitValue);\n this.lastInputValue = formatted;\n }\n\n private getTypedValue(value: string): string \| number {\n if (!value) return '';\n\n if (this.type === 'number' && !isNaN(Number(value))) {\n return Number(value);\n }\n\n return value;\n }\n\n componentWillLoad() {\n const start = this.value ?? '';\n this.internalValue = this.mask ? this.applyMask(start) : start;\n this.lastInputValue = this.internalValue;\n }\n\n componentDidLoad() {\n const formVal = this.mask ? this.unmask(this.internalValue) : this.internalValue;\n const typedValue = this.getTypedValue(formVal);\n this.internals.setFormValue(typedValue ? String(typedValue) : null);\n this.isClearIconVisible = this.isClear && !!this.internalValue;\n }\n\n formResetCallback() {\n this.setValue('');\n }\n\n private handleInput(event) {\n if (!this.mask) {\n this.setValue(event.target.value);\n return;\n }\n\n const newValue = event.target.value;\n const cursorPosition = event.target.selectionStart;\n\n if (newValue.length < this.lastInputValue.length) {\n const unmaskedValue = this.unmask(newValue);\n this.setValue(unmaskedValue);\n\n setTimeout(() => {\n if (this.inputElement) {\n const newCursorPos = Math.min(cursorPosition, this.inputElement.value.length);\n this.inputElement.setSelectionRange(newCursorPos, newCursorPos);\n }\n }, 0);\n } else {\n this.setValue(newValue);\n }\n }\n\n private handleClear() {\n this.setValue('');\n }\n\n private unmask(value: string): string {\n return value ? value.replace(/[^0-9A-Za-z]/g, '') : '';\n }\n\n private matchesPlaceholder(char: string, placeholder: string): boolean {\n switch (placeholder) {\n case '9':\n return /[0-9]/.test(char);\n case 'A':\n return /[A-Za-z]/.test(char);\n case 'a':\n return /[A-Za-z]/.test(char);\n case 'X':\n return /[0-9A-Za-z]/.test(char);\n default:\n return false;\n }\n }\n\n private transformForPlaceholder(char: string, placeholder: string): string {\n switch (placeholder) {\n case 'A':\n return char.toUpperCase();\n default:\n return char;\n }\n }\n\n private applyMask(rawOrMasked: string): string {\n if (!this.mask) return rawOrMasked;\n\n const rawChars = this.unmask(rawOrMasked).split('');\n let rawIndex = 0;\n let result = '';\n\n for (let i = 0; i < this.mask.length; i++) {\n const p = this.mask[i];\n\n if (['9', 'A', 'a', 'X'].includes(p)) {\n while (rawIndex < rawChars.length && !this.matchesPlaceholder(rawChars[rawIndex], p)) {\n rawIndex++;\n }\n if (rawIndex >= rawChars.length) {\n break;\n }\n const ch = this.transformForPlaceholder(rawChars[rawIndex], p);\n result += ch;\n rawIndex++;\n } else {\n result += p;\n }\n }\n\n return result;\n }\n\n private renderErrorMessage() {\n if (this.error) {\n return (\n <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n {this.error}\n </spw-field-message>\n );\n }\n }\n\n private renderHintMessage() {\n if (this.hint) {\n return (\n <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n {this.hint}\n </spw-field-message>\n );\n }\n }\n\n private renderSuccessMessage() {\n if (this.success) {\n return (\n <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n {this.success}\n </spw-field-message>\n );\n }\n }\n\n private renderWarningMessage() {\n if (this.warning) {\n return (\n <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n {this.warning}\n </spw-field-message>\n );\n }\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-text-field': true,\n [`spw-text-field--${this.size}`]: true,\n 'spw-text-field--is-search': this.isSearch,\n 'spw-text-field--is-error': !!this.error,\n 'spw-text-field--is-clear': this.isClearIconVisible,\n 'spw-text-field--disabled': this.disabled,\n };\n }\n\n render() {\n return (\n <div class={this.elementClass}>\n {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n {this.assistiveText && (\n <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n {this.assistiveText}\n </spw-field-message>\n )}\n <div class=\"spw-text-field__container\">\n <div class=\"spw-text-field__input-container\">\n <input\n class=\"spw-text-field__input\"\n ref={el => (this.inputElement = el as HTMLInputElement)}\n type={this.type}\n min={this.min}\n max={this.max}\n step={this.step}\n value={this.internalValue}\n placeholder={this.placeholder}\n disabled={this.disabled}\n name={this.name}\n id={this.name}\n minLength={this.minLength}\n maxLength={this.maxLength}\n required={this.required}\n onInput={event => this.handleInput(event)}\n />\n {(this.isSearch \|\| this.isClearIconVisible) && (\n <div class=\"spw-text-field__icons\">\n {this.isClearIconVisible && (\n <span class=\"spw-text-field__clear\" onClick={() => this.handleClear()}>\n <spw-icon class=\"spw-text-field__icon spw-text-field__icon--clear\" icon=\"fa-xmark\"></spw-icon>\n </span>\n )}\n {this.isSearch && <spw-icon class=\"spw-text-field__icon spw-text-field__icon--search\" icon=\"fa-magnifying-glass\"></spw-icon>}\n </div>\n )}\n </div>\n {this.indicator && <div class=\"spw-text-field__indicator\">{this.indicator}</div>}\n </div>\n {this.renderErrorMessage()}\n {this.renderHintMessage()}\n {this.renderSuccessMessage()}\n {this.renderWarningMessage()}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/spw-accordion-content.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as SpwAccordionContent$1, d as defineCustomElement$1 } from './p-DtyDCGAt.js';
+import { S as SpwAccordionContent$1, d as defineCustomElement$1 } from './p-BZeR2u__.js';
 const SpwAccordionContent = SpwAccordionContent$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/spw-accordion-item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as SpwAccordionItem$1, d as defineCustomElement$1 } from './p-CFQbmE2_.js';
+import { S as SpwAccordionItem$1, d as defineCustomElement$1 } from './p-C0RRW46w.js';
 const SpwAccordionItem = SpwAccordionItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/spw-accordion-title.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as SpwAccordionTitle$1, d as defineCustomElement$1 } from './p-BYWyi-Sg.js';
+import { S as SpwAccordionTitle$1, d as defineCustomElement$1 } from './p-Cwnv6xZs.js';
 const SpwAccordionTitle = SpwAccordionTitle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/spw-accordion.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as SpwAccordion$1, d as defineCustomElement$1 } from './p-CQpGzRKu.js';
+import { S as SpwAccordion$1, d as defineCustomElement$1 } from './p-D4uTODSD.js';
 const SpwAccordion = SpwAccordion$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/spw-breadcrumb-item.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$3 } from './p-DzdAUdJU.js';
-import { d as defineCustomElement$2 } from './p-DTm94uQW.js';
+import { d as defineCustomElement$3 } from './p-BTvGjWzW.js';
+import { d as defineCustomElement$2 } from './p-d3hqDeA0.js';
-const spwBreadcrumbItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-breadcrumb-item{display:inline;list-style:none}.spw-breadcrumb-item__text{color:var(--spw-color-themes-grey-grey-900);font-weight:700}:host(.spw-breadcrumb-item--dark) .spw-breadcrumb-item__text{color:var(--spw-ds-white)}";
+const spwBreadcrumbItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-breadcrumb-item{display:inline;list-style:none}.spw-breadcrumb-item__text{color:var(--spw-color-themes-grey-grey-900);font-weight:700}:host(.spw-breadcrumb-item--dark) .spw-breadcrumb-item__text{color:var(--spw-ds-white)}.spw-breadcrumb-item spw-link{--spw-link-font-weight:400}:host(.spw-breadcrumb-item--light) .spw-breadcrumb-item spw-link{--spw-link-color:var(--spw-color-themes-grey-grey-900);--spw-link-hover-color:var(--spw-color-themes-grey-grey-900);--spw-link-active-color:var(--spw-color-themes-grey-grey-800)}";
 const SpwBreadcrumbItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwBreadcrumbItem extends H {
     constructor() {
@@ -24,6 +24,9 @@ const SpwBreadcrumbItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwBreadcrumb
         while (parent) {
             if (parent.tagName.toLowerCase() === 'spw-breadcrumb') {
                 this.surface = parent.getAttribute('surface');
+                if (!this.surface) {
+                    this.surface = 'light';
+                }
                 this.updateSurfaceClass();
                 break;
             }
@@ -40,7 +43,7 @@ const SpwBreadcrumbItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwBreadcrumb
         this.el.classList.add(`spw-breadcrumb-item--${this.surface}`);
     }
     render() {
-        return (h(Host, { key: 'd328b3565497a239a1dd123952e26e75d41df25a' }, h("li", { key: 'cd734c4ff443a00a59a16c990d962af34074d452', class: `spw-breadcrumb-item spw-breadcrumb-item--${this.surface}` }, this.href ? (h("spw-link", { href: this.href, surface: this.surface }, h("slot", null))) : (h("span", { class: "spw-breadcrumb-item__text", "aria-current": "page" }, h("slot", null))))));
+        return (h(Host, { key: '7b96aa8e576bac28a25ed92c63845968e8dee913' }, h("li", { key: '17353df25294791742a69400ec5e38c12db27eec', class: `spw-breadcrumb-item spw-breadcrumb-item--${this.surface}` }, this.href ? (h("spw-link", { href: this.href, surface: this.surface }, h("slot", null))) : (h("span", { class: "spw-breadcrumb-item__text", "aria-current": "page" }, h("slot", null))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/spw-breadcrumb-item.js.map CHANGED Viewed

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

package/dist/components/spw-breadcrumb.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-const spwBreadcrumbCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-breadcrumb{font-size:16px;max-width:100%;width:100%}.spw-breadcrumb--font-size-small{font-size:14px}.spw-breadcrumb__list{display:flex;list-style:none;margin:0;max-width:100%;padding:0;width:100%}@media (min-width:1024px){.spw-breadcrumb--multiline .spw-breadcrumb__list{display:block}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:last-child){display:block;margin-top:12px}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)):after{display:none!important}}::slotted(spw-breadcrumb-item){display:none;margin-right:16px;padding-left:24px;position:relative}::slotted(spw-breadcrumb-item):after{content:\"\\f060\";font-family:var(--spw-ds-font-icons-solid);font-size:14px;font-weight:700;left:0;position:absolute;top:50%;transform:translateY(-50%)}@media (min-width:1024px){::slotted(spw-breadcrumb-item):after{content:\"\\f054\";font-size:16px;left:auto;right:0;transform:translateY(-50%)}::slotted(spw-breadcrumb-item){display:inline-block;padding-left:0;padding-right:24px}}::slotted(spw-breadcrumb-item:last-child){-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;display:none;flex:1;margin-right:0;overflow:hidden;padding-right:0;text-overflow:ellipsis}::slotted(spw-breadcrumb-item:last-child):after{display:none}@media (min-width:1024px){::slotted(spw-breadcrumb-item:last-child){display:-webkit-box}}.spw-breadcrumb:not(.spw-breadcrumb--multiline):not(.spw-breadcrumb--one-line) ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:-webkit-box!important}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item){display:none}@media (min-width:1024px){.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item){display:inline-block}}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child){display:-webkit-box!important;overflow:initial}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child):after{display:block}@media (min-width:1024px){.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child):after{display:none}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child){display:inline-block}}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item){display:none}@media (min-width:1024px){.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item){display:inline-block}}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:-webkit-box!important;overflow:initial}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)):after{display:block}@media (min-width:1024px){.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:inline-block!important}}::slotted(.hidden-item){display:none}::slotted(.collapsed-item){font-size:0;position:relative}::slotted(.collapsed-item):before{color:var(--spw-color-themes-grey-grey-500);content:\"\\f141\";font-family:var(--spw-ds-font-icons-solid);font-size:16px;font-weight:700}.spw-breadcrumb--surface-light ::slotted(spw-breadcrumb-item):after{color:var(--spw-ds-primary);opacity:1}@media (min-width:1024px){.spw-breadcrumb--surface-light ::slotted(spw-breadcrumb-item):after{color:var(--spw-color-themes-grey-grey-600)}}.spw-breadcrumb--surface-dark{color:var(--spw-ds-white)!important}.spw-breadcrumb--surface-dark ::slotted(spw-breadcrumb-item):after{color:var(--spw-ds-white);opacity:.7}.spw-breadcrumb--surface-dark ::slotted(.collapsed-item):before{color:var(--spw-ds-white);opacity:.7}";
+const spwBreadcrumbCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-breadcrumb{font-size:16px;max-width:100%;width:100%}.spw-breadcrumb--font-size-small{font-size:14px}.spw-breadcrumb__list{display:flex;list-style:none;margin:0;max-width:100%;padding:0;width:100%}@media (min-width:1024px){.spw-breadcrumb--multiline .spw-breadcrumb__list{display:block}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:last-child){display:block;margin-top:12px}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)):after{display:none!important}}::slotted(spw-breadcrumb-item){display:none;margin-right:10px;padding-left:24px;position:relative}::slotted(spw-breadcrumb-item):after{content:\"\\f060\";font-family:var(--spw-ds-font-icons-solid);font-size:14px;font-weight:700;left:0;position:absolute;top:50%;transform:translateY(-50%)}@media (min-width:1024px){::slotted(spw-breadcrumb-item):after{content:\"\\f054\";font-size:12px;left:auto;right:0;transform:translateY(-50%)}::slotted(spw-breadcrumb-item){display:inline-block;padding-left:0;padding-right:16px}}::slotted(spw-breadcrumb-item:last-child){-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;display:none;flex:1;margin-right:0;overflow:hidden;padding-right:0;text-overflow:ellipsis}::slotted(spw-breadcrumb-item:last-child):after{display:none}@media (min-width:1024px){::slotted(spw-breadcrumb-item:last-child){display:-webkit-box}}.spw-breadcrumb:not(.spw-breadcrumb--multiline):not(.spw-breadcrumb--one-line) ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:-webkit-box!important}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item){display:none}@media (min-width:1024px){.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item){display:inline-block}}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child){display:-webkit-box!important;overflow:initial}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child):after{display:block}@media (min-width:1024px){.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child):after{display:none}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child){display:inline-block}}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item){display:none}@media (min-width:1024px){.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item){display:inline-block}}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:-webkit-box!important;overflow:initial}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)):after{display:block}@media (min-width:1024px){.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:inline-block!important}}::slotted(.hidden-item){display:none}::slotted(.collapsed-item){font-size:0;position:relative}::slotted(.collapsed-item):before{color:var(--spw-color-themes-grey-grey-500);content:\"\\f141\";font-family:var(--spw-ds-font-icons-solid);font-size:16px;font-weight:700}.spw-breadcrumb--surface-light ::slotted(spw-breadcrumb-item):after{color:var(--spw-ds-primary);opacity:1}@media (min-width:1024px){.spw-breadcrumb--surface-light ::slotted(spw-breadcrumb-item):after{color:var(--spw-color-themes-grey-grey-600)}}.spw-breadcrumb--surface-dark{color:var(--spw-ds-white)!important}.spw-breadcrumb--surface-dark ::slotted(spw-breadcrumb-item):after{color:var(--spw-ds-white);opacity:.7}.spw-breadcrumb--surface-dark ::slotted(.collapsed-item):before{color:var(--spw-ds-white);opacity:.7}";
 const SpwBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class SpwBreadcrumb extends H {
     constructor() {
@@ -49,7 +49,7 @@ const SpwBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class SpwBreadcrumb ext
             [`spw-breadcrumb--font-size-${this.fontSize}`]: true,
             [`spw-breadcrumb--${this.variant}`]: true,
         };
-        return (h(Host, { key: '083372d995dd8f38d3b78cbe5125216d74afb60c' }, h("nav", { key: '3c12a4c12f17cb5d7301ff09d90f3639a65aa1ae', "aria-label": "breadcrumb", class: elementClass }, h("ol", { key: '95ba0f6c8f3b9b5a71b6eccce1bfe66b47ac7c62', class: "spw-breadcrumb__list" }, h("slot", { key: '0a1e1d8b50192f5c4d8da47c059a7b34ac98201e' })))));
+        return (h(Host, { key: '537d45a5b45a75584011416c85b7423499a48683' }, h("nav", { key: '9ce94a954b0e7b3b8717d51b57aa26fc98675d1e', "aria-label": "breadcrumb", class: elementClass }, h("ol", { key: 'cedeeaadfd2eb725ed4e7922bcc9e952f35e877a', class: "spw-breadcrumb__list" }, h("slot", { key: 'd5d57825647d7d0c98f58c68e495ad59d3aa5040' })))));
     }
     get host() { return this; }
     static get style() { return spwBreadcrumbCss; }

package/dist/components/spw-breadcrumb.js.map CHANGED Viewed

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

package/dist/components/spw-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as SpwButton$1, d as defineCustomElement$1 } from './p-YZZxQbyU.js';
+import { S as SpwButton$1, d as defineCustomElement$1 } from './p-CyyuvuPG.js';
 const SpwButton = SpwButton$1;
 const defineCustomElement = defineCustomElement$1;