@sme.up/ketchup 8.3.3 → 9.1.0

package/dist/esm/kup-family-tree.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-d413187a.js';
-import { F as FButton } from './f-button-e54ce8d5.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-c161a33e.js';
+import { F as FButton } from './f-button-f247ce10.js';
 import { F as FButtonStyling } from './f-button-declarations-8a009df1.js';
-import { F as FImage } from './f-image-adceee49.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, m as KupLanguageGeneric, Q as KupPointerEventTypes } from './kup-manager-a4153fb2.js';
+import { F as FImage } from './f-image-d2a9603c.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, m as KupLanguageGeneric, Q as KupPointerEventTypes } from './kup-manager-94b3d177.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 
 /**

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

@@ -0,0 +1,105 @@
+import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-c161a33e.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, c as KupDebugCategory } from './kup-manager-94b3d177.js';
+import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
+
+/**
+ * Props of the kup-grid component.
+ * Used to export every prop in an object.
+ */
+var KupGridProps;
+(function (KupGridProps) {
+  KupGridProps["columns"] = "The number of columns displayed by the grid, the default behavior is 12.";
+  KupGridProps["customStyle"] = "Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization";
+  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);display:block;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}:host(.kup-full-width.scalable-cards) .flex-layout__inner{width:100%}:host(.kup-full-width.scalable-cards) .flex-layout__inner *{margin:0;height:100%;width:100%}";
+
+const KupGrid = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /*-------------------------------------------------*/
+    /*       I n t e r n a l   V a r i a b l e s       */
+    /*-------------------------------------------------*/
+    /**
+     * Instance of the KupManager class.
+     */
+    this.kupManager = kupManagerInstance();
+    this.columns = 12;
+    this.customStyle = '';
+    this.singleLine = false;
+  }
+  /*-------------------------------------------------*/
+  /*           P u b l i c   M e t h o d s           */
+  /*-------------------------------------------------*/
+  /**
+   * Used to retrieve component's props values.
+   * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+   * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+   */
+  async getProps(descriptions) {
+    return getProps(this, KupGridProps, descriptions);
+  }
+  /**
+   * This method is used to trigger a new render of the component.
+   */
+  async refresh() {
+    forceUpdate(this);
+  }
+  /**
+   * Sets the props to the component.
+   * @param {GenericObject} props - Object containing props that will be set to the component.
+   */
+  async setProps(props) {
+    setProps(this, KupGridProps, props);
+  }
+  /*-------------------------------------------------*/
+  /*          L i f e c y c l e   H o o k s          */
+  /*-------------------------------------------------*/
+  componentWillLoad() {
+    this.kupManager.debug.logLoad(this, false);
+    this.kupManager.theme.register(this);
+  }
+  componentDidLoad() {
+    this.kupManager.debug.logLoad(this, true);
+  }
+  componentWillRender() {
+    this.kupManager.debug.logRender(this, false);
+  }
+  componentDidRender() {
+    this.kupManager.debug.logRender(this, true);
+  }
+  render() {
+    const slots = this.rootElement.children;
+    if (!slots || slots.length === 0) {
+      this.kupManager.debug.logMessage(this, 'Missing slots, not rendering!', KupDebugCategory.WARNING);
+      return;
+    }
+    const content = [];
+    for (let i = 0; i < slots.length; i++) {
+      let el = null;
+      if (this.singleLine) {
+        el = h("slot", { name: `${i}` });
+      }
+      else {
+        const span = slots[i]['span'] || slots[i].getAttribute('span') || 1;
+        el = (h("div", { class: `layout-grid__cell layout-grid__cell--span-${span}` }, h("slot", { name: `${i}` })));
+      }
+      content.push(el);
+    }
+    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)))));
+  }
+  disconnectedCallback() {
+    this.kupManager.theme.unregister(this);
+  }
+  get rootElement() { return getElement(this); }
+};
+KupGrid.style = kupGridCss;
+
+export { KupGrid as kup_grid };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-d413187a.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, c as KupDebugCategory } from './kup-manager-a4153fb2.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-c161a33e.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, c as KupDebugCategory } from './kup-manager-94b3d177.js';
 
 /**
  * Props of the kup-iframe component.

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

@@ -1,14 +1,14 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-d413187a.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, m as KupLanguageGeneric, d as FCellPadding } from './kup-manager-a4153fb2.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-c161a33e.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, m as KupLanguageGeneric, d as FCellPadding } from './kup-manager-94b3d177.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FImage } from './f-image-adceee49.js';
-import { F as FButton } from './f-button-e54ce8d5.js';
+import { F as FImage } from './f-image-d2a9603c.js';
+import { F as FButton } from './f-button-f247ce10.js';
 import { F as FButtonStyling } from './f-button-declarations-8a009df1.js';
-import { F as FCell } from './f-cell-4149a05d.js';
-import { M as MDCRipple } from './component-cc25b031.js';
-import './f-checkbox-7b113dd8.js';
-import './f-text-field-aa4497a8.js';
-import './f-chip-c3c86f7b.js';
+import { F as FCell } from './f-cell-ba94f1b3.js';
+import { M as MDCRipple } from './component-879e99bf.js';
+import './f-checkbox-cbf7b3de.js';
+import './f-text-field-4d91ccfc.js';
+import './f-chip-104c4a64.js';
 
 /**
  * Props of the kup-image-list component.

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-d413187a.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-a4153fb2.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-c161a33e.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-94b3d177.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 
 /**

package/dist/esm/kup-magic-box.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-d413187a.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, m as KupLanguageGeneric, c as KupDebugCategory, am as kupDropEvent, R as kupDraggableColumnAttr, an as kupDraggableRowAttr, X as KupDropEventTypes, b as KupThemeColorValues } from './kup-manager-a4153fb2.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-c161a33e.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, m as KupLanguageGeneric, c as KupDebugCategory, am as kupDropEvent, R as kupDraggableColumnAttr, an as kupDraggableRowAttr, X as KupDropEventTypes, b as KupThemeColorValues } from './kup-manager-94b3d177.js';
 import { F as FButtonStyling } from './f-button-declarations-8a009df1.js';
-import { F as FImage } from './f-image-adceee49.js';
+import { F as FImage } from './f-image-d2a9603c.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 
 /**