tuix-webcomponents 0.62.0 → 0.64.0

package/dist/assets/TuixModal-BZFIHTi_.js

@@ -0,0 +1,78 @@
+import{r as p,i as c,s as m,x as h}from"./iframe-ClsPaEIM.js";import{S as x,n,e as u}from"./screenSizes.enum-C1IhC_dy.js";import{P as v,B as b}from"./tuix-paper.enum-DhmlUJB7.js";import{P as f,a as y,I as $}from"./tuix-icon.enums-DYTtwLZl.js";import{a as g}from"./tuix-text.enums-Ck8cVqZZ.js";const P=c`
+  :host {
+    display: none;
+    position: fixed;
+    width: 100%;
+    height: 100vh;
+    align-items: center;
+    top: 0;
+    left: 0;
+    background-color: ${p(f.BLACK+"80")};
+  }
+
+  :host([visible]) {
+    display: flex;
+  }
+
+  .modal-container {
+    margin: auto;
+    max-width: 96%;
+    max-height: 96vh;
+
+    .content {
+      border-radius: 4px;
+
+      header {
+        display: flex;
+        justify-content: space-between;
+        padding: 16px 16px 8px;
+
+        .close-icon {
+          cursor: pointer;
+        }
+      }
+
+      div.body {
+        padding: 8px 16px 32px;
+      }
+
+      div.action-buttons {
+        padding: 8px 16px 16px 16px;
+      }
+    }
+  }
+`,_=c`
+  @media only screen and (max-width: ${x.MOBILE}px) {
+    .modal-container {
+      min-width: 100%;
+      max-height: 100%;
+    }
+  }
+`;var w=Object.defineProperty,B=Object.getOwnPropertyDescriptor,a=(d,o,i,s)=>{for(var e=s>1?void 0:s?B(o,i):o,r=d.length-1,l;r>=0;r--)(l=d[r])&&(e=(s?l(o,i,e):l(e))||e);return s&&e&&w(o,i,e),e};let t=class extends m{constructor(){super(...arguments),this.visible=!1,this.dark=!1,this.scrollable=!1}_onClose(){this.visible=!1,this.dispatchEvent(new CustomEvent("on-close",{bubbles:!0}))}render(){return h`
+      <tuix-paper
+        class="modal-container"
+        elevation=${v.VARIANT_4}
+        border-radius=${b.SOFT}
+        ?dark=${this.dark}
+      >
+        <div class="content">
+          <header>
+            <slot name="title"></slot>
+            <tuix-icon
+              @click=${this._onClose}
+              class="close-icon"
+              size="${y.MEDIUM}"
+              name="${$.X}"
+              color="${g.MAIN}"
+              ?dark=${this.dark}
+            ></tuix-icon>
+          </header>
+          <div class="body" ?scrollable=${this.scrollable}>
+            <slot name="body"></slot>
+          </div>
+          <div class="action-buttons">
+            <slot name="actions"></slot>
+          </div>
+        </div>
+      </tuix-paper>
+    `}};t.styles=[P,_];a([n({type:Boolean,reflect:!0})],t.prototype,"visible",2);a([n({type:Boolean,reflect:!0})],t.prototype,"dark",2);a([n({type:Boolean,reflect:!0})],t.prototype,"scrollable",2);t=a([u("tuix-modal")],t);

package/dist/assets/TuixToast-BhxwZIGo.js

@@ -0,0 +1,62 @@
+import{i as h,s as I,x as m}from"./iframe-ClsPaEIM.js";import{S as x,n as C,e as O}from"./screenSizes.enum-C1IhC_dy.js";import{a as R,o as y}from"./state-CLjydI9z.js";import{P as e,D as n,I as o,a as T}from"./tuix-icon.enums-DYTtwLZl.js";import{P as _,B as E}from"./tuix-paper.enum-DhmlUJB7.js";var r=(t=>(t.NONE="none",t.TEXT="text",t.WARNING="warning",t.ERROR="error",t.SUCCESS="success",t))(r||{});const S={text:e.WHITE,warning:e.VALIDATION_50,error:e.ERROR_50,success:e.SUCCESS_50},N={text:e.PRIMARY_950,warning:n.VALIDATION_50,error:n.ERROR_50,success:n.SUCCESS_50},A={text:{name:o.ARROW_DOWN,color:e.BLACK},warning:{name:o.TRIANGLE_EXCLAMATION,color:e.VALIDATION},error:{name:o.CIRCLE_EXCLAMATION,color:e.ERROR},success:{name:o.CIRCLE_CHECK,color:e.SUCCESS}},b={text:{name:o.ARROW_DOWN,color:e.WHITE},warning:{name:o.TRIANGLE_EXCLAMATION,color:n.VALIDATION},error:{name:o.CIRCLE_EXCLAMATION,color:n.ERROR},success:{name:o.CIRCLE_CHECK,color:n.SUCCESS}},v=h`
+  :host {
+    position: fixed;
+    bottom: -100%;
+    left: 50%;
+    transform: translateX(-50%);
+    transition: bottom 600ms linear;
+    width: 640px;
+    z-index: 99;
+  }
+
+  :host([type='text']),
+  :host([type='warning']),
+  :host([type='error']),
+  :host([type='success']) {
+    bottom: 1.5rem;
+  }
+
+  .toast-container {
+    padding: 12px 16px;
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    border-radius: 4px;
+  }
+`,f=h`
+  @media only screen and (max-width: ${x.TABLET}px) {
+    :host {
+      width: 520px;
+    }
+  }
+`,g=h`
+  @media only screen and (max-width: ${x.MOBILE}px) {
+    :host {
+      max-width: 343px;
+      width: 90%;
+    }
+  }
+`;var D=Object.defineProperty,L=Object.getOwnPropertyDescriptor,p=(t,s,c,l)=>{for(var i=l>1?void 0:l?L(s,c):s,u=t.length-1,d;u>=0;u--)(d=t[u])&&(i=(l?d(s,c,i):d(i))||i);return l&&i&&D(s,c,i),i};let a=class extends I{constructor(){super(...arguments),this.type=r.NONE,this.visibilityDuration=4e3,this.dark=!1,this.lastType=r.SUCCESS,this._saveType=()=>{this.type!==r.NONE&&(this.lastType=this.type)},this._getStyleMap=()=>(this._saveType(),{backgroundColor:(this.dark?N:S)[this.lastType]}),this._getIcon=()=>{if(this._saveType(),this.lastType===r.TEXT)return;const{name:t,color:s}=this.dark?b[this.lastType]:A[this.lastType];return m`
+      <tuix-icon
+        size="${T.MEDIUM}"
+        name="${t}"
+        color="${s}"
+      ></tuix-icon>
+    `}}updated(t){super.updated(t),!(this.type===r.NONE||this.visibilityDuration===0)&&setTimeout(()=>{this.type=r.NONE,this._handleOnClose()},this.visibilityDuration)}_handleOnClose(){this.visibilityDuration!==0&&this.dispatchEvent(new CustomEvent("on-close",{bubbles:!0}))}render(){return m`
+      <tuix-paper
+        elevation=${_.VARIANT_4}
+        border-radius=${E.SOFT}
+        ?dark=${this.dark}
+      >
+        <div
+          style="${y({backgroundColor:this.dark?e.BLACK:e.WHITE,borderRadius:E.SOFT})}"
+        >
+          <div class="toast-container" style="${y(this._getStyleMap())}">
+            ${this._getIcon()}
+            <tuix-text ?dark=${this.dark}>
+              <slot></slot>
+            </tuix-text>
+          </div>
+        </div>
+      </tuix-paper>
+    `}};a.styles=[v,f,g];p([C({type:r,reflect:!0})],a.prototype,"type",2);p([C({type:Number,attribute:"visibility-duration"})],a.prototype,"visibilityDuration",2);p([C({type:Boolean,reflect:!0})],a.prototype,"dark",2);p([R()],a.prototype,"lastType",2);a=p([O("tuix-toast")],a);export{r as T};

package/dist/assets/_commonjsHelpers-CqkleIqs.js

@@ -0,0 +1 @@
+function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}export{e as g};