@spw-ds/spw-stencil-library 1.2.3 → 1.2.4

package/dist/spw-stencil-library/p-c54fee67.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t}from"./p-BYM_CUUH.js";const i="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);border-top:0;color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left}.spw-table-cell--is-highlighted{background:var(--spw-color-themes-grey-grey-100);font-weight:700}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}.spw-table-cell--padding-small{padding:8px}.spw-table-cell--padding-medium{padding:16px}.spw-table-cell ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}";const n=class{constructor(t){e(this,t);this.isHighlighted=false;this.textAlign="left";this.verticalAlign="middle";this.width="auto";this.padding="medium"}get elementClass(){return{"spw-table-cell":true,"spw-table-cell--is-highlighted":this.isHighlighted,[`spw-table-cell--text-align-${this.textAlign}`]:true,[`spw-table-cell--padding-${this.padding}`]:true,[`spw-table-cell--vertical-align-${this.verticalAlign}`]:true}}render(){const e={width:this.width,class:this.elementClass,part:"cell"};if(this.colspan!==undefined)e.colSpan=this.colspan;if(this.rowspan!==undefined)e.rowSpan=this.rowspan;if(this.headers!==undefined)e.headers=this.headers;return t("td",Object.assign({key:"90b5ba037780b40461e2fbfff278fa3e46d4fa79"},e),t("slot",{key:"6e8d211652ff81ec279445597e0d20e9bd783857"}))}};n.style=i;export{n as spw_table_cell};
-//# sourceMappingURL=p-c54fee67.entry.js.map

package/dist/spw-stencil-library/p-c54fee67.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwTableCellCss","SpwTableCell","constructor","hostRef","this","isHighlighted","textAlign","verticalAlign","width","padding","elementClass","render","attrs","class","part","colspan","undefined","colSpan","rowspan","rowSpan","headers","h","Object","assign","key"],"sources":["src/components/spw-table/spw-table-cell/spw-table-cell.scss?tag=spw-table-cell&encapsulation=shadow","src/components/spw-table/spw-table-cell/spw-table-cell.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-table-cell {\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n  color: var(--spw-color-themes-grey-grey-800);\n  font-size: 14px;\n  text-align: left;\n  border-top: 0;\n  &--is-highlighted {\n    font-weight: 700;\n    background: var(--spw-color-themes-grey-grey-100);\n  }\n  &--text-align-left {\n    text-align: left;\n  }\n  &--text-align-center {\n    text-align: center;\n  }\n  &--text-align-right {\n    text-align: right;\n  }\n  &--vertical-align-top {\n    vertical-align: top;\n  }\n  &--vertical-align-bottom {\n    vertical-align: bottom;\n  }\n  &--vertical-align-middle {\n    vertical-align: middle;\n  }\n  &--padding-small {\n    padding: 8px;\n  }\n  &--padding-medium {\n    padding: 16px;\n  }\n  ::slotted(spw-checkbox) {\n    --spw-ds-checkbox-checked-color: #000;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-cell',\n  styleUrl: 'spw-table-cell.scss',\n  shadow: true,\n})\nexport class SpwTableCell {\n  /** Définit un colspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() colspan?: HTMLTableCellElement['colSpan'];\n  /** Définit un header relationnel pour la cellule, à des fins d'accessibilité (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() headers?: HTMLTableCellElement['headers'];\n  /** Définit un rowspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n  /** Définit un style visuel qui met en avant la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() isHighlighted?: boolean = false;\n  /** Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() textAlign?: 'center' | 'left' | 'right' = 'left';\n  /** Définit un alignement vertical pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() verticalAlign?: 'top' | 'bottom' | 'middle' = 'middle';\n  /** Définit une largeur si nécessaire (à appliquer sur spw-table-cell) */\n  @Prop() width?: string = 'auto';\n  /** Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() padding?: 'small' | 'medium' = 'medium';\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table-cell': true,\n      'spw-table-cell--is-highlighted': this.isHighlighted,\n      [`spw-table-cell--text-align-${this.textAlign}`]: true,\n      [`spw-table-cell--padding-${this.padding}`]: true,\n      [`spw-table-cell--vertical-align-${this.verticalAlign}`]: true,\n    };\n  }\n\n  render() {\n    const attrs: { [key: string]: any } = {\n      width: this.width,\n      class: this.elementClass,\n      part: 'cell',\n    };\n\n    if (this.colspan !== undefined) attrs.colSpan = this.colspan;\n    if (this.rowspan !== undefined) attrs.rowSpan = this.rowspan;\n    if (this.headers !== undefined) attrs.headers = this.headers;\n\n    return (\n      <td {...attrs}>\n        <slot />\n      </td>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,+zG,MCOXC,EAAY,MALzB,WAAAC,CAAAC,G,UAaUC,KAAaC,cAAa,MAE1BD,KAASE,UAAiC,OAE1CF,KAAaG,cAAiC,SAE9CH,KAAKI,MAAY,OAEjBJ,KAAOK,QAAwB,QA6BxC,CA3BC,gBAAYC,GACV,MAAO,CACL,iBAAkB,KAClB,iCAAkCN,KAAKC,cACvC,CAAC,8BAA8BD,KAAKE,aAAc,KAClD,CAAC,2BAA2BF,KAAKK,WAAY,KAC7C,CAAC,kCAAkCL,KAAKG,iBAAkB,K,CAI9D,MAAAI,GACE,MAAMC,EAAgC,CACpCJ,MAAOJ,KAAKI,MACZK,MAAOT,KAAKM,aACZI,KAAM,QAGR,GAAIV,KAAKW,UAAYC,UAAWJ,EAAMK,QAAUb,KAAKW,QACrD,GAAIX,KAAKc,UAAYF,UAAWJ,EAAMO,QAAUf,KAAKc,QACrD,GAAId,KAAKgB,UAAYJ,UAAWJ,EAAMQ,QAAUhB,KAAKgB,QAErD,OACEC,EAAA,KAAAC,OAAAC,OAAA,CAAAC,IAAA,4CAAQZ,GACNS,EAAQ,QAAAG,IAAA,6C","ignoreList":[]}

package/dist/spw-stencil-library/p-d3d4755a.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as r,g as s}from"./p-BYM_CUUH.js";const t='/*! 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-ds-checkbox-checked-color:var(--spw-ds-primary);--spw-ds-checkbox-checked-active-color:var(--spw-ds-active);--spw-ds-checkbox-checked-hover-color:var(--spw-ds-variant);box-sizing:border-box;display:inline-flex;font-size:100%;line-height:1.3;vertical-align:top}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-checkbox{align-items:flex-start;display:inline-flex;flex-direction:row;padding:0}.spw-checkbox__wrapper{align-items:center;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-2-xs);display:flex;flex:none;flex-grow:0;font-size:var(--spw-typography-body-body-3-font-size);height:20px;justify-content:center;order:0;position:relative;width:20px}.spw-checkbox__wrapper spw-icon{font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.spw-checkbox__wrapper--error{border-color:var(--spw-colors-dark-states-error-error-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):active,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-visible,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-within{box-shadow:0 0 0 4px #000;outline:2px solid #fff;outline-offset:0}.spw-checkbox__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--checked{border-color:var(--spw-ds-checkbox-checked-color);color:var(--spw-ds-checkbox-checked-color)}.spw-checkbox__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--toggle{background:var(--spw-color-themes-grey-grey-500);border:none;border-radius:40px;height:18px;top:1px;transition:background .2s ease;width:30px}.spw-checkbox__wrapper--toggle:hover{background:var(--spw-color-themes-grey-grey-600)}.spw-checkbox__wrapper--toggle:active{background:var(--spw-color-themes-grey-grey-800)}.spw-checkbox__wrapper--toggle spw-icon{line-height:0;margin-left:15px;opacity:0;transition:all .2s ease .3s;transition:all .2s ease}.spw-checkbox__wrapper--toggle:before{background:#fff;border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:14px}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle{background:var(--spw-ds-checkbox-checked-color);color:var(--spw-ds-checkbox-checked-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:before{background:#fff;left:calc(100% - 16px)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle spw-icon{font-size:10px;margin-left:6px;opacity:1}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):hover{background:var(--spw-ds-checkbox-checked-hover-color);color:var(--spw-ds-checkbox-checked-hover-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):active{background:var(--spw-ds-checkbox-checked-active-color);color:var(--spw-ds-checkbox-checked-active-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled{background:#fff;border-color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled:before{background:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__label{word-wrap:break-word;color:var(--spw-color-themes-grey-grey-900);order:1;padding-left:var(--spw-spacings-spacing-sm);padding-top:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-checkbox__label:hover~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__label:active~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){box-shadow:0 0 0 4px #000;outline:2px solid #fff;outline-offset:0}.spw-checkbox__label--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__label:hover,.spw-checkbox__wrapper:hover{cursor:pointer}.spw-checkbox__label--disabled:hover,.spw-checkbox__wrapper--disabled:hover{cursor:not-allowed}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}';const c=class{constructor(r){e(this,r);this.spwChange=o(this,"spwChange");if(r.$hostElement$["s-ei"]){this.internals=r.$hostElement$["s-ei"]}else{this.internals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.internals}this.disabled=false;this.checked=false;this.error=false;this.icon="fa-check";this.variant="default"}handleCheckbox(){if(!this.disabled){this.internalChecked=!this.internalChecked;this.checked=this.internalChecked;this.updateFormValue();this.spwChange.emit(this.internalChecked)}}async toggleCheckedState(e){this.internalChecked=e;this.checked=e;this.updateFormValue()}checkedChanged(e){this.internalChecked=e;this.inputElement.checked=e;this.updateFormValue()}updateFormValue(){if(this.internalChecked){this.internals.setFormValue("on")}else{this.internals.setFormValue(null)}}handleKeydown(e){if(e.key===" "||e.key==="Enter"){this.handleCheckbox();e.preventDefault()}}componentWillLoad(){this.internalChecked=this.checked;this.updateFormValue()}componentDidLoad(){var e;(e=this.el.closest("form"))===null||e===void 0?void 0:e.addEventListener("formdata",(e=>{if(this.internalChecked){e.formData.set(this.name,"on")}}))}formResetCallback(){this.internalChecked=false;this.checked=false;this.updateFormValue()}get elementClass(){return{"spw-checkbox__wrapper":true,[`spw-checkbox__wrapper--${this.variant}`]:true,"spw-checkbox__wrapper--disabled":this.disabled,"spw-checkbox__wrapper--checked":this.internalChecked,"spw-checkbox__wrapper--error":this.error}}render(){const e=this.el.innerHTML;const o=Boolean(e);return r("div",{key:"346a6a165000a9fac29cfcf8fb742dc3871d07c2",class:"spw-checkbox"},r("input",{key:"a10fc25d9dc9e2281d945f686f91cf004ad63076",type:"checkbox",ref:e=>this.inputElement=e,checked:this.internalChecked,onChange:this.handleCheckbox.bind(this),name:this.name,disabled:this.disabled,style:{display:"none"}}),o&&r("label",{key:"4666d69baa172d4a9f81ed2fc17edda8faea3d56",htmlFor:this.name,class:`spw-checkbox__label ${this.disabled?"spw-checkbox__label--disabled":""}`,onClick:this.handleCheckbox.bind(this)},r("slot",{key:"31f0458f49a806820c4f4d7411a9b02045ebc9a6"})),r("div",{key:"a537f489f207f9ccfcc933b57a58d5891fdcbe2b",tabindex:this.disabled?-1:0,onClick:this.handleCheckbox.bind(this),onKeyDown:this.handleKeydown.bind(this),role:"checkbox","aria-checked":this.internalChecked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-labelledby":"label",class:this.elementClass},this.internalChecked&&r("spw-icon",{key:"39ba0368fca18e58d613e1232a5c77fa1d7dc4e6",icon:this.icon})))}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{checked:["checkedChanged"]}}};c.style=t;export{c as spw_checkbox};
-//# sourceMappingURL=p-d3d4755a.entry.js.map

package/dist/spw-stencil-library/p-d3d4755a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwCheckboxCss","SpwCheckbox","constructor","hostRef","this","disabled","checked","error","icon","variant","handleCheckbox","internalChecked","updateFormValue","spwChange","emit","toggleCheckedState","newVal","checkedChanged","newChecked","inputElement","internals","setFormValue","handleKeydown","event","key","preventDefault","componentWillLoad","componentDidLoad","_a","el","closest","addEventListener","e","formData","set","name","formResetCallback","elementClass","render","slot","innerHTML","hasSlot","Boolean","h","class","type","ref","onChange","bind","style","display","htmlFor","onClick","tabindex","onKeyDown","role"],"sources":["src/components/spw-checkbox/spw-checkbox.scss?tag=spw-checkbox&encapsulation=shadow","src/components/spw-checkbox/spw-checkbox.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  vertical-align: top;\n  --spw-ds-checkbox-checked-color: var(--spw-ds-primary);\n  --spw-ds-checkbox-checked-active-color: var(--spw-ds-active);\n  --spw-ds-checkbox-checked-hover-color: var(--spw-ds-variant);\n}\n\n.spw-checkbox {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: 0;\n\n  &__wrapper {\n    display: flex;\n    position: relative;\n    justify-content: center;\n    align-items: center;\n    width: 20px;\n    height: 20px;\n    background-color: var(--spw-ds-white);\n    border: 2px solid var(--spw-color-themes-grey-grey-900);\n    border-radius: var(--spw-spacings-border-radius-2-xs);\n    font-size: var(--spw-typography-body-body-3-font-size);\n    flex: none;\n    order: 0;\n    flex-grow: 0;\n\n    spw-icon {\n      font-size: 14px;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    &--error {\n      border-color: var(--spw-colors-dark-states-error-error-300);\n    }\n\n    &:not(.spw-checkbox__wrapper--disabled):hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    &:not(.spw-checkbox__wrapper--disabled):focus-visible,\n    &:not(.spw-checkbox__wrapper--disabled):active,\n    &:not(.spw-checkbox__wrapper--disabled):focus-within,\n    &:not(.spw-checkbox__wrapper--disabled):active {\n      outline: 2px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 4px black;\n    }\n\n    &--disabled {\n      border-color: var(--spw-color-themes-grey-grey-500);\n    }\n\n    &--checked {\n      border-color: var(--spw-ds-checkbox-checked-color);\n      color: var(--spw-ds-checkbox-checked-color);\n\n      &--disabled {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n    }\n\n    &--toggle {\n      top: 1px;\n      width: 30px;\n      height: 18px;\n      border-radius: 40px;\n      border: none;\n      background: var(--spw-color-themes-grey-grey-500);\n      transition: background 0.2s ease;\n      &:hover {\n        background: var(--spw-color-themes-grey-grey-600);\n      }\n      &:active {\n        background: var(--spw-color-themes-grey-grey-800);\n      }\n      spw-icon {\n        opacity: 0;\n        line-height: 0;\n        transition: all 0.2s 0.3s ease;\n        margin-left: 15px;\n        transition: all 0.2s ease;\n      }\n      &:before {\n        content: '';\n        position: absolute;\n        width: 14px;\n        height: 14px;\n        background: white;\n        border-radius: 50%;\n        top: 50%;\n        left: 2px;\n        transform: translateY(-50%);\n        transition: all 0.2s ease;\n      }\n    }\n    &.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle {\n      background: var(--spw-ds-checkbox-checked-color);\n      color: var(--spw-ds-checkbox-checked-color);\n      &:before {\n        left: calc(100% - 16px);\n        background: white;\n      }\n      spw-icon {\n        font-size: 10px;\n        margin-left: 6px;\n        opacity: 1;\n      }\n      &:not(.spw-checkbox__wrapper--disabled):hover {\n        background: var(--spw-ds-checkbox-checked-hover-color);\n        color: var(--spw-ds-checkbox-checked-hover-color);\n      }\n      &:not(.spw-checkbox__wrapper--disabled):active {\n        background: var(--spw-ds-checkbox-checked-active-color);\n        color: var(--spw-ds-checkbox-checked-active-color);\n      }\n    }\n    &.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled {\n      border-color: var(--spw-color-themes-grey-grey-500);\n      background: white;\n      &:before {\n        background: var(--spw-color-themes-grey-grey-500);\n      }\n    }\n  }\n\n  &__label {\n    color: var(--spw-color-themes-grey-grey-900);\n    word-wrap: break-word;\n    order: 1;\n    padding-top: 1px;\n    user-select: none;\n    padding-left: var(--spw-spacings-spacing-sm);\n\n    &:hover ~ .spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled) {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    // &:hover ~ .spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-color-themes-grey-grey-600);\n    //   color: var(--spw-color-themes-grey-grey-600);\n    // }\n\n    // &:active ~ .spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-color-themes-grey-grey-800);\n    //   color: var(--spw-color-themes-grey-grey-800);\n    // }\n\n    // &:hover ~ .spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--checked:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-ds-checkbox-checked-hover-color);\n    //   color: var(--spw-ds-checkbox-checked-hover-color);\n    // }\n\n    // &:active ~ .spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--checked:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-ds-checkbox-checked-active-color);\n    //   color: var(--spw-ds-checkbox-checked-active-color);\n    // }\n\n    &:active ~ .spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled) {\n      outline: 2px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 4px black;\n    }\n\n    &--disabled {\n      color: var(--spw-color-themes-grey-grey-500);\n    }\n  }\n\n  &__wrapper,\n  &__label {\n    &:hover {\n      cursor: pointer;\n    }\n    &--disabled:hover {\n      cursor: not-allowed;\n    }\n  }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\n\n@Component({\n  tag: 'spw-checkbox',\n  styleUrl: 'spw-checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class SpwCheckbox {\n  private inputElement: HTMLInputElement;\n\n  @Element() el: HTMLSpwCheckboxElement;\n\n  /** Détermine si la case à cocher est désactivée, rendant l'élément inutilisable */\n  @Prop() disabled: boolean = false;\n  /** Propriété mutable qui reflète si la case à cocher est cochée ou non */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n  /** Indique s'il y a une erreur associée à la case à cocher, pour un affichage visuel */\n  @Prop() error: boolean = false;\n  /** Icône à afficher lorsque la case à cocher est cochée */\n  @Prop() icon: string = 'fa-check';\n  /** Nom de l'élément utilisé dans les formulaires */\n  @Prop() name: string;\n  /** Type de variant pour la checkbox */\n  @Prop() variant?: 'default' | 'toggle' = 'default';\n\n  @State() internalChecked: boolean;\n\n  @AttachInternals() internals: ElementInternals;\n\n  /** Événement déclenché lors d'un changement d'état de la case à cocher (cochée ou décochée) */\n  @Event({ bubbles: true, composed: true }) spwChange: EventEmitter<boolean>;\n\n  private handleCheckbox() {\n    if (!this.disabled) {\n      this.internalChecked = !this.internalChecked;\n      this.checked = this.internalChecked;\n      this.updateFormValue();\n      this.spwChange.emit(this.internalChecked);\n    }\n  }\n\n  /** Méthode publique pour changer l'état de la case à cocher. */\n  @Method()\n  async toggleCheckedState(newVal: boolean) {\n    this.internalChecked = newVal;\n    this.checked = newVal;\n    this.updateFormValue();\n  }\n\n  @Watch('checked')\n  checkedChanged(newChecked: boolean) {\n    this.internalChecked = newChecked;\n    this.inputElement.checked = newChecked;\n    this.updateFormValue();\n  }\n\n  private updateFormValue() {\n    if (this.internalChecked) {\n      this.internals.setFormValue('on');\n    } else {\n      this.internals.setFormValue(null);\n    }\n  }\n\n  private handleKeydown(event) {\n    if (event.key === ' ' || event.key === 'Enter') {\n      // Space or Enter keys\n      this.handleCheckbox();\n      event.preventDefault();\n    }\n  }\n\n  componentWillLoad() {\n    this.internalChecked = this.checked;\n    this.updateFormValue();\n  }\n\n  componentDidLoad() {\n    this.el.closest('form')?.addEventListener('formdata', (e: FormDataEvent) => {\n      if (this.internalChecked) {\n        e.formData.set(this.name, 'on');\n      }\n    });\n  }\n\n  formResetCallback() {\n    this.internalChecked = false;\n    this.checked = false;\n    this.updateFormValue();\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-checkbox__wrapper': true,\n      [`spw-checkbox__wrapper--${this.variant}`]: true,\n      'spw-checkbox__wrapper--disabled': this.disabled,\n      'spw-checkbox__wrapper--checked': this.internalChecked,\n      'spw-checkbox__wrapper--error': this.error,\n    };\n  }\n\n  render() {\n    const slot = this.el.innerHTML;\n    const hasSlot = Boolean(slot);\n\n    return (\n      <div class=\"spw-checkbox\">\n        <input\n          type=\"checkbox\"\n          ref={el => (this.inputElement = el)}\n          checked={this.internalChecked}\n          onChange={this.handleCheckbox.bind(this)}\n          name={this.name}\n          disabled={this.disabled}\n          style={{ display: 'none' }}\n        />\n        {hasSlot && (\n          <label htmlFor={this.name} class={`spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`} onClick={this.handleCheckbox.bind(this)}>\n            <slot />\n          </label>\n        )}\n        <div\n          tabindex={this.disabled ? -1 : 0}\n          onClick={this.handleCheckbox.bind(this)}\n          onKeyDown={this.handleKeydown.bind(this)}\n          role=\"checkbox\"\n          aria-checked={this.internalChecked ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-labelledby=\"label\"\n          class={this.elementClass}\n        >\n          {this.internalChecked && <spw-icon icon={this.icon}></spw-icon>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,ivN,MCQVC,EAAW,MANxB,WAAAC,CAAAC,G,6MAYUC,KAAQC,SAAY,MAEYD,KAAOE,QAAY,MAEnDF,KAAKG,MAAY,MAEjBH,KAAII,KAAW,WAIfJ,KAAOK,QAA0B,SAiH1C,CAxGS,cAAAC,GACN,IAAKN,KAAKC,SAAU,CAClBD,KAAKO,iBAAmBP,KAAKO,gBAC7BP,KAAKE,QAAUF,KAAKO,gBACpBP,KAAKQ,kBACLR,KAAKS,UAAUC,KAAKV,KAAKO,gB,EAM7B,wBAAMI,CAAmBC,GACvBZ,KAAKO,gBAAkBK,EACvBZ,KAAKE,QAAUU,EACfZ,KAAKQ,iB,CAIP,cAAAK,CAAeC,GACbd,KAAKO,gBAAkBO,EACvBd,KAAKe,aAAab,QAAUY,EAC5Bd,KAAKQ,iB,CAGC,eAAAA,GACN,GAAIR,KAAKO,gBAAiB,CACxBP,KAAKgB,UAAUC,aAAa,K,KACvB,CACLjB,KAAKgB,UAAUC,aAAa,K,EAIxB,aAAAC,CAAcC,GACpB,GAAIA,EAAMC,MAAQ,KAAOD,EAAMC,MAAQ,QAAS,CAE9CpB,KAAKM,iBACLa,EAAME,gB,EAIV,iBAAAC,GACEtB,KAAKO,gBAAkBP,KAAKE,QAC5BF,KAAKQ,iB,CAGP,gBAAAe,G,OACEC,EAAAxB,KAAKyB,GAAGC,QAAQ,WAAS,MAAAF,SAAA,SAAAA,EAAAG,iBAAiB,YAAaC,IACrD,GAAI5B,KAAKO,gBAAiB,CACxBqB,EAAEC,SAASC,IAAI9B,KAAK+B,KAAM,K,KAKhC,iBAAAC,GACEhC,KAAKO,gBAAkB,MACvBP,KAAKE,QAAU,MACfF,KAAKQ,iB,CAGP,gBAAYyB,GACV,MAAO,CACL,wBAAyB,KACzB,CAAC,0BAA0BjC,KAAKK,WAAY,KAC5C,kCAAmCL,KAAKC,SACxC,iCAAkCD,KAAKO,gBACvC,+BAAgCP,KAAKG,M,CAIzC,MAAA+B,GACE,MAAMC,EAAOnC,KAAKyB,GAAGW,UACrB,MAAMC,EAAUC,QAAQH,GAExB,OACEI,EAAA,OAAAnB,IAAA,2CAAKoB,MAAM,gBACTD,EACE,SAAAnB,IAAA,2CAAAqB,KAAK,WACLC,IAAKjB,GAAOzB,KAAKe,aAAeU,EAChCvB,QAASF,KAAKO,gBACdoC,SAAU3C,KAAKM,eAAesC,KAAK5C,MACnC+B,KAAM/B,KAAK+B,KACX9B,SAAUD,KAAKC,SACf4C,MAAO,CAAEC,QAAS,UAEnBT,GACCE,EAAO,SAAAnB,IAAA,2CAAA2B,QAAS/C,KAAK+B,KAAMS,MAAO,uBAAuBxC,KAAKC,SAAW,gCAAkC,KAAM+C,QAAShD,KAAKM,eAAesC,KAAK5C,OACjJuC,EAAA,QAAAnB,IAAA,8CAGJmB,EAAA,OAAAnB,IAAA,2CACE6B,SAAUjD,KAAKC,UAAW,EAAK,EAC/B+C,QAAShD,KAAKM,eAAesC,KAAK5C,MAClCkD,UAAWlD,KAAKkB,cAAc0B,KAAK5C,MACnCmD,KAAK,WAAU,eACDnD,KAAKO,gBAAkB,OAAS,QAC/B,gBAAAP,KAAKC,SAAW,OAAS,QACxB,0BAChBuC,MAAOxC,KAAKiC,cAEXjC,KAAKO,iBAAmBgC,EAAA,YAAAnB,IAAA,2CAAUhB,KAAMJ,KAAKI,Q","ignoreList":[]}

package/dist/spw-stencil-library/p-fabf41a2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwSidebarNavigationItemCss","SpwSidebarNavigationItem","constructor","hostRef","this","active","disabled","iconVariant","hasDropdown","dropdownOpen","navExpanded","checkNavExpanded","document","body","classList","contains","handleDropdownToggle","event","preventDefault","stopPropagation","dropdown","el","querySelector","open","_a","setAttribute","call","_b","removeAttribute","componentDidLoad","checkForDropdown","setupMutationObserver","setupBodyClassObserver","componentDidUpdate","disconnectedCallback","mutationObserver","disconnect","bodyClassObserver","MutationObserver","observe","childList","subtree","attributes","attributeFilter","hasAttribute","classes","render","Tag","href","iconContent","h","key","variant","icon","iconDiv","class","bubble","iconWithBubble","tooltipTitle","cursor","direction","visible","toggleClasses","undefined","tabIndex","onClick","name"],"sources":["src/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.scss?tag=spw-sidebar-navigation-item","src/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-sidebar-navigation-item {\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  align-items: start;\n  color: inherit;\n  text-decoration: none;\n  padding-right: 16px;\n  font-size: 16px;\n  width: var(--spw-ds-bo-sidebar-expanded-width);\n  color: var(--spw-colors-support-grey-grey-900);\n  transition: all 0.2s ease;\n  margin: 8px 0;\n  .spw-sidebar-navigation-dropdown & {\n    width: auto;\n    margin: 0;\n  }\n  &:hover {\n    color: var(--spw-colors-support-grey-grey-900);\n  }\n  &--active,\n  &--active:hover {\n    .spw-sidebar-navigation-item__icon {\n      color: var(--spw-ds-primary);\n    }\n  }\n  &--disabled {\n    cursor: not-allowed;\n    opacity: 0.3;\n  }\n  spw-sidebar-navigation-dropdown & {\n    padding-right: 0;\n  }\n  spw-tooltip {\n    line-height: 1;\n  }\n  &__bubble {\n    position: absolute;\n    top: 0;\n    left: 32px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 12;\n    width: 20px;\n    height: 20px;\n    font-size: 10px;\n    line-height: 1;\n    border: 3px solid white;\n    border-radius: 50%;\n    background-color: var(--spw-ds-primary);\n    color: white;\n  }\n  &__icon {\n    position: relative;\n    min-width: var(--spw-ds-bo-sidebar-width);\n    width: var(--spw-ds-bo-sidebar-width);\n    padding: 12px 0;\n    border-radius: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 600;\n    font-size: 18px;\n    .--expanded & {\n      position: static;\n    }\n    &:before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 0;\n      height: 0;\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n      transition: all 0.2s ease;\n      .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover & {\n        width: 40px;\n        height: 40px;\n        background-color: var(--spw-colors-support-grey-grey-200);\n        .--expanded & {\n          width: calc(100% - 16px);\n          height: 100%;\n        }\n      }\n      .spw-sidebar-navigation-item--dropdown-opened &,\n      .spw-sidebar-navigation-item--dropdown-opened:hover & {\n        width: 0;\n        height: 0;\n        background-color: var(--spw-colors-support-grey-grey-100) !important;\n        .--expanded & {\n          width: calc(100% - 16px);\n          height: 100%;\n        }\n      }\n      .--expanded & {\n        transition: background-color 0.2s ease;\n        border-radius: 4px;\n      }\n    }\n    spw-icon {\n      position: relative;\n      z-index: 2;\n    }\n  }\n  &__content {\n    padding: 12px 0;\n    flex: 1;\n    z-index: 2;\n    max-width: calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px);\n    .spw-sidebar-navigation-dropdown & {\n      max-width: 100%;\n      padding: 8px;\n    }\n    &-label {\n      white-space: nowrap;\n      overflow: hidden;\n      display: block;\n      text-overflow: ellipsis;\n      .--expanded & {\n        white-space: normal;\n        overflow: visible;\n        text-overflow: none;\n      }\n      .spw-sidebar-navigation-dropdown & {\n        font-size: 14px;\n      }\n    }\n  }\n  &__dropdown-toggle {\n    position: absolute;\n    right: 16px;\n    top: 10px;\n    width: 24px;\n    height: 24px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    cursor: pointer;\n    z-index: 10;\n    transition: background-color 0.2s ease;\n\n    .spw-sidebar-navigation-dropdown & {\n      right: 8px;\n      top: 5px;\n    }\n\n    &:hover {\n      background-color: var(--spw-colors-support-grey-grey-300);\n      .spw-sidebar-navigation-dropdown & {\n        background-color: var(--spw-colors-support-grey-grey-400);\n      }\n    }\n\n    spw-icon {\n      font-size: 14px;\n      position: relative;\n      color: var(--spw-colors-support-grey-grey-900);\n      transition: transform 0.2s ease;\n    }\n\n    &--open {\n      spw-icon {\n        transform: rotate(180deg);\n      }\n    }\n  }\n  spw-sidebar-navigation-dropdown {\n    .--collapsed & {\n      display: none;\n    }\n  }\n}\n\n.spw-sidebar-navigation-item--dropdown-opened > .spw-sidebar-navigation-item__content > .spw-sidebar-navigation-item__content-label {\n  font-weight: bold;\n}\n\n.spw-sidebar-navigation-item--has-dropdown > .spw-sidebar-navigation-item__content > .spw-sidebar-navigation-item__content-label {\n  padding-right: 32px;\n}\n\n.spw-sidebar-navigation-item .spw-sidebar-navigation-item--dropdown-opened > .spw-sidebar-navigation-item__content {\n  background: white;\n  border-radius: 4px;\n}\n\n.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item {\n  border-radius: 4px;\n  &:hover {\n    background-color: var(--spw-colors-support-grey-grey-300);\n  }\n}\n","import { Component, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-sidebar-navigation-item',\n  styleUrl: 'spw-sidebar-navigation-item.scss',\n  shadow: false,\n})\nexport class SpwSidebarNavigationItem {\n  @Element() el: HTMLElement;\n\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir un href sur l'élément */\n  @Prop() href?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir une référence font-awesome sur l'élément */\n  @Prop() icon?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de mettre en évidence un état actif */\n  @Prop() active: boolean = false;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir si l'élément est disabled ou non */\n  @Prop() disabled: boolean = false;\n  /** A appliquer sur spw-sidebar-navigation-item, permet d'afficher une bulle de notification avec un nombre */\n  @Prop() bubble?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir un tooltip au hover */\n  @Prop() tooltipTitle?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de choisir la variante d'icônes font-awesome */\n  @Prop() iconVariant: 'fa-solid' | 'fa-brands' | 'fa-regular' = 'fa-regular';\n\n  @State() hasDropdown: boolean = false;\n  @State() dropdownOpen: boolean = false;\n  @State() navExpanded: boolean = false;\n\n  private mutationObserver?: MutationObserver;\n  private bodyClassObserver?: MutationObserver;\n\n  componentDidLoad() {\n    this.checkForDropdown();\n    this.setupMutationObserver();\n    this.checkNavExpanded();\n    this.setupBodyClassObserver();\n  }\n\n  componentDidUpdate() {\n    this.checkForDropdown();\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n    if (this.bodyClassObserver) {\n      this.bodyClassObserver.disconnect();\n    }\n  }\n\n  private setupMutationObserver() {\n    this.mutationObserver = new MutationObserver(() => {\n      this.checkForDropdown();\n    });\n\n    this.mutationObserver.observe(this.el, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['open'],\n    });\n  }\n\n  private checkForDropdown() {\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n    this.hasDropdown = dropdown !== null;\n\n    if (dropdown) {\n      this.dropdownOpen = !!dropdown.open || dropdown.hasAttribute?.('open');\n    } else {\n      this.dropdownOpen = false;\n    }\n  }\n\n  private checkNavExpanded = () => {\n    this.navExpanded = document.body.classList.contains('spw-sidebar-expanded');\n  };\n\n  private setupBodyClassObserver() {\n    this.bodyClassObserver = new MutationObserver(() => {\n      this.checkNavExpanded();\n    });\n    this.bodyClassObserver.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n  }\n\n  private get classes() {\n    return {\n      'spw-sidebar-navigation-item': true,\n      'spw-sidebar-navigation-item--active': this.active,\n      'spw-sidebar-navigation-item--disabled': this.disabled,\n      'spw-sidebar-navigation-item--has-dropdown': this.hasDropdown,\n      'spw-sidebar-navigation-item--dropdown-opened': this.dropdownOpen,\n    } as Record<string, boolean>;\n  }\n\n  private handleDropdownToggle = (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this.disabled) return;\n\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n\n    if (dropdown) {\n      dropdown.open = !dropdown.open;\n      if (dropdown.open) {\n        dropdown.setAttribute?.('open', '');\n      } else {\n        dropdown.removeAttribute?.('open');\n      }\n      this.dropdownOpen = dropdown.open;\n    }\n  };\n\n  render() {\n    const Tag = this.href && !this.disabled ? 'a' : 'div';\n\n    const iconContent = <spw-icon variant={this.iconVariant} icon={this.icon}></spw-icon>;\n\n    const iconDiv = (\n      <div class=\"spw-sidebar-navigation-item__icon\">\n        {this.bubble && <span class=\"spw-sidebar-navigation-item__bubble\">{this.bubble}</span>}\n        {iconContent}\n      </div>\n    );\n\n    const iconWithBubble = this.tooltipTitle ? (\n      <spw-tooltip cursor={this.disabled ? 'disabled' : 'pointer'} tooltip-title={this.tooltipTitle} direction=\"right\" visible={!this.navExpanded}>\n        {iconDiv}\n      </spw-tooltip>\n    ) : (\n      iconDiv\n    );\n\n    const toggleClasses = {\n      'spw-sidebar-navigation-item__dropdown-toggle': true,\n      'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,\n    } as Record<string, boolean>;\n\n    return (\n      <Tag class={this.classes} href={this.href} aria-disabled={this.disabled ? 'true' : undefined} tabIndex={this.disabled ? -1 : 0}>\n        {this.icon && iconWithBubble}\n\n        <div class=\"spw-sidebar-navigation-item__content\">\n          <div class=\"spw-sidebar-navigation-item__content-label\">\n            <slot></slot>\n          </div>\n\n          {this.hasDropdown && (\n            <div class={toggleClasses} onClick={this.handleDropdownToggle} tabIndex={this.disabled ? -1 : 0}>\n              <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n            </div>\n          )}\n\n          <slot name=\"dropdown\"></slot>\n        </div>\n      </Tag>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAA8B,yuO,MCOvBC,EAAwB,MALrC,WAAAC,CAAAC,G,UAaUC,KAAMC,OAAY,MAElBD,KAAQE,SAAY,MAMpBF,KAAWG,YAA4C,aAEtDH,KAAWI,YAAY,MACvBJ,KAAYK,aAAY,MACxBL,KAAWM,YAAY,MAiDxBN,KAAgBO,iBAAG,KACzBP,KAAKM,YAAcE,SAASC,KAAKC,UAAUC,SAAS,uBAAuB,EAuBrEX,KAAAY,qBAAwBC,I,QAC9BA,EAAMC,iBACND,EAAME,kBAEN,GAAIf,KAAKE,SAAU,OAEnB,MAAMc,EAAWhB,KAAKiB,GAAGC,cAAc,mCAEvC,GAAIF,EAAU,CACZA,EAASG,MAAQH,EAASG,KAC1B,GAAIH,EAASG,KAAM,EACjBC,EAAAJ,EAASK,gBAAY,MAAAD,SAAA,SAAAA,EAAAE,KAAAN,EAAG,OAAQ,G,KAC3B,EACLO,EAAAP,EAASQ,mBAAkB,MAAAD,SAAA,SAAAA,EAAAD,KAAAN,EAAA,O,CAE7BhB,KAAKK,aAAeW,EAASG,I,EAiDlC,CApIC,gBAAAM,GACEzB,KAAK0B,mBACL1B,KAAK2B,wBACL3B,KAAKO,mBACLP,KAAK4B,wB,CAGP,kBAAAC,GACE7B,KAAK0B,kB,CAGP,oBAAAI,GACE,GAAI9B,KAAK+B,iBAAkB,CACzB/B,KAAK+B,iBAAiBC,Y,CAExB,GAAIhC,KAAKiC,kBAAmB,CAC1BjC,KAAKiC,kBAAkBD,Y,EAInB,qBAAAL,GACN3B,KAAK+B,iBAAmB,IAAIG,kBAAiB,KAC3ClC,KAAK0B,kBAAkB,IAGzB1B,KAAK+B,iBAAiBI,QAAQnC,KAAKiB,GAAI,CACrCmB,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,S,CAId,gBAAAb,G,MACN,MAAMV,EAAWhB,KAAKiB,GAAGC,cAAc,mCACvClB,KAAKI,YAAcY,IAAa,KAEhC,GAAIA,EAAU,CACZhB,KAAKK,eAAiBW,EAASG,QAAQC,EAAAJ,EAASwB,gBAAY,MAAApB,SAAA,SAAAA,EAAAE,KAAAN,EAAG,Q,KAC1D,CACLhB,KAAKK,aAAe,K,EAQhB,sBAAAuB,GACN5B,KAAKiC,kBAAoB,IAAIC,kBAAiB,KAC5ClC,KAAKO,kBAAkB,IAEzBP,KAAKiC,kBAAkBE,QAAQ3B,SAASC,KAAM,CAC5C6B,WAAY,KACZC,gBAAiB,CAAC,U,CAItB,WAAYE,GACV,MAAO,CACL,8BAA+B,KAC/B,sCAAuCzC,KAAKC,OAC5C,wCAAyCD,KAAKE,SAC9C,4CAA6CF,KAAKI,YAClD,+CAAgDJ,KAAKK,a,CAuBzD,MAAAqC,GACE,MAAMC,EAAM3C,KAAK4C,OAAS5C,KAAKE,SAAW,IAAM,MAEhD,MAAM2C,EAAcC,EAAU,YAAAC,IAAA,2CAAAC,QAAShD,KAAKG,YAAa8C,KAAMjD,KAAKiD,OAEpE,MAAMC,EACJJ,EAAK,OAAAC,IAAA,2CAAAI,MAAM,qCACRnD,KAAKoD,QAAUN,EAAM,QAAAC,IAAA,2CAAAI,MAAM,uCAAuCnD,KAAKoD,QACvEP,GAIL,MAAMQ,EAAiBrD,KAAKsD,aAC1BR,EAAa,eAAAS,OAAQvD,KAAKE,SAAW,WAAa,UAAS,gBAAiBF,KAAKsD,aAAcE,UAAU,QAAQC,SAAUzD,KAAKM,aAC7H4C,GACW,EAKhB,MAAMQ,EAAgB,CACpB,+CAAgD,KAChD,qDAAsD1D,KAAKK,cAG7D,OACEyC,EAACH,EAAG,CAAAI,IAAA,2CAACI,MAAOnD,KAAKyC,QAASG,KAAM5C,KAAK4C,KAAqB,gBAAA5C,KAAKE,SAAW,OAASyD,UAAWC,SAAU5D,KAAKE,UAAW,EAAK,GAC1HF,KAAKiD,MAAQI,EAEdP,EAAK,OAAAC,IAAA,2CAAAI,MAAM,wCACTL,EAAK,OAAAC,IAAA,2CAAAI,MAAM,8CACTL,EAAA,QAAAC,IAAA,8CAGD/C,KAAKI,aACJ0C,EAAK,OAAAC,IAAA,2CAAAI,MAAOO,EAAeG,QAAS7D,KAAKY,qBAAsBgD,SAAU5D,KAAKE,UAAW,EAAK,GAC5F4C,EAAA,YAAAC,IAAA,2CAAUE,KAAK,qBAInBH,EAAA,QAAAC,IAAA,2CAAMe,KAAK,c","ignoreList":[]}