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

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-ivINMH9O.js');
 
-const spwDropdownItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-dropdown-item{align-items:center;border-radius:4px;color:var(--spw-colors-support-grey-grey-900);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;position:relative;text-decoration:none;transition:background-color .2s ease}.spw-dropdown-item:hover{background-color:var(--spw-colors-support-grey-grey-200)}.spw-dropdown-item--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.spw-dropdown-item--has-sub-items{padding-right:32px}.spw-dropdown-item--sub-items-open{background-color:var(--spw-colors-support-grey-grey-100)}.spw-dropdown-item__icon{align-items:center;color:var(--spw-colors-support-grey-grey-700);display:inline-flex;font-size:14px;height:20px;justify-content:center;width:20px}.spw-dropdown-item__content{align-items:center;display:flex;flex:1;justify-content:space-between;position:relative}.spw-dropdown-item__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spw-dropdown-item__toggle{align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;height:20px;justify-content:center;position:absolute;right:-24px;top:50%;transform:translateY(-50%);transition:background-color .2s ease,transform .2s ease;width:20px}.spw-dropdown-item__toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-dropdown-item__toggle spw-icon{color:var(--spw-colors-support-grey-grey-900);font-size:12px;transition:transform .2s ease}.spw-dropdown-item__toggle--open spw-icon{transform:rotate(180deg)}.spw-dropdown-item__sub-items{margin-top:4px;padding-left:16px}.spw-dropdown-item__sub-items spw-dropdown-item{font-size:13px}";
+const spwDropdownItemCss = "/*! 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-dropdown-item{align-items:center;border-radius:4px;color:var(--spw-colors-support-grey-grey-900);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;position:relative;text-decoration:none;transition:background-color .2s ease}.spw-dropdown-item:hover{background-color:var(--spw-colors-support-grey-grey-200)}.spw-dropdown-item--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.spw-dropdown-item--has-sub-items{padding-right:32px}.spw-dropdown-item--sub-items-open{background-color:var(--spw-colors-support-grey-grey-100)}.spw-dropdown-item__icon{align-items:center;color:var(--spw-colors-support-grey-grey-700);display:inline-flex;font-size:14px;height:20px;justify-content:center;width:20px}.spw-dropdown-item__content{align-items:center;display:flex;flex:1;justify-content:space-between;position:relative}.spw-dropdown-item__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spw-dropdown-item__toggle{align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;height:20px;justify-content:center;position:absolute;right:-24px;top:50%;transform:translateY(-50%);transition:background-color .2s ease,transform .2s ease;width:20px}.spw-dropdown-item__toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-dropdown-item__toggle spw-icon{color:var(--spw-colors-support-grey-grey-900);font-size:12px;transition:transform .2s ease}.spw-dropdown-item__toggle--open spw-icon{transform:rotate(180deg)}.spw-dropdown-item__sub-items{margin-top:4px;padding-left:16px}.spw-dropdown-item__sub-items spw-dropdown-item{font-size:13px}";
 
 const SpwDropdownItem = class {
     constructor(hostRef) {
@@ -75,7 +75,7 @@ const SpwDropdownItem = class {
             'spw-dropdown-item__toggle': true,
             'spw-dropdown-item__toggle--open': this.subItemsOpen,
         };
-        return (index.h(index.Host, { key: '307e80182a8b735db854ce11d5bb3a1688b7e39d' }, index.h(Tag, { key: 'd24ab632d44b956c73b45765ce67ec3981aa3252', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleItemClick }, this.icon && (index.h("div", { key: '570adea95e5a6c747c3382dcf8bfc9c1dbc55fb2', class: "spw-dropdown-item__icon" }, index.h("spw-icon", { key: 'c1040595688bfbc7b984e28baef9350899cef0ac', variant: this.iconVariant, icon: this.icon }))), index.h("div", { key: '6745b1625652a5defd03391b5f3382e338377cc7', class: "spw-dropdown-item__content" }, index.h("div", { key: 'c42468f6430fa62f0d975f4951823bfd5700ffa3', class: "spw-dropdown-item__label" }, index.h("slot", { key: '401083c4c4a0faefb8cc57d291185cbca254895e' })), this.hasSubItems && (index.h("div", { key: '34ecf263810f66dc4dfd4bcdbd779bd56510e8e7', class: toggleClasses, onClick: this.handleToggleSubItems }, index.h("spw-icon", { key: 'a0f1cc9ce266ff7287fdc82520425648f8d06ab8', icon: "fa-chevron-down" }))))), this.hasSubItems && (index.h("div", { key: '9d0591237181e952d7582d5103454d6c2d990b7d', class: "spw-dropdown-item__sub-items", style: { display: this.subItemsOpen ? 'block' : 'none' } }, index.h("slot", { key: '193df0fb5aea4f0474c0f4b3a035fa04b76eadcd', name: "sub-items" })))));
+        return (index.h(index.Host, { key: '726cd7b22fdc3fdb8b710226f99ee3a8171502ff' }, index.h(Tag, { key: '9c0ca8f9826a2d198b9aa1a2ea4e97159a7bc250', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleItemClick }, this.icon && (index.h("div", { key: '16bf4a4862de214ff72b9847fc809b3abca12626', class: "spw-dropdown-item__icon" }, index.h("spw-icon", { key: '4b0c817bda6141e4a7391944ae2c3750eda6408f', variant: this.iconVariant, icon: this.icon }))), index.h("div", { key: '376d75684d2cb41a5b2dfd661429ea15237bd7ba', class: "spw-dropdown-item__content" }, index.h("div", { key: '0ae27dfa31d85668965766e008852d24fa198389', class: "spw-dropdown-item__label" }, index.h("slot", { key: 'f517deadc22d2b65585ba769400b4ef43345d4a9' })), this.hasSubItems && (index.h("div", { key: '568fb2152955ffdec6dcff79b845f59f32ed3b26', class: toggleClasses, onClick: this.handleToggleSubItems }, index.h("spw-icon", { key: 'b879fbd3e75b2619eb708e55f8a08708f678d2ec', icon: "fa-chevron-down" }))))), this.hasSubItems && (index.h("div", { key: '5e12e303a55575d1ee0d88fc06bd9ee5d3cfb084', class: "spw-dropdown-item__sub-items", style: { display: this.subItemsOpen ? 'block' : 'none' } }, index.h("slot", { key: '4d5553aedd4c802060c642293c3292896f9029e6', name: "sub-items" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-ivINMH9O.js');
 
-const spwDropdownCss = "/*! 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:inline-block;font-size:100%;line-height:1}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}";
+const spwDropdownCss = "/*! 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:inline-block;font-size:100%;line-height:1}: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)}}:host([open]){--spw-dropdown-icon-color:var(--spw-color-themes-grey-grey-900)}.spw-dropdown__trigger{cursor:pointer}.spw-dropdown__trigger:hover{--spw-dropdown-icon-color:var(--spw-color-themes-grey-grey-900)}.spw-dropdown__trigger ::slotted(spw-icon){color:var(--spw-dropdown-icon-color,inherit)}";
 
 const SpwDropdown = class {
     constructor(hostRef) {
@@ -136,7 +136,7 @@ const SpwDropdown = class {
         dropdown.style.visibility = 'visible';
     }
     render() {
-        return (index.h("div", { key: '25e7c984a6d78f6b255cb6e6c3288eb4432dfd07', class: "spw-dropdown__trigger", onClick: () => (this.open = !this.open) }, index.h("slot", { key: 'd64d1c999d02c415032dc9f9f927102f8dcb75f8' })));
+        return (index.h("div", { key: '3d52b0a9033fc7b32e8f920344bdaf8f53a6d0ad', class: "spw-dropdown__trigger", onClick: () => (this.open = !this.open) }, index.h("slot", { key: '5ebd72f191b6ef80f1869d2ccc3c8aa9d01a24db' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1 +1 @@
-{"file":"spw-dropdown.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/spw-dropdown/spw-dropdown.scss?tag=spw-dropdown&encapsulation=shadow","src/components/spw-dropdown/spw-dropdown.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  line-height: 1;\n}\n","import { Component, Prop, State, h, Element, Method, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-dropdown',\n  styleUrl: 'spw-dropdown.scss',\n  shadow: true,\n})\nexport class SpwDropdown {\n  /** Position du dropdown */\n  @Prop() direction: 'top' | 'bottom' | 'left' | 'right' = 'bottom';\n\n  /** Active un padding interne */\n  @Prop() hasPadding: boolean = true;\n\n  /** Largeur du dropdown (px) */\n  @Prop() contentWidth: number = 300;\n\n  /** Contrôle externe du dropdown */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @State() isVisible: boolean = false;\n\n  @Element() host: HTMLElement;\n\n  private dropdownEl: HTMLDivElement | null = null;\n  private movedContentEl: HTMLElement | null = null;\n\n  @Method()\n  async close(): Promise<void> {\n    this.open = false;\n    this.hideDropdown();\n  }\n\n  @Watch('open')\n  onOpenChange(newVal: boolean) {\n    newVal ? this.showDropdown() : this.hideDropdown();\n  }\n\n  connectedCallback() {\n    this.handleClickOutside = this.handleClickOutside.bind(this);\n    this.handleScrollOrResize = this.handleScrollOrResize.bind(this);\n  }\n\n  componentDidLoad() {\n    if (this.open) {\n      this.showDropdown();\n    }\n  }\n\n  disconnectedCallback() {\n    this.removeListeners();\n  }\n\n  private addListeners() {\n    document.addEventListener('click', this.handleClickOutside, true);\n    window.addEventListener('scroll', this.handleScrollOrResize, true);\n    window.addEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private removeListeners() {\n    document.removeEventListener('click', this.handleClickOutside, true);\n    window.removeEventListener('scroll', this.handleScrollOrResize, true);\n    window.removeEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private handleClickOutside(event: MouseEvent) {\n    if (!this.host.contains(event.target as Node) && !this.dropdownEl?.contains(event.target as Node)) {\n      this.close();\n    }\n  }\n\n  private handleScrollOrResize() {\n    if (this.isVisible) {\n      this.positionDropdown();\n    }\n  }\n\n  private showDropdown = () => {\n    if (this.isVisible) return;\n\n    const slotContent = this.host.querySelector('[slot=\"dropdownContent\"]') as HTMLElement;\n    if (!slotContent) return;\n\n    this.isVisible = true;\n\n    this.dropdownEl = document.createElement('div');\n    this.dropdownEl.className = `spw-dropdown-fixed spw-dropdown-fixed--${this.direction}`;\n    if (this.hasPadding) this.dropdownEl.classList.add('spw-dropdown-fixed--padded');\n\n    this.dropdownEl.setAttribute('role', 'menu');\n    this.dropdownEl.style.width = `${this.contentWidth || 200}px`;\n\n    this.movedContentEl = slotContent;\n    this.dropdownEl.appendChild(this.movedContentEl);\n\n    document.body.appendChild(this.dropdownEl);\n\n    requestAnimationFrame(() => {\n      this.positionDropdown();\n      this.addListeners();\n    });\n  };\n\n  private hideDropdown = () => {\n    if (!this.isVisible) return;\n\n    this.isVisible = false;\n    this.open = false;\n\n    if (this.dropdownEl && this.movedContentEl) {\n      this.host.appendChild(this.movedContentEl);\n    }\n\n    if (this.dropdownEl?.parentNode) {\n      this.dropdownEl.parentNode.removeChild(this.dropdownEl);\n    }\n\n    this.dropdownEl = null;\n    this.movedContentEl = null;\n\n    this.removeListeners();\n  };\n\n  private positionDropdown() {\n    if (!this.dropdownEl) return;\n\n    const trigger = this.host.shadowRoot?.querySelector('.spw-dropdown__trigger');\n    if (!trigger) return;\n\n    const rect = trigger.getBoundingClientRect();\n    const dropdown = this.dropdownEl;\n\n    dropdown.style.visibility = 'hidden';\n    dropdown.style.position = 'fixed';\n    dropdown.style.display = 'flex';\n\n    const dropdownRect = dropdown.getBoundingClientRect();\n\n    let top = 0;\n    let left = 0;\n\n    switch (this.direction) {\n      case 'top':\n        top = rect.top - dropdownRect.height - 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'bottom':\n        top = rect.bottom + 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'left':\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.left - dropdownRect.width - 8;\n        break;\n      case 'right':\n      default:\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.right + 8;\n        break;\n    }\n\n    dropdown.style.top = `${top}px`;\n    dropdown.style.left = `${left}px`;\n    dropdown.style.zIndex = '9999';\n    dropdown.style.visibility = 'visible';\n  }\n\n  render() {\n    return (\n      <div class=\"spw-dropdown__trigger\" onClick={() => (this.open = !this.open)}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"spw-dropdown.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/spw-dropdown/spw-dropdown.scss?tag=spw-dropdown&encapsulation=shadow","src/components/spw-dropdown/spw-dropdown.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  line-height: 1;\n}\n\n:host([open]) {\n  --spw-dropdown-icon-color: var(--spw-color-themes-grey-grey-900);\n}\n\n.spw-dropdown__trigger {\n  cursor: pointer;\n\n  &:hover {\n    --spw-dropdown-icon-color: var(--spw-color-themes-grey-grey-900);\n  }\n\n  ::slotted(spw-icon) {\n    color: var(--spw-dropdown-icon-color, inherit);\n  }\n}\n","import { Component, Prop, State, h, Element, Method, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-dropdown',\n  styleUrl: 'spw-dropdown.scss',\n  shadow: true,\n})\nexport class SpwDropdown {\n  /** Position du dropdown */\n  @Prop() direction: 'top' | 'bottom' | 'left' | 'right' = 'bottom';\n\n  /** Active un padding interne */\n  @Prop() hasPadding: boolean = true;\n\n  /** Largeur du dropdown (px) */\n  @Prop() contentWidth: number = 300;\n\n  /** Contrôle externe du dropdown */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @State() isVisible: boolean = false;\n\n  @Element() host: HTMLElement;\n\n  private dropdownEl: HTMLDivElement | null = null;\n  private movedContentEl: HTMLElement | null = null;\n\n  @Method()\n  async close(): Promise<void> {\n    this.open = false;\n    this.hideDropdown();\n  }\n\n  @Watch('open')\n  onOpenChange(newVal: boolean) {\n    newVal ? this.showDropdown() : this.hideDropdown();\n  }\n\n  connectedCallback() {\n    this.handleClickOutside = this.handleClickOutside.bind(this);\n    this.handleScrollOrResize = this.handleScrollOrResize.bind(this);\n  }\n\n  componentDidLoad() {\n    if (this.open) {\n      this.showDropdown();\n    }\n  }\n\n  disconnectedCallback() {\n    this.removeListeners();\n  }\n\n  private addListeners() {\n    document.addEventListener('click', this.handleClickOutside, true);\n    window.addEventListener('scroll', this.handleScrollOrResize, true);\n    window.addEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private removeListeners() {\n    document.removeEventListener('click', this.handleClickOutside, true);\n    window.removeEventListener('scroll', this.handleScrollOrResize, true);\n    window.removeEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private handleClickOutside(event: MouseEvent) {\n    if (!this.host.contains(event.target as Node) && !this.dropdownEl?.contains(event.target as Node)) {\n      this.close();\n    }\n  }\n\n  private handleScrollOrResize() {\n    if (this.isVisible) {\n      this.positionDropdown();\n    }\n  }\n\n  private showDropdown = () => {\n    if (this.isVisible) return;\n\n    const slotContent = this.host.querySelector('[slot=\"dropdownContent\"]') as HTMLElement;\n    if (!slotContent) return;\n\n    this.isVisible = true;\n\n    this.dropdownEl = document.createElement('div');\n    this.dropdownEl.className = `spw-dropdown-fixed spw-dropdown-fixed--${this.direction}`;\n    if (this.hasPadding) this.dropdownEl.classList.add('spw-dropdown-fixed--padded');\n\n    this.dropdownEl.setAttribute('role', 'menu');\n    this.dropdownEl.style.width = `${this.contentWidth || 200}px`;\n\n    this.movedContentEl = slotContent;\n    this.dropdownEl.appendChild(this.movedContentEl);\n\n    document.body.appendChild(this.dropdownEl);\n\n    requestAnimationFrame(() => {\n      this.positionDropdown();\n      this.addListeners();\n    });\n  };\n\n  private hideDropdown = () => {\n    if (!this.isVisible) return;\n\n    this.isVisible = false;\n    this.open = false;\n\n    if (this.dropdownEl && this.movedContentEl) {\n      this.host.appendChild(this.movedContentEl);\n    }\n\n    if (this.dropdownEl?.parentNode) {\n      this.dropdownEl.parentNode.removeChild(this.dropdownEl);\n    }\n\n    this.dropdownEl = null;\n    this.movedContentEl = null;\n\n    this.removeListeners();\n  };\n\n  private positionDropdown() {\n    if (!this.dropdownEl) return;\n\n    const trigger = this.host.shadowRoot?.querySelector('.spw-dropdown__trigger');\n    if (!trigger) return;\n\n    const rect = trigger.getBoundingClientRect();\n    const dropdown = this.dropdownEl;\n\n    dropdown.style.visibility = 'hidden';\n    dropdown.style.position = 'fixed';\n    dropdown.style.display = 'flex';\n\n    const dropdownRect = dropdown.getBoundingClientRect();\n\n    let top = 0;\n    let left = 0;\n\n    switch (this.direction) {\n      case 'top':\n        top = rect.top - dropdownRect.height - 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'bottom':\n        top = rect.bottom + 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'left':\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.left - dropdownRect.width - 8;\n        break;\n      case 'right':\n      default:\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.right + 8;\n        break;\n    }\n\n    dropdown.style.top = `${top}px`;\n    dropdown.style.left = `${left}px`;\n    dropdown.style.zIndex = '9999';\n    dropdown.style.visibility = 'visible';\n  }\n\n  render() {\n    return (\n      <div class=\"spw-dropdown__trigger\" onClick={() => (this.open = !this.open)}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"spw-dropdown.entry.cjs.js","sources":["src/components/spw-dropdown/spw-dropdown.scss?tag=spw-dropdown&encapsulation=shadow","src/components/spw-dropdown/spw-dropdown.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  line-height: 1;\n}\n","import { Component, Prop, State, h, Element, Method, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-dropdown',\n  styleUrl: 'spw-dropdown.scss',\n  shadow: true,\n})\nexport class SpwDropdown {\n  /** Position du dropdown */\n  @Prop() direction: 'top' | 'bottom' | 'left' | 'right' = 'bottom';\n\n  /** Active un padding interne */\n  @Prop() hasPadding: boolean = true;\n\n  /** Largeur du dropdown (px) */\n  @Prop() contentWidth: number = 300;\n\n  /** Contrôle externe du dropdown */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @State() isVisible: boolean = false;\n\n  @Element() host: HTMLElement;\n\n  private dropdownEl: HTMLDivElement | null = null;\n  private movedContentEl: HTMLElement | null = null;\n\n  @Method()\n  async close(): Promise<void> {\n    this.open = false;\n    this.hideDropdown();\n  }\n\n  @Watch('open')\n  onOpenChange(newVal: boolean) {\n    newVal ? this.showDropdown() : this.hideDropdown();\n  }\n\n  connectedCallback() {\n    this.handleClickOutside = this.handleClickOutside.bind(this);\n    this.handleScrollOrResize = this.handleScrollOrResize.bind(this);\n  }\n\n  componentDidLoad() {\n    if (this.open) {\n      this.showDropdown();\n    }\n  }\n\n  disconnectedCallback() {\n    this.removeListeners();\n  }\n\n  private addListeners() {\n    document.addEventListener('click', this.handleClickOutside, true);\n    window.addEventListener('scroll', this.handleScrollOrResize, true);\n    window.addEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private removeListeners() {\n    document.removeEventListener('click', this.handleClickOutside, true);\n    window.removeEventListener('scroll', this.handleScrollOrResize, true);\n    window.removeEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private handleClickOutside(event: MouseEvent) {\n    if (!this.host.contains(event.target as Node) && !this.dropdownEl?.contains(event.target as Node)) {\n      this.close();\n    }\n  }\n\n  private handleScrollOrResize() {\n    if (this.isVisible) {\n      this.positionDropdown();\n    }\n  }\n\n  private showDropdown = () => {\n    if (this.isVisible) return;\n\n    const slotContent = this.host.querySelector('[slot=\"dropdownContent\"]') as HTMLElement;\n    if (!slotContent) return;\n\n    this.isVisible = true;\n\n    this.dropdownEl = document.createElement('div');\n    this.dropdownEl.className = `spw-dropdown-fixed spw-dropdown-fixed--${this.direction}`;\n    if (this.hasPadding) this.dropdownEl.classList.add('spw-dropdown-fixed--padded');\n\n    this.dropdownEl.setAttribute('role', 'menu');\n    this.dropdownEl.style.width = `${this.contentWidth || 200}px`;\n\n    this.movedContentEl = slotContent;\n    this.dropdownEl.appendChild(this.movedContentEl);\n\n    document.body.appendChild(this.dropdownEl);\n\n    requestAnimationFrame(() => {\n      this.positionDropdown();\n      this.addListeners();\n    });\n  };\n\n  private hideDropdown = () => {\n    if (!this.isVisible) return;\n\n    this.isVisible = false;\n    this.open = false;\n\n    if (this.dropdownEl && this.movedContentEl) {\n      this.host.appendChild(this.movedContentEl);\n    }\n\n    if (this.dropdownEl?.parentNode) {\n      this.dropdownEl.parentNode.removeChild(this.dropdownEl);\n    }\n\n    this.dropdownEl = null;\n    this.movedContentEl = null;\n\n    this.removeListeners();\n  };\n\n  private positionDropdown() {\n    if (!this.dropdownEl) return;\n\n    const trigger = this.host.shadowRoot?.querySelector('.spw-dropdown__trigger');\n    if (!trigger) return;\n\n    const rect = trigger.getBoundingClientRect();\n    const dropdown = this.dropdownEl;\n\n    dropdown.style.visibility = 'hidden';\n    dropdown.style.position = 'fixed';\n    dropdown.style.display = 'flex';\n\n    const dropdownRect = dropdown.getBoundingClientRect();\n\n    let top = 0;\n    let left = 0;\n\n    switch (this.direction) {\n      case 'top':\n        top = rect.top - dropdownRect.height - 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'bottom':\n        top = rect.bottom + 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'left':\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.left - dropdownRect.width - 8;\n        break;\n      case 'right':\n      default:\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.right + 8;\n        break;\n    }\n\n    dropdown.style.top = `${top}px`;\n    dropdown.style.left = `${left}px`;\n    dropdown.style.zIndex = '9999';\n    dropdown.style.visibility = 'visible';\n  }\n\n  render() {\n    return (\n      <div class=\"spw-dropdown__trigger\" onClick={() => (this.open = !this.open)}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}
+{"version":3,"file":"spw-dropdown.entry.cjs.js","sources":["src/components/spw-dropdown/spw-dropdown.scss?tag=spw-dropdown&encapsulation=shadow","src/components/spw-dropdown/spw-dropdown.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  line-height: 1;\n}\n\n:host([open]) {\n  --spw-dropdown-icon-color: var(--spw-color-themes-grey-grey-900);\n}\n\n.spw-dropdown__trigger {\n  cursor: pointer;\n\n  &:hover {\n    --spw-dropdown-icon-color: var(--spw-color-themes-grey-grey-900);\n  }\n\n  ::slotted(spw-icon) {\n    color: var(--spw-dropdown-icon-color, inherit);\n  }\n}\n","import { Component, Prop, State, h, Element, Method, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-dropdown',\n  styleUrl: 'spw-dropdown.scss',\n  shadow: true,\n})\nexport class SpwDropdown {\n  /** Position du dropdown */\n  @Prop() direction: 'top' | 'bottom' | 'left' | 'right' = 'bottom';\n\n  /** Active un padding interne */\n  @Prop() hasPadding: boolean = true;\n\n  /** Largeur du dropdown (px) */\n  @Prop() contentWidth: number = 300;\n\n  /** Contrôle externe du dropdown */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @State() isVisible: boolean = false;\n\n  @Element() host: HTMLElement;\n\n  private dropdownEl: HTMLDivElement | null = null;\n  private movedContentEl: HTMLElement | null = null;\n\n  @Method()\n  async close(): Promise<void> {\n    this.open = false;\n    this.hideDropdown();\n  }\n\n  @Watch('open')\n  onOpenChange(newVal: boolean) {\n    newVal ? this.showDropdown() : this.hideDropdown();\n  }\n\n  connectedCallback() {\n    this.handleClickOutside = this.handleClickOutside.bind(this);\n    this.handleScrollOrResize = this.handleScrollOrResize.bind(this);\n  }\n\n  componentDidLoad() {\n    if (this.open) {\n      this.showDropdown();\n    }\n  }\n\n  disconnectedCallback() {\n    this.removeListeners();\n  }\n\n  private addListeners() {\n    document.addEventListener('click', this.handleClickOutside, true);\n    window.addEventListener('scroll', this.handleScrollOrResize, true);\n    window.addEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private removeListeners() {\n    document.removeEventListener('click', this.handleClickOutside, true);\n    window.removeEventListener('scroll', this.handleScrollOrResize, true);\n    window.removeEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private handleClickOutside(event: MouseEvent) {\n    if (!this.host.contains(event.target as Node) && !this.dropdownEl?.contains(event.target as Node)) {\n      this.close();\n    }\n  }\n\n  private handleScrollOrResize() {\n    if (this.isVisible) {\n      this.positionDropdown();\n    }\n  }\n\n  private showDropdown = () => {\n    if (this.isVisible) return;\n\n    const slotContent = this.host.querySelector('[slot=\"dropdownContent\"]') as HTMLElement;\n    if (!slotContent) return;\n\n    this.isVisible = true;\n\n    this.dropdownEl = document.createElement('div');\n    this.dropdownEl.className = `spw-dropdown-fixed spw-dropdown-fixed--${this.direction}`;\n    if (this.hasPadding) this.dropdownEl.classList.add('spw-dropdown-fixed--padded');\n\n    this.dropdownEl.setAttribute('role', 'menu');\n    this.dropdownEl.style.width = `${this.contentWidth || 200}px`;\n\n    this.movedContentEl = slotContent;\n    this.dropdownEl.appendChild(this.movedContentEl);\n\n    document.body.appendChild(this.dropdownEl);\n\n    requestAnimationFrame(() => {\n      this.positionDropdown();\n      this.addListeners();\n    });\n  };\n\n  private hideDropdown = () => {\n    if (!this.isVisible) return;\n\n    this.isVisible = false;\n    this.open = false;\n\n    if (this.dropdownEl && this.movedContentEl) {\n      this.host.appendChild(this.movedContentEl);\n    }\n\n    if (this.dropdownEl?.parentNode) {\n      this.dropdownEl.parentNode.removeChild(this.dropdownEl);\n    }\n\n    this.dropdownEl = null;\n    this.movedContentEl = null;\n\n    this.removeListeners();\n  };\n\n  private positionDropdown() {\n    if (!this.dropdownEl) return;\n\n    const trigger = this.host.shadowRoot?.querySelector('.spw-dropdown__trigger');\n    if (!trigger) return;\n\n    const rect = trigger.getBoundingClientRect();\n    const dropdown = this.dropdownEl;\n\n    dropdown.style.visibility = 'hidden';\n    dropdown.style.position = 'fixed';\n    dropdown.style.display = 'flex';\n\n    const dropdownRect = dropdown.getBoundingClientRect();\n\n    let top = 0;\n    let left = 0;\n\n    switch (this.direction) {\n      case 'top':\n        top = rect.top - dropdownRect.height - 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'bottom':\n        top = rect.bottom + 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'left':\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.left - dropdownRect.width - 8;\n        break;\n      case 'right':\n      default:\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.right + 8;\n        break;\n    }\n\n    dropdown.style.top = `${top}px`;\n    dropdown.style.left = `${left}px`;\n    dropdown.style.zIndex = '9999';\n    dropdown.style.visibility = 'visible';\n  }\n\n  render() {\n    return (\n      <div class=\"spw-dropdown__trigger\" onClick={() => (this.open = !this.open)}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}