@spw-ds/spw-stencil-library 1.14.0 → 1.14.1

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

@@ -1 +0,0 @@
-import{r as t,c as s,h as o,H as i,a as e}from"./p-Co4V4Zk-.js";import{a}from"./p-BRFNx2DL.js";const r={success:"fa-check",info:"fa-info",warning:"fa-exclamation",alert:"fa-close"},n=class{constructor(o){t(this,o),this.spwToastDismiss=s(this,"spwToastDismiss",7),this.spwToastLinkClick=s(this,"spwToastLinkClick",7),this.variant="info",this.heading="",this.message="",this.linkLabel="",this.linkHref="",this.duration=5e3,this.dismissable=!0,this.dismissText="Fermer",this.visible=!1,this.autoDismissTimer=null,this.timerStartedAt=null,this.timerRemaining=null,this.swipeTouchStartX=0,this.swipeTouchStartY=0}componentDidLoad(){this.show()}disconnectedCallback(){this.clearTimer()}clearTimer(){null!==this.autoDismissTimer&&(clearTimeout(this.autoDismissTimer),this.autoDismissTimer=null)}startAutoDismiss(t){if(this.duration<=0)return;const s=null!=t?t:this.duration;this.timerStartedAt=Date.now(),this.timerRemaining=s,this.autoDismissTimer=setTimeout((()=>this.dismiss()),s)}pauseTimer(){var t;if(null===this.autoDismissTimer||null===this.timerStartedAt)return;this.clearTimer();const s=Date.now()-this.timerStartedAt;this.timerRemaining=Math.max(0,(null!==(t=this.timerRemaining)&&void 0!==t?t:this.duration)-s),this.timerStartedAt=null,this.progressEl&&(this.progressEl.style.animationPlayState="paused")}resumeTimer(){null===this.timerRemaining||this.timerRemaining<=0||(this.startAutoDismiss(this.timerRemaining),this.progressEl&&(this.progressEl.style.animationPlayState="running"))}async show(){this.visible=!0,await new Promise((t=>requestAnimationFrame(t))),this.containerEl&&a(this.containerEl,p,{duration:300}),this.startAutoDismiss()}async dismiss(){this.clearTimer(),this.containerEl?a(this.containerEl,l,{duration:200}).addEventListener("finish",(()=>this.remove())):this.remove()}remove(){this.visible=!1,this.spwToastDismiss.emit(),this.el.remove()}durationChanged(){this.clearTimer(),this.timerRemaining=null,this.startAutoDismiss()}get resolvedIcon(){return this.icon||r[this.variant]}render(){if(!this.visible)return null;const t=this.duration>0;return o(i,null,o("div",{class:{"spw-toast":!0,[`spw-toast--${this.variant}`]:!0},role:"alert","aria-live":"assertive","aria-atomic":"true",ref:t=>this.containerEl=t,onMouseEnter:()=>this.pauseTimer(),onMouseLeave:()=>this.resumeTimer(),onTouchStart:t=>{this.swipeTouchStartX=t.touches[0].clientX,this.swipeTouchStartY=t.touches[0].clientY},onTouchEnd:t=>{const s=t.changedTouches[0].clientX-this.swipeTouchStartX,o=t.changedTouches[0].clientY-this.swipeTouchStartY;Math.abs(s)>Math.abs(o)&&Math.abs(s)>50&&this.dismiss()}},o("div",{class:"spw-toast__aside"},o("div",{class:"spw-toast__icon-wrapper"},o("spw-icon",{variant:"fa-regular",icon:this.resolvedIcon}))),o("div",{class:"spw-toast__body"},o("div",{class:"spw-toast__top"},this.heading&&o("p",{class:"spw-toast__heading"},this.heading),this.dismissable&&o("button",{class:"spw-toast__close","aria-label":this.dismissText,onClick:()=>this.dismiss()},o("span",{class:"spw-toast__close-label"},this.dismissText),o("spw-icon",{icon:"fa-xmark"}))),this.message&&o("p",{class:"spw-toast__message"},this.message),this.linkLabel&&o("a",{class:"spw-toast__link",href:this.linkHref||void 0,role:this.linkHref?void 0:"button",tabindex:this.linkHref?void 0:"0",onClick:t=>{this.linkHref||t.preventDefault(),this.spwToastLinkClick.emit()},onKeyDown:t=>{this.linkHref||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.spwToastLinkClick.emit())}},this.linkLabel)),t&&o("div",{class:"spw-toast__progress",style:{animationDuration:`${this.duration}ms`},ref:t=>this.progressEl=t})))}get el(){return e(this)}static get watchers(){return{duration:[{durationChanged:0}]}}},p=[{offset:0,opacity:"0",transform:"translateY(20%)",easing:"ease-out"},{offset:1,opacity:"1",transform:"translateY(0)",easing:"ease-out"}],l=[{offset:0,opacity:"1"},{offset:1,opacity:"0"}];n.style='@charset "UTF-8";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:var(--spw-ds-font-main)}body{margin:0}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;width:100%;--spw-toast-border-radius:8px;--spw-toast-font-size:16px;--spw-toast-shadow:none;--spw-toast-aside-width:40px;--spw-toast-success-color:var(--spw-colors-multi-branding-green-green-800);--spw-toast-success-bg:var(--spw-colors-multi-branding-green-green-800);--spw-toast-info-color:var(--spw-colors-multi-branding-blue-blue-500);--spw-toast-info-bg:var(--spw-colors-multi-branding-blue-blue-500);--spw-toast-warning-color:var(--spw-colors-multi-branding-orange-orange-500);--spw-toast-warning-bg:var(--spw-colors-multi-branding-orange-orange-500);--spw-toast-alert-color:var(--spw-colors-multi-branding-red-red-500);--spw-toast-alert-bg:var(--spw-colors-multi-branding-red-red-500)}.spw-toast{position:relative;display:flex;align-items:stretch;background:#ffffff;border-radius:var(--spw-toast-border-radius);border:2px solid;box-shadow:var(--spw-toast-shadow);font-size:var(--spw-toast-font-size);color:var(--spw-colors-support-grey-grey-900, #1a1a1a);width:100%;box-sizing:border-box;overflow:hidden}@media (prefers-reduced-motion: reduce){.spw-toast{transition:none !important;animation:none !important}}.spw-toast--success{border-color:var(--spw-toast-success-color)}.spw-toast--success .spw-toast__aside{background:var(--spw-toast-success-bg)}.spw-toast--info{border-color:var(--spw-toast-info-color)}.spw-toast--info .spw-toast__aside{background:var(--spw-toast-info-bg)}.spw-toast--warning{border-color:var(--spw-toast-warning-color)}.spw-toast--warning .spw-toast__aside{background:var(--spw-toast-warning-bg)}.spw-toast--alert{border-color:var(--spw-toast-alert-color)}.spw-toast--alert .spw-toast__aside{background:var(--spw-toast-alert-bg)}.spw-toast__aside{flex-shrink:0;width:var(--spw-toast-aside-width);display:flex;align-items:flex-start;justify-content:center;padding-top:16px}.spw-toast__icon-wrapper{width:24px;height:24px;border-radius:50%;background:#ffffff;display:flex;align-items:center;justify-content:center;font-size:16px}.spw-toast__icon-wrapper spw-icon{display:flex;align-items:center;justify-content:center}.spw-toast--success .spw-toast__icon-wrapper spw-icon{color:var(--spw-toast-success-color)}.spw-toast--info .spw-toast__icon-wrapper spw-icon{color:var(--spw-toast-info-color)}.spw-toast--warning .spw-toast__icon-wrapper spw-icon{color:var(--spw-toast-warning-color)}.spw-toast--alert .spw-toast__icon-wrapper spw-icon{color:var(--spw-toast-alert-color)}.spw-toast__body{flex:1;padding:16px;display:flex;flex-direction:column;gap:4px;min-width:0}.spw-toast__top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.spw-toast__heading{margin:0;font-weight:700;line-height:1.4;color:var(--spw-colors-support-grey-grey-900, #1a1a1a)}.spw-toast__message{margin:0;line-height:1.5;color:var(--spw-colors-support-grey-grey-700, #3a3a3a)}.spw-toast__link{display:inline-block;margin-top:4px;font-weight:700;font-size:14px;text-decoration:underline;color:var(--spw-colors-support-grey-grey-900, #1a1a1a)}.spw-toast__link:hover{text-decoration:none}.spw-toast__close{flex-shrink:0;align-self:flex-start;display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:3px 0;font-size:14px;font-weight:600;color:var(--spw-colors-support-grey-grey-900, #1a1a1a);white-space:nowrap;text-decoration:underline;font-family:inherit}.spw-toast__close spw-icon{font-size:14px;text-decoration:none}.spw-toast__close:hover{text-decoration:none}.spw-toast__close:focus-visible{outline:3px solid currentColor;outline-offset:2px;border-radius:2px}.spw-toast__progress{position:absolute;bottom:0;left:var(--spw-toast-aside-width);height:3px;width:calc(100% - var(--spw-toast-aside-width));transform-origin:left center;animation:spw-toast-progress linear forwards;animation-play-state:running}@media (prefers-reduced-motion: reduce){.spw-toast__progress{display:none}}.spw-toast--success .spw-toast__progress{background:var(--spw-toast-success-color)}.spw-toast--info .spw-toast__progress{background:var(--spw-toast-info-color)}.spw-toast--warning .spw-toast__progress{background:var(--spw-toast-warning-color)}.spw-toast--alert .spw-toast__progress{background:var(--spw-toast-alert-color)}@keyframes spw-toast-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}';export{n as spw_toast}

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

@@ -1 +0,0 @@
-import{r as t,h as e}from"./p-Co4V4Zk-.js";const i=class{constructor(e){t(this,e)}render(){return e("h3",{key:"56d6357c6f4db99297528b80035a3074e57a7d20",class:"spw-tile-title"},e("slot",{key:"7a41b388409220641518c05a3b82a71a9c3710bf"}))}};i.style="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:var(--spw-ds-font-main)}body{margin:0}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-title-icon:20px;--spw-tile-title-underline:none}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);line-height:1.4;font-size:var(--spw-tile-title-icon);font-weight:700;text-decoration:var(--spw-tile-title-underline);transition:all 0.2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}:host(.--big) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}";export{i as spw_tile_title}

package/dist/types/stories/organisms/spw-socials/spw-socials.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-export declare const Default: any;