@cas-smartdesign/snackbar 3.0.1 → 3.0.2

package/dist/docs/doc.mjs

@@ -242,7 +242,7 @@ export { createSlideAnimationParams, createMessage, createErrorMessage, createCl
             >
                 ${this.renderSnackbarContent(e,t==null?void 0:t.closeAction)}
             </sd-snackbar>
-        `}renderSnackbarContent(e,t){return Ce` ${e}${t||""} `}updateQueue(){if(this._queue.length===0)return;const{direction:e,snackbar:t}=this._queue[0];e==="in"?this._rendered.length===this.maxStack?this.requestOldestSnackbarClose():(this.prepareSnackbarForRender(t),this._rendered.push(t),this.renderSnackbars(),this._queue.shift(),this.updateQueue()):this.requestSnackbarClose(t.id)}requestOldestSnackbarClose(){const e=this._rendered.find(({requestClose:t,options:n})=>!t&&(n==null?void 0:n.autoHideDuration));e&&(e.requestClose=!0,this._queue.unshift({snackbar:e,direction:"out"}),this.updateQueue())}requestSnackbarClose(e){const t=this._rendered.findIndex(n=>n.id===e);if(t!==-1){const n=this._rendered[t];n.closing||(n.requestClose=!0,window.clearTimeout(n.timer),this.closeSnackbar(t))}}closeSnackbar(e){var r;const t=this._rendered[e],n=this.children.item(e);n&&(t.closing=!0,(r=t.options)!=null&&r.waitOnHover&&n.matches(":hover")?n.addEventListener("mouseleave",()=>{n.close().then(()=>{this.removeSnackbarAndUpdate(t)})}):n.close().then(()=>{this.removeSnackbarAndUpdate(t)}))}removeSnackbarAndUpdate(e){this.removeSnackbarFromQueue(e),this.removeSnackbarFromRendered(e),this.requestUpdate(),this.updateComplete.then(()=>this.updateQueue())}removeSnackbarFromQueue(e){const t=this._queue.findIndex(({snackbar:n})=>n.id===e.id);t!==-1&&this._queue.splice(t,1)}removeSnackbarFromRendered(e){const t=this._rendered.findIndex(n=>n.id==e.id);t!==-1&&this._rendered.splice(t,1)}setupTimeoutForAutoHideSnackbar(e){e.timer=window.setTimeout(()=>{this._queue.push({snackbar:e,direction:"out"}),this.updateQueue()},e.options.autoHideDuration)}prepareSnackbarForRender(e){const{options:t,message:n}=e;if(n.slot="message",t){const{autoHideDuration:r,waitForMouseMove:o}=t;r&&(o?this.listenForMouseMove(e):this.setupTimeoutForAutoHideSnackbar(e)),this.setupAction(e)}}listenForMouseMove(e){window.addEventListener("mousemove",this.handleWindowMouseMove.bind(this,e),{once:!0})}handleWindowMouseMove(e){this.setupTimeoutForAutoHideSnackbar(e)}setupAction(e){const{options:{closeAction:t}}=e;t&&(t.addEventListener("click",()=>{this._queue.unshift({snackbar:e,direction:"out"}),this.updateQueue()}),t.slot="action")}},Z.ID="sd-snackbar-provider",Z.ensureDefined=()=>{Ft.ensureDefined(),customElements.get(Z.ID)||customElements.define(Z.ID,Z)},Z);Ri([Pi({type:String,reflect:!0,attribute:"vertical-position"})],un.prototype,"verticalPosition",2);Ri([Pi({type:String,reflect:!0,attribute:"horizontal-position"})],un.prototype,"horizontalPosition",2);let Cl=un;const re=class re extends ge{static get styles(){return[bi`
+        `}renderSnackbarContent(e,t){return Ce` ${e}${t||""} `}updateQueue(){if(this._queue.length===0)return;const{direction:e,snackbar:t}=this._queue[0];e==="in"?this._rendered.length===this.maxStack?this.requestOldestSnackbarClose():(this.prepareSnackbarForRender(t),this._rendered.push(t),this.renderSnackbars(),this._queue.shift(),this.updateQueue()):this.requestSnackbarClose(t.id)}requestOldestSnackbarClose(){const e=this._rendered.find(({requestClose:t,options:n})=>!t&&(n==null?void 0:n.autoHideDuration));e&&(e.requestClose=!0,this._queue.unshift({snackbar:e,direction:"out"}),this.updateQueue())}requestSnackbarClose(e){const t=this._rendered.findIndex(n=>n.id===e);if(t!==-1){const n=this._rendered[t];n.closing||(n.requestClose=!0,window.clearTimeout(n.timer),this.closeSnackbar(t))}}closeSnackbar(e){var r;const t=this._rendered[e],n=this.children.item(e);n&&(t.closing=!0,(r=t.options)!=null&&r.waitOnHover&&n.matches(":hover")?n.addEventListener("mouseleave",()=>{n.close().then(()=>{this.removeSnackbarAndUpdate(t)})}):n.close().then(()=>{this.removeSnackbarAndUpdate(t)}))}removeSnackbarAndUpdate(e){this.removeSnackbarFromQueue(e),this.removeSnackbarFromRendered(e),this.requestUpdate(),this.updateComplete.then(()=>this.updateQueue())}removeSnackbarFromQueue(e){const t=this._queue.findIndex(({snackbar:n})=>n.id===e.id);t!==-1&&this._queue.splice(t,1)}removeSnackbarFromRendered(e){const t=this._rendered.findIndex(n=>n.id==e.id);t!==-1&&this._rendered.splice(t,1)}setupTimeoutForAutoHideSnackbar(e){e.timer=window.setTimeout(()=>{this._queue.push({snackbar:e,direction:"out"}),this.updateQueue()},e.options.autoHideDuration)}prepareSnackbarForRender(e){const{options:t,message:n}=e;if(n.slot="message",t){const{autoHideDuration:r,waitForMouseMove:o}=t;r&&(o?this.listenForMouseMove(e):this.setupTimeoutForAutoHideSnackbar(e)),this.setupAction(e)}}listenForMouseMove(e){window.addEventListener("mousemove",this.handleWindowMouseMove.bind(this,e),{once:!0})}handleWindowMouseMove(e){this.setupTimeoutForAutoHideSnackbar(e)}setupAction(e){const{options:{closeAction:t}}=e;t&&(t.addEventListener("click",()=>{this._queue.unshift({snackbar:e,direction:"out"}),this.updateQueue()}),t.slot="action")}},Z.ID="sd-snackbar-provider",Z.ensureDefined=()=>{Ft.ensureDefined(),customElements.get(Z.ID)||customElements.define(Z.ID,Z)},Z);Ri([Pi({type:String,reflect:!0,attribute:"vertical-position"})],un.prototype,"verticalPosition",2);Ri([Pi({type:String,reflect:!0,attribute:"horizontal-position"})],un.prototype,"horizontalPosition",2);let Ol=un;const re=class re extends ge{static get styles(){return[bi`
                 ${ln(rs)}
             `]}firstUpdated(e){if(super.firstUpdated(e),this.animationIn){const{keyframes:t,options:n}=this.animationIn;this.animate(t,n)}}close(){return new Promise(e=>{if(this.animationOut){const{keyframes:t,options:n}=this.animationOut,r=this.animate(t,n);r.onfinish=()=>{this.collapse(),this.addEventListener("transitionend",({propertyName:o})=>{o==="height"&&e()})}}else this.collapse(),e()})}render(){return Ce`
             <div class="root">
@@ -403,8 +403,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`),P=h,S=m),x===void 0&&(
 </ul>
 </li>
 </ul>
-<h2 id="demo">Demo</h2>
-`;document.querySelector("#markdown-container").innerHTML=_l;wl(Object.assign({"./examples/configurable_example/index.ts":Jr}));export{Cl as S};
+`,Sl=document.querySelector("#markdown-container");Sl.innerHTML=_l;wl(Object.assign({"./examples/configurable_example/index.ts":Jr}),document.querySelector(".markdown-body"));export{Ol as S};
 function __vite__mapDeps(indexes) {
   if (!__vite__mapDeps.viteFileDeps) {
     __vite__mapDeps.viteFileDeps = []

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cas-smartdesign/snackbar",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "A snackbar element based on LitElement",
   "main": "dist/snackbar-with-externals.js",
   "module": "dist/snackbar.mjs",
@@ -18,8 +18,8 @@
     "access": "public"
   },
   "devDependencies": {
-    "@cas-smartdesign/element-preview": "^0.2.1",
-    "@cas-smartdesign/license-generator": "^1.6.1"
+    "@cas-smartdesign/element-preview": "^0.2.2",
+    "@cas-smartdesign/license-generator": "^1.6.3"
   },
   "scripts": {
     "version": "pnpm version",

package/readme.md

@@ -77,5 +77,3 @@ A highly configurable element for displaying toast notifications based on [lit-e
   - The animation played when:
     - opening a snackbar can be set by the animationIn property on the SnackbarProvider
     - closing a snackbar can be set by the animationOut property on the SnackbarProvider
-
-## Demo