@florid-kit/components 0.9.0 → 0.9.1

package/index.js

@@ -2371,7 +2371,7 @@
       color: var(--text-color);
     }
 
-  `;qt([a({type:String,reflect:!0})],vt.prototype,"variant",2);qt([a({type:String})],vt.prototype,"text",2);vt=qt([w("o-badge")],vt);var ai=Object.defineProperty,li=Object.getOwnPropertyDescriptor,z=(o,t,e,r)=>{for(var i=r>1?void 0:r?li(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ai(t,e,i),i};let $=class extends v{constructor(){super(...arguments),this.icon="info",this.text="Sample text",this.verticalanchor="top",this.horizontalanchor="right",this.verticaloffset=24,this.horizontaloffset=24,this.animationduration=500,this.animationaxis="horizontal",this.animated=!0,this.lifeduration=3e3}attributeChangedCallback(o,t,e){super.attributeChangedCallback(o,t,e),o=="verticaloffset"&&this.style.setProperty("--vertical-offset",e+"px"),o=="horizontaloffset"&&this.style.setProperty("--horizontal-offset",e+"px"),o=="animationduration"&&this.style.setProperty("--animation-duration",e+"ms")}selfCloseAfterDelay(){var o=this;setTimeout(function(){o.animated=!0,o.selfClose()},this.lifeduration)}selfClose(){var o=this;setTimeout(function(){o.remove()},this.animationduration+200)}connectedCallback(){var o=this;super.connectedCallback(),setTimeout(()=>{o.animated=!1,this.selfCloseAfterDelay()},300)}firstUpdated(){var e;var o=this;const t=(e=this.renderRoot)==null?void 0:e.querySelector("o-icon-button");t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=po[this.icon].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"');return l`
+  `;qt([a({type:String,reflect:!0})],vt.prototype,"variant",2);qt([a({type:String})],vt.prototype,"text",2);vt=qt([w("o-badge")],vt);var ai=Object.defineProperty,li=Object.getOwnPropertyDescriptor,z=(o,t,e,r)=>{for(var i=r>1?void 0:r?li(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ai(t,e,i),i};let $=class extends v{constructor(){super(...arguments),this.icon="info",this.text="Sample text",this.verticalanchor="top",this.horizontalanchor="right",this.verticaloffset=24,this.horizontaloffset=24,this.animationduration=500,this.animationaxis="horizontal",this.animated=!0,this.lifeduration=5e3}attributeChangedCallback(o,t,e){super.attributeChangedCallback(o,t,e),o=="verticaloffset"&&this.style.setProperty("--vertical-offset",e+"px"),o=="horizontaloffset"&&this.style.setProperty("--horizontal-offset",e+"px"),o=="animationduration"&&this.style.setProperty("--animation-duration",e+"ms")}selfCloseAfterDelay(){var o=this;setTimeout(function(){o.animated=!0,o.selfClose()},this.lifeduration)}selfClose(){var o=this;setTimeout(function(){o.remove()},this.animationduration+200)}connectedCallback(){var o=this;super.connectedCallback(),setTimeout(()=>{o.animated=!1,this.selfCloseAfterDelay()},300)}firstUpdated(){var e;var o=this;const t=(e=this.renderRoot)==null?void 0:e.querySelector("o-icon-button");t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=po[this.icon].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"');return l`
             <div class="o-toast">
                 <div class="o-toast-icon">
                     ${O(t)}
@@ -2393,7 +2393,7 @@
             --horizontal-offset: 24px;
             --animation-duration: 500ms;
             position: fixed;
-            z-index: 30;
+            z-index: 105;
             transition: all var(--animation-duration) ease-in-out;
         }
 
@@ -2446,10 +2446,10 @@
 
         .o-toast-text {
             color: var(--color-content-body);
-            padding: 0 8px;
+            padding: 0 12px;
             width: max-content;
             text-align: center;
-            max-width: 70vw;
+            max-width: 65vw;
         }
 
         .o-toast-icon {

package/index.mjs

@@ -4336,7 +4336,7 @@ var ai = Object.defineProperty, li = Object.getOwnPropertyDescriptor, z = (o, t,
 };
 let $ = class extends v {
   constructor() {
-    super(...arguments), this.icon = "info", this.text = "Sample text", this.verticalanchor = "top", this.horizontalanchor = "right", this.verticaloffset = 24, this.horizontaloffset = 24, this.animationduration = 500, this.animationaxis = "horizontal", this.animated = !0, this.lifeduration = 3e3;
+    super(...arguments), this.icon = "info", this.text = "Sample text", this.verticalanchor = "top", this.horizontalanchor = "right", this.verticaloffset = 24, this.horizontaloffset = 24, this.animationduration = 500, this.animationaxis = "horizontal", this.animated = !0, this.lifeduration = 5e3;
   }
   attributeChangedCallback(o, t, e) {
     super.attributeChangedCallback(o, t, e), o == "verticaloffset" && this.style.setProperty("--vertical-offset", e + "px"), o == "horizontaloffset" && this.style.setProperty("--horizontal-offset", e + "px"), o == "animationduration" && this.style.setProperty("--animation-duration", e + "ms");
@@ -4400,7 +4400,7 @@ $.styles = b`
             --horizontal-offset: 24px;
             --animation-duration: 500ms;
             position: fixed;
-            z-index: 30;
+            z-index: 105;
             transition: all var(--animation-duration) ease-in-out;
         }
 
@@ -4453,10 +4453,10 @@ $.styles = b`
 
         .o-toast-text {
             color: var(--color-content-body);
-            padding: 0 8px;
+            padding: 0 12px;
             width: max-content;
             text-align: center;
-            max-width: 70vw;
+            max-width: 65vw;
         }
 
         .o-toast-icon {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@florid-kit/components",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "main": "index.js",
   "module": "index.mjs",
   "typings": "index.d.ts",