npm - @spw-ds/spw-stencil-library - Versions diffs - 1.2.2 → 1.2.4 - Mend

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

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

Files changed (789) hide show

package/dist/cjs/spw-tabs-navigation-item.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spw-tabs-navigation-item.entry.cjs.js","sources":["src/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.scss?tag=spw-tabs-navigation-item&encapsulation=shadow","src/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.tsx"],"sourcesContent":[":host {\n display: contents;\n --spw-tabs-max-width-text: 200px;\n --spw-tabs-border-radius: 4px 4px 0 0;\n --spw-tabs-margin-left: 0;\n}\n\n.spw-tabs-navigation-item {\n position: relative;\n cursor: pointer;\n color: var(--spw-colors-support-grey-grey-700);\n user-select: none;\n transition: color 0.2s linear;\n &:hover {\n color: var(--spw-colors-support-grey-grey-900);\n :host(.--box) & {\n color: var(--spw-colors-support-grey-grey-900);\n }\n }\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: -2px;\n }\n :host(.--box) & {\n background: var(--spw-colors-support-grey-grey-100);\n color: var(--spw-colors-support-grey-grey-600);\n border: 1px solid var(--spw-colors-support-grey-grey-300);\n margin-top: 3px;\n border-radius: var(--spw-tabs-border-radius);\n margin-left: var(--spw-tabs-margin-left);\n }\n &--disabled {\n opacity: 0.6;\n cursor: not-allowed;\n &:hover {\n color: var(--spw-colors-support-grey-grey-700);\n }\n :host(.--box) & {\n opacity: 1;\n color: var(--spw-colors-support-grey-grey-400);\n &:hover {\n color: var(--spw-colors-support-grey-grey-400);\n }\n &:active {\n transform: none;\n }\n }\n }\n &--active {\n border-bottom: 0;\n color: var(--spw-colors-support-grey-grey-900);\n &:after {\n content: '';\n position: absolute;\n width: 100%;\n bottom: 0;\n left: 0;\n height: 2px;\n background: var(--spw-ds-primary);\n }\n :host(.--box) & {\n position: relative;\n top: 1px;\n color: var(--spw-colors-support-grey-grey-900);\n background: white;\n // border-bottom-color: transparent;\n margin-top: 0;\n &:after {\n display: none;\n }\n }\n }\n &--bubble {\n &:before {\n content: '';\n position: absolute;\n top: 2px;\n right: -8px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--spw-ds-primary);\n :host(.--box) & {\n top: 4px;\n right: 4px;\n }\n }\n }\n :host(.--ellipsis) & {\n max-width: var(--spw-tabs-max-width-text);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex-shrink: 0;\n spw-tooltip {\n display: contents;\n }\n }\n :host(.--small) & {\n padding: 8px 0 12px 0;\n font-size: 14px;\n }\n :host(.--small.--box) & {\n padding: 7px 16px 6px 16px;\n .spw-tabs-navigation-item--active {\n padding: 8px 16px;\n }\n }\n :host(.--medium) & {\n padding: 12px 0 16px 0;\n font-size: 16px;\n }\n :host(.--medium.--box) & {\n padding: 11px 16px 10px 16px;\n .spw-tabs-navigation-item--active {\n padding: 12px 16px;\n }\n }\n :host(.--large) & {\n padding: 16px 0 20px 0;\n font-size: 18px;\n }\n :host(.--large.--box) & {\n padding: 15px 20px 14px 20px;\n .spw-tabs-navigation-item--active {\n padding: 16px 20px;\n }\n }\n .spw-icon {\n &--left {\n margin-right: 4px;\n }\n &--right {\n margin-left: 4px;\n }\n }\n}\n","import { Component, h, Fragment, Element, Prop, Event, State, EventEmitter, Host, Listen } from '@stencil/core';\n\n@Component({\n tag: 'spw-tabs-navigation-item',\n styleUrl: 'spw-tabs-navigation-item.scss',\n shadow: true,\n})\nexport class SpwTabsNavigationItem {\n @Element() el: HTMLElement;\n\n /** Définit un id pour le tab /\n @Prop() tabId!: string;\n /* Définit si le tab est actif ou non /\n @Prop() active: boolean = false;\n /* Définit si le tab est disabled ou non /\n @Prop() disabled: boolean = false;\n /* Prévoit la présence d'une pastille sur l'élément de navigation /\n @Prop() bubble: boolean = false;\n /* Définit si le texte doit être coupé pour les onglets au titre trop long /\n @Prop() hasEllipsis?: boolean;\n /* Si rempli, vous pouvez utiliser une référence d'icône font-awesome sur le spw-tabs-navigation-item /\n @Prop() icon?: string;\n /* Position de l'icône à l'intérieur du bouton sur le spw-tabs-navigation-item */\n @Prop() iconPosition?: 'left' \| 'right';\n\n @State() slotText: string = '';\n\n @Event() tabSelected: EventEmitter<string>;\n\n componentDidLoad() {\n this.updateSlotText();\n }\n\n @Listen('slotchange')\n handleSlotChange() {\n this.updateSlotText();\n }\n\n private updateSlotText() {\n const slot = this.el.shadowRoot?.querySelector('slot');\n if (slot) {\n const assignedNodes = slot.assignedNodes({ flatten: true });\n const text = assignedNodes\n .filter(n => n.nodeType === Node.TEXT_NODE \|\| n.nodeType === Node.ELEMENT_NODE)\n .map(n => (n as HTMLElement \| Text).textContent?.trim())\n .join(' ')\n .trim();\n\n this.slotText = text \|\| '';\n }\n }\n\n private handleClick = (event: Event) => {\n event.preventDefault();\n event.stopPropagation();\n\n if (!this.disabled) {\n this.tabSelected.emit(this.tabId);\n }\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (this.disabled) return;\n\n const key = event.key;\n if (key === 'Enter' \|\| key === ' ') {\n event.preventDefault();\n event.stopPropagation();\n this.tabSelected.emit(this.tabId);\n }\n };\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-tabs-navigation-item': true,\n 'spw-tabs-navigation-item--active': this.active,\n 'spw-tabs-navigation-item--disabled': this.disabled,\n 'spw-tabs-navigation-item--bubble': this.bubble,\n 'spw-tabs-navigation-item--ellipsis': this.hasEllipsis,\n };\n }\n\n render() {\n const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;\n const iconClass = `spw-icon--${iconPosition}`;\n const iconElement = this.icon ? <spw-icon class={iconClass} icon={this.icon}></spw-icon> : null;\n\n return (\n <Host class={this.active ? '--active' : ''}>\n <li\n id={`tab-${this.tabId}`}\n role=\"tab\"\n aria-selected={this.active ? 'true' : 'false'}\n aria-disabled={this.disabled ? 'true' : 'false'}\n aria-controls={`panel-${this.tabId}`}\n aria-label={this.slotText}\n onKeyDown={this.handleKeyDown}\n tabIndex={this.disabled ? -1 : 0}\n class={this.elementClass}\n onClick={this.handleClick}\n >\n {this.hasEllipsis && (\n <spw-tooltip cursor={this.disabled ? 'disabled' : 'pointer'} class=\"spw-tooltip--has-ellipsis\" tooltipText={this.slotText}>\n {iconPosition === 'left' && iconElement}\n <slot></slot>\n {iconPosition === 'right' && iconElement}\n </spw-tooltip>\n )}\n {!this.hasEllipsis && (\n <Fragment>\n {iconPosition === 'left' && iconElement}\n <slot></slot>\n {iconPosition === 'right' && iconElement}\n </Fragment>\n )}{' '}\n {this.bubble && <span class=\"bubble\"></span>}\n </li>\n </Host>\n );\n }\n}\n"],"names":["h","Host","Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"spw-tabs-navigation-item.entry.cjs.js","sources":["src/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.scss?tag=spw-tabs-navigation-item&encapsulation=shadow","src/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.tsx"],"sourcesContent":[":host {\n display: contents;\n --spw-tabs-max-width-text: 200px;\n --spw-tabs-border-radius: 4px 4px 0 0;\n --spw-tabs-margin-left: 0;\n --spw-tabs-width: auto;\n --spw-tabs-text-align: left;\n}\n\n.spw-tabs-navigation-item {\n position: relative;\n cursor: pointer;\n color: var(--spw-colors-support-grey-grey-700);\n user-select: none;\n transition: color 0.2s linear;\n width: var(--spw-tabs-width);\n text-align: var(--spw-tabs-text-align);\n &:hover {\n color: var(--spw-colors-support-grey-grey-900);\n :host(.--box) & {\n color: var(--spw-colors-support-grey-grey-900);\n }\n }\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: -2px;\n }\n :host(.--box) & {\n background: var(--spw-colors-support-grey-grey-100);\n color: var(--spw-colors-support-grey-grey-600);\n border: 1px solid var(--spw-colors-support-grey-grey-300);\n margin-top: 3px;\n border-radius: var(--spw-tabs-border-radius);\n margin-left: var(--spw-tabs-margin-left);\n }\n &--disabled {\n opacity: 0.6;\n cursor: not-allowed;\n &:hover {\n color: var(--spw-colors-support-grey-grey-700);\n }\n :host(.--box) & {\n opacity: 1;\n color: var(--spw-colors-support-grey-grey-400);\n &:hover {\n color: var(--spw-colors-support-grey-grey-400);\n }\n &:active {\n transform: none;\n }\n }\n }\n &--active {\n border-bottom: 0;\n color: var(--spw-colors-support-grey-grey-900);\n &:after {\n content: '';\n position: absolute;\n width: 100%;\n bottom: 0;\n left: 0;\n height: 2px;\n background: var(--spw-ds-primary);\n }\n :host(.--box) & {\n position: relative;\n top: 1px;\n color: var(--spw-colors-support-grey-grey-900);\n background: white;\n // border-bottom-color: transparent;\n margin-top: 0;\n &:after {\n display: none;\n }\n }\n }\n &--bubble {\n &:before {\n content: '';\n position: absolute;\n top: 2px;\n right: -8px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--spw-ds-primary);\n :host(.--box) & {\n top: 4px;\n right: 4px;\n }\n }\n }\n :host(.--ellipsis) & {\n max-width: var(--spw-tabs-max-width-text);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex-shrink: 0;\n spw-tooltip {\n display: contents;\n }\n }\n :host(.--small) & {\n padding: 8px 0 12px 0;\n font-size: 14px;\n }\n :host(.--small.--box) & {\n padding: 7px 16px 6px 16px;\n .spw-tabs-navigation-item--active {\n padding: 8px 16px;\n }\n }\n :host(.--medium) & {\n padding: 12px 0 16px 0;\n font-size: 16px;\n }\n :host(.--medium.--box) & {\n padding: 11px 16px 10px 16px;\n .spw-tabs-navigation-item--active {\n padding: 12px 16px;\n }\n }\n :host(.--large) & {\n padding: 16px 0 20px 0;\n font-size: 18px;\n }\n :host(.--large.--box) & {\n padding: 15px 20px 14px 20px;\n .spw-tabs-navigation-item--active {\n padding: 16px 20px;\n }\n }\n .spw-icon {\n &--left {\n margin-right: 4px;\n }\n &--right {\n margin-left: 4px;\n }\n }\n}\n","import { Component, h, Fragment, Element, Prop, Event, State, EventEmitter, Host, Listen } from '@stencil/core';\n\n@Component({\n tag: 'spw-tabs-navigation-item',\n styleUrl: 'spw-tabs-navigation-item.scss',\n shadow: true,\n})\nexport class SpwTabsNavigationItem {\n @Element() el: HTMLElement;\n\n /** Définit un id pour le tab /\n @Prop() tabId!: string;\n /* Définit si le tab est actif ou non /\n @Prop() active: boolean = false;\n /* Définit si le tab est disabled ou non /\n @Prop() disabled: boolean = false;\n /* Prévoit la présence d'une pastille sur l'élément de navigation /\n @Prop() bubble: boolean = false;\n /* Définit si le texte doit être coupé pour les onglets au titre trop long /\n @Prop() hasEllipsis?: boolean;\n /* Si rempli, vous pouvez utiliser une référence d'icône font-awesome sur le spw-tabs-navigation-item /\n @Prop() icon?: string;\n /* Position de l'icône à l'intérieur du bouton sur le spw-tabs-navigation-item */\n @Prop() iconPosition?: 'left' \| 'right';\n\n @State() slotText: string = '';\n\n @Event() tabSelected: EventEmitter<string>;\n\n componentDidLoad() {\n this.updateSlotText();\n }\n\n @Listen('slotchange')\n handleSlotChange() {\n this.updateSlotText();\n }\n\n private updateSlotText() {\n const slot = this.el.shadowRoot?.querySelector('slot');\n if (slot) {\n const assignedNodes = slot.assignedNodes({ flatten: true });\n const text = assignedNodes\n .filter(n => n.nodeType === Node.TEXT_NODE \|\| n.nodeType === Node.ELEMENT_NODE)\n .map(n => (n as HTMLElement \| Text).textContent?.trim())\n .join(' ')\n .trim();\n\n this.slotText = text \|\| '';\n }\n }\n\n private handleClick = (event: Event) => {\n event.preventDefault();\n event.stopPropagation();\n\n if (!this.disabled) {\n this.tabSelected.emit(this.tabId);\n }\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (this.disabled) return;\n\n const key = event.key;\n if (key === 'Enter' \|\| key === ' ') {\n event.preventDefault();\n event.stopPropagation();\n this.tabSelected.emit(this.tabId);\n }\n };\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-tabs-navigation-item': true,\n 'spw-tabs-navigation-item--active': this.active,\n 'spw-tabs-navigation-item--disabled': this.disabled,\n 'spw-tabs-navigation-item--bubble': this.bubble,\n 'spw-tabs-navigation-item--ellipsis': this.hasEllipsis,\n };\n }\n\n render() {\n const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;\n const iconClass = `spw-icon--${iconPosition}`;\n const iconElement = this.icon ? <spw-icon class={iconClass} icon={this.icon}></spw-icon> : null;\n\n return (\n <Host class={this.active ? '--active' : ''}>\n <li\n id={`tab-${this.tabId}`}\n role=\"tab\"\n aria-selected={this.active ? 'true' : 'false'}\n aria-disabled={this.disabled ? 'true' : 'false'}\n aria-controls={`panel-${this.tabId}`}\n aria-label={this.slotText}\n onKeyDown={this.handleKeyDown}\n tabIndex={this.disabled ? -1 : 0}\n class={this.elementClass}\n onClick={this.handleClick}\n >\n {this.hasEllipsis && (\n <spw-tooltip cursor={this.disabled ? 'disabled' : 'pointer'} class=\"spw-tooltip--has-ellipsis\" tooltipText={this.slotText}>\n {iconPosition === 'left' && iconElement}\n <slot></slot>\n {iconPosition === 'right' && iconElement}\n </spw-tooltip>\n )}\n {!this.hasEllipsis && (\n <Fragment>\n {iconPosition === 'left' && iconElement}\n <slot></slot>\n {iconPosition === 'right' && iconElement}\n </Fragment>\n )}{' '}\n {this.bubble && <span class=\"bubble\"></span>}\n </li>\n </Host>\n );\n }\n}\n"],"names":["h","Host","Fragment"],"mappings":"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"}

package/dist/cjs/spw-tabs-navigation.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-iVhYitTd.js');
+var index = require('./index-ivINMH9O.js');
 const spwTabsNavigationCss = "/*! 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;position:relative;top:1px}: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-tabs-navigation-container{align-items:center;display:flex;overflow:hidden;position:relative;width:100%}.spw-tabs-navigation{flex:1;overflow:hidden}.spw-tabs-navigation__list{-ms-overflow-style:none;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-wrap:nowrap;gap:24px;list-style:none;margin:0;overflow-x:auto;padding:0;position:relative;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap;z-index:2}.spw-tabs-navigation__list::-webkit-scrollbar{display:none}:host(.--box) .spw-tabs-navigation__list{border-bottom:0;gap:0}.spw-tabs-navigation__arrow{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;height:33px;justify-content:center;position:relative;top:1px;transition:all .2s ease;width:33px;z-index:10}.spw-tabs-navigation__arrow spw-icon{color:var(--spw-colors-support-grey-grey-500);font-size:14px}.spw-tabs-navigation__arrow:hover spw-icon{color:var(--spw-colors-support-grey-grey-600)}.spw-tabs-navigation__arrow:active spw-icon{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation__arrow--left{border-radius:4px 0 0 0;border-right:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation__arrow--right{border-left:1px solid var(--spw-colors-support-grey-grey-300);border-radius:0 4px 0 0}::slotted(spw-tabs-navigation-item){--spw-tabs-border-radius:0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item:first-child){--spw-tabs-border-radius:4px 0 0 0;--spw-tabs-margin-left:0}::slotted(spw-tabs-navigation-item:last-child){--spw-tabs-border-radius:0 4px 0 0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item.--active){--spw-tabs-border-radius:4px 4px 0 0}";
@@ -90,7 +90,7 @@ const SpwTabsNavigation = class {
         this.checkOverflow();
     }
     render() {
-        return (index.h("div", { key: '5230f02be9e52908b521cd5d8260e99d4c0d3f9c', class: "spw-tabs-navigation-container" }, this.showLeftArrow && (index.h("button", { key: 'f435cf47a0c638d3b260bfa07c758dbb603af1b3', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, index.h("spw-icon", { key: 'de248a193a8bf0d49e8ca8ed360c471a18b60c06', icon: "fa-chevron-left" }))), index.h("nav", { key: 'f31213038a1ce9594591feddc93f3322746ad7d4', class: "spw-tabs-navigation" }, index.h("ul", { key: '1ce00fcf5c041de768ea57eefa1a4256e29344eb', class: "spw-tabs-navigation__list", role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, index.h("slot", { key: 'ddec801b238ef008afd4f7e52cd15df631d97230' }))), this.showRightArrow && (index.h("button", { key: 'ffc5102d47475e21ec4ac43dec586ed809f1e4cd', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, index.h("spw-icon", { key: '7572e94a621cd21c870411511e2336c5f7eb0f34', icon: "fa-chevron-right" })))));
+        return (index.h("div", { key: 'f7a4bfdab3232c7ce3a7d1f28279733419dd4ae7', class: "spw-tabs-navigation-container" }, this.showLeftArrow && (index.h("button", { key: 'd8c9496990f8e48fa18927e5b2cb3a2e5b38c83c', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, index.h("spw-icon", { key: 'eabaa1b71fdacd05cf41ee417994a5eedfc6f8d3', icon: "fa-chevron-left" }))), index.h("nav", { key: 'e7e50d5c97c72d0a9786865b89aaac519a265a09', class: "spw-tabs-navigation" }, index.h("ul", { key: 'f2824eb6b477ed6ad3ab3d3a7ec4725dbd38d741', class: "spw-tabs-navigation__list", role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, index.h("slot", { key: 'ebf5b6ae1b51cf5603b07a896ac63add8a75ab6e' }))), this.showRightArrow && (index.h("button", { key: '54f99195ebc3bbd7dd270a2cad5d71905003d0df', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, index.h("spw-icon", { key: 'b5151f6a76a6d3ae7340c52e11e4a53e6c7b2de0', icon: "fa-chevron-right" })))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-iVhYitTd.js');
+var index = require('./index-ivINMH9O.js');
 const spwTabsCss = "/*! 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)}}";
 const SpwTabs = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.tabChanged = index.createEvent(this, "tabChanged");
+        this.tabChanged = index.createEvent(this, "tabChanged", 1);
         /** Onglet actif par défaut */
         this.defaultActiveTab = '1';
         /** Variante des onglets */
@@ -54,7 +54,9 @@ const SpwTabs = class {
         this.activeTab = tabId;
     }
     handleTabSelected(event) {
-        if (event.target && event.target.closest('spw-tabs') !== this.el) {
+        const path = event.composedPath();
+        const firstTabsInPath = path.find(el => el.tagName === 'SPW-TABS');
+        if (firstTabsInPath !== this.el) {
             return;
         }
         this.activeTab = event.detail;
@@ -169,7 +171,7 @@ const SpwTabs = class {
         };
     }
     render() {
-        return (index.h("div", { key: '964bfcf5f1472447f2585628db2ea8d345cbd09a', class: this.elementClass }, index.h("slot", { key: '83a1aa3bbc5aa9e16b50ec6a771ebebb4af24439', name: "navigation" }), index.h("slot", { key: '50b993041fae48b02ff8e403831b0716f93c792a', name: "content" })));
+        return (index.h("div", { key: 'b4ab2e3d669cf271c861030894df09e5a30c32b6', class: this.elementClass }, index.h("slot", { key: 'c4fc77c49d19f00326eaa1fc6fc6d2f6f1ae42c6', name: "navigation" }), index.h("slot", { key: 'cb3766973065dff8a272fe5876b3cc2e93ac0a66', name: "content" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

	@@ -1 +1 @@
1	- {"file":"spw-tabs.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/spw-tabs/spw-tabs.scss?tag=spw-tabs&encapsulation=shadow","src/components/spw-tabs/spw-tabs.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, h, State, Event, EventEmitter, Prop, Method, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n tag: 'spw-tabs',\n styleUrl: 'spw-tabs.scss',\n shadow: true,\n})\nexport class SpwTabs {\n @Element() el: HTMLElement;\n\n /** Onglet actif par défaut /\n @Prop() defaultActiveTab: string = '1';\n /* Variante des onglets /\n @Prop() variant: 'default' \| 'box' = 'default';\n /* Texte coupé si trop long, affiche un tooltip si le contenu excède la max-width définie /\n @Prop() hasEllipsis?: boolean = false;\n /* Définit la largeur maximale de l'onglet (en pixels) /\n @Prop() maxWidth?: number;\n /* Permet de spécifier la taille de l'onglet /\n @Prop() size?: 'large' \| 'medium' \| 'small' = 'small';\n\n @State() activeTab: string = '1'; // Initialiser avec une valeur par défaut\n\n /* Événement émis lorsque l'onglet actif change /\n @Event() tabChanged: EventEmitter<string>;\n\n componentWillLoad() {\n this.activeTab = this.defaultActiveTab;\n }\n\n componentDidLoad() {\n this.applyVariantToChildren();\n this.updateActiveStates();\n\n setTimeout(() => {\n this.applyMaxWidthToChildren();\n }, 100);\n }\n\n @Watch('activeTab')\n activeTabChanged() {\n this.updateActiveStates();\n this.tabChanged.emit(this.activeTab);\n }\n\n @Watch('maxWidth')\n maxWidthChanged() {\n this.applyMaxWidthToChildren();\n }\n\n @Watch('hasEllipsis')\n hasEllipsisChanged() {\n this.applyVariantToChildren();\n }\n\n /\n Récupère l'onglet actuellement sélectionné\n * @returns {Promise<string>} L'ID de l'onglet actif\n /\n @Method()\n async getSelectedTab(): Promise<string> {\n return this.activeTab;\n }\n\n /\n Définit l'onglet sélectionné\n * @param tabId L'ID de l'onglet à sélectionner\n * @returns {Promise<void>}\n */\n @Method()\n async setSelectedTab(tabId: string): Promise<void> {\n this.activeTab = tabId;\n }\n\n @Listen('tabSelected', { capture: true })\n handleTabSelected(event: CustomEvent<string>) {\n if (event.target && (event.target as HTMLElement).closest('spw-tabs') !== this.el) {\n return;\n }\n\n this.activeTab = event.detail;\n event.stopPropagation();\n }\n\n @Listen('slotchange')\n slotChanged() {\n this.applyVariantToChildren();\n this.updateActiveStates();\n this.applyMaxWidthToChildren();\n }\n\n private updateActiveStates() {\n const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n\n const contents = Array.from(this.el.querySelectorAll('spw-tabs-content')).filter(isInThisComponent) as HTMLSpwTabsContentElement[];\n\n navItems.forEach(item => {\n item.active = item.tabId === this.activeTab;\n });\n\n contents.forEach(content => {\n content.active = content.tabId === this.activeTab;\n });\n }\n\n private applyMaxWidthToChildren() {\n if (!this.maxWidth) {\n return;\n }\n\n requestAnimationFrame(() => {\n const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n const ellipsisClass = `--ellipsis`;\n\n navItems.forEach(item => {\n const textContent = item.textContent?.trim() \|\| '';\n\n if (!textContent) {\n return;\n }\n\n const measureEl = document.createElement('div');\n measureEl.style.cssText = `\n position: absolute;\n visibility: hidden;\n white-space: nowrap;\n top: -9999px;\n left: -9999px;\n `;\n measureEl.textContent = textContent;\n\n const computedStyle = window.getComputedStyle(item);\n measureEl.style.fontSize = computedStyle.fontSize;\n measureEl.style.fontFamily = computedStyle.fontFamily;\n measureEl.style.fontWeight = computedStyle.fontWeight;\n measureEl.style.fontStyle = computedStyle.fontStyle;\n measureEl.style.letterSpacing = computedStyle.letterSpacing;\n measureEl.style.textTransform = computedStyle.textTransform;\n\n document.body.appendChild(measureEl);\n const contentWidth = measureEl.getBoundingClientRect().width;\n document.body.removeChild(measureEl);\n\n if (contentWidth > this.maxWidth) {\n item.style.setProperty('--spw-tabs-max-width-text', `${this.maxWidth}px`);\n\n item.setAttribute('has-ellipsis', 'true');\n\n item.classList.add(ellipsisClass);\n } else {\n item.style.removeProperty('--spw-tabs-max-width-text');\n item.setAttribute('has-ellipsis', 'false');\n item.classList.remove(ellipsisClass);\n }\n });\n });\n }\n\n private applyVariantToChildren() {\n requestAnimationFrame(() => {\n const variantClass = `--${this.variant}`;\n const sizeClass = `--${this.size}`;\n\n const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n const navigationSlot = this.el.shadowRoot?.querySelector('slot[name=\"navigation\"]') as HTMLSlotElement;\n const contentSlot = this.el.shadowRoot?.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n\n const navigationElements = (navigationSlot?.assignedElements({ flatten: true }) \|\| []).filter(isInThisComponent);\n const contentElements = (contentSlot?.assignedElements({ flatten: true }) \|\| []).filter(isInThisComponent);\n\n navigationElements.forEach(el => {\n if (el.tagName === 'SPW-TABS-NAVIGATION') {\n el.classList.add(variantClass);\n\n el.querySelectorAll('spw-tabs-navigation-item').forEach(item => {\n if (isInThisComponent(item)) {\n item.classList.add(variantClass);\n item.classList.add(sizeClass);\n }\n });\n } else if (el.tagName === 'SPW-TABS-NAVIGATION-ITEM') {\n el.classList.add(variantClass);\n el.classList.add(sizeClass);\n }\n });\n\n contentElements.forEach(el => {\n if (el.tagName === 'SPW-TABS-CONTENT') {\n el.classList.add(variantClass);\n } else {\n el.querySelectorAll('spw-tabs-content').forEach(content => {\n if (isInThisComponent(content)) {\n content.classList.add(variantClass);\n }\n });\n }\n });\n\n this.applyMaxWidthToChildren();\n });\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-tabs': true,\n [`spw-tabs--${this.variant}`]: true,\n };\n }\n\n render() {\n return (\n <div class={this.elementClass}>\n <slot name=\"navigation\"></slot>\n <slot name=\"content\"></slot>\n </div>\n );\n }\n}"],"version":3}
1	+ {"file":"spw-tabs.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/spw-tabs/spw-tabs.scss?tag=spw-tabs&encapsulation=shadow","src/components/spw-tabs/spw-tabs.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, h, State, Event, EventEmitter, Prop, Method, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n tag: 'spw-tabs',\n styleUrl: 'spw-tabs.scss',\n shadow: true,\n})\nexport class SpwTabs {\n @Element() el: HTMLElement;\n\n /** Onglet actif par défaut /\n @Prop() defaultActiveTab: string = '1';\n /* Variante des onglets /\n @Prop() variant: 'default' \| 'box' = 'default';\n /* Texte coupé si trop long, affiche un tooltip si le contenu excède la max-width définie /\n @Prop() hasEllipsis?: boolean = false;\n /* Définit la largeur maximale de l'onglet (en pixels) /\n @Prop() maxWidth?: number;\n /* Permet de spécifier la taille de l'onglet /\n @Prop() size?: 'large' \| 'medium' \| 'small' = 'small';\n\n @State() activeTab: string = '1'; // Initialiser avec une valeur par défaut\n\n /* Événement émis lorsque l'onglet actif change /\n @Event({\n bubbles: false,\n composed: false\n }) tabChanged: EventEmitter<string>;\n\n componentWillLoad() {\n this.activeTab = this.defaultActiveTab;\n }\n\n componentDidLoad() {\n this.applyVariantToChildren();\n this.updateActiveStates();\n\n setTimeout(() => {\n this.applyMaxWidthToChildren();\n }, 100);\n }\n\n @Watch('activeTab')\n activeTabChanged() {\n this.updateActiveStates();\n this.tabChanged.emit(this.activeTab);\n }\n\n @Watch('maxWidth')\n maxWidthChanged() {\n this.applyMaxWidthToChildren();\n }\n\n @Watch('hasEllipsis')\n hasEllipsisChanged() {\n this.applyVariantToChildren();\n }\n\n /\n Récupère l'onglet actuellement sélectionné\n * @returns {Promise<string>} L'ID de l'onglet actif\n /\n @Method()\n async getSelectedTab(): Promise<string> {\n return this.activeTab;\n }\n\n /\n Définit l'onglet sélectionné\n * @param tabId L'ID de l'onglet à sélectionner\n * @returns {Promise<void>}\n */\n @Method()\n async setSelectedTab(tabId: string): Promise<void> {\n this.activeTab = tabId;\n }\n\n @Listen('tabSelected', { capture: true })\n handleTabSelected(event: CustomEvent<string>) {\n const path = event.composedPath();\n const firstTabsInPath = path.find(el => (el as HTMLElement).tagName === 'SPW-TABS') as HTMLElement;\n if (firstTabsInPath !== this.el) {\n return;\n }\n\n this.activeTab = event.detail;\n event.stopPropagation();\n }\n\n @Listen('slotchange')\n slotChanged() {\n this.applyVariantToChildren();\n this.updateActiveStates();\n this.applyMaxWidthToChildren();\n }\n\n private updateActiveStates() {\n const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n\n const contents = Array.from(this.el.querySelectorAll('spw-tabs-content')).filter(isInThisComponent) as HTMLSpwTabsContentElement[];\n\n navItems.forEach(item => {\n item.active = item.tabId === this.activeTab;\n });\n\n contents.forEach(content => {\n content.active = content.tabId === this.activeTab;\n });\n }\n\n private applyMaxWidthToChildren() {\n if (!this.maxWidth) {\n return;\n }\n\n requestAnimationFrame(() => {\n const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n const ellipsisClass = `--ellipsis`;\n\n navItems.forEach(item => {\n const textContent = item.textContent?.trim() \|\| '';\n\n if (!textContent) {\n return;\n }\n\n const measureEl = document.createElement('div');\n measureEl.style.cssText = `\n position: absolute;\n visibility: hidden;\n white-space: nowrap;\n top: -9999px;\n left: -9999px;\n `;\n measureEl.textContent = textContent;\n\n const computedStyle = window.getComputedStyle(item);\n measureEl.style.fontSize = computedStyle.fontSize;\n measureEl.style.fontFamily = computedStyle.fontFamily;\n measureEl.style.fontWeight = computedStyle.fontWeight;\n measureEl.style.fontStyle = computedStyle.fontStyle;\n measureEl.style.letterSpacing = computedStyle.letterSpacing;\n measureEl.style.textTransform = computedStyle.textTransform;\n\n document.body.appendChild(measureEl);\n const contentWidth = measureEl.getBoundingClientRect().width;\n document.body.removeChild(measureEl);\n\n if (contentWidth > this.maxWidth) {\n item.style.setProperty('--spw-tabs-max-width-text', `${this.maxWidth}px`);\n\n item.setAttribute('has-ellipsis', 'true');\n\n item.classList.add(ellipsisClass);\n } else {\n item.style.removeProperty('--spw-tabs-max-width-text');\n item.setAttribute('has-ellipsis', 'false');\n item.classList.remove(ellipsisClass);\n }\n });\n });\n }\n\n private applyVariantToChildren() {\n requestAnimationFrame(() => {\n const variantClass = `--${this.variant}`;\n const sizeClass = `--${this.size}`;\n\n const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n const navigationSlot = this.el.shadowRoot?.querySelector('slot[name=\"navigation\"]') as HTMLSlotElement;\n const contentSlot = this.el.shadowRoot?.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n\n const navigationElements = (navigationSlot?.assignedElements({ flatten: true }) \|\| []).filter(isInThisComponent);\n const contentElements = (contentSlot?.assignedElements({ flatten: true }) \|\| []).filter(isInThisComponent);\n\n navigationElements.forEach(el => {\n if (el.tagName === 'SPW-TABS-NAVIGATION') {\n el.classList.add(variantClass);\n\n el.querySelectorAll('spw-tabs-navigation-item').forEach(item => {\n if (isInThisComponent(item)) {\n item.classList.add(variantClass);\n item.classList.add(sizeClass);\n }\n });\n } else if (el.tagName === 'SPW-TABS-NAVIGATION-ITEM') {\n el.classList.add(variantClass);\n el.classList.add(sizeClass);\n }\n });\n\n contentElements.forEach(el => {\n if (el.tagName === 'SPW-TABS-CONTENT') {\n el.classList.add(variantClass);\n } else {\n el.querySelectorAll('spw-tabs-content').forEach(content => {\n if (isInThisComponent(content)) {\n content.classList.add(variantClass);\n }\n });\n }\n });\n\n this.applyMaxWidthToChildren();\n });\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-tabs': true,\n [`spw-tabs--${this.variant}`]: true,\n };\n }\n\n render() {\n return (\n <div class={this.elementClass}>\n <slot name=\"navigation\"></slot>\n <slot name=\"content\"></slot>\n </div>\n );\n }\n}\n"],"version":3}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"spw-tabs.entry.cjs.js","sources":["src/components/spw-tabs/spw-tabs.scss?tag=spw-tabs&encapsulation=shadow","src/components/spw-tabs/spw-tabs.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, h, State, Event, EventEmitter, Prop, Method, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n tag: 'spw-tabs',\n styleUrl: 'spw-tabs.scss',\n shadow: true,\n})\nexport class SpwTabs {\n @Element() el: HTMLElement;\n\n /** Onglet actif par défaut /\n @Prop() defaultActiveTab: string = '1';\n /* Variante des onglets /\n @Prop() variant: 'default' \| 'box' = 'default';\n /* Texte coupé si trop long, affiche un tooltip si le contenu excède la max-width définie /\n @Prop() hasEllipsis?: boolean = false;\n /* Définit la largeur maximale de l'onglet (en pixels) /\n @Prop() maxWidth?: number;\n /* Permet de spécifier la taille de l'onglet /\n @Prop() size?: 'large' \| 'medium' \| 'small' = 'small';\n\n @State() activeTab: string = '1'; // Initialiser avec une valeur par défaut\n\n /* Événement émis lorsque l'onglet actif change /\n @Event() tabChanged: EventEmitter<string>;\n\n componentWillLoad() {\n this.activeTab = this.defaultActiveTab;\n }\n\n componentDidLoad() {\n this.applyVariantToChildren();\n this.updateActiveStates();\n\n setTimeout(() => {\n this.applyMaxWidthToChildren();\n }, 100);\n }\n\n @Watch('activeTab')\n activeTabChanged() {\n this.updateActiveStates();\n this.tabChanged.emit(this.activeTab);\n }\n\n @Watch('maxWidth')\n maxWidthChanged() {\n this.applyMaxWidthToChildren();\n }\n\n @Watch('hasEllipsis')\n hasEllipsisChanged() {\n this.applyVariantToChildren();\n }\n\n /\n Récupère l'onglet actuellement sélectionné\n * @returns {Promise<string>} L'ID de l'onglet actif\n /\n @Method()\n async getSelectedTab(): Promise<string> {\n return this.activeTab;\n }\n\n /\n Définit l'onglet sélectionné\n * @param tabId L'ID de l'onglet à sélectionner\n * @returns {Promise<void>}\n */\n @Method()\n async setSelectedTab(tabId: string): Promise<void> {\n this.activeTab = tabId;\n }\n\n @Listen('tabSelected', { capture: true })\n handleTabSelected(event: CustomEvent<string>) {\n if (event.target && (event.target as HTMLElement).closest('spw-tabs') !== this.el) {\n return;\n }\n\n this.activeTab = event.detail;\n event.stopPropagation();\n }\n\n @Listen('slotchange')\n slotChanged() {\n this.applyVariantToChildren();\n this.updateActiveStates();\n this.applyMaxWidthToChildren();\n }\n\n private updateActiveStates() {\n const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n\n const contents = Array.from(this.el.querySelectorAll('spw-tabs-content')).filter(isInThisComponent) as HTMLSpwTabsContentElement[];\n\n navItems.forEach(item => {\n item.active = item.tabId === this.activeTab;\n });\n\n contents.forEach(content => {\n content.active = content.tabId === this.activeTab;\n });\n }\n\n private applyMaxWidthToChildren() {\n if (!this.maxWidth) {\n return;\n }\n\n requestAnimationFrame(() => {\n const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n const ellipsisClass = `--ellipsis`;\n\n navItems.forEach(item => {\n const textContent = item.textContent?.trim() \|\| '';\n\n if (!textContent) {\n return;\n }\n\n const measureEl = document.createElement('div');\n measureEl.style.cssText = `\n position: absolute;\n visibility: hidden;\n white-space: nowrap;\n top: -9999px;\n left: -9999px;\n `;\n measureEl.textContent = textContent;\n\n const computedStyle = window.getComputedStyle(item);\n measureEl.style.fontSize = computedStyle.fontSize;\n measureEl.style.fontFamily = computedStyle.fontFamily;\n measureEl.style.fontWeight = computedStyle.fontWeight;\n measureEl.style.fontStyle = computedStyle.fontStyle;\n measureEl.style.letterSpacing = computedStyle.letterSpacing;\n measureEl.style.textTransform = computedStyle.textTransform;\n\n document.body.appendChild(measureEl);\n const contentWidth = measureEl.getBoundingClientRect().width;\n document.body.removeChild(measureEl);\n\n if (contentWidth > this.maxWidth) {\n item.style.setProperty('--spw-tabs-max-width-text', `${this.maxWidth}px`);\n\n item.setAttribute('has-ellipsis', 'true');\n\n item.classList.add(ellipsisClass);\n } else {\n item.style.removeProperty('--spw-tabs-max-width-text');\n item.setAttribute('has-ellipsis', 'false');\n item.classList.remove(ellipsisClass);\n }\n });\n });\n }\n\n private applyVariantToChildren() {\n requestAnimationFrame(() => {\n const variantClass = `--${this.variant}`;\n const sizeClass = `--${this.size}`;\n\n const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n const navigationSlot = this.el.shadowRoot?.querySelector('slot[name=\"navigation\"]') as HTMLSlotElement;\n const contentSlot = this.el.shadowRoot?.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n\n const navigationElements = (navigationSlot?.assignedElements({ flatten: true }) \|\| []).filter(isInThisComponent);\n const contentElements = (contentSlot?.assignedElements({ flatten: true }) \|\| []).filter(isInThisComponent);\n\n navigationElements.forEach(el => {\n if (el.tagName === 'SPW-TABS-NAVIGATION') {\n el.classList.add(variantClass);\n\n el.querySelectorAll('spw-tabs-navigation-item').forEach(item => {\n if (isInThisComponent(item)) {\n item.classList.add(variantClass);\n item.classList.add(sizeClass);\n }\n });\n } else if (el.tagName === 'SPW-TABS-NAVIGATION-ITEM') {\n el.classList.add(variantClass);\n el.classList.add(sizeClass);\n }\n });\n\n contentElements.forEach(el => {\n if (el.tagName === 'SPW-TABS-CONTENT') {\n el.classList.add(variantClass);\n } else {\n el.querySelectorAll('spw-tabs-content').forEach(content => {\n if (isInThisComponent(content)) {\n content.classList.add(variantClass);\n }\n });\n }\n });\n\n this.applyMaxWidthToChildren();\n });\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-tabs': true,\n [`spw-tabs--${this.variant}`]: true,\n };\n }\n\n render() {\n return (\n <div class={this.elementClass}>\n <slot name=\"navigation\"></slot>\n <slot name=\"content\"></slot>\n </div>\n );\n }\n}"],"names":["h"],"mappings":"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"}
1	+ {"version":3,"file":"spw-tabs.entry.cjs.js","sources":["src/components/spw-tabs/spw-tabs.scss?tag=spw-tabs&encapsulation=shadow","src/components/spw-tabs/spw-tabs.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, h, State, Event, EventEmitter, Prop, Method, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n tag: 'spw-tabs',\n styleUrl: 'spw-tabs.scss',\n shadow: true,\n})\nexport class SpwTabs {\n @Element() el: HTMLElement;\n\n /** Onglet actif par défaut /\n @Prop() defaultActiveTab: string = '1';\n /* Variante des onglets /\n @Prop() variant: 'default' \| 'box' = 'default';\n /* Texte coupé si trop long, affiche un tooltip si le contenu excède la max-width définie /\n @Prop() hasEllipsis?: boolean = false;\n /* Définit la largeur maximale de l'onglet (en pixels) /\n @Prop() maxWidth?: number;\n /* Permet de spécifier la taille de l'onglet /\n @Prop() size?: 'large' \| 'medium' \| 'small' = 'small';\n\n @State() activeTab: string = '1'; // Initialiser avec une valeur par défaut\n\n /* Événement émis lorsque l'onglet actif change /\n @Event({\n bubbles: false,\n composed: false\n }) tabChanged: EventEmitter<string>;\n\n componentWillLoad() {\n this.activeTab = this.defaultActiveTab;\n }\n\n componentDidLoad() {\n this.applyVariantToChildren();\n this.updateActiveStates();\n\n setTimeout(() => {\n this.applyMaxWidthToChildren();\n }, 100);\n }\n\n @Watch('activeTab')\n activeTabChanged() {\n this.updateActiveStates();\n this.tabChanged.emit(this.activeTab);\n }\n\n @Watch('maxWidth')\n maxWidthChanged() {\n this.applyMaxWidthToChildren();\n }\n\n @Watch('hasEllipsis')\n hasEllipsisChanged() {\n this.applyVariantToChildren();\n }\n\n /\n Récupère l'onglet actuellement sélectionné\n * @returns {Promise<string>} L'ID de l'onglet actif\n /\n @Method()\n async getSelectedTab(): Promise<string> {\n return this.activeTab;\n }\n\n /\n Définit l'onglet sélectionné\n * @param tabId L'ID de l'onglet à sélectionner\n * @returns {Promise<void>}\n */\n @Method()\n async setSelectedTab(tabId: string): Promise<void> {\n this.activeTab = tabId;\n }\n\n @Listen('tabSelected', { capture: true })\n handleTabSelected(event: CustomEvent<string>) {\n const path = event.composedPath();\n const firstTabsInPath = path.find(el => (el as HTMLElement).tagName === 'SPW-TABS') as HTMLElement;\n if (firstTabsInPath !== this.el) {\n return;\n }\n\n this.activeTab = event.detail;\n event.stopPropagation();\n }\n\n @Listen('slotchange')\n slotChanged() {\n this.applyVariantToChildren();\n this.updateActiveStates();\n this.applyMaxWidthToChildren();\n }\n\n private updateActiveStates() {\n const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n\n const contents = Array.from(this.el.querySelectorAll('spw-tabs-content')).filter(isInThisComponent) as HTMLSpwTabsContentElement[];\n\n navItems.forEach(item => {\n item.active = item.tabId === this.activeTab;\n });\n\n contents.forEach(content => {\n content.active = content.tabId === this.activeTab;\n });\n }\n\n private applyMaxWidthToChildren() {\n if (!this.maxWidth) {\n return;\n }\n\n requestAnimationFrame(() => {\n const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n const ellipsisClass = `--ellipsis`;\n\n navItems.forEach(item => {\n const textContent = item.textContent?.trim() \|\| '';\n\n if (!textContent) {\n return;\n }\n\n const measureEl = document.createElement('div');\n measureEl.style.cssText = `\n position: absolute;\n visibility: hidden;\n white-space: nowrap;\n top: -9999px;\n left: -9999px;\n `;\n measureEl.textContent = textContent;\n\n const computedStyle = window.getComputedStyle(item);\n measureEl.style.fontSize = computedStyle.fontSize;\n measureEl.style.fontFamily = computedStyle.fontFamily;\n measureEl.style.fontWeight = computedStyle.fontWeight;\n measureEl.style.fontStyle = computedStyle.fontStyle;\n measureEl.style.letterSpacing = computedStyle.letterSpacing;\n measureEl.style.textTransform = computedStyle.textTransform;\n\n document.body.appendChild(measureEl);\n const contentWidth = measureEl.getBoundingClientRect().width;\n document.body.removeChild(measureEl);\n\n if (contentWidth > this.maxWidth) {\n item.style.setProperty('--spw-tabs-max-width-text', `${this.maxWidth}px`);\n\n item.setAttribute('has-ellipsis', 'true');\n\n item.classList.add(ellipsisClass);\n } else {\n item.style.removeProperty('--spw-tabs-max-width-text');\n item.setAttribute('has-ellipsis', 'false');\n item.classList.remove(ellipsisClass);\n }\n });\n });\n }\n\n private applyVariantToChildren() {\n requestAnimationFrame(() => {\n const variantClass = `--${this.variant}`;\n const sizeClass = `--${this.size}`;\n\n const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n const navigationSlot = this.el.shadowRoot?.querySelector('slot[name=\"navigation\"]') as HTMLSlotElement;\n const contentSlot = this.el.shadowRoot?.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n\n const navigationElements = (navigationSlot?.assignedElements({ flatten: true }) \|\| []).filter(isInThisComponent);\n const contentElements = (contentSlot?.assignedElements({ flatten: true }) \|\| []).filter(isInThisComponent);\n\n navigationElements.forEach(el => {\n if (el.tagName === 'SPW-TABS-NAVIGATION') {\n el.classList.add(variantClass);\n\n el.querySelectorAll('spw-tabs-navigation-item').forEach(item => {\n if (isInThisComponent(item)) {\n item.classList.add(variantClass);\n item.classList.add(sizeClass);\n }\n });\n } else if (el.tagName === 'SPW-TABS-NAVIGATION-ITEM') {\n el.classList.add(variantClass);\n el.classList.add(sizeClass);\n }\n });\n\n contentElements.forEach(el => {\n if (el.tagName === 'SPW-TABS-CONTENT') {\n el.classList.add(variantClass);\n } else {\n el.querySelectorAll('spw-tabs-content').forEach(content => {\n if (isInThisComponent(content)) {\n content.classList.add(variantClass);\n }\n });\n }\n });\n\n this.applyMaxWidthToChildren();\n });\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-tabs': true,\n [`spw-tabs--${this.variant}`]: true,\n };\n }\n\n render() {\n return (\n <div class={this.elementClass}>\n <slot name=\"navigation\"></slot>\n <slot name=\"content\"></slot>\n </div>\n );\n }\n}\n"],"names":["h"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-iVhYitTd.js');
+var index = require('./index-ivINMH9O.js');
 const spwTagCss = "/*! 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.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-tag{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;gap:6px;justify-content:center;line-height:1;padding:6px 12px;text-decoration:none;white-space:nowrap}.spw-tag--hoverable{position:relative;transition:all .2s linear}.spw-tag--hoverable:hover{transform:translateY(-5px)}.spw-tag--default{background:#fff;border-color:var(--spw-colors-support-grey-grey-300);color:var(--spw-colors-support-grey-grey-900)}.spw-tag--grey{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-800)}.spw-tag--blue{background:#e6f3ff;color:#002e6b}.spw-tag--green{background:#e2fde3;color:#026100}.spw-tag--orange{background:#ffeee0;color:#702000}.spw-tag--red{background:#ffebed;color:#70000d}.spw-tag--purple{background:#f7ebff;color:#45036d}.spw-tag--surface-dark{box-shadow:0 2px 3px 0 rgba(0,0,0,.15)}.spw-tag--size-small{font-size:14px}.spw-tag--size-medium{font-size:16px}.spw-tag--size-large{font-size:18px}";
@@ -49,7 +49,7 @@ const SpwTag = class {
                 href,
                 target,
             };
-        return (index.h(index.Host, { key: '9ec9574f02aeba913bdf40729fd96c24d1844fe4' }, index.h(TagType, Object.assign({ key: '3c812a9f5885d71089202f5c74cd9611789a41cc' }, attrs, { class: this.elementClass }), this.hasIcon && index.h("spw-icon", { key: '87bd304e0fa35f8c92a48cc7069706c7a8563a66', icon: this.getIcon(this.variant) }), index.h("slot", { key: 'e72629f59002e3684293a0a69e342a43d2739cba' }))));
+        return (index.h(index.Host, { key: 'bda34729477b08d8a8e9ef1352f6030ec1eab9fa' }, index.h(TagType, Object.assign({ key: 'b67722ec2d656df38cd7a1cf0a9e4b1fc59bb9d1' }, attrs, { class: this.elementClass }), this.hasIcon && index.h("spw-icon", { key: 'acf8ac1c7fa6a26f6e97f044dc72e33110ec2a29', icon: this.getIcon(this.variant) }), index.h("slot", { key: '7d02564667780d40e57937218fa92c1f326f1207' }))));
     }
 };
 SpwTag.style = spwTagCss;

package/dist/cjs/spw-text-field.cjs.entry.js CHANGED Viewed

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-iVhYitTd.js');
+var index = require('./index-ivINMH9O.js');
 const spwTextFieldCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800);box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl: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-text-field{position:relative}.spw-text-field__input-container{display:flex;flex:1;position:relative}.spw-text-field__input{border:1px solid var(--spw-input-border);border-radius:var(--spw-input-radius);flex:1;font-size:var(--spw-input-font-size);height:var(--spw-input-height);line-height:var(--spw-input-height);padding:var(--spw-input-padding);text-align:var(--spw-input-text-align);text-overflow:ellipsis;width:100%}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-text-field__input[type=number]{margin:0}.spw-text-field__input[type=number]::-webkit-inner-spin-button,.spw-text-field__input[type=number]::-webkit-outer-spin-button{margin:0}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-text-field--disabled .spw-text-field__input::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible,.spw-text-field--disabled .spw-text-field__input:hover{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;line-height:60px;padding:0 24px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input,.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{align-items:center;display:flex}.spw-text-field__indicator{padding-left:.75rem}.spw-text-field__icons{align-items:center;display:flex;gap:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__clear{align-items:center;border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:50%;cursor:pointer;display:inline-flex;font-size:12px;height:20px;justify-content:center;padding:2px;transition:all .2s ease-in;width:20px}.spw-text-field__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-input-icon-search-color)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{font-size:18px;pointer-events:none}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-italic{font-style:italic}";
 const SpwTextField = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.valueChanged = index.createEvent(this, "valueChanged");
+        this.valueChanged = index.createEvent(this, "valueChanged", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -192,7 +192,7 @@ const SpwTextField = class {
         };
     }
     render() {
-        return (index.h("div", { key: '897135e1ef70bba1a7482101bb5afc21042d6d6d', class: this.elementClass }, this.label && index.h("spw-field-label", { key: 'f4cf7dca86160431b5822b80065badbeea5d2a28', label: this.label, name: this.name, required: this.required }), this.assistiveText && (index.h("spw-field-message", { key: 'ac0efb4f0562a637518bead295e4a3ed0db39023', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '06e311660a0c8885b9f18a315fe13cbdd34e478a', class: "spw-text-field__container" }, index.h("div", { key: '0c34ad36cc057da29d632d682501b9fc9108a896', class: "spw-text-field__input-container" }, index.h("input", { key: '461cf26acf38bf7426b2c5c480eae05520f16b7d', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event) }), (this.isSearch || this.isClearIconVisible) && (index.h("div", { key: '7d7573e48e33612951160a4e1bac559c847c562f', class: "spw-text-field__icons" }, this.isClearIconVisible && (index.h("span", { key: '55926ef9c1229d4dd2555bf8b8fdbd656b368672', class: "spw-text-field__clear", onClick: () => this.handleClear() }, index.h("spw-icon", { key: '9fe19323666473fb21f34cadee50574d5abbf8b9', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && index.h("spw-icon", { key: 'eac7e636dc86c1e51b87f5333b25d3eeffe241ed', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.indicator && index.h("div", { key: 'cc6dddfdfab80c00c63c9742f90359bdae001f73', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (index.h("div", { key: '7ac0d815bd0edd167799c3749c708b1a54beeecd', class: this.elementClass }, this.label && index.h("spw-field-label", { key: '2e6daa75d321b6e222e21f17e7b052984186dabc', label: this.label, name: this.name, required: this.required }), this.assistiveText && (index.h("spw-field-message", { key: '4756dfee5a472a884e6639092cf4cbd6c766ab68', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: 'c6610e3d2e747c3b5af25d6f185a39a2d2cf0bb6', class: "spw-text-field__container" }, index.h("div", { key: 'b22887493389b956166d3f6acd8b8d7f1e8f497c', class: "spw-text-field__input-container" }, index.h("input", { key: 'de7bd4f6f3c7ee2a6de90d10fb2c336178104573', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event) }), (this.isSearch || this.isClearIconVisible) && (index.h("div", { key: 'c4674edd4c3bddf1e0880f81a11fcaf60e4aa51c', class: "spw-text-field__icons" }, this.isClearIconVisible && (index.h("span", { key: '0265b15ae7613efb3646eb128f86b68859c11a27', class: "spw-text-field__clear", onClick: () => this.handleClear() }, index.h("spw-icon", { key: 'd6a335856fd4ef3723d01f6bedc2a02e80aee996', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && index.h("spw-icon", { key: '411bb106a9205f138254734852d78b5e41359004', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.indicator && index.h("div", { key: 'c73e92d45abd6268b7ff6c3ba2679523814316ef', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-iVhYitTd.js');
+var index = require('./index-ivINMH9O.js');
 const spwTextareaCss = "/*! 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-textarea{position:relative}.spw-textarea__input{border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;flex:1;min-height:40px;padding:12px;resize:vertical;width:100%}.spw-textarea__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-textarea__input:focus,.spw-textarea__input:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-textarea--disabled .spw-textarea__input{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-textarea--disabled .spw-textarea__input::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-textarea--disabled .spw-textarea__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-textarea--disabled .spw-textarea__input:focus,.spw-textarea--disabled .spw-textarea__input:focus-visible,.spw-textarea--disabled .spw-textarea__input:hover{outline:none}.spw-textarea--is-error .spw-textarea__input{border-color:var(--spw-colors-states-error-error-300)}.spw-textarea--large .spw-textarea__input{height:60px;line-height:60px;padding:0 24px}.spw-textarea--is-search .spw-textarea__input{padding-right:80px}.spw-textarea__container{align-items:center;display:flex}.spw-textarea__indicator{padding-left:.75rem}.spw-textarea__icon{color:var(--spw-ds-primary);font-size:24px;pointer-events:none;position:absolute;right:30px;top:50%;transform:translateY(-50%)}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";
 const SpwTextarea = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.valueChanged = index.createEvent(this, "valueChanged");
+        this.valueChanged = index.createEvent(this, "valueChanged", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -101,7 +101,7 @@ const SpwTextarea = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'ad0252f8485e8101e6b2af0bb47c2985b1023b5c', class: this.elementClass }, this.label && index.h("spw-field-label", { key: '8b4f2c373a7a2dac405a765cefbd0c2435804683', label: this.label, name: this.name, required: this.required }), this.assistiveText && (index.h("spw-field-message", { key: 'fca83015e42172dffa5f7bbee76b18515897f734', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '68fa356bc0aa6ea3f7365989d5f268a498435f62', class: "spw-textarea__container" }, index.h("textarea", { key: 'b0843158e1ee2bc53583e789ecb1df50a8f244a1', class: "spw-textarea__input", value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (index.h("div", { key: '0862d7f69781ec6ecf04326b40e3d1cab570b16f', class: this.elementClass }, this.label && index.h("spw-field-label", { key: 'cd67acd290f39ce6f8d789e4bc3c30cf9c285448', label: this.label, name: this.name, required: this.required }), this.assistiveText && (index.h("spw-field-message", { key: 'eda83a229b3b3dc670349ee201c3fbdfea888d03', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '5e0a423feeb6befc77cc74190566f9951c0b8e59', class: "spw-textarea__container" }, index.h("textarea", { key: '523c6da6204e804b003fa480d5a851fbadf5ba9c', class: "spw-textarea__input", value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/spw-tile-description.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-iVhYitTd.js');
+var index = require('./index-ivINMH9O.js');
 const spwTileDescriptionCss = "/*! 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)}}:host(.--icon) .spw-tile-description{color:var(--spw-color-themes-grey-grey-700);font-size:18px;line-height:1.5}";
@@ -9,7 +9,7 @@ const SpwTileDescription = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '2c00fd0223b187c1d8fb920acac3f79ad6ab42a5', class: "spw-tile-description" }, index.h("slot", { key: '4010e7830f45e775557b29df4608c5360102afb1' })));
+        return (index.h("div", { key: '0a0c5858763201567ce274452594f435cd6297e4', class: "spw-tile-description" }, index.h("slot", { key: '375d1d477fe196d249cc90de3b84223e476cec86' })));
     }
 };
 SpwTileDescription.style = spwTileDescriptionCss;

package/dist/cjs/spw-tile-title.cjs.entry.js CHANGED Viewed

@@ -1,15 +1,15 @@
 'use strict';
-var index = require('./index-iVhYitTd.js');
+var index = require('./index-ivINMH9O.js');
-const spwTileTitleCss = "/*! 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)}}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:700;line-height:1.4;transition:all .2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:#fff;font-size:20px;font-weight:700;line-height:1.4}:host(.--big) .spw-tile-title{color:#fff;font-size:28px;font-weight:700;line-height:1.3}";
+const spwTileTitleCss = "/*! 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-tile-title-icon:20px;--spw-tile-title-underline:none;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)}}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);font-size:var(--spw-tile-title-icon);font-weight:700;line-height:1.4;-webkit-text-decoration:var(--spw-tile-title-underline);text-decoration:var(--spw-tile-title-underline);transition:all .2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:#fff;font-size:20px;font-weight:700;line-height:1.4}:host(.--big) .spw-tile-title{color:#fff;font-size:28px;font-weight:700;line-height:1.3}";
 const SpwTileTitle = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("h3", { key: 'c5ad6b148fa95e436381934b773218920b947777', class: "spw-tile-title" }, index.h("slot", { key: '2b0f8840619eddb00e021234f0d7ec03a470f453' })));
+        return (index.h("h3", { key: '210b7fbf311278d8ef5d9475bb988160fa620af7', class: "spw-tile-title" }, index.h("slot", { key: 'a17be09b270a949282304df5eaab0b18c453b4e9' })));
     }
 };
 SpwTileTitle.style = spwTileTitleCss;

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

	@@ -1 +1 @@
1	- {"file":"spw-tile-title.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,~~u9FAAu9F~~;;~~MCOl+F~~,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,gBAAgB,EAAA,EACxBA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACV;;;;;;;","names":["h"],"sources":["src/components/spw-tile/spw-tile-title/spw-tile-title.scss?tag=spw-tile-title&encapsulation=shadow","src/components/spw-tile/spw-tile-title/spw-tile-title.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-tile-title {\n :host(.--icon) & {\n color: var(--spw-color-themes-grey-grey-900);\n line-height: 1.4;\n font-size: ~~20px~~;\n font-weight: 700;\n transition: all 0.2s linear;\n }\n :host(.--icon.--hovered) & {\n color: var(--spw-ds-primary);\n }\n :host(.--light) & {\n color: white;\n line-height: 1.4;\n font-size: 20px;\n font-weight: 700;\n }\n :host(.--big) & {\n color: white;\n line-height: 1.3;\n font-size: 28px;\n font-weight: 700;\n }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-tile-title',\n styleUrl: 'spw-tile-title.scss',\n shadow: true,\n})\nexport class SpwTileTitle {\n render() {\n return (\n <h3 class=\"spw-tile-title\">\n <slot></slot>\n </h3>\n );\n }\n}\n"],"version":3}
1	+ {"file":"spw-tile-title.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,gpGAAgpG;;MCO3pG,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,gBAAgB,EAAA,EACxBA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACV;;;;;;;","names":["h"],"sources":["src/components/spw-tile/spw-tile-title/spw-tile-title.scss?tag=spw-tile-title&encapsulation=shadow","src/components/spw-tile/spw-tile-title/spw-tile-title.tsx"],"sourcesContent":[":host {\n display: block;\n --spw-tile-title-icon: 20px;\n --spw-tile-title-underline: none;\n}\n\n.spw-tile-title {\n :host(.--icon) & {\n color: var(--spw-color-themes-grey-grey-900);\n line-height: 1.4;\n font-size: var(--spw-tile-title-icon);\n font-weight: 700;\n text-decoration: var(--spw-tile-title-underline);\n transition: all 0.2s linear;\n }\n :host(.--icon.--hovered) & {\n color: var(--spw-ds-primary);\n }\n :host(.--light) & {\n color: white;\n line-height: 1.4;\n font-size: 20px;\n font-weight: 700;\n }\n :host(.--big) & {\n color: white;\n line-height: 1.3;\n font-size: 28px;\n font-weight: 700;\n }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-tile-title',\n styleUrl: 'spw-tile-title.scss',\n shadow: true,\n})\nexport class SpwTileTitle {\n render() {\n return (\n <h3 class=\"spw-tile-title\">\n <slot></slot>\n </h3>\n );\n }\n}\n"],"version":3}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"spw-tile-title.entry.cjs.js","sources":["src/components/spw-tile/spw-tile-title/spw-tile-title.scss?tag=spw-tile-title&encapsulation=shadow","src/components/spw-tile/spw-tile-title/spw-tile-title.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-tile-title {\n :host(.--icon) & {\n color: var(--spw-color-themes-grey-grey-900);\n line-height: 1.4;\n font-size: ~~20px~~;\n font-weight: 700;\n transition: all 0.2s linear;\n }\n :host(.--icon.--hovered) & {\n color: var(--spw-ds-primary);\n }\n :host(.--light) & {\n color: white;\n line-height: 1.4;\n font-size: 20px;\n font-weight: 700;\n }\n :host(.--big) & {\n color: white;\n line-height: 1.3;\n font-size: 28px;\n font-weight: 700;\n }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-tile-title',\n styleUrl: 'spw-tile-title.scss',\n shadow: true,\n})\nexport class SpwTileTitle {\n render() {\n return (\n <h3 class=\"spw-tile-title\">\n <slot></slot>\n </h3>\n );\n }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,~~u9FAAu9F~~;;~~MCOl+F~~,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,gBAAgB,EAAA,EACxBA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACV;;;;;;;"}
1	+ {"version":3,"file":"spw-tile-title.entry.cjs.js","sources":["src/components/spw-tile/spw-tile-title/spw-tile-title.scss?tag=spw-tile-title&encapsulation=shadow","src/components/spw-tile/spw-tile-title/spw-tile-title.tsx"],"sourcesContent":[":host {\n display: block;\n --spw-tile-title-icon: 20px;\n --spw-tile-title-underline: none;\n}\n\n.spw-tile-title {\n :host(.--icon) & {\n color: var(--spw-color-themes-grey-grey-900);\n line-height: 1.4;\n font-size: var(--spw-tile-title-icon);\n font-weight: 700;\n text-decoration: var(--spw-tile-title-underline);\n transition: all 0.2s linear;\n }\n :host(.--icon.--hovered) & {\n color: var(--spw-ds-primary);\n }\n :host(.--light) & {\n color: white;\n line-height: 1.4;\n font-size: 20px;\n font-weight: 700;\n }\n :host(.--big) & {\n color: white;\n line-height: 1.3;\n font-size: 28px;\n font-weight: 700;\n }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-tile-title',\n styleUrl: 'spw-tile-title.scss',\n shadow: true,\n})\nexport class SpwTileTitle {\n render() {\n return (\n <h3 class=\"spw-tile-title\">\n <slot></slot>\n </h3>\n );\n }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,gpGAAgpG;;MCO3pG,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,gBAAgB,EAAA,EACxBA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACV;;;;;;;"}

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-iVhYitTd.js');
+var index = require('./index-ivINMH9O.js');
 const spwTileCss = "/*! 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-tile{display:block;position:relative;text-decoration:none;transition:all .3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{border-radius:5px;box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{border-radius:6px;overflow:hidden;padding-top:60%}@media (min-width:768px){.spw-tile--big{padding-top:110%}}.spw-tile__image,.spw-tile__overlay{height:100%;left:0;position:absolute;top:0;width:100%}.spw-tile__overlay{background:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 65%,rgba(0,0,0,.75));z-index:2}.spw-tile__image{-o-object-fit:cover;object-fit:cover;z-index:1}.spw-tile__button{align-items:center;background:#fff;border:2px solid transparent;border-radius:50%;color:var(--spw-ds-primary);display:inline-flex;font-size:20px;height:48px;justify-content:center;transition:all .2s ease-in;width:48px}.spw-tile:hover .spw-tile__button{background:transparent;border-color:#fff;color:#fff}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){color:var(--spw-ds-primary);font-size:32px}.spw-tile--big .spw-tile__content,.spw-tile--light .spw-tile__content{bottom:0;display:flex;flex-direction:column;gap:16px;left:0;padding:16px;position:absolute;width:100%;z-index:3}.spw-tile--light .spw-tile__content{padding-bottom:24px;text-align:center}";
@@ -57,7 +57,7 @@ const SpwTile = class {
                 href,
                 target,
             };
-        return (index.h(index.Host, { key: '0be156aef8b807e50c9b0fb594f90cd3e3538923' }, index.h(TagType, Object.assign({ key: 'fec1b1cd50fd04e8b91482e1c3ca22a44723d3cf' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (index.h(index.Fragment, { key: 'f13b311da075ce6da307a811c81888e04c96b8f7' }, index.h("div", { key: 'e51fd8ce88c5898c61908784cb14ef99c1823edb', class: "spw-tile__overlay" }), index.h("img", { key: 'ed0f642f7e25200574f1e737bc958c2aaeb83ea7', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), index.h("div", { key: '680bff5334f27dbc502f2826a72b5a7e246cc23e', class: "spw-tile__content" }, index.h("slot", { key: 'c95afead8b77622ef375b031ea58c28d72691cd2' }), this.href && this.variant === 'big' && (index.h("span", { key: '005ba95651126eb6d2da291f53ed7030b3c21273', class: "spw-tile__button" }, index.h("spw-icon", { key: '2b08cab402f4a8dfa5eb4c6a608c551e38c5bf1f', icon: "fa-chevron-right" })))))));
+        return (index.h(index.Host, { key: 'c73972a1c6ffae32568329abc0e760afae1104a7' }, index.h(TagType, Object.assign({ key: '55d7f30eaf7a632e6a3dd1f70f4216d60f904f49' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (index.h(index.Fragment, { key: '757323174d8c70ecc42e58665db26f7d423892cf' }, index.h("div", { key: '89d39d93792e9c52c1b32359dbd2056b609723dd', class: "spw-tile__overlay" }), index.h("img", { key: 'fdde6ea86f129005cbd298885bd00fde13036544', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), index.h("div", { key: '0fb8b76b384c3c471e88790c5bf9d9c35727829e', class: "spw-tile__content" }, index.h("slot", { key: '34aa53bc3a44dafdfa270fc3ae9ed5887df29e46' }), this.href && this.variant === 'big' && (index.h("span", { key: 'e3c8d37c2c202317a20dd682342110d3f048bc1d', class: "spw-tile__button" }, index.h("spw-icon", { key: '3b79a2e6a56fb75819465857e50388c5362ad15d', icon: "fa-chevron-right" })))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-iVhYitTd.js');
+var index = require('./index-ivINMH9O.js');
 const spwTooltipCss = "/*! 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.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-tooltip__target--pointer{cursor:pointer}.spw-tooltip__target--default{cursor:default}.spw-tooltip__target--help{cursor:help}.spw-tooltip__target--disabled{cursor:not-allowed}:host(.spw-tooltip--has-ellipsis) .spw-tooltip__target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
@@ -133,7 +133,7 @@ const SpwTooltip = class {
         };
     }
     render() {
-        return (index.h("div", { key: '3b88c523d089d2cb72700b3d7dbe90278d30bf72', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, index.h("slot", { key: 'a0c926bfca01a111ef3d01090583e010c719b809' })));
+        return (index.h("div", { key: '40dd977476a6f901f5bb52d931e024a1b977fa56', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, index.h("slot", { key: 'e0e73617f39e74a4ae0bdb28b69aad96a06a2743' })));
     }
     get host() { return index.getElement(this); }
 };