@spw-ds/spw-stencil-library 1.14.0 → 1.14.2

package/dist/components/spw-wizard.js

@@ -1 +1 @@
-import{p as t,H as e,c as i,h as s,a as n,t as o}from"./index.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.stepClick=i(this,"stepClick",7),this.currentStep=1,this.variant="horizontal",this.canClickNextSteps=!1}componentWillLoad(){this.updateStepsState()}slotChanged(){this.updateStepsState()}async setStep(t){this.currentStep=t,this.updateStepsState(),this.scrollToWizard()}handleStepClick(t){const e=t.detail;(e<this.currentStep||this.canClickNextSteps&&e>this.currentStep)&&(this.currentStep=e,this.updateStepsState(),this.stepClick.emit(e),this.scrollToWizard())}scrollToWizard(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.host,i=(null==e?void 0:e.parentElement)||this.el;i&&i.scrollIntoView({behavior:"smooth",block:"start"})}updateStepsState(){requestAnimationFrame((()=>{const t=this.el.querySelectorAll("spw-wizard-item");t.forEach(((e,i)=>{const s=i+1;s>this.currentStep&&e.hasAttribute("status")&&e.removeAttribute("status"),e.hasAttribute("status")||e.setAttribute("state",s<this.currentStep?"completed":s===this.currentStep?"active":"inactive"),e.setAttribute("variant",this.variant),e.setAttribute("step-number",""+s),e.setAttribute("is-last",""+(i===t.length-1)),e.setAttribute("is-clickable",""+(s!==this.currentStep&&(s<this.currentStep||this.canClickNextSteps))),e.setAttribute("is-current",""+(s===this.currentStep)),e.setAttribute("is-before-current",""+(s<this.currentStep)),e.setAttribute("is-after-current",""+(s>this.currentStep))}))}))}get elementClass(){return{"spw-wizard":!0,["spw-wizard--"+this.variant]:!0}}render(){return s(n,{key:"178e7cccd1389ea3f3d606ae16384d6779d79f06"},s("div",{key:"6eea80c6829912766df4f1ce8fa772e406381ecb",class:this.elementClass},s("slot",{key:"7c315f82ec60d02e0cc4a0fe132a4ec6248f9d24"})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-wizard{display:flex;gap:0}.spw-wizard--horizontal{flex-direction:row}.spw-wizard--vertical{flex-direction:column;align-items:flex-start}"}},[257,"spw-wizard",{currentStep:[1026,"current-step"],variant:[1],canClickNextSteps:[4,"can-click-next-steps"],setStep:[64]},[[0,"slotchange","slotChanged"],[0,"wizardItemClick","handleStepClick"]]]),r=a,d=function(){"undefined"!=typeof customElements&&["spw-wizard"].forEach((t=>{"spw-wizard"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{r as SpwWizard,d as defineCustomElement}
+import{p as t,H as e,c as i,h as s,a as n,t as o}from"./index.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.stepClick=i(this,"stepClick",7),this.currentStep=1,this.variant="horizontal",this.canClickNextSteps=!1}componentWillLoad(){this.updateStepsState()}slotChanged(){this.updateStepsState()}async setStep(t){this.currentStep=t,this.updateStepsState(),this.scrollToWizard()}handleStepClick(t){const e=t.detail;(e<this.currentStep||this.canClickNextSteps&&e>this.currentStep)&&(this.currentStep=e,this.updateStepsState(),this.stepClick.emit(e),this.scrollToWizard())}scrollToWizard(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.host,i=(null==e?void 0:e.parentElement)||this.el;i&&i.scrollIntoView({behavior:"smooth",block:"start"})}updateStepsState(){requestAnimationFrame((()=>{const t=this.el.querySelectorAll("spw-wizard-item");t.forEach(((e,i)=>{const s=i+1;s>this.currentStep&&e.hasAttribute("status")&&e.removeAttribute("status"),e.hasAttribute("status")||e.setAttribute("state",s<this.currentStep?"completed":s===this.currentStep?"active":"inactive"),e.setAttribute("variant",this.variant),e.setAttribute("step-number",""+s),e.setAttribute("is-last",""+(i===t.length-1)),e.setAttribute("is-clickable",""+(s!==this.currentStep&&(s<this.currentStep||this.canClickNextSteps))),e.setAttribute("is-current",""+(s===this.currentStep)),e.setAttribute("is-before-current",""+(s<this.currentStep)),e.setAttribute("is-after-current",""+(s>this.currentStep))}))}))}get elementClass(){return{"spw-wizard":!0,["spw-wizard--"+this.variant]:!0}}render(){return s(n,{key:"f5ed49314eb012045101302dfa87cc9da7e80381"},s("div",{key:"e988eaf22b60473bef64e0cb7781c16b4343734a",class:this.elementClass},s("slot",{key:"f1394815726203d43800dbff33792d1a4778b996"})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin: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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-wizard{display:flex;gap:0}.spw-wizard--horizontal{flex-direction:row}.spw-wizard--vertical{flex-direction:column;align-items:flex-start}"}},[257,"spw-wizard",{currentStep:[1026,"current-step"],variant:[1],canClickNextSteps:[4,"can-click-next-steps"],setStep:[64]},[[0,"slotchange","slotChanged"],[0,"wizardItemClick","handleStepClick"]]]),r=a,d=function(){"undefined"!=typeof customElements&&["spw-wizard"].forEach((t=>{"spw-wizard"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{r as SpwWizard,d as defineCustomElement}

package/dist/components_json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-05-28T09:56:56",
+  "timestamp": "2026-06-03T07:59:14",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.42.0",
@@ -2088,6 +2088,11 @@
           "name": "--spw-button-text-decoration",
           "annotation": "prop",
           "docs": "Décoration du texte du bouton"
+        },
+        {
+          "name": "--spw-button-text-decoration-tertiary",
+          "annotation": "prop",
+          "docs": "Décoration du texte du bouton tertiaire"
         }
       ],
       "slots": [],
@@ -5869,6 +5874,428 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/spw-drawer/spw-drawer.tsx",
+      "encapsulation": "shadow",
+      "tag": "spw-drawer",
+      "readme": "# spw-drawer\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "caption",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "caption",
+          "reflectToAttr": false,
+          "docs": "Titre du drawer",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Titre du drawer'"
+            }
+          ],
+          "default": "'Titre du drawer'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "closeButtonText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "close-button-text",
+          "reflectToAttr": false,
+          "docs": "Texte du bouton de fermeture",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Fermer'"
+            }
+          ],
+          "default": "'Fermer'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "closeOnOverlayClick",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "close-on-overlay-click",
+          "reflectToAttr": false,
+          "docs": "Indique si la fermeture du drawer est possible en cliquant sur l'overlay",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "modal",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "modal",
+          "reflectToAttr": false,
+          "docs": "Indique si l'overlay (fond sombre) est visible",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "opened",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "opened",
+          "reflectToAttr": true,
+          "docs": "Indique si le drawer est ouvert ou fermé, mutable et reflété dans le DOM",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "position",
+          "type": "\"bottom\" | \"left\" | \"right\" | \"top\"",
+          "complexType": {
+            "original": "'left' | 'right' | 'top' | 'bottom'",
+            "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "position",
+          "reflectToAttr": false,
+          "docs": "Position du drawer : 'left', 'right', 'top' ou 'bottom'",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'right'"
+            }
+          ],
+          "default": "'right'",
+          "values": [
+            {
+              "value": "bottom",
+              "type": "string"
+            },
+            {
+              "value": "left",
+              "type": "string"
+            },
+            {
+              "value": "right",
+              "type": "string"
+            },
+            {
+              "value": "top",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "showCaption",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-caption",
+          "reflectToAttr": false,
+          "docs": "Indique si le titre est visible",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "showCloseButton",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-close-button",
+          "reflectToAttr": false,
+          "docs": "Indique si le bouton de fermeture est visible",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"full\" | \"large\" | \"medium\" | \"small\"",
+          "complexType": {
+            "original": "'small' | 'medium' | 'large' | 'full'",
+            "resolved": "\"full\" | \"large\" | \"medium\" | \"small\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "Taille du drawer (largeur pour left/right) : 'small', 'medium', 'large' ou 'full'",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'medium'"
+            }
+          ],
+          "default": "'medium'",
+          "values": [
+            {
+              "value": "full",
+              "type": "string"
+            },
+            {
+              "value": "large",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "closeDrawer",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "closeDrawer() => Promise<void>",
+          "parameters": [],
+          "docs": "Méthode publique pour fermer le drawer programmatiquement",
+          "docsTags": []
+        },
+        {
+          "name": "openDrawer",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "openDrawer() => Promise<void>",
+          "parameters": [],
+          "docs": "Méthode publique pour ouvrir le drawer programmatiquement",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "spwDrawerClose",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Événement déclenché lors de la fermeture du drawer",
+          "docsTags": []
+        },
+        {
+          "event": "spwDrawerOpen",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Événement déclenché lors de l'ouverture du drawer",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [
+        {
+          "name": "--spw-drawer-height-large",
+          "annotation": "prop",
+          "docs": "Hauteur du drawer large (position top/bottom)"
+        },
+        {
+          "name": "--spw-drawer-height-medium",
+          "annotation": "prop",
+          "docs": "Hauteur du drawer medium (position top/bottom)"
+        },
+        {
+          "name": "--spw-drawer-height-small",
+          "annotation": "prop",
+          "docs": "Hauteur du drawer small (position top/bottom)"
+        },
+        {
+          "name": "--spw-drawer-width-large",
+          "annotation": "prop",
+          "docs": "Largeur du drawer large (position left/right)"
+        },
+        {
+          "name": "--spw-drawer-width-medium",
+          "annotation": "prop",
+          "docs": "Largeur du drawer medium (position left/right)"
+        },
+        {
+          "name": "--spw-drawer-width-small",
+          "annotation": "prop",
+          "docs": "Largeur du drawer small (position left/right)"
+        }
+      ],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "spw-link"
+      ],
+      "dependencyGraph": {
+        "spw-drawer": [
+          "spw-link"
+        ],
+        "spw-link": [
+          "spw-icon"
+        ]
+      }
+    },
     {
       "filePath": "src/components/spw-dropdown/spw-dropdown.tsx",
       "encapsulation": "shadow",
@@ -13420,6 +13847,7 @@
       "states": [],
       "dependents": [
         "spw-breadcrumb-item",
+        "spw-drawer",
         "spw-header-navigation-dropdown",
         "spw-lightbox",
         "spw-message",
@@ -13435,6 +13863,9 @@
         "spw-breadcrumb-item": [
           "spw-link"
         ],
+        "spw-drawer": [
+          "spw-link"
+        ],
         "spw-header-navigation-dropdown": [
           "spw-link"
         ],