@3t-transform/threeteeui 0.2.87 → 0.2.89

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@3t-transform/threeteeui",
-    "version": "0.2.87",
+    "version": "0.2.89",
     "description": "3t Design System",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",
@@ -42,7 +42,7 @@
         "@rollup/plugin-commonjs": "^23.0.3",
         "@stencil/core": "^2.20.0",
         "@stencil/sass": "^1.5.2",
-        "@storybook/addon-actions": "^7.4.0",
+        "@storybook/addon-actions": "^7.4.6",
         "@storybook/addon-essentials": "^7.4.0",
         "@storybook/addon-interactions": "^7.4.0",
         "@storybook/addon-links": "^7.4.0",
@@ -76,4 +76,4 @@
         "storybook": "^7.4.0",
         "ts-qrcode": "^0.0.4"
     }
-}
+}

package/dist/tttx/p-99a41e8e.js

@@ -1,2 +0,0 @@
-let e,n,t=!1;const l={},o=e=>"object"==(e=typeof e)||"function"===e;function s(e){var n,t,l;return null!==(l=null===(t=null===(n=e.head)||void 0===n?void 0:n.querySelector('meta[name="csp-nonce"]'))||void 0===t?void 0:t.getAttribute("content"))&&void 0!==l?l:void 0}const i=(e,n,...t)=>{let l=null,s=null,i=!1,r=!1;const a=[],f=n=>{for(let t=0;t<n.length;t++)l=n[t],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!o(l))&&(l+=""),i&&r?a[a.length-1].t+=l:a.push(i?c(null,l):l),r=i)};if(f(t),n){n.key&&(s=n.key);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}if("function"==typeof e)return e(null===n?{}:n,a,u);const d=c(e,null);return d.l=n,a.length>0&&(d.o=a),d.i=s,d},c=(e,n)=>({u:0,m:e,t:n,p:null,o:null,l:null,i:null}),r={},u={forEach:(e,n)=>e.map(a).forEach(n),map:(e,n)=>e.map(a).map(n).map(f)},a=e=>({vattrs:e.l,vchildren:e.o,vkey:e.i,vname:e.h,vtag:e.m,vtext:e.t}),f=e=>{if("function"==typeof e.vtag){const n=Object.assign({},e.vattrs);return e.vkey&&(n.key=e.vkey),e.vname&&(n.name=e.vname),i(e.vtag,n,...e.vchildren||[])}const n=c(e.vtag,e.vtext);return n.l=e.vattrs,n.o=e.vchildren,n.i=e.vkey,n.h=e.vname,n},d=e=>G(e).$,y=(e,n,t)=>{const l=d(e);return{emit:e=>m(l,n,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:e})}},m=(e,n,t)=>{const l=te.ce(n,t);return e.dispatchEvent(l),l},p=new WeakMap,h=e=>"sc-"+e.v,$=(e,n,t,l,s,i)=>{if(t!==l){let c=K(e,n),r=n.toLowerCase();if("class"===n){const n=e.classList,o=v(t),s=v(l);n.remove(...o.filter((e=>e&&!s.includes(e)))),n.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===n){for(const n in t)l&&null!=l[n]||(n.includes("-")?e.style.removeProperty(n):e.style[n]="");for(const n in l)t&&l[n]===t[n]||(n.includes("-")?e.style.setProperty(n,l[n]):e.style[n]=l[n])}else if("key"===n);else if("ref"===n)l&&l(e);else if(c||"o"!==n[0]||"n"!==n[1]){const r=o(l);if((c||r&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[n]=l;else{const o=null==l?"":l;"list"===n?c=!1:null!=t&&e[n]==o||(e[n]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(n)||e.removeAttribute(n):(!c||4&i||s)&&!r&&e.setAttribute(n,l=!0===l?"":l)}else n="-"===n[2]?n.slice(3):K(ee,r)?r.slice(2):r[2]+n.slice(3),t&&te.rel(e,n,t,!1),l&&te.ael(e,n,l,!1)}},b=/\s/,v=e=>e?e.split(b):[],w=(e,n,t,o)=>{const s=11===n.p.nodeType&&n.p.host?n.p.host:n.p,i=e&&e.l||l,c=n.l||l;for(o in i)o in c||$(s,o,i[o],void 0,t,n.u);for(o in c)$(s,o,i[o],c[o],t,n.u)},g=(n,t,l)=>{const o=t.o[l];let s,i,c=0;if(null!==o.t)s=o.p=ne.createTextNode(o.t);else if(s=o.p=ne.createElement(o.m),w(null,o,!1),null!=e&&s["s-si"]!==e&&s.classList.add(s["s-si"]=e),o.o)for(c=0;c<o.o.length;++c)i=g(n,o,c),i&&s.appendChild(i);return s},S=(e,t,l,o,s,i)=>{let c,r=e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=g(null,l,s),c&&(o[s].p=c,r.insertBefore(c,t)))},j=(e,n,t,l,o)=>{for(;n<=t;++n)(l=e[n])&&(o=l.p,O(l),o.remove())},k=(e,n)=>e.m===n.m&&e.i===n.i,M=(e,n)=>{const t=n.p=e.p,l=e.o,o=n.o,s=n.t;null===s?("slot"===n.m||w(e,n,!1),null!==l&&null!==o?((e,n,t,l)=>{let o,s,i=0,c=0,r=0,u=0,a=n.length-1,f=n[0],d=n[a],y=l.length-1,m=l[0],p=l[y];for(;i<=a&&c<=y;)if(null==f)f=n[++i];else if(null==d)d=n[--a];else if(null==m)m=l[++c];else if(null==p)p=l[--y];else if(k(f,m))M(f,m),f=n[++i],m=l[++c];else if(k(d,p))M(d,p),d=n[--a],p=l[--y];else if(k(f,p))M(f,p),e.insertBefore(f.p,d.p.nextSibling),f=n[++i],p=l[--y];else if(k(d,m))M(d,m),e.insertBefore(d.p,f.p),d=n[--a],m=l[++c];else{for(r=-1,u=i;u<=a;++u)if(n[u]&&null!==n[u].i&&n[u].i===m.i){r=u;break}r>=0?(s=n[r],s.m!==m.m?o=g(n&&n[c],t,r):(M(s,m),n[r]=void 0,o=s.p),m=l[++c]):(o=g(n&&n[c],t,c),m=l[++c]),o&&f.p.parentNode.insertBefore(o,f.p)}i>a?S(e,null==l[y+1]?null:l[y+1].p,t,l,c,y):c>y&&j(n,i,a)})(t,l,n,o):null!==o?(null!==e.t&&(t.textContent=""),S(t,null,n,o,0,o.length-1)):null!==l&&j(l,0,l.length-1)):e.t!==s&&(t.data=s)},O=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(O)},C=(e,n)=>{n&&!e.g&&n["s-p"]&&n["s-p"].push(new Promise((n=>e.g=n)))},x=(e,n)=>{if(e.u|=16,!(4&e.u))return C(e,e.S),fe((()=>P(e,n)));e.u|=512},P=(e,n)=>{const t=e.j;let l;return n&&(e.u|=256,e.k&&(e.k.map((([e,n])=>F(t,e,n))),e.k=null),l=F(t,"componentWillLoad")),l=N(l,(()=>F(t,"componentWillRender"))),N(l,(()=>E(e,t,n)))},E=async(e,n,t)=>{const l=e.$,o=l["s-rc"];t&&(e=>{const n=e.M,t=e.$,l=n.u,o=((e,n)=>{var t;let l=h(n);const o=Z.get(l);if(e=11===e.nodeType?e:ne,o)if("string"==typeof o){let n,i=p.get(e=e.head||e);if(i||p.set(e,i=new Set),!i.has(l)){{n=ne.createElement("style"),n.innerHTML=o;const l=null!==(t=te.O)&&void 0!==t?t:s(ne);null!=l&&n.setAttribute("nonce",l),e.insertBefore(n,e.querySelector("link"))}i&&i.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);10&l&&(t["s-sc"]=o,t.classList.add(o+"-h"),2&l&&t.classList.add(o+"-s"))})(e);L(e,n),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const n=l["s-p"],t=()=>R(e);0===n.length?t():(Promise.all(n).then(t),e.u|=4,n.length=0)}},L=(t,l)=>{try{l=l.render(),t.u&=-17,t.u|=2,((t,l)=>{const o=t.$,s=t.C||c(null,null),u=(e=>e&&e.m===r)(l)?l:i(null,null,l);n=o.tagName,u.m=null,u.u|=4,t.C=u,u.p=s.p=o.shadowRoot||o,e=o["s-sc"],M(s,u)})(t,l)}catch(e){Q(e,t.$)}return null},R=e=>{const n=e.$,t=e.j,l=e.S;F(t,"componentDidRender"),64&e.u||(e.u|=64,T(n),F(t,"componentDidLoad"),e.P(n),l||W()),e.L(n),e.g&&(e.g(),e.g=void 0),512&e.u&&ae((()=>x(e,!1))),e.u&=-517},W=()=>{T(ne.documentElement),ae((()=>m(ee,"appload",{detail:{namespace:"tttx"}})))},F=(e,n,t)=>{if(e&&e[n])try{return e[n](t)}catch(e){Q(e)}},N=(e,n)=>e&&e.then?e.then(n):n(),T=e=>e.classList.add("hydrated"),A=(e,n,t)=>{if(n.R){e.watchers&&(n.W=e.watchers);const l=Object.entries(n.R),s=e.prototype;if(l.map((([e,[l]])=>{31&l||2&t&&32&l?Object.defineProperty(s,e,{get(){return((e,n)=>G(this).F.get(n))(0,e)},set(t){((e,n,t,l)=>{const s=G(e),i=s.$,c=s.F.get(n),r=s.u,u=s.j;if(t=((e,n)=>null==e||o(e)?e:4&n?"false"!==e&&(""===e||!!e):2&n?parseFloat(e):1&n?e+"":e)(t,l.R[n][0]),(!(8&r)||void 0===c)&&t!==c&&(!Number.isNaN(c)||!Number.isNaN(t))&&(s.F.set(n,t),u)){if(l.W&&128&r){const e=l.W[n];e&&e.map((e=>{try{u[e](t,c,n)}catch(e){Q(e,i)}}))}2==(18&r)&&x(s,!1)}})(this,e,t,n)},configurable:!0,enumerable:!0}):1&t&&64&l&&Object.defineProperty(s,e,{value(...n){const t=G(this);return t.N.then((()=>t.j[e](...n)))}})})),1&t){const n=new Map;s.attributeChangedCallback=function(e,t,l){te.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(s.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,n])=>15&n[0])).map((([e,t])=>{const l=t[1]||e;return n.set(l,e),l}))}}return e},D=(e,n={})=>{var t;const l=[],o=n.exclude||[],i=ee.customElements,c=ne.head,r=c.querySelector("meta[charset]"),u=ne.createElement("style"),a=[];let f,d=!0;Object.assign(te,n),te.T=new URL(n.resourcesUrl||"./",ne.baseURI).href,e.map((e=>{e[1].map((t=>{const s={u:t[0],v:t[1],R:t[2],A:t[3]};s.R=t[2],s.A=t[3],s.W={};const c=n.transformTagName?n.transformTagName(s.v):s.v,r=class extends HTMLElement{constructor(e){super(e),J(e=this,s),1&s.u&&e.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),d?a.push(this):te.jmp((()=>(e=>{if(0==(1&te.u)){const n=G(e),t=n.M,l=()=>{};if(1&n.u)U(e,n,t.A);else{n.u|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){C(n,n.S=t);break}}t.R&&Object.entries(t.R).map((([n,[t]])=>{if(31&t&&e.hasOwnProperty(n)){const t=e[n];delete e[n],e[n]=t}})),(async(e,n,t,l,o)=>{if(0==(32&n.u)){{if(n.u|=32,(o=Y(t)).then){const e=()=>{};o=await o,e()}o.isProxied||(t.W=o.watchers,A(o,t,2),o.isProxied=!0);const e=()=>{};n.u|=8;try{new o(n)}catch(e){Q(e)}n.u&=-9,n.u|=128,e()}if(o.style){let e=o.style;const n=h(t);if(!Z.has(n)){const l=()=>{};((e,n,t)=>{let l=Z.get(e);oe&&t?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,Z.set(e,l)})(n,e,!!(1&t.u)),l()}}}const s=n.S,i=()=>x(n,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,n,t)}l()}})(this)))}disconnectedCallback(){te.jmp((()=>(()=>{if(0==(1&te.u)){const e=G(this),n=e.j;e.D&&(e.D.map((e=>e())),e.D=void 0),F(n,"disconnectedCallback")}})()))}componentOnReady(){return G(this).H}};s.U=e[0],o.includes(c)||i.get(c)||(l.push(c),i.define(c,A(r,s,1)))}))}));{u.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",u.setAttribute("data-styles","");const e=null!==(t=te.O)&&void 0!==t?t:s(ne);null!=e&&u.setAttribute("nonce",e),c.insertBefore(u,r?r.nextSibling:c.firstChild)}d=!1,a.length?a.map((e=>e.connectedCallback())):te.jmp((()=>f=setTimeout(W,30)))},H=(e,n)=>n,U=(e,n,t)=>{t&&t.map((([t,l,o])=>{const s=V(e,t),i=q(n,o),c=_(t);te.ael(s,l,i,c),(n.D=n.D||[]).push((()=>te.rel(s,l,i,c)))}))},q=(e,n)=>t=>{try{256&e.u?e.j[n](t):(e.k=e.k||[]).push([n,t])}catch(e){Q(e)}},V=(e,n)=>8&n?ee:e,_=e=>0!=(2&e),z=e=>te.O=e,B=new WeakMap,G=e=>B.get(e),I=(e,n)=>B.set(n.j=e,n),J=(e,n)=>{const t={u:0,$:e,M:n,F:new Map};return t.N=new Promise((e=>t.L=e)),t.H=new Promise((e=>t.P=e)),e["s-p"]=[],e["s-rc"]=[],U(e,t,n.A),B.set(e,t)},K=(e,n)=>n in e,Q=(e,n)=>(0,console.error)(e,n),X=new Map,Y=e=>{const n=e.v.replace(/-/g,"_"),t=e.U,l=X.get(t);return l?l[n]:import(`./${t}.entry.js`).then((e=>(X.set(t,e),e[n])),Q)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},Z=new Map,ee="undefined"!=typeof window?window:{},ne=ee.document||{head:{}},te={u:0,T:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,l)=>e.addEventListener(n,t,l),rel:(e,n,t,l)=>e.removeEventListener(n,t,l),ce:(e,n)=>new CustomEvent(e,n)},le=e=>Promise.resolve(e),oe=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),se=[],ie=[],ce=(e,n)=>l=>{e.push(l),t||(t=!0,n&&4&te.u?ae(ue):te.raf(ue))},re=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(e){Q(e)}e.length=0},ue=()=>{re(se),re(ie),(t=se.length>0)&&te.raf(ue)},ae=e=>le().then(e),fe=ce(ie,!0);export{H as F,r as H,D as b,y as c,d as g,i as h,le as p,I as r,z as s}

package/dist/tttx/p-b7a2de3b.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as o}from"./p-99a41e8e.js";import{p as i,d as n}from"./p-88ee2406.js";import"./p-112455b1.js";const r=class{constructor(o){e(this,o),this.clickEvent=t(this,"clickEvent",7),this.data=void 0,this.treeData=void 0,this.selectedId=void 0}onClickHandler(e,t,o){t.stopPropagation();const i=JSON.stringify(o);this.clickEvent.emit({eventName:e,returnJsonObject:i}),"row"===e&&this.selectedElement(t,o)}updateSelectedId(e){this.selectedId=e}selectedElement(e,t){e.stopPropagation(),this.selectedId=t.id,this.treeData=[...this.treeData]}toggleNode(e,t){t.stopPropagation(),e.isOpen=!e.isOpen,this.treeData=[...this.treeData]}handleCheckboxChange(e,t){t.stopPropagation(),e.checked=!e.checked,this.updateChildrenCheckStatus(e),this.treeData=[...this.treeData]}updateChildrenCheckStatus(e){e.child&&e.child.forEach((t=>{t.checked=e.checked,this.updateChildrenCheckStatus(t)}))}updateSelected(e){let t=!1;return e.id===this.selectedId&&(t=!0),t}treeConfigs(e){let t,o;return e.checked?(t="check_box",o="blue"):(t="check_box_outline_blank",o="grey"),{checkboxColor:o,checkboxIcon:t,rowHoverActive:e.hasHover?"rowHover":"",expanderIcon:e.isOpen?"arrow_drop_down":"arrow_right",selectedActive:e.selectable&&e.selected?"rowSelected":""}}renderNode(e){e.selectable&&(e.selected=this.updateSelected(e));const t=this.treeConfigs(e);return e.child?o("li",null,o("div",{class:`inline-tree-item element-row ${t.rowHoverActive} ${t.selectedActive}`,onClick:t=>{e.hasHover&&(t.stopPropagation(),this.onClickHandler("row",t,e))}},o("tttx-button",{class:"toggleNode",design:"borderless-circle",notext:!0,icon:t.expanderIcon,color:"black",onClick:t=>this.toggleNode(e,t)}),this.htmlcode("treeNode",e,t.checkboxIcon,t.checkboxColor)),e.isOpen?o("ul",null,o("div",{class:"child-node"},e.child.map((e=>this.renderNode(e))))):null):o("li",null,o("div",{class:`inline-tree-item element-row ${t.rowHoverActive} ${t.selectedActive}`,onClick:t=>{e.hasHover&&(t.stopPropagation(),this.onClickHandler("row",t,e))}},this.htmlcode("treeLeaf",e,t.checkboxIcon,t.checkboxColor)))}htmlcode(e,t,r,s){return o("div",{class:"inline-tree-item element"},t.hasCheckbox&&o("tttx-button",{design:"borderless-circle",notext:!0,icon:r,iconcolor:s,class:"padding-icon checkbox",onClick:e=>this.handleCheckboxChange(t,e)}),!t.html&&t.hasIcon&&o("tttx-icon",{icon:t.icon,color:t.iconColor,class:"padding-icon"}),!t.html&&o("div",{class:e},t.title),t.html&&o("div",{class:e,innerHTML:i.sanitize(t.html,n)}),(t.menuActive||t.chevronActive)&&o("div",{class:"right-buttons-container"},t.menuActive&&o("tttx-button",{design:"borderless-circle",notext:!0,icon:"more_vert",color:"black",class:"padding-icon menu-button",onClick:e=>{e.stopPropagation(),this.onClickHandler("menu",e,t)}}),t.chevronActive&&o("tttx-icon",{icon:"chevron_right",color:"black",class:"padding-icon chevron-button",onClick:e=>{e.stopPropagation(),this.onClickHandler("chevron",e,t)}})))}render(){if(this.data)return this.treeData="string"==typeof this.data?JSON.parse(this.data):this.data,o("div",{class:"tree-view-element"},o("ul",null,this.treeData.map((e=>this.renderNode(e)))))}};r.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.tree-view-element{margin-left:-50px}.inline-tree-item{display:flex;align-items:center}.element{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%}.element-row{min-height:36px;font-family:"Roboto", serif;font-size:16px;padding:8px 0px;position:relative}.element-row::before{content:"";position:absolute;left:-50%;right:-50%;bottom:0;right:0;border-bottom:1px solid #d5d5d5}.element-row.rowSelected::before{content:"";position:absolute;left:-50%;right:-50%;top:0;bottom:0;right:0;background-color:rgba(17, 17, 17, 0.1);z-index:-1}li{list-style-type:none}.toggleNode{padding-right:3px}.padding-icon{padding:6px 6px;height:24px;width:24px;display:flex;align-items:center;justify-content:center}.treeNode{font-weight:500}.treeLeaf{font-weight:400}.right-buttons-container{margin-left:auto;display:flex}.borderless:active{outline-style:none}@media (hover: hover){.element-row.rowHover:hover{cursor:pointer}.element-row.rowHover:hover::before{content:"";position:absolute;left:-50%;right:-50%;top:0;bottom:0;background-color:rgba(17, 17, 17, 0.05);opacity:0.5;z-index:-1;right:0}}';export{r as tttx_tree_view}