@sme.up/ketchup 5.2.1-SNAPSHOT → 6.0.0

package/CHANGELOG.md

@@ -0,0 +1,5 @@
+# KetchUP Changelog
+
+## 24/06/2019 - Pre release
+
+Migrated from Stencil@0.18.x to Stencil@1.0.7

package/dist/cjs/{cell-utils-d96b2993.js → cell-utils-a78d6fac.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const utils = require('./utils-e99921c1.js');
-const kupManager = require('./kup-manager-5c03da64.js');
+const utils = require('./utils-6287d878.js');
+const kupManager = require('./kup-manager-7a941909.js');
 
 const dom = document.documentElement;
 // -------------

package/dist/cjs/{component-d1496215.js → component-72a5b626.js}

@@ -258,6 +258,31 @@ function matches(element, selector) {
         || element.msMatchesSelector;
     return nativeMatches.call(element, selector);
 }
+/**
+ * Used to compute the estimated scroll width of elements. When an element is
+ * hidden due to display: none; being applied to a parent element, the width is
+ * returned as 0. However, the element will have a true width once no longer
+ * inside a display: none context. This method computes an estimated width when
+ * the element is hidden or returns the true width when the element is visble.
+ * @param {Element} element the element whose width to estimate
+ */
+function estimateScrollWidth(element) {
+    // Check the offsetParent. If the element inherits display: none from any
+    // parent, the offsetParent property will be null (see
+    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent).
+    // This check ensures we only clone the node when necessary.
+    var htmlEl = element;
+    if (htmlEl.offsetParent !== null) {
+        return htmlEl.scrollWidth;
+    }
+    var clone = htmlEl.cloneNode(true);
+    clone.style.setProperty('position', 'absolute');
+    clone.style.setProperty('transform', 'translate(-9999px, -9999px)');
+    document.documentElement.appendChild(clone);
+    var scrollWidth = clone.scrollWidth;
+    document.documentElement.removeChild(clone);
+    return scrollWidth;
+}
 
 /**
  * @license
@@ -992,5 +1017,10 @@ var MDCRipple = /** @class */ (function (_super) {
     return MDCRipple;
 }(MDCComponent));
 
+exports.MDCComponent = MDCComponent;
+exports.MDCFoundation = MDCFoundation;
 exports.MDCRipple = MDCRipple;
 exports.MDCRippleFoundation = MDCRippleFoundation;
+exports.applyPassive = applyPassive;
+exports.estimateScrollWidth = estimateScrollWidth;
+exports.matches = matches;

package/dist/cjs/{f-button-2b9b99b1.js → f-button-ac179257.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-eb556444.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fImage = require('./f-image-12bab3b5.js');
+const fImage = require('./f-image-89f25556.js');
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/cjs/{f-cell-8351cb84.js → f-cell-69294bca.js}

@@ -1,12 +1,36 @@
 'use strict';
 
-const kupManager = require('./kup-manager-5c03da64.js');
+const kupManager = require('./kup-manager-7a941909.js');
 const index = require('./index-eb556444.js');
-const cellUtils = require('./cell-utils-d96b2993.js');
-const fTextField = require('./f-text-field-e7c35b5b.js');
-const utils = require('./utils-e99921c1.js');
-const fImage = require('./f-image-12bab3b5.js');
-const fChip = require('./f-chip-df59e1b0.js');
+const cellUtils = require('./cell-utils-a78d6fac.js');
+const fTextField = require('./f-text-field-e1e45ade.js');
+const utils = require('./utils-6287d878.js');
+const fImage = require('./f-image-89f25556.js');
+const fChip = require('./f-chip-b00897d7.js');
+
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FCheckbox = (props) => {
+  const indeterminateAttr = {
+    'data-indeterminate': props.indeterminate ? true : false,
+  };
+  const classObj = {
+    checkbox: true,
+    'checkbox--checked': props.checked && !props.indeterminate ? true : false,
+    'checkbox--disabled': props.disabled ? true : false,
+    'checkbox--indeterminate': props.indeterminate ? true : false,
+  };
+  return (index.h("div", Object.assign({ class: `f-checkbox ${props.danger ? 'kup-danger' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }),
+    index.h("div", { class: `form-field ${props.leadingLabel ? 'form-field--align-end' : ''}` },
+      index.h("div", { class: classObj },
+        index.h("input", Object.assign({ type: "checkbox", class: "checkbox__native-control", checked: props.checked, disabled: props.disabled, onBlur: props.onBlur, onChange: props.onChange, onFocus: props.onFocus }, indeterminateAttr, { value: props.checked ? 'on' : 'off' })),
+        index.h("div", { class: "checkbox__background", onClick: props.onChange },
+          index.h("svg", { class: "checkbox__checkmark", viewBox: "0 0 24 24" },
+            index.h("path", { class: "checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })),
+          index.h("div", { class: "checkbox__mixedmark" }))),
+      props.label ? index.h("label", null, props.label) : undefined)));
+};
 
 const autoAlignComps = [kupManager.KupTagNames.DATA_TABLE, kupManager.KupTagNames.TREE];
 /**
@@ -153,35 +177,11 @@ const kupTypes = [
   FCellTypes.RATING,
 ];
 
-/*-------------------------------------------------*/
-/*                C o m p o n e n t                */
-/*-------------------------------------------------*/
-const FCheckbox = (props) => {
-  const indeterminateAttr = {
-    'data-indeterminate': props.indeterminate ? true : false,
-  };
-  const classObj = {
-    checkbox: true,
-    'checkbox--checked': props.checked && !props.indeterminate ? true : false,
-    'checkbox--disabled': props.disabled ? true : false,
-    'checkbox--indeterminate': props.indeterminate ? true : false,
-  };
-  return (index.h("div", Object.assign({ class: `f-checkbox ${props.danger ? 'kup-danger' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }),
-    index.h("div", { class: `form-field ${props.leadingLabel ? 'form-field--align-end' : ''}` },
-      index.h("div", { class: classObj },
-        index.h("input", Object.assign({ type: "checkbox", class: "checkbox__native-control", checked: props.checked, disabled: props.disabled, onBlur: props.onBlur, onChange: props.onChange, onFocus: props.onFocus }, indeterminateAttr, { value: props.checked ? 'on' : 'off' })),
-        index.h("div", { class: "checkbox__background", onClick: props.onChange },
-          index.h("svg", { class: "checkbox__checkmark", viewBox: "0 0 24 24" },
-            index.h("path", { class: "checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })),
-          index.h("div", { class: "checkbox__mixedmark" }))),
-      props.label ? index.h("label", null, props.label) : undefined)));
-};
-
 const dom = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
-const FCell = (props) => {
+const FCell = (props, children) => {
   const cell = props.cell;
   const column = props.column;
   const row = props.row;
@@ -269,12 +269,12 @@ const FCell = (props) => {
     };
     infoEl = index.h(fImage.FImage, Object.assign({}, fProps));
   }
-  return (index.h("div", { class: classObj, style: cell.style },
-    index.h("div", { class: "f-cell__content", style: cell.styleContent, title: cellTitle },
-      props.indents,
-      infoEl,
-      icon,
-      content)));
+  return (index.h("div", { class: classObj, "kup-get-cell-props": () => {
+      return props;
+    }, style: cell.style },
+    index.h("div", { class: "f-cell__content", style: cell.styleContent, title: cellTitle }, children && children.length > 0
+      ? children
+      : [props.indents, infoEl, icon, content])));
 };
 function setCellSize(cellType, subcomponentProps, cell, props) {
   switch (cellType) {

package/dist/cjs/{f-chip-df59e1b0.js → f-chip-b00897d7.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-eb556444.js');
-const fImage = require('./f-image-12bab3b5.js');
-const kupManager = require('./kup-manager-5c03da64.js');
+const fImage = require('./f-image-89f25556.js');
+const kupManager = require('./kup-manager-7a941909.js');
 
 /**
  * Types of the f-chip component.
@@ -76,7 +76,8 @@ function createChipList(props, isChoice, isFilter, isInput) {
       }
     }
     function createChip(chip) {
-      let componentClass = `chip `;
+      const onlyIcon = !!(chip.icon && !chip.value);
+      let componentClass = `chip ${onlyIcon ? 'chip--only-icon' : ''}`;
       let iconEl = [];
       let iconClass = 'chip__icon chip__icon--leading';
       if (isFilter || isChoice) {

package/dist/cjs/{f-image-12bab3b5.js → f-image-89f25556.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-eb556444.js');
-const kupManager = require('./kup-manager-5c03da64.js');
+const kupManager = require('./kup-manager-7a941909.js');
 
 /**
  * The type of a CSS step in CSS-drawing mode.