@qaecy/cue-ui 0.0.17 → 0.0.19

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@qaecy/cue-ui",
-    "version": "0.0.17",
+    "version": "0.0.19",
     "description": "QAECY UI Web Components",
     "keywords": [
         "web-components",
@@ -16,7 +16,8 @@
     "files": [
         "index.js",
         "styles.css",
-        "*.js"
+        "*.js",
+        "js/worker.mjs"
     ],
     "publishConfig": {
         "access": "public"

package/187.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[187],{5187(b,s,c){c.d(s,{Card:()=>h});var n=c(7705),d=c(2271),l=c(5970),o=c(5547);const g=["*"];let h=(()=>{class e{style=(0,n.hFB)("");variant=(0,n.hFB)("default");shadow=(0,n.hFB)(!1);padded=(0,n.hFB)(!0);scrollable=(0,n.hFB)(!1);maxHeight=(0,n.hFB)(void 0);maxContentHeight=(0,n.hFB)(!1);isScrollable=(0,d.EW)(()=>this.scrollable()||void 0!==this.maxHeight());getClass=(0,d.EW)(()=>`variant-${this.variant()}`);getStyles=(0,d.EW)(()=>{const r="fade"===this.variant()?"neutral":this.variant(),a=[`\n      color: var(--cue-${r}Contrast);\n      --background-color: var(--cue-${r});\n      background-color: var(--background-color);\n      max-height: ${this.maxHeight()??"none"};\n      position: ${this.isScrollable()?"relative":void 0};\n      min-height: ${this.isScrollable()?void 0:"fit-content"};\n    `];return"fade"===this.variant()&&a.push(`\n          background-image: linear-gradient(to bottom,var(--cue-${r}),var(--cue-main-background));\n          `),a.push(this.style()),a.join("")});innerDisplay=(0,d.EW)(()=>this.isScrollable()?"block":"contents");onResize(r){if(!this.maxContentHeight())return;const a=Array.from(r.element.children).reduce((i,v)=>v.getBoundingClientRect().height+i,0);r.element.parentElement.style.maxHeight=`calc(${a}px + var(--cue-card-padding-y) * 2 + 2px)`}static \u0275fac=function(a){return new(a||e)};static \u0275cmp=o.VBU({type:e,selectors:[["cue-card"]],hostVars:8,hostBindings:function(a,i){2&a&&(o.Aen(i.getStyles()),o.HbH(i.getClass()),o.AVh("padded",i.padded())("shadow",i.shadow()))},inputs:{style:[1,"style"],variant:[1,"variant"],shadow:[1,"shadow"],padded:[1,"padded"],scrollable:[1,"scrollable"],maxHeight:[1,"maxHeight"],maxContentHeight:[1,"maxContentHeight"]},ngContentSelectors:g,decls:2,vars:2,consts:[["cueResized","",1,"inner",3,"resized"]],template:function(a,i){1&a&&(o.NAR(),o.j41(0,"div",0),o.bIt("resized",function(p){return i.onResize(p)}),o.SdG(1),o.k0s()),2&a&&o.xc7("display",i.innerDisplay())},dependencies:[l.C],styles:["[_nghost-%COMP%]{display:block;border-radius:var(--cue-card-border-radius);border:1px solid var(--cue-card-border-color);box-sizing:border-box;overflow:hidden;--cue-scrollbar-thumb-color: var(--cue-color-lightgray)}.padded[_nghost-%COMP%]{padding:var(--cue-card-padding-y) var(--cue-card-padding-x)}.shadow[_nghost-%COMP%]{box-shadow:var(--cue-card-box-shadow)}.variant-default[_nghost-%COMP%]{--cue-paginator-text-color: var(--cue-paginator-text-color);--cue-input-border-bottom-color: var(--cue-main-foreground);--cue-input-placeholder-color: var(--cue-color-darkmidgray);--cue-input-label-color: var(--cue-main-foreground);--cue-input-value-color: var(--cue-main-foreground);--cue-stepper-border-color: var(--cue-main-foreground);--cue-stepper-fill-color: var(--cue-main-foreground);--cue-stepper-connector-color: var(--cue-main-foreground)}body.dark   .variant-default[_nghost-%COMP%]{--cue-scrollbar-thumb-color: var(--cue-color-midgray);--cue-paginator-text-color: var(--cue-color-midgray)}.variant-secondary[_nghost-%COMP%], .variant-primary[_nghost-%COMP%]{--cue-button-primary-focus-color: var(--cue-color-ultralightgray);--cue-button-primary-foreground: var(--cue-color-blue);--cue-button-primary-border-color: var(--cue-color-ultralightgray);--cue-button-primary-background: var(--cue-color-ultralightgray);--cue-button-primary-disabled-foreground: var(--cue-color-midgray);--cue-button-primary-disabled-background: var(--cue-color-lightgray);--cue-button-primary-disabled-border-color: var(--cue-color-lightgray);--cue-button-secondary-disabled-foreground: var(--cue-color-midgray);--cue-button-secondary-disabled-border-color: var(--cue-color-midgray);--cue-input-value-color: var(--cue-color-ultralightgray);--cue-input-label-color: var(--cue-color-ultralightgray);--cue-input-placeholder-color: var(--cue-color-lightgray);--cue-input-border-bottom-color: var(--cue-color-ultralightgray);--cue-input-switch-background: rgba(255, 255, 255, .25);--cue-input-switch-checked-background: var(--cue-color-green);--cue-input-switch-checked-indicator-background: var(--cue-color-darkgray);--cue-stepper-border-color: var(--cue-color-ultralightgray);--cue-stepper-fill-color: var(--cue-color-ultralightgray);--cue-stepper-connector-color: var(--cue-color-ultralightgray);--cue-table-text-color: var(--cue-color-ultralightgray);--cue-table-secondary-text-color: var(--cue-color-lightgray);--cue-table-row-border-bottom-color: var(--cue-color-ultralightgray);--cue-chart-text-color: var(--cue-color-ultralightgray);--cue-paginator-text-color: var(--cue-color-ultralightgray)}:is(.variant-secondary[_nghost-%COMP%], .variant-primary[_nghost-%COMP%])     .ag-cell{--cue-input-value-color: var(--cue-table-text-color);--cue-input-placeholder-color: var(--cue-table-secondary-text-color)}.variant-secondary[_nghost-%COMP%]{--cue-input-switch-checked-background: var(--cue-color-blue);--cue-chart-border-background-color: var(--cue-secondary)}.variant-accent[_nghost-%COMP%]{--cue-chart-border-background-color: var(--cue-accent);--cue-chart-text-color: var(--cue-color-darkgray);--cue-chart-text-color-select: var(--cue-color-darkmidgray);--cue-input-value-color: var(--cue-color-darkgray);--cue-input-label-color: var(--cue-color-darkgray);--cue-input-placeholder-color: var(--cue-color-darkmidgray);--cue-input-border-bottom-color: var(--cue-color-darkgray);--cue-input-border-color: var(--cue-color-darkgray);--cue-stepper-border-color: var(--cue-color-darkgray);--cue-stepper-fill-color: var(--cue-color-darkgray);--cue-stepper-connector-color: var(--cue-color-darkgray)}.variant-primary[_nghost-%COMP%]{--cue-chart-border-background-color: var(--cue-primary);--cue-chart-text-color: var(--cue-color-ultralightgray);--cue-chart-text-color-select: var(--cue-color-lightgray)}[_nghost-%COMP%] > .inner[_ngcontent-%COMP%]{position:absolute;inset:var(--cue-card-padding-y) 0 0 var(--cue-card-padding-x);overflow:auto;padding-right:var(--cue-card-padding-x);padding-bottom:var(--cue-card-padding-y);scrollbar-width:thin;scrollbar-color:var(--cue-scrollbar-thumb-color) transparent}[_nghost-%COMP%] > .inner[_ngcontent-%COMP%]::-webkit-scrollbar{width:4px;height:4px}[_nghost-%COMP%] > .inner[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:var(--cue-scrollbar-thumb-color);border-radius:2px}[_nghost-%COMP%] > .inner[_ngcontent-%COMP%]::-webkit-scrollbar-track{background:transparent}"]})}return e})()},5970(b,s,c){c.d(s,{C:()=>g});var n=c(7705),d=c(5802),l=c(5547);class o{newRect;oldRect;isFirst;element;constructor(h,e,t){this.newRect=h,this.oldRect=e,this.isFirst=null==e,this.element=t}}let g=(()=>{class u{element;zone;observer;oldRect;resized=(0,n.CGW)();windowResized=(0,n.CGW)();constructor(e,t){this.element=e,this.zone=t,this.observer=new ResizeObserver(r=>this.zone.run(()=>this.observe(r)))}ngOnInit(){this.observer.observe(this.element.nativeElement)}ngOnDestroy(){this.observer.disconnect()}onWindowResize(){this.zone.run(()=>{const e=this.getWindowRect(),t=new o(e,void 0,window.document.documentElement);this.windowResized.emit(t)})}observe(e){const t=e[0],r=new o(t.contentRect,this.oldRect,t.target);this.oldRect=t.contentRect,this.resized.emit(r)}getWindowRect(){return{x:0,y:0,width:window.innerWidth,height:window.innerHeight,top:0,left:0,right:window.innerWidth,bottom:window.innerHeight,toJSON:()=>({})}}static \u0275fac=function(t){return new(t||u)(l.rXU(l.aKT),l.rXU(d.SKi))};static \u0275dir=l.FsC({type:u,selectors:[["","cueResized",""]],hostBindings:function(t,r){1&t&&l.bIt("resize",function(){return r.onWindowResize()},l.tSv)},outputs:{resized:"resized",windowResized:"windowResized"}})}return u})()}}]);