tuix-webcomponents 0.64.0 → 0.65.0

package/dist/assets/TuixModal-BZFIHTi_.js

@@ -1,78 +0,0 @@
-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

@@ -1,62 +0,0 @@
-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

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