@sme.up/ketchup 4.3.0-SNAPSHOT → 5.1.0-SNAPSHOT

package/dist/esm/kup-cell.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-e0e67c23.js';
-import { k as kupManagerInstance, i as KupDragEffect, g as KupLanguageGeneric } from './kup-manager-7fc234da.js';
-import { g as getProps, s as setProps } from './utils-6c73709d.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-78f3699d.js';
+import { k as kupManagerInstance, m as KupDragEffect, i as KupLanguageGeneric } from './kup-manager-1f76a3ef.js';
+import { g as getProps, s as setProps } from './utils-93ae800f.js';
 import { c as componentWrapperId } from './GenericVariables-6dfdd433.js';
-import { c as FCellPadding, a as FCell } from './f-cell-95c186c6.js';
-import './cell-utils-8f512ea9.js';
-import './f-image-3bc8b24f.js';
-import './f-chip-c0e9c0ff.js';
+import { c as FCellPadding, a as FCell } from './f-cell-b88b2731.js';
+import './cell-utils-571978d6.js';
+import './f-image-5e5ed7e2.js';
+import './f-chip-a52489ec.js';
 
 /**
  * Props of the kup-cell component.
@@ -140,10 +140,10 @@ let KupCell = class {
   }
   generateColumn() {
     const colname = this.data && this.data.obj && this.data.obj.t
-      ? this.data.obj.t + '|' + this.data.obj.p
+      ? this.data.obj.t + ';' + this.data.obj.p
       : 'KUPCELL';
     const coltitle = this.data && this.data.obj && this.data.obj.t
-      ? this.data.obj.t + '|' + this.data.obj.p
+      ? this.data.obj.t + ';' + this.data.obj.p
       : this.kupManager.language.translate(KupLanguageGeneric.EMPTY_OBJECT);
     return {
       name: colname,
@@ -160,6 +160,7 @@ let KupCell = class {
   /*          L i f e c y c l e   H o o k s          */
   /*-------------------------------------------------*/
   componentWillLoad() {
+    this.kupManager.dates.register(this);
     this.kupManager.debug.logLoad(this, false);
     this.kupManager.language.register(this);
     this.kupManager.theme.register(this);
@@ -174,10 +175,6 @@ let KupCell = class {
     this.didRenderInteractables();
     this.kupManager.debug.logRender(this, true);
   }
-  disconnectedCallback() {
-    this.kupManager.language.unregister(this);
-    this.kupManager.theme.unregister(this);
-  }
   render() {
     const props = {
       cell: this.data,
@@ -190,6 +187,11 @@ let KupCell = class {
     };
     return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h(FCell, Object.assign({}, props)))));
   }
+  disconnectedCallback() {
+    this.kupManager.dates.unregister(this);
+    this.kupManager.language.unregister(this);
+    this.kupManager.theme.unregister(this);
+  }
   get rootElement() { return getElement(this); }
 };
 KupCell.style = kupCellCss;

package/dist/esm/kup-dash-list.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h } from './index-e0e67c23.js';
-import { b as getCellValueForDisplay } from './cell-utils-8f512ea9.js';
-import { k as kupManagerInstance } from './kup-manager-7fc234da.js';
-import { t as getDecimalSeparator } from './utils-6c73709d.js';
+import { r as registerInstance, c as createEvent, h } from './index-78f3699d.js';
+import { b as getCellValueForDisplay } from './cell-utils-571978d6.js';
+import { k as kupManagerInstance } from './kup-manager-1f76a3ef.js';
+import { r as getDecimalSeparator } from './utils-93ae800f.js';
 
 const kupDashListCss = ".horizontal{display:inline-block;min-width:300px;max-width:100%;overflow:visible;white-space:nowrap;border:solid;border-width:1px;margin:2px}";
 

package/dist/esm/kup-dash_2.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, f as forceUpdate, H as Host } from './index-e0e67c23.js';
-import { k as kupManagerInstance, f as KupDebugCategory } from './kup-manager-7fc234da.js';
-import { g as getProps, s as setProps } from './utils-6c73709d.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, f as forceUpdate, H as Host } from './index-78f3699d.js';
+import { k as kupManagerInstance, j as KupDebugCategory } from './kup-manager-1f76a3ef.js';
+import { g as getProps, s as setProps } from './utils-93ae800f.js';
 import { c as componentWrapperId } from './GenericVariables-6dfdd433.js';
 
 const kupDashCss = "#dash{color:var(--kup-text-color);font-size:2vw;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;position:relative;word-break:normal}#dash.with-dyn{cursor:pointer}#dash #content .icon{margin:auto;font-size:90%}#dash #content.layout-1,#dash #content.layout-3{text-align:center}#dash #content.layout-1 .descr,#dash #content.layout-3 .descr{font-size:70%;width:100%}#dash #content.layout-1 .value,#dash #content.layout-3 .value{font-size:220%}#dash #content.layout-2>div{display:flex}#dash #content.layout-2>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-2>div .value-int{font-size:250%}#dash #content.layout-2>div .value-dec,#dash #content.layout-2>div .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-2>div .value-dec{margin-left:2%}#dash #content.layout-2>div .unit{margin-left:4%}#dash #content.layout-4>div{display:grid;grid-template-columns:2fr 5fr}#dash #content.layout-4>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-4>div .value-and-unit{display:flex}#dash #content.layout-4>div .value-and-unit .value-int{font-size:250%}#dash #content.layout-4>div .value-and-unit .value-dec,#dash #content.layout-4>div .value-and-unit .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-4>div .value-and-unit .value-dec{margin-left:2%}#dash #content.layout-4>div .value-and-unit .unit{margin-left:4%}#dash #content.layout-4>div .descr{margin-left:4%;text-align:left;font-size:80%;width:100%;min-width:max-content}#dash #content.layout-5>div,#dash #content.layout-7>div{display:flex}#dash #content.layout-5>div .icon,#dash #content.layout-7>div .icon{font-size:150%;margin:auto;margin-left:10%}#dash #content.layout-5>div .value,#dash #content.layout-7>div .value{font-size:200%}#dash #content.layout-5>div .descr,#dash #content.layout-7>div .descr{text-align:right;font-size:65%;width:100%;min-width:max-content}#dash #content.layout-6>div{display:flex;justify-content:space-between}#dash #content.layout-6>div .icon{font-size:150%;margin-right:10%}#dash #content.layout-6>div .value{font-size:220%;text-align:right}#dash #content.layout-6>div .descr{font-size:80%;text-align:right;width:100%;min-width:max-content}#dash #content.layout-8>div{display:flex;align-items:center}#dash #content.layout-8>div .icon{margin-right:4%;font-size:75%}#dash #content.layout-8>div .value{margin:0 10%;font-size:250%}#dash #content.layout-8>div .descr{font-size:60%;text-align:left}";
@@ -95,7 +95,7 @@ var KupGridProps;
   KupGridProps["singleLine"] = "When set to true, forces the content on a single line.";
 })(KupGridProps || (KupGridProps = {}));
 
-const kupGridCss = ":host{--kup_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(8, minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(4, minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}";
+const kupGridCss = ":host{--kup_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 8), minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}";
 
 let KupGrid = class {
   constructor(hostRef) {
@@ -188,9 +188,10 @@ let KupGrid = class {
       }
       content.push(el);
     }
-    const style = {
-      ['--kup_grid_columns']: this.columns,
-    };
+    const style = {};
+    if (this.columns && this.columns !== 12) {
+      style['--kup_grid_columns'] = this.columns;
+    }
     return (h(Host, { style: style }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: this.singleLine ? 'flex-layout' : 'layout-grid' }, h("div", { class: this.singleLine
         ? 'flex-layout__inner'
         : 'layout-grid__inner' }, content)))));

package/dist/esm/kup-drawer.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-e0e67c23.js';
-import { k as kupManagerInstance } from './kup-manager-7fc234da.js';
-import { g as getProps, s as setProps } from './utils-6c73709d.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-78f3699d.js';
+import { k as kupManagerInstance } from './kup-manager-1f76a3ef.js';
+import { g as getProps, s as setProps } from './utils-93ae800f.js';
 import { c as componentWrapperId } from './GenericVariables-6dfdd433.js';
 
 const drawerClass = 'drawer';