@kws3/ui 2.0.1 → 2.0.3

package/CHANGELOG.mdx

@@ -1,5 +1,12 @@
+## 2.0.3
+ - Sveltkit compatibility fix ('window' not defined)
+
+## 2.0.2
+ - Bugfixes with chart default colours
+ - Set today's date on datepicker initialisation so that long running pages don't stick to the date of first load as today's date
+
 ## 2.0.1
-- Hardcoded color bugfix on pagination styles
+ - Hardcoded color bugfix on pagination styles
 
 ## 2.0.0
  - Add support for custom CSS classes for the table in `GridView` component

package/charts/AreaChart.svelte

@@ -142,11 +142,12 @@ This is to prevent unnecessary event subscriptions., Default: `[]`
   let _data = [];
   let yAxis = {};
 
-  $: usedColors = colors
-    ? colors
-    : $defaultChartColors
-    ? $defaultChartColors
-    : [];
+  $: usedColors =
+    colors && colors.length
+      ? colors
+      : $defaultChartColors
+      ? $defaultChartColors
+      : [];
 
   $: data, sets, normaliseAll();
   $: _options = merge(

package/charts/BarChart.svelte

@@ -162,11 +162,12 @@ This is to prevent unnecessary event subscriptions., Default: `[]`
   let _data = [];
   let yAxis = {};
 
-  $: usedColors = colors
-    ? colors
-    : $defaultChartColors
-    ? $defaultChartColors
-    : [];
+  $: usedColors =
+    colors && colors.length
+      ? colors
+      : $defaultChartColors
+      ? $defaultChartColors
+      : [];
 
   $: data, sets, normaliseAll();
   $: _options = merge(

package/charts/DonutChart.svelte

@@ -129,11 +129,12 @@ This is to prevent unnecessary event subscriptions., Default: `[]`
   $: __class =
     "kws-donut-chart " + `${sparklines ? "kws-sparklines" : ""} ` + klass;
 
-  $: usedColors = colors
-    ? colors
-    : $defaultChartColors
-    ? $defaultChartColors
-    : [];
+  $: usedColors =
+    colors && colors.length
+      ? colors
+      : $defaultChartColors
+      ? $defaultChartColors
+      : [];
 
   $: _data = data || Array(labels.length || 0).fill(0);
   $: _options = merge(

package/charts/LineChart.svelte

@@ -142,11 +142,12 @@ This is to prevent unnecessary event subscriptions., Default: `[]`
   let _data = [];
   let yAxis = {};
 
-  $: usedColors = colors
-    ? colors
-    : $defaultChartColors
-    ? $defaultChartColors
-    : [];
+  $: usedColors =
+    colors && colors.length
+      ? colors
+      : $defaultChartColors
+      ? $defaultChartColors
+      : [];
 
   $: data, sets, normaliseAll();
   $: _options = merge(

package/charts/MixedChart.svelte

@@ -147,11 +147,12 @@ This is to prevent unnecessary event subscriptions., Default: `[]`
   let _data = [];
   let yAxis = [];
 
-  $: usedColors = colors
-    ? colors
-    : $defaultChartColors
-    ? $defaultChartColors
-    : [];
+  $: usedColors =
+    colors && colors.length
+      ? colors
+      : $defaultChartColors
+      ? $defaultChartColors
+      : [];
 
   $: data, sets, normaliseAll();
   $: _options = merge(

package/charts/PieChart.svelte

@@ -129,11 +129,12 @@ This is to prevent unnecessary event subscriptions., Default: `[]`
   $: __class =
     "kws-pie-chart " + `${sparklines ? "kws-sparklines" : ""} ` + klass;
 
-  $: usedColors = colors
-    ? colors
-    : $defaultChartColors
-    ? $defaultChartColors
-    : [];
+  $: usedColors =
+    colors && colors.length
+      ? colors
+      : $defaultChartColors
+      ? $defaultChartColors
+      : [];
 
   $: _data = data || Array(labels.length || 0).fill(0);
   $: _options = merge(

package/charts/RadialChart.svelte

@@ -142,11 +142,12 @@ This is to prevent unnecessary event subscriptions., Default: `[]`
   $: __class =
     "kws-radial-chart " + `${sparklines ? "kws-sparklines" : ""} ` + klass;
 
-  $: usedColors = colors
-    ? colors
-    : $defaultChartColors
-    ? $defaultChartColors
-    : [];
+  $: usedColors =
+    colors && colors.length
+      ? colors
+      : $defaultChartColors
+      ? $defaultChartColors
+      : [];
 
   $: data, normaliseData();
   $: labels, normaliseLabels();

package/forms/actions.js

@@ -34,6 +34,10 @@ function createFlatpickrAction(defaultOpts, hooks, type) {
       _opts["onChange"] = createFirer("dateChange");
     }
 
+    //set today's date on initilisation
+    //otherwise pages that are open overnight do not update their "Today's date"
+    _opts.now = new Date();
+
     let OPTS = Object.assign(defaultOpts, _opts, opts);
 
     let picker = flatpickr(node, OPTS);

package/forms/colorpicker/Colorpicker.js

@@ -1,4 +1,4 @@
-export default (function (win, doc) {
+function initialize(win, doc) {
   var CP,
     instance = "__instance__",
     first = "firstChild",
@@ -619,4 +619,8 @@ export default (function (win, doc) {
       return $;
     })
   );
-})(window, document);
+}
+
+export default typeof window !== "undefined"
+  ? initialize(window, document)
+  : function () {};

package/internal/index.js

@@ -18,10 +18,12 @@ export function isEscKey(e) {
 }
 
 export const IS_MAC =
-  "navigator" in window
-    ? /mac/i.test(
-        window.navigator.userAgentData
-          ? window.navigator.userAgentData.platform
-          : window.navigator.platform
-      )
+  typeof window !== "undefined"
+    ? "navigator" in window
+      ? /mac/i.test(
+          window.navigator.userAgentData
+            ? window.navigator.userAgentData.platform
+            : window.navigator.platform
+        )
+      : false
     : false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kws3/ui",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "UI components for use with Svelte v3 applications.",
   "main": "index.js",
   "svelte": "index.js",
@@ -32,5 +32,5 @@
     "text-mask-core": "^5.1.2",
     "tippy.js": "^6.3.1"
   },
-  "gitHead": "d724cb9ab00f7eba724b874aabfef4cf03ef8e35"
+  "gitHead": "25bba9ec00504040f662c73b524bb719e62c3e6e"
 }

package/resizeObserver/index.js

@@ -1,4 +1,7 @@
-export const hasResizeObserver = typeof window.ResizeObserver != "undefined";
+export const hasResizeObserver =
+  typeof window !== "undefined"
+    ? typeof window.ResizeObserver !== "undefined"
+    : false;
 
 /**
  * Usage: `<div use:resizeObserver on:resize={resizeHandler}>`

package/utils/index.js

@@ -32,18 +32,20 @@ export function cloneObject(obj) {
  * @param {function} [callback=function(){}] - callback function
  */
 export var rAF =
-  window.requestAnimationFrame ||
-  //@ts-ignore
-  window.webkitRequestAnimationFrame ||
-  //@ts-ignore
-  window.mozRequestAnimationFrame ||
-  //@ts-ignore
-  window.oRequestAnimationFrame ||
-  //@ts-ignore
-  window.msRequestAnimationFrame ||
-  function (callback) {
-    window.setTimeout(callback, 1000 / 60);
-  };
+  typeof window !== "undefined"
+    ? window.requestAnimationFrame ||
+      //@ts-ignore
+      window.webkitRequestAnimationFrame ||
+      //@ts-ignore
+      window.mozRequestAnimationFrame ||
+      //@ts-ignore
+      window.oRequestAnimationFrame ||
+      //@ts-ignore
+      window.msRequestAnimationFrame ||
+      function (callback) {
+        window.setTimeout(callback, 1000 / 60);
+      }
+    : () => {};
 
 /**
  * Returns a function, that, as long as it continues to be invoked, will not