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

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

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

Files changed (734) hide show

package/dist/components/{p-BrOEFNbv.js → p-_q4w18VU.js} RENAMED Viewed

@@ -12,7 +12,7 @@ const SpwIcon = /*@__PURE__*/ proxyCustomElement(class SpwIcon extends H {
     }
     render() {
         const iconClassName = `spw-icon ${this.variant} ${this.icon}`;
-        return h("i", { key: '77e9a0019bda2eda5fe7ce844a0ecca7efe726a6', class: iconClassName });
+        return h("i", { key: '3956b0d9bd88188bb17fb685bf31ddfc3d43ba19', class: iconClassName });
     }
     static get assetsDirs() { return ["assets"]; }
     static get style() { return spwIconCss; }
@@ -35,6 +35,6 @@ function defineCustomElement() {
 }
 export { SpwIcon as S, defineCustomElement as d };
-//# sourceMappingURL=p-BrOEFNbv.js.map
+//# sourceMappingURL=p-_q4w18VU.js.map
-//# sourceMappingURL=p-BrOEFNbv.js.map
+//# sourceMappingURL=p-_q4w18VU.js.map

package/dist/components/{p-BrOEFNbv.js.map → p-_q4w18VU.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BrOEFNbv~~.js","mappings":";;AAAA,MAAM,UAAU,GAAG,qmuKAAqmuK;;MCQ3muK,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AANpB,IAAA,WAAA,GAAA;;;;;AAUU,QAAA,IAAO,CAAA,OAAA,GAA4C,UAAU;AAMtE;IAJC,MAAM,GAAA;QACJ,MAAM,aAAa,GAAG,CAAA,SAAA,EAAY,IAAI,CAAC,OAAO,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAA,CAAE;AAC7D,QAAA,OAAO,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,aAAa,GAAM;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-icon/spw-icon.scss?tag=spw-icon&encapsulation=shadow","src/components/spw-icon/spw-icon.tsx"],"sourcesContent":["@import url('./assets/fontawesome/css/all.min.css');\n\n:host {\n line-height: 1;\n}\n\n.spw-icon.fa-solid,\n.spw-icon.fa-solid:before {\n font-family: var(--spw-ds-font-icons-solid);\n}\n\n.spw-icon.fa-brands,\n.spw-icon.fa-brands:before {\n font-family: var(--spw-ds-font-icons-brands);\n}\n\n.spw-icon.fa-regular,\n.spw-icon.fa-regular:before {\n font-weight: 400;\n font-family: var(--spw-ds-font-icons-solid);\n}\n\n.spw-icon {\n font-size: inherit;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-icon',\n styleUrl: 'spw-icon.scss',\n shadow: true,\n assetsDirs: ['assets'],\n})\nexport class SpwIcon {\n /** Permet de spécifier une référence d'icône Font Awesome /\n @Prop() icon: string;\n /* Permet de spécifier une variante de Font Awesome */\n @Prop() variant: 'fa-solid' \| 'fa-brands' \| 'fa-regular' = 'fa-solid';\n\n render() {\n const iconClassName = `spw-icon ${this.variant} ${this.icon}`;\n return <i class={iconClassName}></i>;\n }\n}\n"],"version":3}
1	+ {"file":"p-_q4w18VU.js","mappings":";;AAAA,MAAM,UAAU,GAAG,qmuKAAqmuK;;MCQ3muK,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AANpB,IAAA,WAAA,GAAA;;;;;AAUU,QAAA,IAAO,CAAA,OAAA,GAA4C,UAAU;AAMtE;IAJC,MAAM,GAAA;QACJ,MAAM,aAAa,GAAG,CAAA,SAAA,EAAY,IAAI,CAAC,OAAO,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAA,CAAE;AAC7D,QAAA,OAAO,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,aAAa,GAAM;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-icon/spw-icon.scss?tag=spw-icon&encapsulation=shadow","src/components/spw-icon/spw-icon.tsx"],"sourcesContent":["@import url('./assets/fontawesome/css/all.min.css');\n\n:host {\n line-height: 1;\n}\n\n.spw-icon.fa-solid,\n.spw-icon.fa-solid:before {\n font-family: var(--spw-ds-font-icons-solid);\n}\n\n.spw-icon.fa-brands,\n.spw-icon.fa-brands:before {\n font-family: var(--spw-ds-font-icons-brands);\n}\n\n.spw-icon.fa-regular,\n.spw-icon.fa-regular:before {\n font-weight: 400;\n font-family: var(--spw-ds-font-icons-solid);\n}\n\n.spw-icon {\n font-size: inherit;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-icon',\n styleUrl: 'spw-icon.scss',\n shadow: true,\n assetsDirs: ['assets'],\n})\nexport class SpwIcon {\n /** Permet de spécifier une référence d'icône Font Awesome /\n @Prop() icon: string;\n /* Permet de spécifier une variante de Font Awesome */\n @Prop() variant: 'fa-solid' \| 'fa-brands' \| 'fa-regular' = 'fa-solid';\n\n render() {\n const iconClassName = `spw-icon ${this.variant} ${this.icon}`;\n return <i class={iconClassName}></i>;\n }\n}\n"],"version":3}

package/dist/components/{p-Ch60bguo.js → p-z27d6ASx.js} RENAMED Viewed

@@ -125,7 +125,7 @@ const SpwAccordionItem = /*@__PURE__*/ proxyCustomElement(class SpwAccordionItem
         };
     }
     render() {
-        return (h(Host, { key: 'af6e1e952bdd85b92582701bfce055bf3a98daf3', class: this.elementClass }, h("div", { key: 'a33a3b84d3f9e50d0cf1ecebd894b67bff2c0153', class: "spw-accordion-item__content" }, h("a", { key: '4d04b8d3e6d9245e78aa8831a18e391e142821cd', href: "#", class: this.elementChildClass, onClick: event => this.handleClick(event) }, h("slot", { key: 'e0ffaddb5db07b075f35ff8cddea420809fc4fc5', name: "title" })), h("slot", { key: '1f2d49ec989efff671bbfe7abe1d56349c9ed3dc', name: "content" }))));
+        return (h(Host, { key: 'db85e50c8268f27e6c2c1bd5fb9f14ade4a5918b', class: this.elementClass }, h("div", { key: '85dae7aa652686ec4e74863ea78e6a82ac0d6bc7', class: "spw-accordion-item__content" }, h("a", { key: 'a40ecf4340f2a6380301e786d82402af1b9ca5e2', href: "#", class: this.elementChildClass, onClick: event => this.handleClick(event) }, h("slot", { key: 'aa68afc78b54f5478506449f9b914fc0429819a1', name: "title" })), h("slot", { key: 'd6f6682794d136ef114bd3ff286ba01237865422', name: "content" }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -154,6 +154,6 @@ function defineCustomElement() {
 }
 export { SpwAccordionItem as S, defineCustomElement as d };
-//# sourceMappingURL=p-Ch60bguo.js.map
+//# sourceMappingURL=p-z27d6ASx.js.map
-//# sourceMappingURL=p-Ch60bguo.js.map
+//# sourceMappingURL=p-z27d6ASx.js.map

package/dist/components/{p-Ch60bguo.js.map → p-z27d6ASx.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~Ch60bguo~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-accordion/spw-accordion-item/spw-accordion-item.scss?tag=spw-accordion-item&encapsulation=shadow","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-accordion-item {\n position: relative;\n &__content {\n position: relative;\n border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n }\n\n &__trigger {\n display: block;\n text-decoration: none;\n\n position: sticky;\n top: 0;\n background: white;\n z-index: 10;\n @include breakpoint(md) {\n position: relative;\n }\n\n &:focus-visible {\n outline: 2px solid white;\n outline-offset: -3px;\n box-shadow: 0 0 0 2px black;\n }\n }\n}\n","import { Component, h, Host, Event, Prop, EventEmitter, Watch, State, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-accordion-item',\n styleUrl: 'spw-accordion-item.scss',\n shadow: true,\n})\nexport class SpwAccordionItem {\n @State() isOpen: boolean = false;\n @State() isMobile: boolean = window.innerWidth < 768;\n @Element() el: HTMLSpwAccordionItemElement;\n\n /** Transmet l'état actuel (isOpen) et l'id de l'élément /\n @Event() accordionToggle: EventEmitter<{ isOpen: boolean; id: string }>;\n /* Définit si l'élément est ouvert ou pas /\n @Prop() defaultOpen: boolean = false;\n\n private resizeListener: () => void;\n\n componentWillLoad() {\n this.isOpen = this.defaultOpen;\n this.assignItemId();\n this.setupResizeListener();\n this.toggleClasses();\n }\n\n componentDidLoad() {\n if (this.isOpen) {\n const itemId = this.el.getAttribute('data-accordion-id');\n this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n this.updateFocusableElements();\n }\n }\n\n disconnectedCallback() {\n this.teardownResizeListener();\n }\n\n @Watch('defaultOpen')\n defaultOpenChanged(newValue: boolean) {\n this.isOpen = newValue;\n this.toggleClasses();\n this.updateFocusableElements();\n }\n\n private assignItemId() {\n const index = Array.from(this.el.parentNode.children).indexOf(this.el);\n this.el.setAttribute('data-accordion-id', `accordion-item-${index}`);\n }\n\n private toggleContent() {\n this.isOpen = !this.isOpen;\n const itemId = this.el.getAttribute('data-accordion-id');\n this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n this.updateFocusableElements();\n if (!this.isOpen) {\n this.scrollToElement();\n }\n this.toggleClasses();\n }\n\n private toggleClasses(): void {\n const contentElement = this.el.querySelector('spw-accordion-content');\n const titleElement = this.el.querySelector('spw-accordion-title');\n if (contentElement) {\n contentElement.classList.toggle('--collapsed', !this.isOpen);\n }\n if (titleElement) {\n titleElement.classList.toggle('--collapsed', !this.isOpen);\n }\n }\n\n private handleClick(event: MouseEvent) {\n event.preventDefault();\n this.toggleContent();\n }\n\n private scrollToElement() {\n const element = this.el.shadowRoot.querySelector('.spw-accordion-item__content') as HTMLElement;\n if (element && this.isMobile) {\n element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n }\n\n private updateFocusableElements() {\n const contentSlot = this.el.shadowRoot.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n if (!contentSlot) {\n return;\n }\n\n const assignedElements = contentSlot.assignedElements({ flatten: true }) as HTMLElement[];\n\n assignedElements.forEach(element => {\n const focusableElements = element.querySelectorAll<HTMLElement>('');\n\n focusableElements.forEach(focusable => {\n if (this.isOpen) {\n const originalTabIndex = focusable.getAttribute('data-tabindex-original');\n if (originalTabIndex !== null) {\n focusable.setAttribute('tabindex', originalTabIndex);\n focusable.removeAttribute('data-tabindex-original');\n } else {\n focusable.removeAttribute('tabindex');\n }\n } else {\n if (!focusable.hasAttribute('data-tabindex-original')) {\n const currentTabIndex = focusable.getAttribute('tabindex');\n if (currentTabIndex !== null) {\n focusable.setAttribute('data-tabindex-original', currentTabIndex);\n } else {\n focusable.setAttribute('data-tabindex-original', '');\n }\n }\n focusable.setAttribute('tabindex', '-1');\n }\n });\n });\n }\n\n private setupResizeListener() {\n this.resizeListener = () => {\n this.isMobile = window.innerWidth < 768;\n };\n\n window.addEventListener('resize', this.resizeListener);\n }\n\n private teardownResizeListener() {\n if (this.resizeListener) {\n window.removeEventListener('resize', this.resizeListener);\n }\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-accordion-item': true,\n 'spw-accordion-item--collapsed': !this.isOpen,\n };\n }\n\n private get elementChildClass(): { [className: string]: boolean } {\n return {\n 'spw-accordion-item__trigger': true,\n };\n }\n\n render() {\n return (\n <Host class={this.elementClass}>\n <div class=\"spw-accordion-item__content\">\n <a href=\"#\" class={this.elementChildClass} onClick={event => this.handleClick(event)}>\n <slot name=\"title\"></slot>\n </a>\n <slot name=\"content\"></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-z27d6ASx.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-accordion/spw-accordion-item/spw-accordion-item.scss?tag=spw-accordion-item&encapsulation=shadow","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-accordion-item {\n position: relative;\n &__content {\n position: relative;\n border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n }\n\n &__trigger {\n display: block;\n text-decoration: none;\n\n position: sticky;\n top: 0;\n background: white;\n z-index: 10;\n @include breakpoint(md) {\n position: relative;\n }\n\n &:focus-visible {\n outline: 2px solid white;\n outline-offset: -3px;\n box-shadow: 0 0 0 2px black;\n }\n }\n}\n","import { Component, h, Host, Event, Prop, EventEmitter, Watch, State, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-accordion-item',\n styleUrl: 'spw-accordion-item.scss',\n shadow: true,\n})\nexport class SpwAccordionItem {\n @State() isOpen: boolean = false;\n @State() isMobile: boolean = window.innerWidth < 768;\n @Element() el: HTMLSpwAccordionItemElement;\n\n /** Transmet l'état actuel (isOpen) et l'id de l'élément /\n @Event() accordionToggle: EventEmitter<{ isOpen: boolean; id: string }>;\n /* Définit si l'élément est ouvert ou pas /\n @Prop() defaultOpen: boolean = false;\n\n private resizeListener: () => void;\n\n componentWillLoad() {\n this.isOpen = this.defaultOpen;\n this.assignItemId();\n this.setupResizeListener();\n this.toggleClasses();\n }\n\n componentDidLoad() {\n if (this.isOpen) {\n const itemId = this.el.getAttribute('data-accordion-id');\n this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n this.updateFocusableElements();\n }\n }\n\n disconnectedCallback() {\n this.teardownResizeListener();\n }\n\n @Watch('defaultOpen')\n defaultOpenChanged(newValue: boolean) {\n this.isOpen = newValue;\n this.toggleClasses();\n this.updateFocusableElements();\n }\n\n private assignItemId() {\n const index = Array.from(this.el.parentNode.children).indexOf(this.el);\n this.el.setAttribute('data-accordion-id', `accordion-item-${index}`);\n }\n\n private toggleContent() {\n this.isOpen = !this.isOpen;\n const itemId = this.el.getAttribute('data-accordion-id');\n this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n this.updateFocusableElements();\n if (!this.isOpen) {\n this.scrollToElement();\n }\n this.toggleClasses();\n }\n\n private toggleClasses(): void {\n const contentElement = this.el.querySelector('spw-accordion-content');\n const titleElement = this.el.querySelector('spw-accordion-title');\n if (contentElement) {\n contentElement.classList.toggle('--collapsed', !this.isOpen);\n }\n if (titleElement) {\n titleElement.classList.toggle('--collapsed', !this.isOpen);\n }\n }\n\n private handleClick(event: MouseEvent) {\n event.preventDefault();\n this.toggleContent();\n }\n\n private scrollToElement() {\n const element = this.el.shadowRoot.querySelector('.spw-accordion-item__content') as HTMLElement;\n if (element && this.isMobile) {\n element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n }\n\n private updateFocusableElements() {\n const contentSlot = this.el.shadowRoot.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n if (!contentSlot) {\n return;\n }\n\n const assignedElements = contentSlot.assignedElements({ flatten: true }) as HTMLElement[];\n\n assignedElements.forEach(element => {\n const focusableElements = element.querySelectorAll<HTMLElement>('');\n\n focusableElements.forEach(focusable => {\n if (this.isOpen) {\n const originalTabIndex = focusable.getAttribute('data-tabindex-original');\n if (originalTabIndex !== null) {\n focusable.setAttribute('tabindex', originalTabIndex);\n focusable.removeAttribute('data-tabindex-original');\n } else {\n focusable.removeAttribute('tabindex');\n }\n } else {\n if (!focusable.hasAttribute('data-tabindex-original')) {\n const currentTabIndex = focusable.getAttribute('tabindex');\n if (currentTabIndex !== null) {\n focusable.setAttribute('data-tabindex-original', currentTabIndex);\n } else {\n focusable.setAttribute('data-tabindex-original', '');\n }\n }\n focusable.setAttribute('tabindex', '-1');\n }\n });\n });\n }\n\n private setupResizeListener() {\n this.resizeListener = () => {\n this.isMobile = window.innerWidth < 768;\n };\n\n window.addEventListener('resize', this.resizeListener);\n }\n\n private teardownResizeListener() {\n if (this.resizeListener) {\n window.removeEventListener('resize', this.resizeListener);\n }\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-accordion-item': true,\n 'spw-accordion-item--collapsed': !this.isOpen,\n };\n }\n\n private get elementChildClass(): { [className: string]: boolean } {\n return {\n 'spw-accordion-item__trigger': true,\n };\n }\n\n render() {\n return (\n <Host class={this.elementClass}>\n <div class=\"spw-accordion-item__content\">\n <a href=\"#\" class={this.elementChildClass} onClick={event => this.handleClick(event)}>\n <slot name=\"title\"></slot>\n </a>\n <slot name=\"content\"></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/p-zpG0udTn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-zpG0udTn.js","mappings":"AAQM,SAAU,UAAU,CAAC,IAAY,EAAA;IACrC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAC7B,IAAA,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;AAC9C;AAuVM,SAAU,cAAc,CAAC,WAAW,EAAA;IACxC,MAAM,QAAQ,GAAG,WAAW,IAAI,IAAI,GAAG,IAAI,CAAC;AAC5C,IAAA,IAAI,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;IAEzD,IAAI,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,IAAI,EAAE;QACnC,aAAa,GAAG,MAAM;;AACjB,SAAA,IAAI,QAAQ,KAAK,CAAC,EAAE;QACzB,aAAa,GAAG,MAAM;;IAGxB,OAAO,CAAA,EAAG,aAAa,CAAA,GAAA,CAAK;AAC9B;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n return (first \|\| '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function toKebabCase(str: string) {\n return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nexport function formatDate(date: string): string {\n const parts = date.split('-');\n return `${parts[2]}.${parts[1]}.${parts[0]}`;\n}\n\nexport function stripHtmlContent(content: string): string {\n const div = document.createElement('div');\n div.innerHTML = content;\n return div.textContent \|\| div.innerText \|\| '';\n}\n\ninterface ComponentProp {\n name: string;\n type: string;\n docs: string;\n default: string;\n}\n\ninterface ComponentEvent {\n event: string;\n docs: string;\n detail: string;\n}\n\ninterface ComponentMethod {\n name: string;\n signature: string;\n docs: string;\n returns: {\n type: string;\n docs: string;\n };\n parameters: Array<{\n name: string;\n type: string;\n docs: string;\n }>;\n}\n\ninterface ComponentInfo {\n name: string;\n props: ComponentProp[];\n events: ComponentEvent[];\n methods: ComponentMethod[];\n}\n\nconst description = (prop: ComponentProp \| ComponentEvent \| ComponentMethod) => (prop.docs \|\| '').trim();\n\nconst isText = (prop: ComponentProp) => prop.type === 'string';\nconst isBoolean = (prop: ComponentProp) => prop.type === 'boolean';\nconst isEnum = (prop: ComponentProp) => prop.type.includes('\|');\nconst isNumber = (prop: ComponentProp) => prop.type === 'number';\n\nconst enumOptions = (prop: ComponentProp) =>\n prop.type\n .split('\|')\n .map(t => t.trim())\n .map(t => (t === '\"\"' ? 'default' : t))\n .map(t => t.replace(/^\"(.)\"$/, '$1'));\n\nconst generateProp = (prop: ComponentProp) => {\n if (isText(prop)) {\n return {\n [prop.name]: {\n control: 'text',\n description: description(prop),\n defaultValue: prop.default,\n table: {\n category: 'properties',\n defaultValue: { summary: prop.default },\n type: { summary: 'string' },\n },\n },\n };\n }\n\n if (isBoolean(prop)) {\n return {\n [prop.name]: {\n control: 'boolean',\n description: description(prop),\n defaultValue: prop.default,\n table: {\n category: 'properties',\n defaultValue: { summary: prop.default },\n type: { summary: 'boolean' },\n },\n },\n };\n }\n\n if (isNumber(prop)) {\n return {\n [prop.name]: {\n control: 'number',\n description: description(prop),\n defaultValue: prop.default,\n table: {\n category: 'properties',\n defaultValue: { summary: prop.default },\n type: { summary: 'number' },\n },\n },\n };\n }\n\n if (isEnum(prop)) {\n return {\n [prop.name]: {\n control: 'select',\n defaultValue: prop.default,\n options: enumOptions(prop),\n description: description(prop),\n table: {\n category: 'properties',\n defaultValue: { summary: prop.default },\n type: { summary: 'enum' },\n },\n },\n };\n }\n\n return {};\n};\n\nconst generateProps = (props: ComponentProp[]) => {\n let args = {};\n props.forEach(prop => (args = { ...args, ...generateProp(prop) }));\n return args;\n};\n\nconst generateEvent = (event: ComponentEvent) => {\n function capitalizeFirstLetter(string: string) {\n return string.charAt(0).toUpperCase() + string.slice(1);\n }\n\n return {\n [`on${capitalizeFirstLetter(event.event)}`]: {\n action: event.event,\n description: description(event),\n table: {\n defaultValue: { summary: event.event },\n category: 'events',\n type: { summary: event.detail },\n },\n },\n };\n};\n\nconst generateEvents = (events: ComponentEvent[]) => {\n let args = {};\n events.forEach(event => (args = { ...args, ...generateEvent(event) }));\n return args;\n};\n\nconst generateMethod = (method: ComponentMethod) => {\n return {\n [method.name]: {\n action: method.name,\n description: description(method),\n table: {\n category: 'methods',\n type: { summary: method.signature },\n defaultValue: { summary: method.returns.type },\n },\n },\n };\n};\n\nconst generateMethods = (methods: ComponentMethod[]) => {\n let args = {};\n methods.forEach(method => (args = { ...args, ...generateMethod(method) }));\n return args;\n};\n\nconst extractComponentInfoByTag = (componentsData: any, tag: string): ComponentInfo \| null => {\n const component = componentsData.components.find(c => c.tag === tag);\n\n if (!component) {\n console.error(`Component with tag ${tag} not found`);\n return null;\n }\n\n const { props, events, methods } = component;\n\n const propInfo = props.map(prop => ({\n name: prop.name,\n type: prop.type,\n docs: prop.docs,\n default: prop.default \|\| '',\n }));\n\n const eventInfo = events.map(event => ({\n event: event.event,\n docs: event.docs,\n detail: event.detail,\n }));\n\n const methodInfo = methods.map(method => ({\n name: method.name,\n signature: method.signature,\n docs: method.docs,\n returns: method.returns,\n parameters: method.parameters,\n }));\n\n return {\n name: tag,\n props: propInfo,\n events: eventInfo,\n methods: methodInfo,\n };\n};\n\nconst generateHTMLTable = (componentInfo: ComponentInfo): string => {\n if (!componentInfo) {\n return `<p>Component not found</p>`;\n }\n\n const { props, events, methods } = componentInfo;\n\n const propsRows = props\n .map(\n prop => `\n <tr>\n <td>${prop.name}</td>\n <td>${prop.type}</td>\n <td>${prop.docs}</td>\n <td>${prop.default}</td>\n </tr>\n `,\n )\n .join('');\n\n const eventsRows = events\n .map(\n event => `\n <tr>\n <td>${event.event}</td>\n <td>${event.detail}</td>\n <td>${event.docs}</td>\n </tr>\n `,\n )\n .join('');\n\n const methodsRows = methods\n .map(\n method => `\n <tr>\n <td>${method.name}</td>\n <td>${method.signature}</td>\n <td>${method.returns.type}</td>\n <td>${method.docs}</td>\n </tr>\n `,\n )\n .join('');\n\n return `\n <h3>Propriétés</h3>\n <table class=\"w-full\">\n <thead>\n <tr>\n <th>Propriété</th>\n <th>Type</th>\n <th>Description</th>\n <th>Valeur par défaut</th>\n </tr>\n </thead>\n <tbody>\n ${propsRows}\n </tbody>\n </table>\n <h3>Événements</h3>\n <table class=\"w-full\">\n <thead>\n <tr>\n <th>Événement</th>\n <th>Détail</th>\n <th>Description</th>\n </tr>\n </thead>\n <tbody>\n ${eventsRows}\n </tbody>\n </table>\n <h3>Méthodes</h3>\n <table class=\"w-full\">\n <thead>\n <tr>\n <th>Méthode</th>\n <th>Signature</th>\n <th>Retour</th>\n <th>Description</th>\n </tr>\n </thead>\n <tbody>\n ${methodsRows}\n </tbody>\n </table>\n `;\n};\n\nexport const generateComponentTable = (componentsData: any, tag: string): string => {\n const componentInfo = extractComponentInfoByTag(componentsData, tag);\n return generateHTMLTable(componentInfo);\n};\n\nexport const withComponentControls = (\n componentsData: any,\n { tag, customTokens = [] }: { tag: string; customTokens?: { name: string; description: string; defaultValue: string }[] },\n): any => {\n const component = componentsData.components.find(c => c.tag === tag);\n const props = component?.props \|\| [];\n const events = component?.events \|\| [];\n const methods = component?.methods \|\| [];\n\n const tokenControls = customTokens.reduce((acc, token) => {\n acc[token.name] = {\n control: true,\n description: token.description,\n table: {\n category: 'Tokens',\n type: { summary: 'CSS Variable' },\n defaultValue: { summary: token.defaultValue },\n },\n };\n return acc;\n }, {});\n\n return {\n ...generateProps(props as ComponentProp[]),\n ...generateEvents(events as ComponentEvent[]),\n ...generateMethods(methods as ComponentMethod[]),\n ...tokenControls,\n };\n};\n\nexport function extractArgTypes(componentsData: any, subComponentTags: string[]) {\n return subComponentTags.reduce((acc, tag) => {\n const subComponentArgTypes = withComponentControls(componentsData, { tag });\n return { ...acc, ...subComponentArgTypes };\n }, {});\n}\n\nexport function formatFileSize(sizeInBytes) {\n const sizeInMB = sizeInBytes / (1024 1024);\n let formattedSize = sizeInMB.toFixed(2).replace('.', ',');\n\n if (sizeInMB > 0 && sizeInMB < 0.01) {\n formattedSize = '0,01';\n } else if (sizeInMB === 0) {\n formattedSize = '0,00';\n }\n\n return `${formattedSize} Mo`;\n}\n\nexport function hasSlotContent(el: HTMLElement): boolean {\n const slot = el.querySelector('slot');\n return slot && slot.assignedNodes().length > 0;\n}\n"],"version":3}
1	+ {"file":"p-zpG0udTn.js","mappings":"AAQM,SAAU,UAAU,CAAC,IAAY,EAAA;IACrC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAC7B,IAAA,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;AAC9C;AAqWM,SAAU,cAAc,CAAC,WAAW,EAAA;IACxC,MAAM,QAAQ,GAAG,WAAW,IAAI,IAAI,GAAG,IAAI,CAAC;AAC5C,IAAA,IAAI,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;IAEzD,IAAI,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,IAAI,EAAE;QACnC,aAAa,GAAG,MAAM;;AACjB,SAAA,IAAI,QAAQ,KAAK,CAAC,EAAE;QACzB,aAAa,GAAG,MAAM;;IAGxB,OAAO,CAAA,EAAG,aAAa,CAAA,GAAA,CAAK;AAC9B;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n return (first \|\| '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function toKebabCase(str: string) {\n return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nexport function formatDate(date: string): string {\n const parts = date.split('-');\n return `${parts[2]}.${parts[1]}.${parts[0]}`;\n}\n\nexport function stripHtmlContent(content: string): string {\n const div = document.createElement('div');\n div.innerHTML = content;\n return div.textContent \|\| div.innerText \|\| '';\n}\n\ninterface ComponentProp {\n name: string;\n type: string;\n docs: string;\n default: string;\n}\n\ninterface ComponentEvent {\n event: string;\n docs: string;\n detail: string;\n}\n\ninterface ComponentMethod {\n name: string;\n signature: string;\n docs: string;\n returns: {\n type: string;\n docs: string;\n };\n parameters: Array<{\n name: string;\n type: string;\n docs: string;\n }>;\n}\n\ninterface ComponentInfo {\n name: string;\n props: ComponentProp[];\n events: ComponentEvent[];\n methods: ComponentMethod[];\n}\n\nconst description = (prop: ComponentProp \| ComponentEvent \| ComponentMethod) => (prop.docs \|\| '').trim();\n\nconst isText = (prop: ComponentProp) => prop.type === 'string';\nconst isBoolean = (prop: ComponentProp) => prop.type === 'boolean';\nconst isEnum = (prop: ComponentProp) => prop.type.includes('\|');\nconst isNumber = (prop: ComponentProp) => prop.type === 'number';\n\nconst enumOptions = (prop: ComponentProp) =>\n prop.type\n .split('\|')\n .map(t => t.trim())\n .map(t => (t === '\"\"' ? 'default' : t))\n .map(t => t.replace(/^\"(.)\"$/, '$1'));\n\nconst generateProp = (prop: ComponentProp) => {\n if (isText(prop)) {\n return {\n [prop.name]: {\n control: 'text',\n description: description(prop),\n defaultValue: prop.default,\n table: {\n category: 'properties',\n defaultValue: { summary: prop.default },\n type: { summary: 'string' },\n },\n },\n };\n }\n\n if (isBoolean(prop)) {\n return {\n [prop.name]: {\n control: 'boolean',\n description: description(prop),\n defaultValue: prop.default,\n table: {\n category: 'properties',\n defaultValue: { summary: prop.default },\n type: { summary: 'boolean' },\n },\n },\n };\n }\n\n if (isNumber(prop)) {\n return {\n [prop.name]: {\n control: 'number',\n description: description(prop),\n defaultValue: prop.default,\n table: {\n category: 'properties',\n defaultValue: { summary: prop.default },\n type: { summary: 'number' },\n },\n },\n };\n }\n\n if (isEnum(prop)) {\n return {\n [prop.name]: {\n control: 'select',\n defaultValue: prop.default,\n options: enumOptions(prop),\n description: description(prop),\n table: {\n category: 'properties',\n defaultValue: { summary: prop.default },\n type: { summary: 'enum' },\n },\n },\n };\n }\n\n return {};\n};\n\nconst generateProps = (props: ComponentProp[]) => {\n let args = {};\n props.forEach(prop => (args = { ...args, ...generateProp(prop) }));\n return args;\n};\n\nconst generateEvent = (event: ComponentEvent) => {\n function capitalizeFirstLetter(string: string) {\n return string.charAt(0).toUpperCase() + string.slice(1);\n }\n\n return {\n [`on${capitalizeFirstLetter(event.event)}`]: {\n action: event.event,\n description: description(event),\n table: {\n defaultValue: { summary: event.event },\n category: 'events',\n type: { summary: event.detail },\n },\n },\n };\n};\n\nconst generateEvents = (events: ComponentEvent[]) => {\n let args = {};\n events.forEach(event => (args = { ...args, ...generateEvent(event) }));\n return args;\n};\n\nconst generateMethod = (method: ComponentMethod) => {\n return {\n [method.name]: {\n action: method.name,\n description: description(method),\n table: {\n category: 'methods',\n type: { summary: method.signature },\n defaultValue: { summary: method.returns.type },\n },\n },\n };\n};\n\nconst generateMethods = (methods: ComponentMethod[]) => {\n let args = {};\n methods.forEach(method => (args = { ...args, ...generateMethod(method) }));\n return args;\n};\n\nconst extractComponentInfoByTag = (componentsData: any, tag: string): ComponentInfo \| null => {\n const component = componentsData.components.find(c => c.tag === tag);\n\n if (!component) {\n console.error(`Component with tag ${tag} not found`);\n return null;\n }\n\n const { props, events, methods } = component;\n\n const propInfo = props.map(prop => ({\n name: prop.name,\n type: prop.type,\n docs: prop.docs,\n default: prop.default \|\| '',\n }));\n\n const eventInfo = events.map(event => ({\n event: event.event,\n docs: event.docs,\n detail: event.detail,\n }));\n\n const methodInfo = methods.map(method => ({\n name: method.name,\n signature: method.signature,\n docs: method.docs,\n returns: method.returns,\n parameters: method.parameters,\n }));\n\n return {\n name: tag,\n props: propInfo,\n events: eventInfo,\n methods: methodInfo,\n };\n};\n\nconst generateHTMLTable = (componentInfo: ComponentInfo): string => {\n if (!componentInfo) {\n return `<p>Component not found</p>`;\n }\n\n const { props, events, methods } = componentInfo;\n\n const propsRows = props\n .map(\n prop => `\n <tr>\n <td>${prop.name}</td>\n <td>${prop.type}</td>\n <td>${prop.docs}</td>\n <td>${prop.default}</td>\n </tr>\n `,\n )\n .join('');\n\n const eventsRows = events\n .map(\n event => `\n <tr>\n <td>${event.event}</td>\n <td>${event.detail}</td>\n <td>${event.docs}</td>\n </tr>\n `,\n )\n .join('');\n\n const methodsRows = methods\n .map(\n method => `\n <tr>\n <td>${method.name}</td>\n <td>${method.signature}</td>\n <td>${method.returns.type}</td>\n <td>${method.docs}</td>\n </tr>\n `,\n )\n .join('');\n\n return `\n <h3>Propriétés</h3>\n <table class=\"w-full\">\n <thead>\n <tr>\n <th>Propriété</th>\n <th>Type</th>\n <th>Description</th>\n <th>Valeur par défaut</th>\n </tr>\n </thead>\n <tbody>\n ${propsRows}\n </tbody>\n </table>\n <h3>Événements</h3>\n <table class=\"w-full\">\n <thead>\n <tr>\n <th>Événement</th>\n <th>Détail</th>\n <th>Description</th>\n </tr>\n </thead>\n <tbody>\n ${eventsRows}\n </tbody>\n </table>\n <h3>Méthodes</h3>\n <table class=\"w-full\">\n <thead>\n <tr>\n <th>Méthode</th>\n <th>Signature</th>\n <th>Retour</th>\n <th>Description</th>\n </tr>\n </thead>\n <tbody>\n ${methodsRows}\n </tbody>\n </table>\n `;\n};\n\nexport const generateComponentTable = (componentsData: any, tag: string): string => {\n const componentInfo = extractComponentInfoByTag(componentsData, tag);\n return generateHTMLTable(componentInfo);\n};\n\nexport const withComponentControls = (\n componentsData: any,\n { tag, customTokens = [] }: { tag: string; customTokens?: { name: string; description: string; defaultValue: string }[] },\n): any => {\n const component = componentsData.components.find(c => c.tag === tag);\n const props = component?.props \|\| [];\n const events = component?.events \|\| [];\n const methods = component?.methods \|\| [];\n\n const tokenControls = customTokens.reduce((acc, token) => {\n acc[token.name] = {\n control: true,\n description: token.description,\n table: {\n category: 'Tokens',\n type: { summary: 'CSS Variable' },\n defaultValue: { summary: token.defaultValue },\n },\n };\n return acc;\n }, {});\n\n // ✅ Séparation claire des catégories\n const propControls = generateProps(props as ComponentProp[]);\n const eventControls = generateEvents(events as ComponentEvent[]);\n const methodControls = generateMethods(methods as ComponentMethod[]);\n\n // ✅ Regroupement complet pour Storybook\n const allControls = {\n ...propControls,\n ...eventControls,\n ...methodControls,\n ...tokenControls,\n };\n\n // ✅ Indique explicitement quelles sont les props réelles du composant\n Object.defineProperty(allControls, '__realProps', {\n value: Object.keys(propControls).concat(Object.keys(tokenControls)),\n enumerable: false, // ne pollue pas la vue Storybook\n });\n\n return allControls;\n};\n\nexport function extractArgTypes(componentsData: any, subComponentTags: string[]) {\n return subComponentTags.reduce((acc, tag) => {\n const subComponentArgTypes = withComponentControls(componentsData, { tag });\n return { ...acc, ...subComponentArgTypes };\n }, {});\n}\n\nexport function formatFileSize(sizeInBytes) {\n const sizeInMB = sizeInBytes / (1024 1024);\n let formattedSize = sizeInMB.toFixed(2).replace('.', ',');\n\n if (sizeInMB > 0 && sizeInMB < 0.01) {\n formattedSize = '0,01';\n } else if (sizeInMB === 0) {\n formattedSize = '0,00';\n }\n\n return `${formattedSize} Mo`;\n}\n\nexport function hasSlotContent(el: HTMLElement): boolean {\n const slot = el.querySelector('slot');\n return slot && slot.assignedNodes().length > 0;\n}\n"],"version":3}

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$3 } from './p-BrOEFNbv.js';
-import { d as defineCustomElement$2 } from './p-Clhpt_u-.js';
+import { d as defineCustomElement$3 } from './p-_q4w18VU.js';
+import { d as defineCustomElement$2 } from './p-BsulPKjc.js';
 const spwBreadcrumbItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl: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-breadcrumb-item{display:inline;list-style:none}.spw-breadcrumb-item__text{color:var(--spw-color-themes-grey-grey-900);font-weight:700}:host(.spw-breadcrumb-item--dark) .spw-breadcrumb-item__text{color:var(--spw-ds-white)}";
@@ -40,7 +40,7 @@ const SpwBreadcrumbItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwBreadcrumb
         this.el.classList.add(`spw-breadcrumb-item--${this.surface}`);
     }
     render() {
-        return (h(Host, { key: 'dd39349f680eac37273a156d01eaeafeb109bd63' }, h("li", { key: '5097ca5e8ad4833aec74c03fab5468b29e17740f', class: `spw-breadcrumb-item spw-breadcrumb-item--${this.surface}` }, this.href ? (h("spw-link", { href: this.href, surface: this.surface }, h("slot", null))) : (h("span", { class: "spw-breadcrumb-item__text", "aria-current": "page" }, h("slot", null))))));
+        return (h(Host, { key: 'd18e813e92311789b8f2a9d9f88f59a90b8103a0' }, h("li", { key: '7e76e4927389fc6e575f9b6b01c6dfa5a603f140', class: `spw-breadcrumb-item spw-breadcrumb-item--${this.surface}` }, this.href ? (h("spw-link", { href: this.href, surface: this.surface }, h("slot", null))) : (h("span", { class: "spw-breadcrumb-item__text", "aria-current": "page" }, h("slot", null))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -49,7 +49,7 @@ const SpwBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class SpwBreadcrumb ext
             [`spw-breadcrumb--font-size-${this.fontSize}`]: true,
             [`spw-breadcrumb--${this.variant}`]: true,
         };
-        return (h(Host, { key: 'bcece665bc261db84a03ed079b40389182e5fe8b' }, h("nav", { key: '016b3f90793dbcef5d4ed3461183fb7db57bc3fc', "aria-label": "breadcrumb", class: elementClass }, h("ol", { key: '1ba58bcd97f30de63bd75e297333d96005fed8d2', class: "spw-breadcrumb__list" }, h("slot", { key: '9e1fdea821224f5b1b0c69b17cff3ac570d5dbcb' })))));
+        return (h(Host, { key: '78bb34c23a1528efdbec664e0eb50226c862d714' }, h("nav", { key: 'e062187ac27e74421f969086dd3bd4c2163ef925', "aria-label": "breadcrumb", class: elementClass }, h("ol", { key: 'f04a93f46893f74322ba6a9480d675da5dd474e2', class: "spw-breadcrumb__list" }, h("slot", { key: '952c976501ba0565299d763f823a18930387ea67' })))));
     }
     get host() { return this; }
     static get style() { return spwBreadcrumbCss; }

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

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

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './index.js';
 import { f as formatDate } from './p-zpG0udTn.js';
-const spwCardContentCss = "/*! 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;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(.--video){min-width:100%;width:100%}.spw-card-content{display:flex;flex-direction:column;padding:12px 24px 24px;position:relative;z-index:5}:host(.--vertical) .spw-card-content{padding:24px}:host(.--vertical) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--event) .spw-card-content{padding:12px 24px 24px 64px}:host(.--event) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--sidebar) .spw-card-content{padding:0}:host(.--event) .spw-card-content,:host(.--sidebar) .spw-card-content,:host(.--vertical) .spw-card-content{height:100%;justify-content:center}:host(.--video) .spw-card-content{height:100%;justify-content:flex-end;padding-right:80px}:host(.--video) .spw-card-content:after{bottom:24px;color:#fff;content:\"\\f144\";font-family:var(--spw-ds-font-icons-solid);font-size:36px;font-weight:900;position:absolute;right:24px}.spw-card-content__tag{background:var(--spw-ds-white);border-radius:4px 4px 0 0;color:var(--spw-ds-primary);font-size:15px;font-weight:700;left:25px;padding:6px 10px;position:absolute;top:-25px}:host(.--event) .spw-card-content__tag,:host(.--no-image) .spw-card-content__tag,:host(.--vertical) .spw-card-content__tag,:host(.--video) .spw-card-content__tag{left:0;margin-bottom:8px;padding:0;position:relative;top:0}:host(.--video) .spw-card-content__tag{align-self:flex-start;background:var(--spw-ds-white);border-radius:9999px;box-shadow:var(--spw-effect-elevation-3);color:var(--spw-color-themes-grey-grey-900);display:inline-block;font-size:14px;line-height:1;padding:8px 12px;width:auto}.spw-card-content__date{color:var(--spw-color-themes-grey-grey-600);font-size:15px;font-weight:300;margin-bottom:7px}";
+const spwCardContentCss = "/*! 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;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(.--video){min-width:100%;width:100%}.spw-card-content{display:flex;flex-direction:column;padding:12px 24px 24px;position:relative;z-index:5}:host(.--vertical) .spw-card-content{padding:24px}:host(.--vertical) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--event) .spw-card-content{padding:12px 24px 24px 64px}:host(.--event) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--sidebar) .spw-card-content{padding:0}:host(.--people) .spw-card-content{flex-direction:row;gap:24px;padding:24px}:host(.--event) .spw-card-content,:host(.--sidebar) .spw-card-content,:host(.--vertical) .spw-card-content{height:100%;justify-content:center}:host(.--video) .spw-card-content{height:100%;justify-content:flex-end;padding-right:80px}:host(.--video) .spw-card-content:after{bottom:24px;color:#fff;content:\"\\f144\";font-family:var(--spw-ds-font-icons-solid);font-size:36px;font-weight:900;position:absolute;right:24px}.spw-card-content__tag{background:var(--spw-ds-white);border-radius:4px 4px 0 0;color:var(--spw-ds-primary);font-size:15px;font-weight:700;left:25px;padding:6px 10px;position:absolute;top:-25px}:host(.--event) .spw-card-content__tag,:host(.--no-image) .spw-card-content__tag,:host(.--vertical) .spw-card-content__tag,:host(.--video) .spw-card-content__tag{left:0;margin-bottom:8px;padding:0;position:relative;top:0}:host(.--video) .spw-card-content__tag{align-self:flex-start;background:var(--spw-ds-white);border-radius:9999px;box-shadow:var(--spw-effect-elevation-3);color:var(--spw-color-themes-grey-grey-900);display:inline-block;font-size:14px;line-height:1;padding:8px 12px;width:auto}.spw-card-content__date{color:var(--spw-color-themes-grey-grey-600);font-size:15px;font-weight:300;margin-bottom:7px}.spw-card-content ::slotted(spw-card){--spw-card-background:var(--spw-color-themes-grey-grey-50);--spw-card-box-shadow:none;--spw-card-border:1px solid var(--spw-color-themes-grey-grey-300)}";
 const SpwCardContent$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardContent extends H {
     constructor() {
@@ -10,7 +10,7 @@ const SpwCardContent$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardContent e
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'd145802efbd36f13a4f0b5f078788600a9c6632b', class: "spw-card-content" }, this.tag && h("span", { key: '33fee50a75c8332c43d31b5a29b955cfda162c96', class: "spw-card-content__tag" }, this.tag), this.date && (h("time", { key: '1bfdac654414769ef33633cb324ed2ed3d251669', "date-time": this.date, class: "spw-card-content__date" }, formatDate(this.date))), h("slot", { key: '0bb280b7d7cb74449694d409f3c728ce95c4d9ff' })));
+        return (h("div", { key: 'fae19ee18d307295062443308246f5baa72b4c77', class: "spw-card-content" }, this.tag && h("span", { key: 'd95abdb0e8ba592680abd0e1e2c73ada5f1e55b0', class: "spw-card-content__tag" }, this.tag), this.date && (h("time", { key: 'e4051e54e576af610e47bdc05433b14b4c8bc6c3', "date-time": this.date, class: "spw-card-content__date" }, formatDate(this.date))), h("slot", { key: '94abc1be4bd3ca1f9083419a358b1372975e9bd3' })));
     }
     get el() { return this; }
     static get style() { return spwCardContentCss; }

package/dist/components/spw-card-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"spw-card-content.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,~~stIAAstI~~;;~~MCQnuIA~~,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;IASzB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC1B,IAAI,CAAC,GAAG,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAE,EAAA,IAAI,CAAC,GAAG,CAAQ,EACjE,IAAI,CAAC,IAAI,KACR,0EAAiB,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,wBAAwB,EAAA,EACvD,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CACjB,CACR,EACD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwCardContent","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-card/spw-card-content/spw-card-content.scss?tag=spw-card-content&encapsulation=shadow","src/components/spw-card/spw-card-content/spw-card-content.tsx"],"sourcesContent":[":host(.--video) {\n min-width: 100%;\n width: 100%;\n}\n\n.spw-card-content {\n position: relative;\n display: flex;\n flex-direction: column;\n padding: 12px 24px 24px 24px;\n z-index: 5;\n\n :host(.--vertical) & {\n padding: 24px;\n ::slotted(spw-card-subtags) {\n margin-top: 12px;\n }\n }\n\n :host(.--event) & {\n padding: 12px 24px 24px 64px;\n ::slotted(spw-card-subtags) {\n margin-top: 12px;\n }\n }\n\n :host(.--sidebar) & {\n padding: 0;\n }\n\n :host(.--vertical) &,\n :host(.--sidebar) &,\n :host(.--event) & {\n justify-content: center;\n height: 100%;\n }\n\n :host(.--video) & {\n justify-content: flex-end;\n height: 100%;\n padding-right: 80px;\n &:after {\n position: absolute;\n bottom: 24px;\n right: 24px;\n font-family: var(--spw-ds-font-icons-solid);\n font-weight: 900;\n content: '\\f144';\n font-size: 36px;\n color: white;\n }\n }\n\n &__tag {\n position: absolute;\n top: -25px;\n left: 25px;\n padding: 6px 10px;\n border-radius: 4px 4px 0px 0px;\n background: var(--spw-ds-white);\n color: var(--spw-ds-primary);\n font-size: 15px;\n font-weight: 700;\n\n :host(.--no-image) &,\n :host(.--event) &,\n :host(.--video) &,\n :host(.--vertical) & {\n position: relative;\n top: 0;\n left: 0;\n padding: 0;\n margin-bottom: 8px;\n }\n\n :host(.--video) & {\n width: auto;\n align-self: flex-start;\n display: inline-block;\n padding: 8px 12px;\n border-radius: 9999px;\n line-height: 1;\n color: var(--spw-color-themes-grey-grey-900);\n box-shadow: var(--spw-effect-elevation-3);\n font-size: 14px;\n background: var(--spw-ds-white);\n }\n }\n\n &__date {\n margin-bottom: 7px;\n font-size: 15px;\n font-weight: 300;\n color: var(--spw-color-themes-grey-grey-600);\n }\n}\n","import { Element, Component, State, Prop, h } from '@stencil/core';\nimport { formatDate } from '@utils/utils';\n\n@Component({\n tag: 'spw-card-content',\n styleUrl: 'spw-card-content.scss',\n shadow: true,\n})\nexport class SpwCardContent {\n @Element() el: HTMLSpwCardContentElement;\n @State() hasImage: boolean;\n\n /** Tag spécifié dans la carte /\n @Prop() tag?: string;\n /* Date de publication */\n @Prop() date?: string;\n\n render() {\n return (\n <div class=\"spw-card-content\">\n {this.tag && <span class=\"spw-card-content__tag\">{this.tag}</span>}\n {this.date && (\n <time date-time={this.date} class=\"spw-card-content__date\">\n {formatDate(this.date)}\n </time>\n )}\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"spw-card-content.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,g+IAAg+I;;MCQ7+IA,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;IASzB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC1B,IAAI,CAAC,GAAG,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAE,EAAA,IAAI,CAAC,GAAG,CAAQ,EACjE,IAAI,CAAC,IAAI,KACR,0EAAiB,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,wBAAwB,EAAA,EACvD,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CACjB,CACR,EACD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwCardContent","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-card/spw-card-content/spw-card-content.scss?tag=spw-card-content&encapsulation=shadow","src/components/spw-card/spw-card-content/spw-card-content.tsx"],"sourcesContent":[":host(.--video) {\n min-width: 100%;\n width: 100%;\n}\n\n.spw-card-content {\n position: relative;\n display: flex;\n flex-direction: column;\n padding: 12px 24px 24px 24px;\n z-index: 5;\n\n :host(.--vertical) & {\n padding: 24px;\n ::slotted(spw-card-subtags) {\n margin-top: 12px;\n }\n }\n\n :host(.--event) & {\n padding: 12px 24px 24px 64px;\n ::slotted(spw-card-subtags) {\n margin-top: 12px;\n }\n }\n\n :host(.--sidebar) & {\n padding: 0;\n }\n\n :host(.--people) & {\n padding: 24px;\n flex-direction: row;\n gap: 24px;\n }\n\n :host(.--vertical) &,\n :host(.--sidebar) &,\n :host(.--event) & {\n justify-content: center;\n height: 100%;\n }\n\n :host(.--video) & {\n justify-content: flex-end;\n height: 100%;\n padding-right: 80px;\n &:after {\n position: absolute;\n bottom: 24px;\n right: 24px;\n font-family: var(--spw-ds-font-icons-solid);\n font-weight: 900;\n content: '\\f144';\n font-size: 36px;\n color: white;\n }\n }\n\n &__tag {\n position: absolute;\n top: -25px;\n left: 25px;\n padding: 6px 10px;\n border-radius: 4px 4px 0px 0px;\n background: var(--spw-ds-white);\n color: var(--spw-ds-primary);\n font-size: 15px;\n font-weight: 700;\n\n :host(.--no-image) &,\n :host(.--event) &,\n :host(.--video) &,\n :host(.--vertical) & {\n position: relative;\n top: 0;\n left: 0;\n padding: 0;\n margin-bottom: 8px;\n }\n\n :host(.--video) & {\n width: auto;\n align-self: flex-start;\n display: inline-block;\n padding: 8px 12px;\n border-radius: 9999px;\n line-height: 1;\n color: var(--spw-color-themes-grey-grey-900);\n box-shadow: var(--spw-effect-elevation-3);\n font-size: 14px;\n background: var(--spw-ds-white);\n }\n }\n\n &__date {\n margin-bottom: 7px;\n font-size: 15px;\n font-weight: 300;\n color: var(--spw-color-themes-grey-grey-600);\n }\n\n ::slotted(spw-card) {\n --spw-card-background: var(--spw-color-themes-grey-grey-50);\n --spw-card-box-shadow: none;\n --spw-card-border: 1px solid var(--spw-color-themes-grey-grey-300);\n }\n}\n","import { Element, Component, State, Prop, h } from '@stencil/core';\nimport { formatDate } from '@utils/utils';\n\n@Component({\n tag: 'spw-card-content',\n styleUrl: 'spw-card-content.scss',\n shadow: true,\n})\nexport class SpwCardContent {\n @Element() el: HTMLSpwCardContentElement;\n @State() hasImage: boolean;\n\n /** Tag spécifié dans la carte /\n @Prop() tag?: string;\n /* Date de publication */\n @Prop() date?: string;\n\n render() {\n return (\n <div class=\"spw-card-content\">\n {this.tag && <span class=\"spw-card-content__tag\">{this.tag}</span>}\n {this.date && (\n <time date-time={this.date} class=\"spw-card-content__date\">\n {formatDate(this.date)}\n </time>\n )}\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/spw-card-excerpt.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h } from './index.js';
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-const spwCardExcerptCss = "/*! 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;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-card-excerpt{color:var(--spw-color-themes-grey-grey-600);font-family:Nunito Sans;font-size:16px;line-height:1.3;margin-top:12px}.spw-card-excerpt--has-clamp{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.spw-card-excerpt--clamp-1{-webkit-line-clamp:1;line-clamp:1}.spw-card-excerpt--clamp-2{-webkit-line-clamp:2;line-clamp:2}.spw-card-excerpt--clamp-3{-webkit-line-clamp:3;line-clamp:3}.spw-card-excerpt--clamp-4{-webkit-line-clamp:4;line-clamp:4}.spw-card-excerpt--clamp-5{-webkit-line-clamp:5;line-clamp:5}.spw-card-excerpt--clamp-6{-webkit-line-clamp:6;line-clamp:6}.spw-card-excerpt--clamp-7{-webkit-line-clamp:7;line-clamp:7}.spw-card-excerpt--clamp-8{-webkit-line-clamp:8;line-clamp:8}.spw-card-excerpt--clamp-9{-webkit-line-clamp:9;line-clamp:9}.spw-card-excerpt--clamp-10{-webkit-line-clamp:10;line-clamp:10}";
+const spwCardExcerptCss = "/*! 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;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(.--people){flex:1}:host(.--people) ::slotted(spw-link){--spw-link-color:#000;--spw-link-hover-color:#000;--spw-link-active-color:#000;--spw-link-font-weight:400}.spw-card-excerpt{color:var(--spw-color-themes-grey-grey-600);font-family:Nunito Sans;font-size:16px;line-height:1.3;margin-top:12px}.spw-card-excerpt--has-clamp{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}:host(.--people) .spw-card-excerpt{color:var(--spw-color-themes-grey-grey-900);font-size:16px;margin-top:0}.spw-card-excerpt--clamp-1{-webkit-line-clamp:1;line-clamp:1}.spw-card-excerpt--clamp-2{-webkit-line-clamp:2;line-clamp:2}.spw-card-excerpt--clamp-3{-webkit-line-clamp:3;line-clamp:3}.spw-card-excerpt--clamp-4{-webkit-line-clamp:4;line-clamp:4}.spw-card-excerpt--clamp-5{-webkit-line-clamp:5;line-clamp:5}.spw-card-excerpt--clamp-6{-webkit-line-clamp:6;line-clamp:6}.spw-card-excerpt--clamp-7{-webkit-line-clamp:7;line-clamp:7}.spw-card-excerpt--clamp-8{-webkit-line-clamp:8;line-clamp:8}.spw-card-excerpt--clamp-9{-webkit-line-clamp:9;line-clamp:9}.spw-card-excerpt--clamp-10{-webkit-line-clamp:10;line-clamp:10}";
 const SpwCardExcerpt$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardExcerpt extends H {
     constructor() {
@@ -19,7 +19,7 @@ const SpwCardExcerpt$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardExcerpt e
         };
     }
     render() {
-        return (h("div", { key: '6095e49f16088b4ebe8e693124e0507561aaf0f8', class: this.elementClass }, h("slot", { key: '704d15c121948cee1364be14650cfa9f3a614c6e' })));
+        return (h(Host, { key: '52e938cc472887cbc8a3cfe2767b5acce5315980' }, h("div", { key: '502426f4a2c90c3cca02579db858b6c7b5453a4c', class: this.elementClass }, h("slot", { key: 'e354e47689e3b24ab663f9ebd17f836bf56619c4' }))));
     }
     static get style() { return spwCardExcerptCss; }
 }, [1, "spw-card-excerpt", {

package/dist/components/spw-card-excerpt.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"spw-card-excerpt.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,~~45GAA45G~~;;~~MCOz6GA~~,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAS,CAAA,SAAA,GAAoB,CAAC;~~AAkBvC~~;~~AAhBC~~,IAAA,IAAY,YAAY,GAAA;AACtB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,KAAK,MAAM;QAC9C,OAAO;AACL,YAAA,kBAAkB,EAAE,IAAI;AACxB,YAAA,6BAA6B,EAAE,YAAY;AAC3C,YAAA,CAAC,2BAA2B,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,YAAY;SAC5D;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,~~CAAK~~,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,~~EAAA~~,KAAK,EAAE,IAAI,CAAC,YAAY,EAAA,EAC3B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwCardExcerpt","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-card/spw-card-excerpt/spw-card-excerpt.scss?tag=spw-card-excerpt&encapsulation=shadow","src/components/spw-card/spw-card-excerpt/spw-card-excerpt.tsx"],"sourcesContent":[".spw-card-excerpt {\n color: var(--spw-color-themes-grey-grey-600);\n font-family: 'Nunito Sans';\n font-size: 16px;\n line-height: 1.3;\n margin-top: 12px;\n &--has-clamp {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n }\n @for $i from 1 through 10 {\n &--clamp-#{$i} {\n -webkit-line-clamp: $i;\n line-clamp: $i;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-card-excerpt',\n styleUrl: 'spw-card-excerpt.scss',\n shadow: true,\n})\nexport class SpwCardExcerpt {\n /** Permet de limiter ou pas le nombre de lignes affichées */\n @Prop() lineClamp: number \| 'none' = 3;\n\n private get elementClass(): { [className: string]: boolean } {\n const hasLineClamp = this.lineClamp !== 'none';\n return {\n 'spw-card-excerpt': true,\n 'spw-card-excerpt--has-clamp': hasLineClamp,\n [`spw-card-excerpt--clamp-${this.lineClamp}`]: hasLineClamp,\n };\n }\n\n render() {\n return (\n <div class={this.elementClass}>\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"spw-card-excerpt.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,8qHAA8qH;;MCO3rHA,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAS,CAAA,SAAA,GAAoB,CAAC;AAoBvC;AAlBC,IAAA,IAAY,YAAY,GAAA;AACtB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,KAAK,MAAM;QAC9C,OAAO;AACL,YAAA,kBAAkB,EAAE,IAAI;AACxB,YAAA,6BAA6B,EAAE,YAAY;AAC3C,YAAA,CAAC,2BAA2B,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,YAAY;SAC5D;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAA,EAC3B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwCardExcerpt","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-card/spw-card-excerpt/spw-card-excerpt.scss?tag=spw-card-excerpt&encapsulation=shadow","src/components/spw-card/spw-card-excerpt/spw-card-excerpt.tsx"],"sourcesContent":[":host(.--people) {\n flex: 1;\n ::slotted(spw-link) {\n --spw-link-color: #000;\n --spw-link-hover-color: #000;\n --spw-link-active-color: #000;\n --spw-link-font-weight: 400;\n }\n}\n\n.spw-card-excerpt {\n color: var(--spw-color-themes-grey-grey-600);\n font-family: 'Nunito Sans';\n font-size: 16px;\n line-height: 1.3;\n margin-top: 12px;\n &--has-clamp {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n }\n :host(.--people) & {\n margin-top: 0;\n font-size: 16px;\n color: var(--spw-color-themes-grey-grey-900);\n }\n @for $i from 1 through 10 {\n &--clamp-#{$i} {\n -webkit-line-clamp: $i;\n line-clamp: $i;\n }\n }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-card-excerpt',\n styleUrl: 'spw-card-excerpt.scss',\n shadow: true,\n})\nexport class SpwCardExcerpt {\n /** Permet de limiter ou pas le nombre de lignes affichées */\n @Prop() lineClamp: number \| 'none' = 3;\n\n private get elementClass(): { [className: string]: boolean } {\n const hasLineClamp = this.lineClamp !== 'none';\n return {\n 'spw-card-excerpt': true,\n 'spw-card-excerpt--has-clamp': hasLineClamp,\n [`spw-card-excerpt--clamp-${this.lineClamp}`]: hasLineClamp,\n };\n }\n\n render() {\n return (\n <Host>\n <div class={this.elementClass}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/spw-card-image.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './index.js';
-import { d as defineCustomElement$2 } from './p-BrOEFNbv.js';
+import { d as defineCustomElement$2 } from './p-_q4w18VU.js';
-const spwCardImageCss = "/*! 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;width:100%}: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-card-image{border-radius:5px 5px 0 0;overflow:hidden;position:relative}:host(.--vertical) .spw-card-image{border-radius:5px 0 0 5px;height:100%}:host(.--sidebar) .spw-card-image,:host(.--video) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{height:auto;transform-origin:center center;transition:all .3s ease;width:100%}.spw-card-image__icon{align-items:center;color:#fff;display:flex;font-size:30px;font-weight:300;justify-content:center;opacity:0;transition:all .3s ease;visibility:hidden;z-index:2}.spw-card-image__icon,.spw-card-image__icon:before{height:100%;left:0;position:absolute;top:0;width:100%}.spw-card-image__icon:before{background:var(--spw-ds-primary);content:\"\";opacity:.4}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all .3s ease}.spw-card-image__label{align-items:center;background:var(--spw-ds-white);border-radius:9999px;box-shadow:var(--spw-effect-elevation-3);color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;line-height:1;padding:8px 12px;position:absolute;right:10px;top:10px;z-index:3}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{opacity:1;visibility:visible}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--vertical){min-width:170px;overflow:hidden;position:relative;width:170px}:host(.--vertical) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--sidebar){height:75px;min-height:75px;min-width:75px;overflow:hidden;position:relative;width:75px}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video){height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}:host(.--video):after{background:#000;border-radius:5px;content:\"\";height:100%;left:0;opacity:.4;position:absolute;top:0;transition:all .2s linear;width:100%}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video.--hovered):after{opacity:.6}";
+const spwCardImageCss = "/*! 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;width:100%}: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(.--people){max-width:112px;width:112px}.spw-card-image{border-radius:5px 5px 0 0;overflow:hidden;position:relative}:host(.--vertical) .spw-card-image{border-radius:5px 0 0 5px;height:100%}:host(.--people) .spw-card-image{border-radius:5px}:host(.--sidebar) .spw-card-image,:host(.--video) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{height:auto;transform-origin:center center;transition:all .3s ease;width:100%}.spw-card-image__icon{align-items:center;color:#fff;display:flex;font-size:30px;font-weight:300;justify-content:center;opacity:0;transition:all .3s ease;visibility:hidden;z-index:2}.spw-card-image__icon,.spw-card-image__icon:before{height:100%;left:0;position:absolute;top:0;width:100%}.spw-card-image__icon:before{background:var(--spw-ds-primary);content:\"\";opacity:.4}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all .3s ease}.spw-card-image__label{align-items:center;background:var(--spw-ds-white);border-radius:9999px;box-shadow:var(--spw-effect-elevation-3);color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;line-height:1;padding:8px 12px;position:absolute;right:10px;top:10px;z-index:3}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{opacity:1;visibility:visible}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--vertical){min-width:170px;overflow:hidden;position:relative;width:170px}:host(.--vertical) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--sidebar){height:75px;min-height:75px;min-width:75px;overflow:hidden;position:relative;width:75px}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video){height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}:host(.--video):after{background:#000;border-radius:5px;content:\"\";height:100%;left:0;opacity:.4;position:absolute;top:0;transition:all .2s linear;width:100%}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video.--hovered):after{opacity:.6}";
 const SpwCardImage$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardImage extends H {
     constructor() {
@@ -28,7 +28,7 @@ const SpwCardImage$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardImage exten
         }
     }
     render() {
-        return (h("div", { key: '23372c9f4959fc7a39f998d9b467d8a5c68978bd', class: "spw-card-image" }, this.label && h("span", { key: '9f7207229572543d3e3748626a72ef45ad50be9a', class: "spw-card-image__label" }, this.label), h("slot", { key: 'c21e75555d3012a423945d68dd01aaa49df4b93b' }), h("div", { key: 'db7efe735e5f40483c9d90113844f34925c6bf58', class: "spw-card-image__icon" }, h("spw-icon", { key: '048acb6cf5aff5a2accd58ec9445a1d5bfab3581', icon: "fa-plus" }))));
+        return (h("div", { key: '06519fc35dea780b3550ad118a8badd2b9a7c3a4', class: "spw-card-image" }, this.label && h("span", { key: '581da797660f7019f7fc028273566911dd009a1b', class: "spw-card-image__label" }, this.label), h("slot", { key: '0384c788fc592bc3e3dacdc2e3f01efc3ebd4f41' }), h("div", { key: '2fadd2cd086805c6eed046aae28b1a298e3bb00a', class: "spw-card-image__icon" }, h("spw-icon", { key: 'c0693975af022057f1ab5455f2fab74487af8d34', icon: "fa-plus" }))));
     }
     get el() { return this; }
     static get style() { return spwCardImageCss; }

package/dist/components/spw-card-image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"spw-card-image.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,~~k0KAAk0K~~;;~~MCO70KA~~,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;IAKvB,gBAAgB,GAAA;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;QACxC,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACjE,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;;;AAI9D,IAAA,WAAW,CAAC,OAAO,EAAA;AACzB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC;QAChE,IAAI,IAAI,EAAE;YACR,IAAI,OAAO,EAAE;AACX,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC;;iBAC7B;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC;;;;IAK3C,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,KAAK,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,EACtE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,SAAS,GAAY,CAChC,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwCardImage","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-card/spw-card-image/spw-card-image.scss?tag=spw-card-image&encapsulation=shadow","src/components/spw-card/spw-card-image/spw-card-image.tsx"],"sourcesContent":["@import '../../../scss/mixins';\n\n:host {\n display: block;\n width: 100%;\n line-height: 1;\n}\n\n.spw-card-image {\n position: relative;\n overflow: hidden;\n border-radius: 5px 5px 0 0;\n\n :host(.--vertical) & {\n border-radius: 5px 0 0 5px;\n }\n\n :host(.--video) &,\n :host(.--sidebar) & {\n border-radius: 5px;\n }\n\n ::slotted(img),\n img {\n width: 100%;\n height: auto;\n transition: all 0.3s ease;\n transform-origin: center center;\n }\n\n &__icon {\n &:before {\n @include blanket;\n background: var(--spw-ds-primary);\n opacity: 0.4;\n }\n position: absolute;\n z-index: 2;\n display: flex;\n visibility: hidden;\n width: 100%;\n height: 100%;\n font-size: 30px;\n font-weight: 300;\n opacity: 0;\n top: 0;\n left: 0;\n color: white;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease;\n\n spw-icon {\n transform: scale(1.5);\n transition: all 0.3s ease;\n }\n }\n\n &__label {\n position: absolute;\n top: 10px;\n right: 10px;\n display: inline-flex;\n padding: 8px 12px;\n align-items: center;\n border-radius: 9999px;\n color: var(--spw-color-themes-grey-grey-900);\n box-shadow: var(--spw-effect-elevation-3);\n font-size: 14px;\n background: var(--spw-ds-white);\n z-index: 3;\n line-height: 1;\n }\n}\n\n:host(.--hovered:not(.--video)) {\n .spw-card-image,\n .spw-card-image.--is-hovered {\n .spw-card-image__icon {\n visibility: visible;\n opacity: 1;\n spw-icon {\n transform: scale(1);\n }\n }\n ::slotted(img) {\n transform: scale(1.1);\n }\n }\n}\n\n:host(.--vertical) {\n width: 170px;\n min-width: 170px;\n position: relative;\n overflow: hidden;\n .spw-card-image {\n height: 100%;\n ::slotted(img) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100% !important;\n object-fit: cover;\n object-position: center;\n }\n }\n}\n\n:host(.--sidebar) {\n width: 75px;\n min-width: 75px;\n height: 75px;\n min-height: 75px;\n position: relative;\n overflow: hidden;\n .spw-card-image {\n height: 100%;\n ::slotted(img) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100% !important;\n object-fit: cover;\n object-position: center;\n }\n }\n}\n\n:host(.--video) {\n width: 100%;\n height: 100%;\n position: absolute;\n overflow: hidden;\n top: 0;\n left: 0;\n &:after {\n content: '';\n background: black;\n opacity: 0.4;\n transition: all linear 0.2s;\n border-radius: 5px;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n .spw-card-image {\n height: 100%;\n ::slotted(img) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100% !important;\n object-fit: cover;\n object-position: center;\n }\n }\n}\n\n:host(.--video.--hovered) {\n &:after {\n opacity: 0.6;\n }\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-card-image',\n styleUrl: 'spw-card-image.scss',\n shadow: true,\n})\nexport class SpwCardImage {\n @Element() el: HTMLSpwCardImageElement;\n /** Label spécifié dans la carte */\n @Prop() label?: string;\n\n componentDidLoad() {\n const card = this.el.closest('spw-card');\n if (card) {\n card.addEventListener('mouseenter', () => this.onCardHover(true));\n card.addEventListener('mouseleave', () => this.onCardHover(false));\n }\n }\n\n private onCardHover(hovered) {\n const icon = this.el.shadowRoot.querySelector('.spw-card-image');\n if (icon) {\n if (hovered) {\n icon.classList.add('--is-hovered');\n } else {\n icon.classList.remove('--is-hovered');\n }\n }\n }\n\n render() {\n return (\n <div class=\"spw-card-image\">\n {this.label && <span class=\"spw-card-image__label\">{this.label}</span>}\n <slot></slot>\n <div class=\"spw-card-image__icon\">\n <spw-icon icon=\"fa-plus\"></spw-icon>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"spw-card-image.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,k6KAAk6K;;MCO76KA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;IAKvB,gBAAgB,GAAA;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;QACxC,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACjE,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;;;AAI9D,IAAA,WAAW,CAAC,OAAO,EAAA;AACzB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC;QAChE,IAAI,IAAI,EAAE;YACR,IAAI,OAAO,EAAE;AACX,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC;;iBAC7B;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC;;;;IAK3C,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,KAAK,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,EACtE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,SAAS,GAAY,CAChC,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwCardImage","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-card/spw-card-image/spw-card-image.scss?tag=spw-card-image&encapsulation=shadow","src/components/spw-card/spw-card-image/spw-card-image.tsx"],"sourcesContent":["@import '../../../scss/mixins';\n\n:host {\n display: block;\n width: 100%;\n line-height: 1;\n}\n\n:host(.--people) {\n width: 112px;\n max-width: 112px;\n}\n\n.spw-card-image {\n position: relative;\n overflow: hidden;\n border-radius: 5px 5px 0 0;\n\n :host(.--vertical) & {\n border-radius: 5px 0 0 5px;\n }\n\n :host(.--people) & {\n border-radius: 5px;\n }\n\n :host(.--video) &,\n :host(.--sidebar) & {\n border-radius: 5px;\n }\n\n ::slotted(img),\n img {\n width: 100%;\n height: auto;\n transition: all 0.3s ease;\n transform-origin: center center;\n }\n\n &__icon {\n &:before {\n @include blanket;\n background: var(--spw-ds-primary);\n opacity: 0.4;\n }\n position: absolute;\n z-index: 2;\n display: flex;\n visibility: hidden;\n width: 100%;\n height: 100%;\n font-size: 30px;\n font-weight: 300;\n opacity: 0;\n top: 0;\n left: 0;\n color: white;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease;\n\n spw-icon {\n transform: scale(1.5);\n transition: all 0.3s ease;\n }\n }\n\n &__label {\n position: absolute;\n top: 10px;\n right: 10px;\n display: inline-flex;\n padding: 8px 12px;\n align-items: center;\n border-radius: 9999px;\n color: var(--spw-color-themes-grey-grey-900);\n box-shadow: var(--spw-effect-elevation-3);\n font-size: 14px;\n background: var(--spw-ds-white);\n z-index: 3;\n line-height: 1;\n }\n}\n\n:host(.--hovered:not(.--video)) {\n .spw-card-image,\n .spw-card-image.--is-hovered {\n .spw-card-image__icon {\n visibility: visible;\n opacity: 1;\n spw-icon {\n transform: scale(1);\n }\n }\n ::slotted(img) {\n transform: scale(1.1);\n }\n }\n}\n\n:host(.--vertical) {\n width: 170px;\n min-width: 170px;\n position: relative;\n overflow: hidden;\n .spw-card-image {\n height: 100%;\n ::slotted(img) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100% !important;\n object-fit: cover;\n object-position: center;\n }\n }\n}\n\n:host(.--sidebar) {\n width: 75px;\n min-width: 75px;\n height: 75px;\n min-height: 75px;\n position: relative;\n overflow: hidden;\n .spw-card-image {\n height: 100%;\n ::slotted(img) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100% !important;\n object-fit: cover;\n object-position: center;\n }\n }\n}\n\n:host(.--video) {\n width: 100%;\n height: 100%;\n position: absolute;\n overflow: hidden;\n top: 0;\n left: 0;\n &:after {\n content: '';\n background: black;\n opacity: 0.4;\n transition: all linear 0.2s;\n border-radius: 5px;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n .spw-card-image {\n height: 100%;\n ::slotted(img) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100% !important;\n object-fit: cover;\n object-position: center;\n }\n }\n}\n\n:host(.--video.--hovered) {\n &:after {\n opacity: 0.6;\n }\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-card-image',\n styleUrl: 'spw-card-image.scss',\n shadow: true,\n})\nexport class SpwCardImage {\n @Element() el: HTMLSpwCardImageElement;\n /** Label spécifié dans la carte */\n @Prop() label?: string;\n\n componentDidLoad() {\n const card = this.el.closest('spw-card');\n if (card) {\n card.addEventListener('mouseenter', () => this.onCardHover(true));\n card.addEventListener('mouseleave', () => this.onCardHover(false));\n }\n }\n\n private onCardHover(hovered) {\n const icon = this.el.shadowRoot.querySelector('.spw-card-image');\n if (icon) {\n if (hovered) {\n icon.classList.add('--is-hovered');\n } else {\n icon.classList.remove('--is-hovered');\n }\n }\n }\n\n render() {\n return (\n <div class=\"spw-card-image\">\n {this.label && <span class=\"spw-card-image__label\">{this.label}</span>}\n <slot></slot>\n <div class=\"spw-card-image__icon\">\n <spw-icon icon=\"fa-plus\"></spw-icon>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/spw-card-subtag-item.js CHANGED Viewed

@@ -20,7 +20,7 @@ const SpwCardSubtagItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardSubtag
         };
     }
     render() {
-        return (h(Host, { key: '7e30b9bb90784e374b1d3bc84fb1202e631ef7e4' }, h("span", { key: '7f1c1abc556bc4dbe1a3bdec8b1fda7a3758a062', class: this.elementClass, onClick: () => this.handleClick() }, h("slot", { key: '103791510b6af6bce06a5679e0ef4739489287f6' }))));
+        return (h(Host, { key: 'b9f9a9f02a6ef1ccf5d0c5a993b0e3b278978298' }, h("span", { key: 'c8e53bd3d9a2c60d7eb2a05fea866d991898b068', class: this.elementClass, onClick: () => this.handleClick() }, h("slot", { key: 'd2bb1ddcc64d71736687bde8c0844cd2bc84773e' }))));
     }
     static get style() { return spwCardSubtagItemCss; }
 }, [1, "spw-card-subtag-item", {

package/dist/components/spw-card-subtags.js CHANGED Viewed

@@ -28,7 +28,7 @@ const SpwCardSubtags$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardSubtags e
         };
     }
     render() {
-        return (h(Host, { key: 'c2abe029921015ce992e821e25e1f79f26ac2eac' }, h("div", { key: '92b9920ceeb61daff3e21dbc8e28e92ba0ab725e', class: this.elementClass }, h("slot", { key: 'f572e23dad24bb1d9dcbe36b32d7551b2c091e09' }))));
+        return (h(Host, { key: 'c3615d6567c3f3b0f91c5784d14afb490796fcfd' }, h("div", { key: '1d4b55d7a2ceb7216ae369571725a22c9483fb97', class: this.elementClass }, h("slot", { key: 'a3d0f73339d00b5659dc0f4033ca3d3c6bc60596' }))));
     }
     get el() { return this; }
     static get style() { return spwCardSubtagsCss; }

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

@@ -1,18 +1,22 @@
-import { p as proxyCustomElement, H, h } from './index.js';
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-const spwCardTitleCss = "/*! 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;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-card-title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:700;line-height:1.3;transition:all .3s ease}:host(.--hovered:not(.--video)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title{color:#fff}";
+const spwCardTitleCss = "/*! 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;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-card-title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:700;line-height:1.3;transition:all .3s ease}:host(.--hovered:not(.--video)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title{color:#fff}:host(.--people) .spw-card-title{border-bottom:1px solid var(--spw-color-themes-grey-grey-300);padding:0 24px}:host(.--people) .spw-card-title__text{border-bottom:4px solid var(--spw-card-title-border-color,var(--spw-ds-primary));display:inline-block;padding:18px 0}";
 const SpwCardTitle$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardTitle extends H {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
+        /** Code hexadécimal de la bordure sous le titre (à appliquer sur spw-card-title si la variante de la carte est "people") */
+        this.borderColor = '';
     }
     render() {
-        return (h("h3", { key: '7ab4466f7c72b8deedbfe76fdb2077d28be6e9bf', class: "spw-card-title" }, h("slot", { key: 'a6705a96741a72ab378774ce42a6c5e4e307432e' })));
+        return (h(Host, { key: 'fee3f93429299a55ce235a0b87abc7168570491c', style: { '--spw-card-title-border-color': this.borderColor } }, h("h3", { key: '2d6995704e9656b954a0b2d0eb5a06d25ac41133', class: "spw-card-title" }, h("span", { key: '801aafb6917dd8233e644cfad05bbf3009fdb44c', class: "spw-card-title__text" }, h("slot", { key: '0bd326fa65f7cbe4bb8db95321fdd16a39562dd5' })))));
     }
     static get style() { return spwCardTitleCss; }
-}, [1, "spw-card-title"]);
+}, [1, "spw-card-title", {
+        "borderColor": [1, "border-color"]
+    }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

package/dist/components/spw-card-title.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"spw-card-title.js","mappings":";;AAAA,MAAM,eAAe,GAAG,~~wzFAAwzF~~;;~~MCOn0FA~~,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA~~;;;;;;IACvB~~,MAAM,GAAA;~~QACJ~~,QACE,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,~~EAAI~~,KAAK,EAAC,gBAAgB,EAAA,EACxB,~~CAAa~~,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,~~CACV;;;;;;;;;;;;;;;;;;;;;;;~~","names":["SpwCardTitle","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-card/spw-card-title/spw-card-title.scss?tag=spw-card-title&encapsulation=shadow","src/components/spw-card/spw-card-title/spw-card-title.tsx"],"sourcesContent":[".spw-card-title {\n line-height: 1.3;\n font-weight: 700;\n font-size: 20px;\n transition: all 0.3s ease;\n color: var(--spw-color-themes-grey-grey-900);\n :host(.--hovered:not(.--video)) & {\n color: var(--spw-ds-primary);\n }\n :host(.--video) & {\n color: white;\n }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-card-title',\n styleUrl: 'spw-card-title.scss',\n shadow: true,\n})\nexport class SpwCardTitle {\n render() {\n return (\n <h3 class=\"spw-card-title\">\n <slot></slot>\n </h3>\n );\n }\n}\n"],"version":3}
1	+ {"file":"spw-card-title.js","mappings":";;AAAA,MAAM,eAAe,GAAG,kkGAAkkG;;MCO7kGA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAW,CAAA,WAAA,GAAY,EAAE;AAalC;IAXC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,EAAE,+BAA+B,EAAE,IAAI,CAAC,WAAW,EAAE,EAAA,EAChE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACxB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,CACJ,CACA;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwCardTitle","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-card/spw-card-title/spw-card-title.scss?tag=spw-card-title&encapsulation=shadow","src/components/spw-card/spw-card-title/spw-card-title.tsx"],"sourcesContent":[".spw-card-title {\n line-height: 1.3;\n font-weight: 700;\n font-size: 20px;\n transition: all 0.3s ease;\n color: var(--spw-color-themes-grey-grey-900);\n :host(.--hovered:not(.--video)) & {\n color: var(--spw-ds-primary);\n }\n :host(.--video) & {\n color: white;\n }\n :host(.--people) & {\n padding: 0 24px;\n border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n }\n &__text {\n :host(.--people) & {\n display: inline-block;\n padding: 18px 0;\n border-bottom: 4px solid var(--spw-card-title-border-color, var(--spw-ds-primary));\n }\n }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-card-title',\n styleUrl: 'spw-card-title.scss',\n shadow: true,\n})\nexport class SpwCardTitle {\n /** Code hexadécimal de la bordure sous le titre (à appliquer sur spw-card-title si la variante de la carte est \"people\") */\n @Prop() borderColor?: string = '';\n\n render() {\n return (\n <Host style={{ '--spw-card-title-border-color': this.borderColor }}>\n <h3 class=\"spw-card-title\">\n <span class=\"spw-card-title__text\">\n <slot></slot>\n </span>\n </h3>\n </Host>\n );\n }\n}\n"],"version":3}

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-const spwCardCss = "/*! 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;width:100%}: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[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{background:var(--spw-ds-white);border-radius:5px;box-shadow:var(--spw-effect-elevation-2);display:block;transition:all .3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{align-items:center;background:var(--spw-ds-primary);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;font-size:18px;height:80px;justify-content:center;left:0;line-height:1.1;position:absolute;text-align:center;text-decoration:none;top:50%;transform:translate(-50%,-50%);width:80px}.spw-card__date-item span:first-of-type{font-weight:700}.spw-card__link{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card__link:focus-visible{border-radius:5px;box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--sidebar,.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--event{left:40px;position:relative;width:calc(100% - 40px)}";
+const spwCardCss = "/*! 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-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-2);--spw-card-border:none;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative;width:100%}: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[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{background:var(--spw-card-background);border:var(--spw-card-border);border-radius:5px;box-shadow:var(--spw-card-box-shadow);display:block;transition:all .3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{align-items:center;background:var(--spw-ds-primary);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;font-size:18px;height:80px;justify-content:center;left:0;line-height:1.1;position:absolute;text-align:center;text-decoration:none;top:50%;transform:translate(-50%,-50%);width:80px}.spw-card__date-item span:first-of-type{font-weight:700}.spw-card__link{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card__link:focus-visible{border-radius:5px;box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--sidebar,.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--event{left:40px;position:relative;width:calc(100% - 40px)}";
 const SpwCard$1 = /*@__PURE__*/ proxyCustomElement(class SpwCard extends H {
     constructor() {
@@ -96,7 +96,7 @@ const SpwCard$1 = /*@__PURE__*/ proxyCustomElement(class SpwCard extends H {
             'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
             'aria-disabled': this.disabled ? 'true' : null,
         };
-        return (h(Host, { key: '57c021e54b5aa7499cfbbdd63948c6c49744a782', class: { '--is-full-height': this.fullHeight } }, h("article", { key: '30a38d6d817a336b6052999baabd811724ab69a6', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: '81b3e6be4c24ad0e1d2677ae89c0847722d34906' }, attrs, { class: "spw-card__dates" }), dateStart && h("div", { key: 'b95296b4b58a85bb1b21e44e9613047a806daf20', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && h("div", { key: 'e04f67e288faa21ea2f5fde0398bb2748e8d8033', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), h(TagType, Object.assign({ key: 'ce8b0d98fcb7469b4304af4c3824730777ffd8fd' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: '120b625ad8a4d1fdb1d72fff6bc2e3c95e01740d' })))));
+        return (h(Host, { key: 'ad1db614b92a05603075dfcaec494cacbb304076', class: { '--is-full-height': this.fullHeight } }, h("article", { key: '07d17b0a8f53d10bdf187125e73a6a0b47a397c1', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: '3c0c11a80e59d6ce360038c5f1d5ac2db7f8d293' }, attrs, { class: "spw-card__dates" }), dateStart && h("div", { key: '487708873b81a34649a45222c702e7bf6997262f', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && h("div", { key: 'f4d239b7e98655e6c4c5b54ed9f159f8ceffa8c9', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), h(TagType, Object.assign({ key: '89cd3636e5a7b0663f009e162672908066afc71c' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: '4d97f8309d81b78c3a2b8c5d2c338acc71267732' })))));
     }
     get el() { return this; }
     static get style() { return spwCardCss; }