@spw-ds/spw-stencil-library 1.3.3 → 1.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/spw-card-content.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-excerpt.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-image.cjs.entry.js +22 -4
- package/dist/cjs/spw-card-subtag-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-subtags.cjs.entry.js +5 -2
- package/dist/cjs/spw-card-title.cjs.entry.js +1 -1
- package/dist/cjs/spw-card.cjs.entry.js +2 -2
- package/dist/cjs/spw-custom-select.cjs.entry.js +22 -3
- package/dist/cjs/spw-file-upload.cjs.entry.js +34 -9
- package/dist/cjs/spw-mosaic-item.cjs.entry.js +47 -6
- package/dist/cjs/spw-mosaic.cjs.entry.js +5 -2
- package/dist/cjs/spw-select.cjs.entry.js +16 -10
- package/dist/cjs/spw-stencil-library.cjs.js +1 -1
- package/dist/cjs/spw-tile.cjs.entry.js +1 -1
- package/dist/collection/components/spw-card/spw-card-content/spw-card-content.css +36 -2
- package/dist/collection/components/spw-card/spw-card-excerpt/spw-card-excerpt.css +3 -0
- package/dist/collection/components/spw-card/spw-card-image/spw-card-image.css +35 -14
- package/dist/collection/components/spw-card/spw-card-image/spw-card-image.js +79 -4
- package/dist/collection/components/spw-card/spw-card-subtag-item/spw-card-subtag-item.css +3 -0
- package/dist/collection/components/spw-card/spw-card-subtags/spw-card-subtags.css +3 -0
- package/dist/collection/components/spw-card/spw-card-subtags/spw-card-subtags.js +4 -1
- package/dist/collection/components/spw-card/spw-card-title/spw-card-title.css +10 -2
- package/dist/collection/components/spw-card/spw-card.js +4 -4
- package/dist/collection/components/spw-custom-select/spw-custom-select.js +61 -4
- package/dist/collection/components/spw-file-upload/spw-file-upload.js +55 -10
- package/dist/collection/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.js +111 -6
- package/dist/collection/components/spw-mosaic/spw-mosaic.js +9 -2
- package/dist/collection/components/spw-select/spw-select.js +55 -11
- package/dist/collection/components/spw-tile/spw-tile.css +17 -0
- package/dist/collection/stories/organisms/spw-card/spw-card.stories.js +22 -0
- package/dist/collection/stories/organisms/spw-grid/spw-grid.stories.js +14 -14
- package/dist/collection/stories/organisms/spw-mosaic/spw-mosaic.stories.js +131 -0
- package/dist/components/spw-card-content.js +1 -1
- package/dist/components/spw-card-excerpt.js +1 -1
- package/dist/components/spw-card-image.js +1 -1
- package/dist/components/spw-card-subtag-item.js +1 -1
- package/dist/components/spw-card-subtags.js +1 -1
- package/dist/components/spw-card-title.js +1 -1
- package/dist/components/spw-card.js +1 -1
- package/dist/components/spw-custom-select.js +1 -1
- package/dist/components/spw-file-upload.js +1 -1
- package/dist/components/spw-mosaic-item.js +1 -1
- package/dist/components/spw-mosaic.js +4 -4
- package/dist/components/spw-select.js +1 -1
- package/dist/components/spw-tile.js +1 -1
- package/dist/components_json.json +297 -9
- package/dist/components_vscode.json +3499 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/spw-card-content.entry.js +1 -1
- package/dist/esm/spw-card-excerpt.entry.js +1 -1
- package/dist/esm/spw-card-image.entry.js +22 -4
- package/dist/esm/spw-card-subtag-item.entry.js +1 -1
- package/dist/esm/spw-card-subtags.entry.js +5 -2
- package/dist/esm/spw-card-title.entry.js +1 -1
- package/dist/esm/spw-card.entry.js +2 -2
- package/dist/esm/spw-custom-select.entry.js +22 -3
- package/dist/esm/spw-file-upload.entry.js +34 -9
- package/dist/esm/spw-mosaic-item.entry.js +47 -6
- package/dist/esm/spw-mosaic.entry.js +5 -2
- package/dist/esm/spw-select.entry.js +16 -10
- package/dist/esm/spw-stencil-library.js +1 -1
- package/dist/esm/spw-tile.entry.js +1 -1
- package/dist/spw-stencil-library/p-1318262e.entry.js +1 -0
- package/dist/spw-stencil-library/p-1e806b7c.entry.js +1 -0
- package/dist/spw-stencil-library/{p-70424f67.entry.js → p-24de9d6f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-fdbda346.entry.js → p-25991392.entry.js} +1 -1
- package/dist/spw-stencil-library/p-36122fda.entry.js +1 -0
- package/dist/spw-stencil-library/{p-c833a6fb.entry.js → p-6a46c406.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6ccec3e1.entry.js → p-7368447c.entry.js} +1 -1
- package/dist/spw-stencil-library/p-7cb2f275.entry.js +1 -0
- package/dist/spw-stencil-library/p-94aa0e26.entry.js +1 -0
- package/dist/spw-stencil-library/{p-f0c7973a.entry.js → p-bc3ff922.entry.js} +1 -1
- package/dist/spw-stencil-library/p-e0f6f758.entry.js +1 -0
- package/dist/spw-stencil-library/{p-e8294025.entry.js → p-fa4bf37b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d8e93516.entry.js → p-fbfb718d.entry.js} +1 -1
- package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
- package/dist/stats.json +618 -113
- package/dist/types/components/spw-card/spw-card-image/spw-card-image.d.ts +8 -1
- package/dist/types/components/spw-card/spw-card.d.ts +1 -1
- package/dist/types/components/spw-custom-select/spw-custom-select.d.ts +5 -0
- package/dist/types/components/spw-file-upload/spw-file-upload.d.ts +3 -1
- package/dist/types/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.d.ts +11 -0
- package/dist/types/components/spw-select/spw-select.d.ts +5 -1
- package/dist/types/components.d.ts +86 -6
- package/dist/types/stories/organisms/spw-card/spw-card.stories.d.ts +1 -0
- package/dist/types/stories/organisms/spw-mosaic/spw-mosaic.stories.d.ts +1 -0
- package/hydrate/index.js +174 -47
- package/hydrate/index.mjs +174 -47
- package/package.json +1 -1
- package/dist/spw-stencil-library/p-38bd2b93.entry.js +0 -1
- package/dist/spw-stencil-library/p-a5e811f0.entry.js +0 -1
- package/dist/spw-stencil-library/p-a92189cd.entry.js +0 -1
- package/dist/spw-stencil-library/p-aad1a377.entry.js +0 -1
- package/dist/spw-stencil-library/p-d7ed084c.entry.js +0 -1
- package/dist/spw-stencil-library/p-fb0c6681.entry.js +0 -1
package/hydrate/index.mjs
CHANGED
|
@@ -5696,7 +5696,7 @@ class SpwCard {
|
|
|
5696
5696
|
constructor(hostRef) {
|
|
5697
5697
|
registerInstance(this, hostRef);
|
|
5698
5698
|
this.hasImage = false;
|
|
5699
|
-
this.childHoveredCount = 0;
|
|
5699
|
+
this.childHoveredCount = 0;
|
|
5700
5700
|
/** Type de variante de carte */
|
|
5701
5701
|
this.variant = 'news';
|
|
5702
5702
|
/** Type d'élément du bouton */
|
|
@@ -5814,7 +5814,7 @@ class SpwCard {
|
|
|
5814
5814
|
'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
|
|
5815
5815
|
'aria-disabled': this.disabled ? 'true' : null,
|
|
5816
5816
|
};
|
|
5817
|
-
return (hAsync(Host, { key: '
|
|
5817
|
+
return (hAsync(Host, { key: 'dd696a972dce8b2dd24bf4a32a91c48d647c8847', class: { '--is-full-height': this.fullHeight } }, hAsync("article", { key: '3bedcc715c5ce3999bdd683aec295cf4a5f78afd', class: this.elementClass }, variant === 'event' && (hAsync(TagType, Object.assign({ key: 'a562384022c312afe368de3b28d1746a3b0f5398' }, attrs, { class: "spw-card__dates" }), dateStart && hAsync("div", { key: '1f91f1d6a773c48ff00fb71b0867eafa7b25a53e', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && hAsync("div", { key: 'bdce357cf092475ee1792950a686d02601d634bf', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), hAsync(TagType, Object.assign({ key: '8bae3ef221cf1edc713e89d23db08dda41bf22d8' }, attrs, ariaAttributes, { class: "spw-card__link" }), hAsync("slot", { key: '89d675393747eadf75c55396cba1513566c9eace' })))));
|
|
5818
5818
|
}
|
|
5819
5819
|
get el() { return getElement(this); }
|
|
5820
5820
|
static get style() { return spwCardCss(); }
|
|
@@ -5856,7 +5856,7 @@ function formatFileSize(sizeInBytes) {
|
|
|
5856
5856
|
return `${formattedSize} Mo`;
|
|
5857
5857
|
}
|
|
5858
5858
|
|
|
5859
|
-
const spwCardContentCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--video){min-width:100%;width:100
|
|
5859
|
+
const spwCardContentCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--video){min-width:100%;width:100%;margin-top:auto}.spw-card-content{position:relative;display:flex;flex-direction:column;padding:12px 24px 24px 24px;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:24px}:host(.--event) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--no-image.--event) .spw-card-content{padding-left:64px;padding-top:12px}:host(.--sidebar) .spw-card-content{padding:0}:host(.--people) .spw-card-content{padding:24px;flex-direction:row;gap:24px}:host(.--highlighted) .spw-card-content{position:absolute;bottom:0;padding:24px;padding-top:64px;overflow:hidden;border-radius:0 0 5px 5px}:host(.--highlighted) .spw-card-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;isolation:isolate;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 50%, rgba(0, 0, 0, 0.87) 100%)}@media (min-width: 1024px){:host(.--highlighted) .spw-card-content{padding:32px;padding-top:64px}}:host(.--vertical) .spw-card-content,:host(.--sidebar) .spw-card-content,:host(.--event) .spw-card-content{justify-content:center;height:100%}:host(.--video) .spw-card-content{justify-content:flex-end;padding-right:80px;border-radius:0 0 5px 5px;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 50%, rgba(0, 0, 0, 0.87) 100%)}:host(.--video) .spw-card-content:after{position:absolute;bottom:24px;right:24px;font-family:var(--spw-ds-font-icons-solid);font-weight:900;content:"\\f144";font-size:36px;color:white}.spw-card-content__tag{position:absolute;top:-25px;left:25px;padding:6px 10px;border-radius:4px 4px 0px 0px;background:var(--spw-ds-white);color:var(--spw-ds-primary);font-size:15px;font-weight:700}:host(.--no-image) .spw-card-content__tag,:host(.--event) .spw-card-content__tag,:host(.--video) .spw-card-content__tag,:host(.--vertical) .spw-card-content__tag{position:relative;top:0;left:0;padding:0;margin-bottom:8px}:host(.--video) .spw-card-content__tag,:host(.--highlighted) .spw-card-content__tag{width:auto;align-self:flex-start;display:inline-block;padding:8px 12px;border-radius:9999px;line-height:1;color:var(--spw-color-themes-grey-grey-900);box-shadow:var(--spw-effect-elevation-3);font-size:14px;background:var(--spw-ds-white)}:host(.--highlighted) .spw-card-content__tag{position:static;margin-bottom:12px}.spw-card-content__date{margin-bottom:7px;font-size:15px;font-weight:300;color:var(--spw-color-themes-grey-grey-600)}:host(.--highlighted) .spw-card-content__date{display:none}.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)}`;
|
|
5860
5860
|
|
|
5861
5861
|
class SpwCardContent {
|
|
5862
5862
|
constructor(hostRef) {
|
|
@@ -5881,7 +5881,7 @@ class SpwCardContent {
|
|
|
5881
5881
|
}; }
|
|
5882
5882
|
}
|
|
5883
5883
|
|
|
5884
|
-
const spwCardExcerptCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--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{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}:host(.--people) .spw-card-excerpt{margin-top:0;font-size:16px;color:var(--spw-color-themes-grey-grey-900)}:host(.--sidebar) .spw-card-excerpt{margin-top:8px}.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}`;
|
|
5884
|
+
const spwCardExcerptCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--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{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}:host(.--people) .spw-card-excerpt{margin-top:0;font-size:16px;color:var(--spw-color-themes-grey-grey-900)}:host(.--highlighted) .spw-card-excerpt{color:var(--spw-color-themes-grey-grey-400)}:host(.--sidebar) .spw-card-excerpt{margin-top:8px}.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}`;
|
|
5885
5885
|
|
|
5886
5886
|
class SpwCardExcerpt {
|
|
5887
5887
|
constructor(hostRef) {
|
|
@@ -5913,7 +5913,7 @@ class SpwCardExcerpt {
|
|
|
5913
5913
|
}; }
|
|
5914
5914
|
}
|
|
5915
5915
|
|
|
5916
|
-
const spwCardImageCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{width:100%;line-height:1;--spw-card-image-display:block}:host(.--people){width:112px;max-width:112px}.spw-card-image{position:relative;overflow:hidden;border-radius:5px 5px 0 0;display:var(--spw-card-image-display)}:host(.--vertical) .spw-card-image,:host(.--event) .spw-card-image{border-radius:5px 0 0 5px}:host(.--people) .spw-card-image{border-radius:5px}:host(.--video) .spw-card-image,:host(.--sidebar) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{width:100%;height:auto;transition:all 0.3s ease;transform-origin:center center}.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio)}.spw-card-image--ratio ::slotted(img),.spw-card-image--ratio img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.spw-card-image__icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:
|
|
5916
|
+
const spwCardImageCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--video):after,:host(.--highlighted):after{content:"";background:black;opacity:0.4;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%}:host{width:100%;line-height:1;--spw-card-image-display:block}:host(.--people){width:112px;max-width:112px}.spw-card-image{position:relative;overflow:hidden;border-radius:5px 5px 0 0;display:var(--spw-card-image-display)}:host(.--vertical) .spw-card-image,:host(.--event) .spw-card-image{border-radius:5px 0 0 5px}:host(.--highlighted) .spw-card-image,:host(.--people) .spw-card-image{border-radius:5px}:host(.--video) .spw-card-image,:host(.--sidebar) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{width:100%;height:auto;transition:all 0.3s ease;transform-origin:center center}.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio-mobile, var(--spw-card-image-ratio))}@media (min-width: 768px){.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio-tablet, var(--spw-card-image-ratio))}}@media (min-width: 1024px){.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio-desktop, var(--spw-card-image-ratio))}}.spw-card-image--ratio ::slotted(img),.spw-card-image--ratio img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.spw-card-image__icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.4}.spw-card-image__icon{position:absolute;z-index:2;display:flex;visibility:hidden;width:100%;height:100%;font-size:30px;font-weight:300;opacity:0;top:0;left:0;color:white;justify-content:center;align-items:center;transition:all 0.3s ease}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all 0.3s ease}.spw-card-image__label{position:absolute;top:10px;right:10px;display:inline-flex;padding:8px 12px;align-items:center;border-radius:9999px;color:var(--spw-color-themes-grey-grey-900);box-shadow:var(--spw-effect-elevation-3);font-size:14px;background:var(--spw-ds-white);z-index:3;line-height:1}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{visibility:visible;opacity:1}: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),:host(.--event){width:170px;min-width:170px;position:relative;overflow:hidden}:host(.--vertical) .spw-card-image,:host(.--event) .spw-card-image{height:100%}:host(.--vertical) .spw-card-image ::slotted(img),:host(.--event) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:cover;object-position:center}:host(.--sidebar){width:75px;min-width:75px;height:75px;min-height:75px;position:relative;overflow:hidden}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:cover;object-position:center}:host(.--highlighted){position:relative}:host(.--highlighted):after{opacity:0}:host(.--video){width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}:host(.--video):after{opacity:0}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:cover;object-position:center}:host(.--video.--hovered):after{opacity:0.2}`;
|
|
5917
5917
|
|
|
5918
5918
|
class SpwCardImage {
|
|
5919
5919
|
constructor(hostRef) {
|
|
@@ -5937,15 +5937,33 @@ class SpwCardImage {
|
|
|
5937
5937
|
}
|
|
5938
5938
|
}
|
|
5939
5939
|
}
|
|
5940
|
+
get hasRatio() {
|
|
5941
|
+
return !!(this.ratio || this.ratioMobile || this.ratioTablet || this.ratioDesktop);
|
|
5942
|
+
}
|
|
5940
5943
|
get elementClass() {
|
|
5941
5944
|
return {
|
|
5942
5945
|
'spw-card-image': true,
|
|
5943
|
-
'spw-card-image--ratio':
|
|
5946
|
+
'spw-card-image--ratio': this.hasRatio,
|
|
5944
5947
|
};
|
|
5945
5948
|
}
|
|
5946
5949
|
render() {
|
|
5947
|
-
const style =
|
|
5948
|
-
|
|
5950
|
+
const style = {};
|
|
5951
|
+
if (this.ratio) {
|
|
5952
|
+
style['--spw-card-image-ratio'] = this.ratio;
|
|
5953
|
+
style['--spw-card-image-ratio-mobile'] = this.ratio;
|
|
5954
|
+
style['--spw-card-image-ratio-tablet'] = this.ratio;
|
|
5955
|
+
style['--spw-card-image-ratio-desktop'] = this.ratio;
|
|
5956
|
+
}
|
|
5957
|
+
if (this.ratioMobile) {
|
|
5958
|
+
style['--spw-card-image-ratio-mobile'] = this.ratioMobile;
|
|
5959
|
+
}
|
|
5960
|
+
if (this.ratioTablet) {
|
|
5961
|
+
style['--spw-card-image-ratio-tablet'] = this.ratioTablet;
|
|
5962
|
+
}
|
|
5963
|
+
if (this.ratioDesktop) {
|
|
5964
|
+
style['--spw-card-image-ratio-desktop'] = this.ratioDesktop;
|
|
5965
|
+
}
|
|
5966
|
+
return (hAsync("div", { key: '9eccd1cf76ae67c9d55fc09b06729199cef04d30', class: this.elementClass, style: style }, this.label && hAsync("span", { key: '03a6afd8b38bc2a4069adc1be87eebc081ebc526', class: "spw-card-image__label" }, this.label), hAsync("slot", { key: '65cbfd02d2497cce0173fd38ebbb0da82b0a4df6' }), hAsync("div", { key: 'c96e34df588007c2ae4782118f4de76b4973e9d2', class: "spw-card-image__icon" }, hAsync("spw-icon", { key: '3b6c4a3f20e248c2f74f1549f4341bd99376f368', icon: "fa-plus" }))));
|
|
5949
5967
|
}
|
|
5950
5968
|
get el() { return getElement(this); }
|
|
5951
5969
|
static get style() { return spwCardImageCss(); }
|
|
@@ -5954,7 +5972,10 @@ class SpwCardImage {
|
|
|
5954
5972
|
"$tagName$": "spw-card-image",
|
|
5955
5973
|
"$members$": {
|
|
5956
5974
|
"label": [1],
|
|
5957
|
-
"ratio": [1]
|
|
5975
|
+
"ratio": [1],
|
|
5976
|
+
"ratioMobile": [1, "ratio-mobile"],
|
|
5977
|
+
"ratioTablet": [1, "ratio-tablet"],
|
|
5978
|
+
"ratioDesktop": [1, "ratio-desktop"]
|
|
5958
5979
|
},
|
|
5959
5980
|
"$listeners$": undefined,
|
|
5960
5981
|
"$lazyBundleId$": "-",
|
|
@@ -5962,7 +5983,7 @@ class SpwCardImage {
|
|
|
5962
5983
|
}; }
|
|
5963
5984
|
}
|
|
5964
5985
|
|
|
5965
|
-
const spwCardSubtagItemCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline}:host(.--link) .spw-card-subtag-item{font-size:15px;color:var(--spw-ds-primary);font-weight:700}:host(.--link) .spw-card-subtag-item--has-link{text-decoration:underline}:host(.--link) .spw-card-subtag-item--has-link:hover{text-decoration:none}:host(.--tag) .spw-card-subtag-item{display:inline-block;padding:8px 12px;border-radius:9999px;background:var(--spw-color-themes-grey-grey-200);transition:all 0.2s linear;line-height:1;font-size:14px;color:var(--spw-color-themes-grey-grey-900)}:host(.--tag) .spw-card-subtag-item:hover{background:var(--spw-color-themes-grey-grey-300)}`;
|
|
5986
|
+
const spwCardSubtagItemCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline}:host(.--link) .spw-card-subtag-item{font-size:15px;color:var(--spw-ds-primary);font-weight:700}:host(.--link) .spw-card-subtag-item--has-link{text-decoration:underline}:host(.--link) .spw-card-subtag-item--has-link:hover{text-decoration:none}:host(.--link.--highlighted) .spw-card-subtag-item{color:white}:host(.--tag) .spw-card-subtag-item{display:inline-block;padding:8px 12px;border-radius:9999px;background:var(--spw-color-themes-grey-grey-200);transition:all 0.2s linear;line-height:1;font-size:14px;color:var(--spw-color-themes-grey-grey-900)}:host(.--tag) .spw-card-subtag-item:hover{background:var(--spw-color-themes-grey-grey-300)}`;
|
|
5966
5987
|
|
|
5967
5988
|
class SpwCardSubtagItem {
|
|
5968
5989
|
constructor(hostRef) {
|
|
@@ -5995,7 +6016,7 @@ class SpwCardSubtagItem {
|
|
|
5995
6016
|
}; }
|
|
5996
6017
|
}
|
|
5997
6018
|
|
|
5998
|
-
const spwCardSubtagsCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-card-subtags{margin-bottom:8px;color:var(--spw-ds-primary)}.spw-card-subtags spw-card-subtag-item:after,.spw-card-subtags .spw-card-subtag-item:after{content:",";margin-right:2px;display:inline}.spw-card-subtags spw-card-subtag-item:last-child:after,.spw-card-subtags .spw-card-subtag-item:last-child:after{display:none}.spw-card-subtags--tag spw-card-subtag-item:after,.spw-card-subtags--tag .spw-card-subtag-item:after{content:"";margin-right:4px}`;
|
|
6019
|
+
const spwCardSubtagsCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-card-subtags{margin-bottom:8px;color:var(--spw-ds-primary)}.--highlighted .spw-card-subtags{color:white}.spw-card-subtags spw-card-subtag-item:after,.spw-card-subtags .spw-card-subtag-item:after{content:",";margin-right:2px;display:inline}.spw-card-subtags spw-card-subtag-item:last-child:after,.spw-card-subtags .spw-card-subtag-item:last-child:after{display:none}.spw-card-subtags--tag spw-card-subtag-item:after,.spw-card-subtags--tag .spw-card-subtag-item:after{content:"";margin-right:4px}`;
|
|
5999
6020
|
|
|
6000
6021
|
class SpwCardSubtags {
|
|
6001
6022
|
constructor(hostRef) {
|
|
@@ -6012,6 +6033,9 @@ class SpwCardSubtags {
|
|
|
6012
6033
|
const contentElements = this.el.querySelectorAll('spw-card-subtag-item');
|
|
6013
6034
|
contentElements.forEach(element => {
|
|
6014
6035
|
element.classList.add(variantClass);
|
|
6036
|
+
if (this.el.classList.contains('--highlighted')) {
|
|
6037
|
+
element.classList.add('--highlighted');
|
|
6038
|
+
}
|
|
6015
6039
|
});
|
|
6016
6040
|
});
|
|
6017
6041
|
}
|
|
@@ -6022,7 +6046,7 @@ class SpwCardSubtags {
|
|
|
6022
6046
|
};
|
|
6023
6047
|
}
|
|
6024
6048
|
render() {
|
|
6025
|
-
return (hAsync(Host, { key: '
|
|
6049
|
+
return (hAsync(Host, { key: 'f77ffa5b4f5fe8a47ede2bc8aad7774805e6b92b' }, hAsync("div", { key: 'b2271dfdb69baf4902ac7725e7276bfa4c48341d', class: this.elementClass }, hAsync("slot", { key: 'e372a3a027c94ec0e62cf59e144d9128ef1eedfb' }))));
|
|
6026
6050
|
}
|
|
6027
6051
|
get el() { return getElement(this); }
|
|
6028
6052
|
static get style() { return spwCardSubtagsCss(); }
|
|
@@ -6038,7 +6062,7 @@ class SpwCardSubtags {
|
|
|
6038
6062
|
}; }
|
|
6039
6063
|
}
|
|
6040
6064
|
|
|
6041
|
-
const spwCardTitleCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-card-title{line-height:1.3;font-weight:700;font-size:20px;transition:all 0.3s ease;color:var(--spw-color-themes-grey-grey-900)}:host(.--hovered:not(.--video):not(.--people)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title{color:white}:host(.--sidebar) .spw-card-title{font-size:18px;line-height:1.2}:host(.--people) .spw-card-title{padding:0 24px;border-bottom:1px solid var(--spw-color-themes-grey-grey-300)}:host(.--people) .spw-card-title__text{display:inline-block;padding:18px 0;border-bottom:4px solid var(--spw-card-title-border-color, var(--spw-ds-primary))}`;
|
|
6065
|
+
const spwCardTitleCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-card-title{line-height:1.3;font-weight:700;font-size:20px;transition:all 0.3s ease;color:var(--spw-color-themes-grey-grey-900)}:host(.--hovered:not(.--video):not(.--people):not(.--highlighted)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title,:host(.--highlighted) .spw-card-title{color:white}:host(.--highlighted) .spw-card-title{font-size:24px}@media (min-width: 768px){:host(.--highlighted) .spw-card-title{font-size:32px}}:host(.--sidebar) .spw-card-title{font-size:18px;line-height:1.2}:host(.--people) .spw-card-title{padding:0 24px;border-bottom:1px solid var(--spw-color-themes-grey-grey-300)}:host(.--people) .spw-card-title__text{display:inline-block;padding:18px 0;border-bottom:4px solid var(--spw-card-title-border-color, var(--spw-ds-primary))}`;
|
|
6042
6066
|
|
|
6043
6067
|
class SpwCardTitle {
|
|
6044
6068
|
constructor(hostRef) {
|
|
@@ -6371,6 +6395,7 @@ class SpwCustomSelect {
|
|
|
6371
6395
|
}
|
|
6372
6396
|
this.updateSelectedOption();
|
|
6373
6397
|
}
|
|
6398
|
+
/** Réinitialise le champ de sélection */
|
|
6374
6399
|
async resetSelect() {
|
|
6375
6400
|
if (this.multiple) {
|
|
6376
6401
|
this.internalValue = [];
|
|
@@ -6386,6 +6411,24 @@ class SpwCustomSelect {
|
|
|
6386
6411
|
this.valueChanged.emit(this.internalValue);
|
|
6387
6412
|
this.updateSelectedOption();
|
|
6388
6413
|
}
|
|
6414
|
+
/** Définit la valeur du champ de sélection */
|
|
6415
|
+
async setValue(val) {
|
|
6416
|
+
if (this.multiple) {
|
|
6417
|
+
this.internalValue = Array.isArray(val) ? val : [val];
|
|
6418
|
+
this.value = this.internalValue;
|
|
6419
|
+
}
|
|
6420
|
+
else {
|
|
6421
|
+
this.internalValue = val;
|
|
6422
|
+
this.value = val;
|
|
6423
|
+
}
|
|
6424
|
+
this.internals.setFormValue(this.getFormValue());
|
|
6425
|
+
this.valueChanged.emit(this.internalValue);
|
|
6426
|
+
this.updateSelectedOption();
|
|
6427
|
+
}
|
|
6428
|
+
/** Récupère la valeur actuelle du champ de sélection */
|
|
6429
|
+
async getValue() {
|
|
6430
|
+
return this.internalValue;
|
|
6431
|
+
}
|
|
6389
6432
|
formResetCallback() {
|
|
6390
6433
|
this.resetSelect();
|
|
6391
6434
|
}
|
|
@@ -6669,18 +6712,18 @@ class SpwCustomSelect {
|
|
|
6669
6712
|
render() {
|
|
6670
6713
|
const filteredOptions = this.getFilteredOptions();
|
|
6671
6714
|
const showPlaceholder = this.showPlaceholder();
|
|
6672
|
-
return (hAsync("div", { key: '
|
|
6715
|
+
return (hAsync("div", { key: '5f7702579283fa011eba5c445de1fe29283a0239', class: this.elementClass, ref: el => (this.host = el) }, this.label && hAsync("spw-field-label", { key: '451743b7254038fe4257378ac4f7c2206a47c60d', label: this.label, name: this.name, required: this.required }), this.assistiveText && (hAsync("spw-field-message", { key: '817a94b7d7d2a1abd93986f3e03d0f769a6567d0', class: "spw-custom-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), hAsync("div", { key: 'cf9e2cd0bcaf1a5bd9143fdf54046a241bd1a527', class: "spw-custom-select__wrapper" }, hAsync("div", { key: '21a8fb2e0bb3dba93c582735db2072b150b157e4', class: "spw-custom-select__container", id: this.name, ref: el => (this.selectContainer = el), onClick: event => this.toggleDropdown(event), onKeyDown: event => this.handleKeyDown(event), tabindex: this.disabled ? -1 : 0 }, hAsync("div", { key: '7acaa25439202ea6f30dd3542a757005534b2804', class: "spw-custom-select__selected" }, this.isSearchVisible() && (hAsync("div", { key: 'e97c879fa5c70402ba331785f73747262e8854e1', class: "spw-custom-select__search" }, hAsync("input", { key: '7047f755e5a4aaacf66a78ce80e1ad3520be1b85', class: "spw-custom-select__search-input", placeholder: "Entrez votre recherche", onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && hAsync("span", { key: '772afa04f989241e8e96c0ed25d444b66f72b282' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (hAsync("div", { key: '5d101958ee7f28ba19938a9dfbd137067d0c5a45', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
|
|
6673
6716
|
var _a;
|
|
6674
6717
|
return (hAsync("span", { class: "spw-custom-select__selected-item" }, (_a = this.parsedOptions.find(option => String(option.value) === String(val))) === null || _a === void 0 ? void 0 :
|
|
6675
6718
|
_a.label, hAsync("spw-icon", { icon: "fa-times", class: "spw-custom-select__deselect-icon", onClick: event => this.selectOption(val, event) })));
|
|
6676
|
-
}))), !this.multiple && hAsync("span", { key: '
|
|
6719
|
+
}))), !this.multiple && hAsync("span", { key: 'd6e00ae63c72be4e2bd86c4a46f3966cb7681592' }, this.getSelectedLabels()))), hAsync("div", { key: '2dbf6b83c3c479e6251291ce13f77f43e1525841', class: "spw-custom-select__arrow" }, hAsync("spw-icon", { key: '42e9d62768469dd064ccfca75dcfb45b0e6caf7b', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' })), this.isOpen && (hAsync("div", { key: '9b53310eda74ea2ee34888a64f43ca5cfb48bca1', class: `spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}` }, !!filteredOptions.length && (hAsync("ul", { key: 'f30eb6a1d7839f241b9905ee3591ab9eed32e7df' }, filteredOptions.map((option, index) => (hAsync("li", { class: {
|
|
6677
6720
|
'spw-custom-select__option': true,
|
|
6678
6721
|
'spw-custom-select__option--selected': this.multiple
|
|
6679
6722
|
? this.internalValue.some(val => String(val) === String(option.value))
|
|
6680
6723
|
: option.value === this.internalValue,
|
|
6681
6724
|
'spw-custom-select__option--focused': index === this.focusedOptionIndex,
|
|
6682
6725
|
'spw-custom-select__option--disabled': option.disabled,
|
|
6683
|
-
}, onClick: () => this.selectOption(option.value) }, this.multiple && (hAsync("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-custom-select__checkbox", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label))))), !filteredOptions.length && hAsync("p", { key: '
|
|
6726
|
+
}, onClick: () => this.selectOption(option.value) }, this.multiple && (hAsync("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-custom-select__checkbox", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label))))), !filteredOptions.length && hAsync("p", { key: '2b8efa73852cff382f97fa73e0f4bf0080b8dee9', class: "spw-custom-select__no-results" }, "Pas de r\u00E9sultats pour cette recherche.")))), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
|
|
6684
6727
|
}
|
|
6685
6728
|
static get formAssociated() { return true; }
|
|
6686
6729
|
static get watchers() { return {
|
|
@@ -6725,7 +6768,9 @@ class SpwCustomSelect {
|
|
|
6725
6768
|
"searchText": [32],
|
|
6726
6769
|
"dropdownDirection": [32],
|
|
6727
6770
|
"hasSelectedValue": [32],
|
|
6728
|
-
"resetSelect": [64]
|
|
6771
|
+
"resetSelect": [64],
|
|
6772
|
+
"setValue": [64],
|
|
6773
|
+
"getValue": [64]
|
|
6729
6774
|
},
|
|
6730
6775
|
"$listeners$": undefined,
|
|
6731
6776
|
"$lazyBundleId$": "-",
|
|
@@ -7929,8 +7974,10 @@ class SpwFileUpload {
|
|
|
7929
7974
|
this.enableDropZone = false;
|
|
7930
7975
|
/** Permet de téléverser plusieurs fichiers si vrai */
|
|
7931
7976
|
this.multiple = false;
|
|
7932
|
-
/** Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME */
|
|
7977
|
+
/** Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME ou extensions (whitelist) */
|
|
7933
7978
|
this.accept = '';
|
|
7979
|
+
/** Types de fichiers refusés, spécifiés sous forme de chaîne de types MIME ou extensions (blacklist) */
|
|
7980
|
+
this.refuse = '';
|
|
7934
7981
|
/** Taille maximale autorisée pour chaque fichier, en Mo */
|
|
7935
7982
|
this.maxFileSize = 100;
|
|
7936
7983
|
/** Nombre maximal de fichiers pouvant être téléversés */
|
|
@@ -7944,6 +7991,9 @@ class SpwFileUpload {
|
|
|
7944
7991
|
componentWillLoad() {
|
|
7945
7992
|
this.internalValue = this.value;
|
|
7946
7993
|
this.maxFileSize = this.maxFileSize * 1024 * 1024;
|
|
7994
|
+
if (this.accept && this.refuse) {
|
|
7995
|
+
console.warn('spw-file-upload: Vous ne pouvez pas utiliser "accept" et "refuse" en même temps. Seul "accept" sera pris en compte.');
|
|
7996
|
+
}
|
|
7947
7997
|
}
|
|
7948
7998
|
componentWillUpdate() {
|
|
7949
7999
|
if (this.value !== this.internalValue) {
|
|
@@ -8001,10 +8051,20 @@ class SpwFileUpload {
|
|
|
8001
8051
|
this.updateFormValue();
|
|
8002
8052
|
}
|
|
8003
8053
|
isFileAccepted(file) {
|
|
8004
|
-
if (
|
|
8005
|
-
|
|
8006
|
-
|
|
8007
|
-
|
|
8054
|
+
if (this.accept && this.refuse) {
|
|
8055
|
+
const acceptedTypes = this.accept.split(',').map(type => type.trim());
|
|
8056
|
+
return acceptedTypes.includes(file.type) || acceptedTypes.some(type => file.name.endsWith(type));
|
|
8057
|
+
}
|
|
8058
|
+
if (this.accept) {
|
|
8059
|
+
const acceptedTypes = this.accept.split(',').map(type => type.trim());
|
|
8060
|
+
return acceptedTypes.includes(file.type) || acceptedTypes.some(type => file.name.endsWith(type));
|
|
8061
|
+
}
|
|
8062
|
+
if (this.refuse) {
|
|
8063
|
+
const refusedTypes = this.refuse.split(',').map(type => type.trim());
|
|
8064
|
+
const isRefused = refusedTypes.includes(file.type) || refusedTypes.some(type => file.name.endsWith(type));
|
|
8065
|
+
return !isRefused;
|
|
8066
|
+
}
|
|
8067
|
+
return true;
|
|
8008
8068
|
}
|
|
8009
8069
|
isFileSizeValid(file) {
|
|
8010
8070
|
return file.size <= this.maxFileSize;
|
|
@@ -8077,7 +8137,6 @@ class SpwFileUpload {
|
|
|
8077
8137
|
}
|
|
8078
8138
|
get hintsMessages() {
|
|
8079
8139
|
const maxSizeInMB = this.maxFileSize / (1024 * 1024);
|
|
8080
|
-
const acceptedFormats = this.accept ? this.accept : 'tous les formats';
|
|
8081
8140
|
const messages = [];
|
|
8082
8141
|
let message = `Taille maximale par fichier : ${maxSizeInMB} Mo`;
|
|
8083
8142
|
if (this.multiple && this.maxFiles !== Infinity) {
|
|
@@ -8088,16 +8147,27 @@ class SpwFileUpload {
|
|
|
8088
8147
|
message += '.';
|
|
8089
8148
|
}
|
|
8090
8149
|
messages.push(message);
|
|
8091
|
-
|
|
8150
|
+
if (this.accept && this.refuse) {
|
|
8151
|
+
messages.push(`Formats autorisés : ${this.accept}.`);
|
|
8152
|
+
}
|
|
8153
|
+
else if (this.accept) {
|
|
8154
|
+
messages.push(`Formats autorisés : ${this.accept}.`);
|
|
8155
|
+
}
|
|
8156
|
+
else if (this.refuse) {
|
|
8157
|
+
messages.push(`Formats refusés : ${this.refuse}.`);
|
|
8158
|
+
}
|
|
8159
|
+
else {
|
|
8160
|
+
messages.push(`Formats autorisés : tous les formats.`);
|
|
8161
|
+
}
|
|
8092
8162
|
return messages;
|
|
8093
8163
|
}
|
|
8094
8164
|
render() {
|
|
8095
8165
|
const inputTextNoDrop = this.multiple ? 'Choisir vos fichiers...' : 'Choisir votre fichier...';
|
|
8096
8166
|
const inputTextDrop = this.multiple ? 'Déposez vos fichiers ici' : 'Déposez votre fichier ici';
|
|
8097
|
-
return (hAsync("div", { key: '
|
|
8167
|
+
return (hAsync("div", { key: '501bc95288cc670462c4545d44db80758195ddda', class: this.elementClass, onDragOver: this.handleDragOver.bind(this), onDragLeave: this.handleDragLeave.bind(this), onDrop: this.handleDrop.bind(this) }, hAsync("input", { key: '6bf6586de3919a1f913ad7b371d83d322f6385a3', type: "file", ref: el => (this.inputElement = el), onChange: this.handleFileChange.bind(this), name: this.name, multiple: this.multiple, accept: this.accept, style: { display: 'none' }, disabled: this.isMaxFilesReached }), this.enableDropZone ? (hAsync("div", { tabindex: this.disabled || this.isMaxFilesReached ? -1 : 0, onKeyDown: this.handleKeydown.bind(this), onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), class: "spw-file-upload__dropzone" }, inputTextDrop, " ou ", hAsync("span", { class: "spw-file-upload__dropzone-link" }, "choisissez sur votre ordinateur..."))) : (hAsync("spw-button", { variant: "secondary", onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), disabled: this.disabled || this.isMaxFilesReached }, inputTextNoDrop)), hAsync("div", { key: '082e5f3f10f27b6435dcf47b5688d03b42d034f5', class: "spw-file-upload__hints" }, this.hintsMessages.length > 0 && (hAsync("ul", { key: '62495fffa5ee797c7787535af7c349e18a3076b5' }, this.hintsMessages.map((message, index) => (hAsync("li", { key: index }, message)))))), hAsync("div", { key: 'd21de5e0f796829746ae8d3dc981e3150219f72e', class: "spw-file-upload__info" }, this.selectedFiles.length > 0 ? (hAsync("ul", { class: "spw-file-upload__info-list" }, this.selectedFiles.map((file, index) => (hAsync("li", { key: index }, hAsync("span", { class: "spw-file-upload__info-list-name" }, file.name), hAsync("div", { class: "spw-file-upload__info-list-actions" }, hAsync("span", { class: "spw-file-upload__spacing" }, formatFileSize(file.size)), hAsync("a", { class: "spw-file-upload__info-list-delete", href: "#", onClick: e => {
|
|
8098
8168
|
e.preventDefault();
|
|
8099
8169
|
this.removeFile(index);
|
|
8100
|
-
} }, "Supprimer"))))))) : (''), this.fileLimitErrors.length > 0 && (hAsync("ul", { key: '
|
|
8170
|
+
} }, "Supprimer"))))))) : (''), this.fileLimitErrors.length > 0 && (hAsync("ul", { key: '7b4415ba4316aec17e08d91a6057505877686c2e', class: `spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}` }, this.fileLimitErrors.map((message, index) => (hAsync("li", { key: index }, hAsync("spw-icon", { class: "spw-file-upload__spacing", icon: this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning' }), message))))), this.fileTypeErrors.length > 0 && (hAsync("ul", { key: '0372034644a7a3158dc32933f8e431e487543d9a', class: "spw-file-upload__errors" }, this.fileTypeErrors.map((message, index) => (hAsync("li", { key: index }, hAsync("spw-icon", { class: "spw-file-upload__spacing", icon: "fa-warning" }), message))))))));
|
|
8101
8171
|
}
|
|
8102
8172
|
static get formAssociated() { return true; }
|
|
8103
8173
|
get el() { return getElement(this); }
|
|
@@ -8113,6 +8183,7 @@ class SpwFileUpload {
|
|
|
8113
8183
|
"enableDropZone": [4, "enable-drop-zone"],
|
|
8114
8184
|
"multiple": [4],
|
|
8115
8185
|
"accept": [1],
|
|
8186
|
+
"refuse": [1],
|
|
8116
8187
|
"maxFileSize": [2, "max-file-size"],
|
|
8117
8188
|
"maxFiles": [2, "max-files"],
|
|
8118
8189
|
"internalValue": [32],
|
|
@@ -15200,10 +15271,13 @@ class SpwMosaic {
|
|
|
15200
15271
|
const slot = this.el.shadowRoot.querySelector('slot');
|
|
15201
15272
|
const masonryItems = slot.assignedElements({ flatten: true });
|
|
15202
15273
|
if (masonryItems.length > 0) {
|
|
15274
|
+
// Trouver un item sans colSpan pour calculer la largeur de base d'une colonne
|
|
15275
|
+
const baseItem = Array.from(masonryItems).find(item => !item.hasAttribute('col-span-desktop') && !item.hasAttribute('col-span-tablet') && !item.hasAttribute('col-span-mobile')) || masonryItems[0];
|
|
15203
15276
|
this.masonry = new Masonry(this.el, {
|
|
15204
15277
|
itemSelector: 'spw-mosaic-item',
|
|
15205
|
-
columnWidth:
|
|
15278
|
+
columnWidth: baseItem,
|
|
15206
15279
|
percentPosition: true,
|
|
15280
|
+
gutter: 0,
|
|
15207
15281
|
});
|
|
15208
15282
|
this.initialized = true;
|
|
15209
15283
|
masonryItems.forEach(item => {
|
|
@@ -15246,7 +15320,7 @@ class SpwMosaic {
|
|
|
15246
15320
|
};
|
|
15247
15321
|
}
|
|
15248
15322
|
render() {
|
|
15249
|
-
return (hAsync(Host, { key: '
|
|
15323
|
+
return (hAsync(Host, { key: 'f61eb75efa6cc8fe663e50f45568c5cb7dd8f2f3' }, hAsync("div", { key: '1094aebb0e127ce6fa37c9884216cf0fa20ad781', class: this.elementClass }, hAsync("slot", { key: '0788e769762d7d137fe4df586b6add1da6e723f8' }))));
|
|
15250
15324
|
}
|
|
15251
15325
|
get el() { return getElement(this); }
|
|
15252
15326
|
static get watchers() { return {
|
|
@@ -15291,28 +15365,73 @@ const spwMosaicItemCss = () => `html{line-height:1.3;-webkit-text-size-adjust:10
|
|
|
15291
15365
|
class SpwMosaicItem {
|
|
15292
15366
|
constructor(hostRef) {
|
|
15293
15367
|
registerInstance(this, hostRef);
|
|
15368
|
+
this.parentColsMobile = 1;
|
|
15369
|
+
this.parentColsTablet = 2;
|
|
15370
|
+
this.parentColsDesktop = 3;
|
|
15294
15371
|
}
|
|
15295
15372
|
componentDidLoad() {
|
|
15296
|
-
|
|
15373
|
+
var _a;
|
|
15374
|
+
(_a = this.el.closest('spw-mosaic')) === null || _a === void 0 ? void 0 : _a.addEventListener('mosaicConfigurationChanged', this.handleConfigurationChange.bind(this));
|
|
15375
|
+
this.applyColSpans();
|
|
15297
15376
|
}
|
|
15298
15377
|
disconnectedCallback() {
|
|
15299
|
-
|
|
15378
|
+
var _a;
|
|
15379
|
+
(_a = this.el.closest('spw-mosaic')) === null || _a === void 0 ? void 0 : _a.removeEventListener('mosaicConfigurationChanged', this.handleConfigurationChange.bind(this));
|
|
15380
|
+
}
|
|
15381
|
+
colSpanChanged() {
|
|
15382
|
+
this.applyColSpans();
|
|
15300
15383
|
}
|
|
15301
15384
|
handleConfigurationChange(event) {
|
|
15302
15385
|
const { colsMobile, colsTablet, colsDesktop } = event.detail;
|
|
15303
|
-
this.
|
|
15304
|
-
this.
|
|
15305
|
-
this.
|
|
15386
|
+
this.parentColsMobile = colsMobile;
|
|
15387
|
+
this.parentColsTablet = colsTablet;
|
|
15388
|
+
this.parentColsDesktop = colsDesktop;
|
|
15389
|
+
this.applyColSpans();
|
|
15390
|
+
}
|
|
15391
|
+
applyColSpans() {
|
|
15392
|
+
if (this.colSpanMobile) {
|
|
15393
|
+
this.el.style.setProperty('--spw-mosaic-item-width-mobile', `calc(100% / ${this.parentColsMobile} * ${this.colSpanMobile})`);
|
|
15394
|
+
}
|
|
15395
|
+
else {
|
|
15396
|
+
this.el.style.setProperty('--spw-mosaic-item-width-mobile', `calc(100% / ${this.parentColsMobile})`);
|
|
15397
|
+
}
|
|
15398
|
+
if (this.colSpanTablet) {
|
|
15399
|
+
this.el.style.setProperty('--spw-mosaic-item-width-tablet', `calc(100% / ${this.parentColsTablet} * ${this.colSpanTablet})`);
|
|
15400
|
+
}
|
|
15401
|
+
else {
|
|
15402
|
+
this.el.style.setProperty('--spw-mosaic-item-width-tablet', `calc(100% / ${this.parentColsTablet})`);
|
|
15403
|
+
}
|
|
15404
|
+
if (this.colSpanDesktop) {
|
|
15405
|
+
this.el.style.setProperty('--spw-mosaic-item-width-desktop', `calc(100% / ${this.parentColsDesktop} * ${this.colSpanDesktop})`);
|
|
15406
|
+
}
|
|
15407
|
+
else {
|
|
15408
|
+
this.el.style.setProperty('--spw-mosaic-item-width-desktop', `calc(100% / ${this.parentColsDesktop})`);
|
|
15409
|
+
}
|
|
15306
15410
|
}
|
|
15307
15411
|
render() {
|
|
15308
|
-
return (hAsync(Host, { key: '
|
|
15412
|
+
return (hAsync(Host, { key: 'c63e3ce803e887c548341162f7a890bfd1a315c4' }, hAsync("slot", { key: 'b57cee581ed137ca253db8790b40a8e2ba28a201' })));
|
|
15309
15413
|
}
|
|
15310
15414
|
get el() { return getElement(this); }
|
|
15415
|
+
static get watchers() { return {
|
|
15416
|
+
"colSpanMobile": [{
|
|
15417
|
+
"colSpanChanged": 0
|
|
15418
|
+
}],
|
|
15419
|
+
"colSpanTablet": [{
|
|
15420
|
+
"colSpanChanged": 0
|
|
15421
|
+
}],
|
|
15422
|
+
"colSpanDesktop": [{
|
|
15423
|
+
"colSpanChanged": 0
|
|
15424
|
+
}]
|
|
15425
|
+
}; }
|
|
15311
15426
|
static get style() { return spwMosaicItemCss(); }
|
|
15312
15427
|
static get cmpMeta() { return {
|
|
15313
15428
|
"$flags$": 265,
|
|
15314
15429
|
"$tagName$": "spw-mosaic-item",
|
|
15315
|
-
"$members$":
|
|
15430
|
+
"$members$": {
|
|
15431
|
+
"colSpanMobile": [2, "col-span-mobile"],
|
|
15432
|
+
"colSpanTablet": [2, "col-span-tablet"],
|
|
15433
|
+
"colSpanDesktop": [2, "col-span-desktop"]
|
|
15434
|
+
},
|
|
15316
15435
|
"$listeners$": undefined,
|
|
15317
15436
|
"$lazyBundleId$": "-",
|
|
15318
15437
|
"$attrsToReflect$": []
|
|
@@ -15954,6 +16073,7 @@ class SpwSelect {
|
|
|
15954
16073
|
this.syncDynamicOptions();
|
|
15955
16074
|
}
|
|
15956
16075
|
}
|
|
16076
|
+
/** Réinitialise le champ de sélection */
|
|
15957
16077
|
async resetSelect() {
|
|
15958
16078
|
this.internalValue = '';
|
|
15959
16079
|
this.value = '';
|
|
@@ -15963,6 +16083,20 @@ class SpwSelect {
|
|
|
15963
16083
|
this.internals.setFormValue('');
|
|
15964
16084
|
this.valueChanged.emit('');
|
|
15965
16085
|
}
|
|
16086
|
+
/** Définit la valeur du champ de sélection */
|
|
16087
|
+
async setValue(val) {
|
|
16088
|
+
this.internalValue = val;
|
|
16089
|
+
this.value = val;
|
|
16090
|
+
if (this.selectElement) {
|
|
16091
|
+
this.selectElement.value = String(val);
|
|
16092
|
+
}
|
|
16093
|
+
this.internals.setFormValue(this.getFormValue());
|
|
16094
|
+
this.valueChanged.emit(this.internalValue);
|
|
16095
|
+
}
|
|
16096
|
+
/** Récupère la valeur actuelle du champ de sélection */
|
|
16097
|
+
async getValue() {
|
|
16098
|
+
return this.internalValue;
|
|
16099
|
+
}
|
|
15966
16100
|
componentWillLoad() {
|
|
15967
16101
|
var _a;
|
|
15968
16102
|
this.defaultValue = (_a = this.value) !== null && _a !== void 0 ? _a : this.getInitialSelectedValue();
|
|
@@ -15982,15 +16116,6 @@ class SpwSelect {
|
|
|
15982
16116
|
this.setValue((_a = this.defaultValue) !== null && _a !== void 0 ? _a : '');
|
|
15983
16117
|
this.resetSelect();
|
|
15984
16118
|
}
|
|
15985
|
-
setValue(val) {
|
|
15986
|
-
this.internalValue = val;
|
|
15987
|
-
this.value = val;
|
|
15988
|
-
if (this.selectElement) {
|
|
15989
|
-
this.selectElement.value = String(val);
|
|
15990
|
-
}
|
|
15991
|
-
this.internals.setFormValue(this.getFormValue());
|
|
15992
|
-
this.valueChanged.emit(this.internalValue);
|
|
15993
|
-
}
|
|
15994
16119
|
getFormValue() {
|
|
15995
16120
|
return this.internalValue ? String(this.internalValue) : null;
|
|
15996
16121
|
}
|
|
@@ -16073,7 +16198,7 @@ class SpwSelect {
|
|
|
16073
16198
|
};
|
|
16074
16199
|
}
|
|
16075
16200
|
render() {
|
|
16076
|
-
return (hAsync(Host, { key: '
|
|
16201
|
+
return (hAsync(Host, { key: 'c623e21b2b6e04d3a1f8b85dfc702cf3a2fb4c1e' }, hAsync("div", { key: 'cc80bd65c5a6bd0612dc79c7a47fa8b15860211e', class: this.elementClass }, this.label && hAsync("spw-field-label", { key: '98724278781185bc0060948baa65d79d9a263455', label: this.label, name: this.name, required: this.required }), this.assistiveText && (hAsync("spw-field-message", { key: '9361a3d523b9ad611cb25ec10d3cab9664ce16f3', class: "spw-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), hAsync("div", { key: 'b62735322558094dde5e4ee8efa8f6a2cd8f075e', class: "spw-select__container" }, hAsync("select", { key: 'df5714c4a8ad2e469605f9ed000a8df325846304', id: this.name, name: this.name, "aria-label": this.accAriaLabel || this.label || this.name, class: "spw-select__trigger", onChange: event => this.handleSelectChange(event), disabled: this.disabled, ref: el => (this.selectElement = el), tabindex: this.disabled ? -1 : 0 }, hAsync("option", { key: 'd74dbffc296ed6c9c5861fe7de2a7e4d4704461e', value: "", disabled: true, selected: !this.internalValue }, this.placeholder)), hAsync("spw-icon", { key: '95147be8fa99af30865d61b65b2e5814482281b7', class: "spw-select__arrow", icon: "fa-chevron-down" })), !this.items && hAsync("slot", { key: '68c022ef52e5df4b2fa5c5b9d443ac2005b25e4c' })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
|
|
16077
16202
|
}
|
|
16078
16203
|
static get formAssociated() { return true; }
|
|
16079
16204
|
get el() { return getElement(this); }
|
|
@@ -16108,7 +16233,9 @@ class SpwSelect {
|
|
|
16108
16233
|
"itemValue": [1, "item-value"],
|
|
16109
16234
|
"accAriaLabel": [1, "acc-aria-label"],
|
|
16110
16235
|
"internalValue": [32],
|
|
16111
|
-
"resetSelect": [64]
|
|
16236
|
+
"resetSelect": [64],
|
|
16237
|
+
"setValue": [64],
|
|
16238
|
+
"getValue": [64]
|
|
16112
16239
|
},
|
|
16113
16240
|
"$listeners$": undefined,
|
|
16114
16241
|
"$lazyBundleId$": "-",
|
|
@@ -18854,7 +18981,7 @@ class SpwThemeProvider {
|
|
|
18854
18981
|
}; }
|
|
18855
18982
|
}
|
|
18856
18983
|
|
|
18857
|
-
const spwTileCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-tile{display:block;text-decoration:none;position:relative;transition:all 0.3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{padding-top:calc(70% - 12px);border-radius:6px;overflow:hidden}@media (min-width: 1024px){.spw-tile--big,.spw-tile--light{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-landscape,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile__overlay,.spw-tile__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-tile__overlay{z-index:2;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.75) 100%)}.spw-tile__image{z-index:1;object-fit:cover}.spw-tile__button{background:white;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:var(--spw-ds-primary);border-radius:50%;transition:all 0.2s ease-in;border:2px solid transparent;font-size:20px;margin-top:12px}.spw-tile:hover .spw-tile__button{border-color:white;color:white;background:transparent}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){font-size:32px;color:var(--spw-ds-primary)}.spw-tile--light .spw-tile__content,.spw-tile--big .spw-tile__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;padding:24px;bottom:0;left:0;width:100%}.spw-tile--light .spw-tile__content{text-align:center;padding-bottom:24px}`;
|
|
18984
|
+
const spwTileCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-tile{display:block;text-decoration:none;position:relative;transition:all 0.3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{position:relative;padding-top:calc(70% - 12px);border-radius:6px;overflow:hidden}@media (min-width: 1024px){.spw-tile--big,.spw-tile--light{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-landscape,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile--big:before,.spw-tile--light:before{content:"";background:black;opacity:0;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.spw-tile--big:hover:before,.spw-tile--light:hover:before{opacity:0.3}.spw-tile__overlay,.spw-tile__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-tile__overlay{z-index:2;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.75) 100%)}.spw-tile__image{z-index:1;object-fit:cover}.spw-tile__button{background:white;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:var(--spw-ds-primary);border-radius:50%;transition:all 0.2s ease-in;border:2px solid transparent;font-size:20px;margin-top:12px}.spw-tile:hover .spw-tile__button{border-color:white;color:white;background:transparent}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){font-size:32px;color:var(--spw-ds-primary)}.spw-tile--light .spw-tile__content,.spw-tile--big .spw-tile__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;padding:24px;bottom:0;left:0;width:100%}.spw-tile--light .spw-tile__content{text-align:center;padding-bottom:24px}`;
|
|
18858
18985
|
|
|
18859
18986
|
class SpwTile {
|
|
18860
18987
|
constructor(hostRef) {
|