@swisspost/design-system-components 1.3.4 → 1.3.6

package/dist/collection/components/post-icon/post-icon.css

@@ -7,18 +7,26 @@
 svg {
   display: block;
   width: 100%;
+  height: 100%;
   fill: currentColor;
+  background-color: currentColor;
+  -webkit-mask-position: center center;
+  mask-position: center center;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100%;
+  mask-size: 100%;
 }
 
-:host([flip-h]:not([flip-h=false])) svg {
+:host([flip-h]:not([flip-h=false])) {
   scale: -1 1;
 }
 
-:host([flip-v]:not([flip-v=false])) svg {
+:host([flip-v]:not([flip-v=false])) {
   scale: 1 -1;
 }
 
-:host([flip-h][flip-v]:not([flip-h=false], [flip-v=false])) svg {
+:host([flip-h][flip-v]:not([flip-h=false], [flip-v=false])) {
   scale: -1;
 }
 

package/dist/collection/components/post-icon/post-icon.js

@@ -16,8 +16,6 @@ const ANIMATION_KEYS = [...ANIMATION_NAMES];
  */
 export class PostIcon {
   constructor() {
-    this.svgSource = '<svg viewBox="0 0 16 16"></svg>';
-    this.pathForceCDN = false;
     this.svgStyles = undefined;
     this.svgOutput = undefined;
     this.animation = null;
@@ -61,94 +59,29 @@ export class PostIcon {
     this.validateAnimation();
   }
   componentWillRender() {
-    this.createIconFromStorage();
-    // create path dependant on the props
     this.setPath();
-    // fetch icon if the prop "name" is defined and
-    // the path has not allready been loaded
-    if (this.name && this.path !== this.loadedPath) {
-      this.loadedPath = this.path;
-      this.fetchIcon()
-        .then(successfullyLoaded => {
-        // create icon only if an svg has been loaded successfully
-        if (successfullyLoaded)
-          this.createIcon();
-      })
-        .catch(error => {
-        console.error(error);
-      });
-    }
   }
   setPath() {
+    var _a, _b, _c, _d;
     // Construct icon path from different possible sources
-    let basePath;
-    const metaBase = document.head.querySelector('meta[name="design-system-settings"][data-post-icon-base]');
-    if (this.base) {
-      basePath = this.base;
-    }
-    else if (metaBase) {
-      basePath = metaBase.getAttribute('data-post-icon-base');
-    }
-    else {
-      basePath = CDN_URL;
-    }
-    // use "basePath" only if "pathForceCDN" state is "false"
-    this.path = this.getPath(this.pathForceCDN ? CDN_URL : basePath);
-    // reset "pathForceCDN" after every try
-    this.pathForceCDN = false;
+    const metaBase = (_b = (_a = document.head
+      .querySelector('meta[name="design-system-settings"][data-post-icon-base]')) === null || _a === void 0 ? void 0 : _a.getAttribute('data-post-icon-base')) !== null && _b !== void 0 ? _b : null;
+    const fileBase = `${(_d = (_c = this.base) !== null && _c !== void 0 ? _c : metaBase) !== null && _d !== void 0 ? _d : CDN_URL}/`.replace(/\/\/$/, '/');
+    const fileName = `${this.name}.svg#icon`;
+    const filePath = `${fileBase}${fileName}`;
+    this.path = new URL(filePath, window.location.origin).toString();
   }
-  getPath(basePath) {
-    return new URL([...basePath.split('/'), `${this.name}.svg#icon`].join('/'), window.location.origin).toString();
-  }
-  fetchIcon() {
-    return new Promise((resolve, reject) => {
-      fetch(this.path)
-        .then(response => response.text())
-        .then(textResponse => {
-        // match "svg" out of "textResponse"
-        const match = textResponse.match(/^<svg\b([\s\S]*)><\/svg>/);
-        if (match !== null) {
-          // set "svgSource" and return "successfullyLoaded" with true
-          this.svgSource = match[0];
-          window.localStorage.setItem(`post-icon-${this.name}`, this.svgSource);
-          resolve(true);
-        }
-        else if (this.path !== this.getPath(CDN_URL)) {
-          // if used "path" is not CDN path, and fetch has loaded something else than a "svg", try to reload it from the CDN
-          console.warn(`Warning in <post-icon/>: The path "${this.path}" seems to be no svg-only content. We'll gonna try to load the icon from the cdn.`);
-          // trigger a component update, which will result in a refetch of the icon with the "CDN_URL"
-          this.pathForceCDN = true;
-          // return "successfullyLoaded" with false
-          resolve(false);
-        }
-      })
-        .catch(reject);
-    });
-  }
-  createIconFromStorage() {
-    const storedIcon = window.localStorage.getItem(`post-icon-${this.name}`);
-    if (storedIcon) {
-      this.svgSource = storedIcon !== null && storedIcon !== void 0 ? storedIcon : this.svgSource;
-      this.createIcon();
-    }
-  }
-  createIcon() {
-    // create svg element from svgSource string
-    const domParser = new DOMParser();
-    this.svgElement = domParser.parseFromString(this.svgSource, 'text/html').querySelector('svg');
+  render() {
     // create inline styles for some properties
     const svgStyles = Object.entries({
-      scale: this.scale && !isNaN(Number(this.scale)) ? `${this.scale}` : null,
-      rotate: this.rotate && !isNaN(Number(this.rotate)) ? `${this.rotate}deg` : null,
+      '-webkit-mask-image': `url('${this.path}')`,
+      'mask-image': `url('${this.path}')`,
+      'scale': this.scale && !isNaN(Number(this.scale)) ? `${this.scale}` : null,
+      'rotate': this.rotate && !isNaN(Number(this.rotate)) ? `${this.rotate}deg` : null,
     })
       .filter(([_key, value]) => value !== null)
-      .map(([key, value]) => `${key}: ${value}`)
-      .join(';');
-    this.svgElement.setAttribute('style', svgStyles);
-    this.host.shadowRoot.innerHTML = this.svgElement.outerHTML;
-  }
-  render() {
-    return h(Host, { "data-version": version });
+      .reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});
+    return (h(Host, { "data-version": version }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", style: svgStyles })));
   }
   static get is() { return "post-icon"; }
   static get encapsulation() { return "shadow"; }
@@ -297,7 +230,6 @@ export class PostIcon {
   }
   static get states() {
     return {
-      "pathForceCDN": {},
       "svgStyles": {},
       "svgOutput": {}
     };

package/dist/collection/components/post-icon/post-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-icon.js","sourceRoot":"","sources":["../../../../src/components/post-icon/post-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, h, Prop, State, Watch } from '@stencil/core';\nimport { checkNonEmpty, checkType, checkEmptyOrType, checkEmptyOrOneOf } from '../../utils';\nimport { version } from '../../../package.json';\n\nconst CDN_URL = 'https://unpkg.com/@swisspost/design-system-icons/public/post-icons';\nconst ANIMATION_NAMES = [\n  'cylon',\n  'cylon-vertical',\n  'spin',\n  'spin-reverse',\n  'fade',\n  'throb',\n] as const;\nconst ANIMATION_KEYS = [...ANIMATION_NAMES];\n\ntype Animation = (typeof ANIMATION_NAMES)[number];\n\n/**\n * @class PostIcon - representing a stencil component\n */\n@Component({\n  tag: 'post-icon',\n  styleUrl: 'post-icon.scss',\n  shadow: true,\n})\nexport class PostIcon {\n  private path: string;\n  private loadedPath: string;\n  private svgSource = '<svg viewBox=\"0 0 16 16\"></svg>';\n  private svgElement: SVGElement;\n\n  @Element() host: HTMLPostIconElement;\n\n  @State() pathForceCDN = false;\n  @State() svgStyles: string;\n  @State() svgOutput: string;\n\n  /**\n   * The name of the animation.\n   */\n  @Prop() readonly animation?: Animation | null = null;\n\n  @Watch('animation')\n  validateAnimation(newValue = this.animation) {\n    if (newValue !== undefined)\n      checkEmptyOrOneOf(\n        newValue,\n        ANIMATION_KEYS,\n        `The post-icon \"animation\" prop requires one of the following values: ${ANIMATION_KEYS.join(\n          ', ',\n        )}.`,\n      );\n  }\n\n  /**\n   * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.\n   */\n  @Prop() readonly base?: string | null = null;\n\n  @Watch('base')\n  validateBase(newValue = this.base) {\n    checkEmptyOrType(newValue, 'string', 'The post-icon \"base\" prop should be a string.');\n  }\n\n  /**\n   * When set to `true`, the icon will be flipped horizontally.\n   */\n  @Prop() readonly flipH?: boolean = false;\n\n  @Watch('flipH')\n  validateFlipH(newValue = this.flipH) {\n    checkEmptyOrType(newValue, 'boolean', 'The post-icon \"flipH\" prop should be a boolean.');\n  }\n\n  /**\n   * When set to `true`, the icon will be flipped vertically.\n   */\n  @Prop() readonly flipV?: boolean = false;\n\n  @Watch('flipV')\n  validateFlipV(newValue = this.flipV) {\n    checkEmptyOrType(newValue, 'boolean', 'The post-icon \"flipV\" prop should be a boolean.');\n  }\n\n  /**\n   * The name/id of the icon (e.g. 1000, 1001, ...).\n   */\n  @Prop() readonly name!: string;\n\n  @Watch('name')\n  validateName(newValue = this.name) {\n    checkNonEmpty(newValue, 'The post-icon \"name\" prop is required!.');\n    checkType(newValue, 'string', 'The post-icon \"name\" prop should be a string.');\n  }\n\n  /**\n   * The number of degree for the css rotate transformation.\n   */\n  @Prop() readonly rotate?: number | null = null;\n\n  @Watch('rotate')\n  validateRotate(newValue = this.rotate) {\n    checkEmptyOrType(newValue, 'number', 'The post-icon \"rotate\" prop should be a number.');\n  }\n\n  /**\n   * The number for the css scale transformation.\n   */\n  @Prop() readonly scale?: number | null = null;\n\n  @Watch('scale')\n  validateScale(newValue = this.scale) {\n    checkEmptyOrType(newValue, 'number', 'The post-icon \"scale\" prop should be a number.');\n  }\n\n  componentWillLoad() {\n    this.validateBase();\n    this.validateName();\n    this.validateFlipH();\n    this.validateFlipV();\n    this.validateScale();\n    this.validateRotate();\n    this.validateAnimation();\n  }\n\n  componentWillRender() {\n    this.createIconFromStorage();\n\n    // create path dependant on the props\n    this.setPath();\n\n    // fetch icon if the prop \"name\" is defined and\n    // the path has not allready been loaded\n    if (this.name && this.path !== this.loadedPath) {\n      this.loadedPath = this.path;\n\n      this.fetchIcon()\n        .then(successfullyLoaded => {\n          // create icon only if an svg has been loaded successfully\n          if (successfullyLoaded) this.createIcon();\n        })\n        .catch(error => {\n          console.error(error);\n        });\n    }\n  }\n\n  private setPath() {\n    // Construct icon path from different possible sources\n    let basePath: string;\n    const metaBase = document.head.querySelector(\n      'meta[name=\"design-system-settings\"][data-post-icon-base]',\n    );\n\n    if (this.base) {\n      basePath = this.base;\n    } else if (metaBase) {\n      basePath = metaBase.getAttribute('data-post-icon-base');\n    } else {\n      basePath = CDN_URL;\n    }\n\n    // use \"basePath\" only if \"pathForceCDN\" state is \"false\"\n    this.path = this.getPath(this.pathForceCDN ? CDN_URL : basePath);\n    // reset \"pathForceCDN\" after every try\n    this.pathForceCDN = false;\n  }\n\n  private getPath(basePath: string) {\n    return new URL(\n      [...basePath.split('/'), `${this.name}.svg#icon`].join('/'),\n      window.location.origin,\n    ).toString();\n  }\n\n  private fetchIcon() {\n    return new Promise((resolve, reject) => {\n      fetch(this.path)\n        .then(response => response.text())\n        .then(textResponse => {\n          // match \"svg\" out of \"textResponse\"\n          const match = textResponse.match(/^<svg\\b([\\s\\S]*)><\\/svg>/);\n\n          if (match !== null) {\n            // set \"svgSource\" and return \"successfullyLoaded\" with true\n            this.svgSource = match[0];\n            window.localStorage.setItem(`post-icon-${this.name}`, this.svgSource);\n            resolve(true);\n          } else if (this.path !== this.getPath(CDN_URL)) {\n            // if used \"path\" is not CDN path, and fetch has loaded something else than a \"svg\", try to reload it from the CDN\n            console.warn(\n              `Warning in <post-icon/>: The path \"${this.path}\" seems to be no svg-only content. We'll gonna try to load the icon from the cdn.`,\n            );\n            // trigger a component update, which will result in a refetch of the icon with the \"CDN_URL\"\n            this.pathForceCDN = true;\n            // return \"successfullyLoaded\" with false\n            resolve(false);\n          }\n        })\n        .catch(reject);\n    });\n  }\n\n  private createIconFromStorage() {\n    const storedIcon = window.localStorage.getItem(`post-icon-${this.name}`);\n\n    if (storedIcon) {\n      this.svgSource = storedIcon ?? this.svgSource;\n      this.createIcon();\n    }\n  }\n\n  private createIcon() {\n    // create svg element from svgSource string\n    const domParser = new DOMParser();\n    this.svgElement = domParser.parseFromString(this.svgSource, 'text/html').querySelector('svg');\n\n    // create inline styles for some properties\n    const svgStyles = Object.entries({\n      scale: this.scale && !isNaN(Number(this.scale)) ? `${this.scale}` : null,\n      rotate: this.rotate && !isNaN(Number(this.rotate)) ? `${this.rotate}deg` : null,\n    })\n      .filter(([_key, value]) => value !== null)\n      .map(([key, value]) => `${key}: ${value}`)\n      .join(';');\n\n    this.svgElement.setAttribute('style', svgStyles);\n    this.host.shadowRoot.innerHTML = this.svgElement.outerHTML;\n  }\n\n  render() {\n    return <Host data-version={version} />;\n  }\n}\n"]}
+{"version":3,"file":"post-icon.js","sourceRoot":"","sources":["../../../../src/components/post-icon/post-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, h, Prop, State, Watch } from '@stencil/core';\nimport { checkNonEmpty, checkType, checkEmptyOrType, checkEmptyOrOneOf } from '../../utils';\nimport { version } from '../../../package.json';\n\nconst CDN_URL = 'https://unpkg.com/@swisspost/design-system-icons/public/post-icons';\nconst ANIMATION_NAMES = [\n  'cylon',\n  'cylon-vertical',\n  'spin',\n  'spin-reverse',\n  'fade',\n  'throb',\n] as const;\nconst ANIMATION_KEYS = [...ANIMATION_NAMES];\n\ntype Animation = (typeof ANIMATION_NAMES)[number];\n\n/**\n * @class PostIcon - representing a stencil component\n */\n@Component({\n  tag: 'post-icon',\n  styleUrl: 'post-icon.scss',\n  shadow: true,\n})\nexport class PostIcon {\n  private path: string;\n\n  @Element() host: HTMLPostIconElement;\n\n  @State() svgStyles: string;\n  @State() svgOutput: string;\n\n  /**\n   * The name of the animation.\n   */\n  @Prop() readonly animation?: Animation | null = null;\n\n  @Watch('animation')\n  validateAnimation(newValue = this.animation) {\n    if (newValue !== undefined)\n      checkEmptyOrOneOf(\n        newValue,\n        ANIMATION_KEYS,\n        `The post-icon \"animation\" prop requires one of the following values: ${ANIMATION_KEYS.join(\n          ', ',\n        )}.`,\n      );\n  }\n\n  /**\n   * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.\n   */\n  @Prop() readonly base?: string | null = null;\n\n  @Watch('base')\n  validateBase(newValue = this.base) {\n    checkEmptyOrType(newValue, 'string', 'The post-icon \"base\" prop should be a string.');\n  }\n\n  /**\n   * When set to `true`, the icon will be flipped horizontally.\n   */\n  @Prop() readonly flipH?: boolean = false;\n\n  @Watch('flipH')\n  validateFlipH(newValue = this.flipH) {\n    checkEmptyOrType(newValue, 'boolean', 'The post-icon \"flipH\" prop should be a boolean.');\n  }\n\n  /**\n   * When set to `true`, the icon will be flipped vertically.\n   */\n  @Prop() readonly flipV?: boolean = false;\n\n  @Watch('flipV')\n  validateFlipV(newValue = this.flipV) {\n    checkEmptyOrType(newValue, 'boolean', 'The post-icon \"flipV\" prop should be a boolean.');\n  }\n\n  /**\n   * The name/id of the icon (e.g. 1000, 1001, ...).\n   */\n  @Prop() readonly name!: string;\n\n  @Watch('name')\n  validateName(newValue = this.name) {\n    checkNonEmpty(newValue, 'The post-icon \"name\" prop is required!.');\n    checkType(newValue, 'string', 'The post-icon \"name\" prop should be a string.');\n  }\n\n  /**\n   * The number of degree for the css rotate transformation.\n   */\n  @Prop() readonly rotate?: number | null = null;\n\n  @Watch('rotate')\n  validateRotate(newValue = this.rotate) {\n    checkEmptyOrType(newValue, 'number', 'The post-icon \"rotate\" prop should be a number.');\n  }\n\n  /**\n   * The number for the css scale transformation.\n   */\n  @Prop() readonly scale?: number | null = null;\n\n  @Watch('scale')\n  validateScale(newValue = this.scale) {\n    checkEmptyOrType(newValue, 'number', 'The post-icon \"scale\" prop should be a number.');\n  }\n\n  componentWillLoad() {\n    this.validateBase();\n    this.validateName();\n    this.validateFlipH();\n    this.validateFlipV();\n    this.validateScale();\n    this.validateRotate();\n    this.validateAnimation();\n  }\n\n  componentWillRender() {\n    this.setPath();\n  }\n\n  private setPath() {\n    // Construct icon path from different possible sources\n    const metaBase =\n      document.head\n        .querySelector('meta[name=\"design-system-settings\"][data-post-icon-base]')\n        ?.getAttribute('data-post-icon-base') ?? null;\n\n    const fileBase = `${this.base ?? metaBase ?? CDN_URL}/`.replace(/\\/\\/$/, '/');\n    const fileName = `${this.name}.svg#icon`;\n    const filePath = `${fileBase}${fileName}`;\n\n    this.path = new URL(filePath, window.location.origin).toString();\n  }\n\n  render() {\n    // create inline styles for some properties\n    const svgStyles = Object.entries({\n      '-webkit-mask-image': `url('${this.path}')`,\n      'mask-image': `url('${this.path}')`,\n      'scale': this.scale && !isNaN(Number(this.scale)) ? `${this.scale}` : null,\n      'rotate': this.rotate && !isNaN(Number(this.rotate)) ? `${this.rotate}deg` : null,\n    })\n      .filter(([_key, value]) => value !== null)\n      .reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});\n\n    return (\n      <Host data-version={version}>\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" style={svgStyles}>\n        </svg>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/utils/property-checkers/tests/check-non-empty.spec.js

@@ -0,0 +1,36 @@
+import { EMPTY_VALUES } from '../constants';
+import { checkNonEmpty } from '../check-non-empty';
+const TEST_VALUES = [
+  undefined,
+  null,
+  '',
+  'string',
+  NaN,
+  -1000,
+  0,
+  1000,
+  false,
+  true,
+  {},
+  [],
+  () => {
+    /* empty */
+  },
+];
+const NON_EMPTY_VALUES = TEST_VALUES.filter(tValue => !EMPTY_VALUES.some(eValue => eValue === tValue));
+describe('notEmpty', () => {
+  const error = 'Is empty!';
+  describe('empty value', () => {
+    it('should not throw an error if the value is an non-empty value', () => {
+      NON_EMPTY_VALUES.forEach(value => {
+        expect(() => checkNonEmpty(value, error)).not.toThrow();
+      });
+    });
+    it('should throw an error if the value is an empty value', () => {
+      EMPTY_VALUES.forEach(value => {
+        expect(() => checkNonEmpty(value, error)).toThrow(error);
+      });
+    });
+  });
+});
+//# sourceMappingURL=check-non-empty.spec.js.map

package/dist/collection/utils/property-checkers/tests/check-non-empty.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-non-empty.spec.js","sourceRoot":"","sources":["../../../../../src/utils/property-checkers/tests/check-non-empty.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,WAAW,GAAG;EAClB,SAAS;EACT,IAAI;EACJ,EAAE;EACF,QAAQ;EACR,GAAG;EACH,CAAC,IAAI;EACL,CAAC;EACD,IAAI;EACJ,KAAK;EACL,IAAI;EACJ,EAAE;EACF,EAAE;EACF,GAAG,EAAE;IACH,WAAW;EACb,CAAC;CACF,CAAC;AACF,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,CACzC,MAAM,CAAC,EAAE,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,KAAK,MAAM,CAAC,CAC1D,CAAC;AAEF,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACxB,MAAM,KAAK,GAAG,WAAW,CAAC;EAE1B,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,8DAA8D,EAAE,GAAG,EAAE;MACtE,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QAC/B,MAAM,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;MAC1D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;MAC9D,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QAC3B,MAAM,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;MAC3D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { EMPTY_VALUES } from '../constants';\nimport { checkNonEmpty } from '../check-non-empty';\n\nconst TEST_VALUES = [\n  undefined,\n  null,\n  '',\n  'string',\n  NaN,\n  -1000,\n  0,\n  1000,\n  false,\n  true,\n  {},\n  [],\n  () => {\n    /* empty */\n  },\n];\nconst NON_EMPTY_VALUES = TEST_VALUES.filter(\n  tValue => !EMPTY_VALUES.some(eValue => eValue === tValue),\n);\n\ndescribe('notEmpty', () => {\n  const error = 'Is empty!';\n\n  describe('empty value', () => {\n    it('should not throw an error if the value is an non-empty value', () => {\n      NON_EMPTY_VALUES.forEach(value => {\n        expect(() => checkNonEmpty(value, error)).not.toThrow();\n      });\n    });\n\n    it('should throw an error if the value is an empty value', () => {\n      EMPTY_VALUES.forEach(value => {\n        expect(() => checkNonEmpty(value, error)).toThrow(error);\n      });\n    });\n  });\n});\n"]}

package/dist/collection/utils/property-checkers/tests/check-one-of.spec.js

@@ -0,0 +1,13 @@
+import { checkOneOf } from '../check-one-of';
+describe('checkOneOf', () => {
+  const possibleValues = ['A', 'B', 'C', 'D'];
+  const error = 'Is not one of.';
+  const runCheckForValue = value => () => checkOneOf(value, possibleValues, error);
+  it('should not throw an error if the value is one of the possible values', () => {
+    expect(runCheckForValue('A')).not.toThrow();
+  });
+  it('should throw the provided error if the value is not one of the possible values', () => {
+    expect(runCheckForValue('E')).toThrow(error);
+  });
+});
+//# sourceMappingURL=check-one-of.spec.js.map

package/dist/collection/utils/property-checkers/tests/check-one-of.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-one-of.spec.js","sourceRoot":"","sources":["../../../../../src/utils/property-checkers/tests/check-one-of.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC1B,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;EAC5C,MAAM,KAAK,GAAG,gBAAgB,CAAC;EAC/B,MAAM,gBAAgB,GAAG,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;EAEjF,EAAE,CAAC,sEAAsE,EAAE,GAAG,EAAE;IAC9E,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;EAC9C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gFAAgF,EAAE,GAAG,EAAE;IACxF,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;EAC/C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { checkOneOf } from '../check-one-of';\n\ndescribe('checkOneOf', () => {\n  const possibleValues = ['A', 'B', 'C', 'D'];\n  const error = 'Is not one of.';\n  const runCheckForValue = value => () => checkOneOf(value, possibleValues, error);\n\n  it('should not throw an error if the value is one of the possible values', () => {\n    expect(runCheckForValue('A')).not.toThrow();\n  });\n\n  it('should throw the provided error if the value is not one of the possible values', () => {\n    expect(runCheckForValue('E')).toThrow(error);\n  });\n});\n"]}

package/dist/collection/utils/property-checkers/tests/check-type.spec.js

@@ -0,0 +1,103 @@
+import { checkType } from '../check-type';
+describe('checkType', () => {
+  let type;
+  let error;
+  const runCheckForValue = value => () => checkType(value, type, error);
+  describe('boolean', () => {
+    beforeAll(() => {
+      type = 'boolean';
+      error = 'Not a boolean.';
+    });
+    it('should not throw an error if the value is a boolean', () => {
+      [true, false].forEach(boolean => {
+        expect(runCheckForValue(boolean)).not.toThrow();
+      });
+    });
+    it('should throw an error if the value is not a boolean', () => {
+      [undefined, null, 42, NaN, 'string', [], {}, () => { }].forEach(nonBoolean => {
+        expect(runCheckForValue(nonBoolean)).toThrow(error);
+      });
+    });
+  });
+  describe('number', () => {
+    beforeAll(() => {
+      type = 'number';
+      error = 'Not a number.';
+    });
+    it('should not throw an error if the value is a number', () => {
+      [42, 4.2, 4200, 2.4434634e9, NaN].forEach(number => {
+        expect(runCheckForValue(number)).not.toThrow();
+      });
+    });
+    it('should throw an error if the value is not a number', () => {
+      [undefined, null, true, 'string', [], {}, () => { }].forEach(nonNumber => {
+        expect(runCheckForValue(nonNumber)).toThrow(error);
+      });
+    });
+  });
+  describe('string', () => {
+    beforeAll(() => {
+      type = 'string';
+      error = 'Not a string.';
+    });
+    it('should not throw an error if the value is a string', () => {
+      ['', 'string', '42', '¡¡Olé 🙌!!'].forEach(string => {
+        expect(runCheckForValue(string)).not.toThrow();
+      });
+    });
+    it('should throw an error if the value is not string', () => {
+      [undefined, null, true, 42, NaN, [], {}, () => { }].forEach(nonString => {
+        expect(runCheckForValue(nonString)).toThrow(error);
+      });
+    });
+  });
+  describe('array', () => {
+    beforeAll(() => {
+      type = 'array';
+      error = 'Not an array.';
+    });
+    it('should not throw an error if the value is an array', () => {
+      [[], [1, 'a']].forEach(array => {
+        expect(runCheckForValue(array)).not.toThrow();
+      });
+    });
+    it('should throw an error if the value is not an array', () => {
+      [undefined, null, true, 42, NaN, 'string', {}, () => { }].forEach(nonArray => {
+        expect(runCheckForValue(nonArray)).toThrow(error);
+      });
+    });
+  });
+  describe('object', () => {
+    beforeAll(() => {
+      type = 'object';
+      error = 'Not an object.';
+    });
+    it('should not throw an error if the value is an object', () => {
+      [null, {}].forEach(object => {
+        expect(runCheckForValue(object)).not.toThrow();
+      });
+    });
+    it('should throw an error if the value is not an object', () => {
+      [undefined, true, 42, NaN, 'string', () => { }].forEach(nonObject => {
+        expect(runCheckForValue(nonObject)).toThrow(error);
+      });
+    });
+  });
+  describe('function', () => {
+    beforeAll(() => {
+      type = 'function';
+      error = 'Not a function.';
+    });
+    it('should not throw an error if the value is a function', () => {
+      [function () { }, () => { }].forEach(fn => {
+        expect(runCheckForValue(fn)).not.toThrow();
+      });
+    });
+    it('should throw an error if the value is not a function', () => {
+      [undefined, null, true, 42, NaN, 'string', [], {}].forEach(nonFn => {
+        expect(runCheckForValue(nonFn)).toThrow(error);
+      });
+    });
+  });
+});
+//# sourceMappingURL=check-type.spec.js.map

package/dist/collection/utils/property-checkers/tests/check-type.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-type.spec.js","sourceRoot":"","sources":["../../../../../src/utils/property-checkers/tests/check-type.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { checkType, PropertyType } from '../check-type';\n\ndescribe('checkType', () => {\n  let type: PropertyType;\n  let error: string;\n  const runCheckForValue = value => () => checkType(value, type, error);\n\n  describe('boolean', () => {\n    beforeAll(() => {\n      type = 'boolean';\n      error = 'Not a boolean.';\n    });\n\n    it('should not throw an error if the value is a boolean', () => {\n      [true, false].forEach(boolean => {\n        expect(runCheckForValue(boolean)).not.toThrow();\n      });\n    });\n\n    it('should throw an error if the value is not a boolean', () => {\n      [undefined, null, 42, NaN, 'string', [], {}, () => {/* empty */}].forEach(nonBoolean => {\n        expect(runCheckForValue(nonBoolean)).toThrow(error);\n      });\n    });\n  });\n\n  describe('number', () => {\n    beforeAll(() => {\n      type = 'number';\n      error = 'Not a number.';\n    });\n\n    it('should not throw an error if the value is a number', () => {\n      [ 42, 4.2, 4_200, 2.4434634e9, NaN ].forEach(number => {\n        expect(runCheckForValue(number)).not.toThrow();\n      });\n    });\n\n    it('should throw an error if the value is not a number', () => {\n      [undefined, null, true, 'string', [], {}, () => {/* empty */}].forEach(nonNumber => {\n        expect(runCheckForValue(nonNumber)).toThrow(error);\n      });\n    });\n  });\n\n  describe('string', () => {\n    beforeAll(() => {\n      type = 'string';\n      error = 'Not a string.';\n    });\n\n    it('should not throw an error if the value is a string', () => {\n      ['', 'string', '42', '¡¡Olé 🙌!!'].forEach(string => {\n        expect(runCheckForValue(string)).not.toThrow();\n      });\n    });\n\n    it('should throw an error if the value is not string', () => {\n      [undefined, null, true, 42, NaN, [], {}, () => {/* empty */}].forEach(nonString => {\n        expect(runCheckForValue(nonString)).toThrow(error);\n      });\n    });\n  });\n\n  describe('array', () => {\n    beforeAll(() => {\n      type = 'array';\n      error = 'Not an array.';\n    });\n\n    it('should not throw an error if the value is an array', () => {\n      [[], [1, 'a']].forEach(array => {\n        expect(runCheckForValue(array)).not.toThrow();\n      });\n    });\n\n    it('should throw an error if the value is not an array', () => {\n      [undefined, null, true, 42, NaN, 'string', {}, () => {/* empty */}].forEach(nonArray => {\n        expect(runCheckForValue(nonArray)).toThrow(error);\n      });\n    });\n  });\n\n  describe('object', () => {\n    beforeAll(() => {\n      type = 'object';\n      error = 'Not an object.';\n    });\n\n    it('should not throw an error if the value is an object', () => {\n      [null, {}].forEach(object => {\n        expect(runCheckForValue(object)).not.toThrow();\n      });\n    });\n\n    it('should throw an error if the value is not an object', () => {\n      [undefined, true, 42, NaN, 'string', () => {/* empty */}].forEach(nonObject => {\n        expect(runCheckForValue(nonObject)).toThrow(error);\n      });\n    });\n  });\n\n  describe('function', () => {\n    beforeAll(() => {\n      type = 'function';\n      error = 'Not a function.';\n    });\n\n    it('should not throw an error if the value is a function', () => {\n      [function () {/* empty */}, () => {/* empty */}].forEach(fn => {\n        expect(runCheckForValue(fn)).not.toThrow();\n      });\n    });\n\n    it('should throw an error if the value is not a function', () => {\n      [undefined, null, true, 42, NaN, 'string', [], {}].forEach(nonFn => {\n        expect(runCheckForValue(nonFn)).toThrow(error);\n      });\n    });\n  });\n});\n"]}

package/dist/collection/utils/property-checkers/tests/empty-or.spec.js

@@ -0,0 +1,23 @@
+import { emptyOr } from '../empty-or';
+describe('emptyOr', () => {
+  const mockCheck = jest.fn();
+  const mockEmptyOrCheck = emptyOr(mockCheck);
+  it('should not run the check if the provided value is empty', () => {
+    [undefined, null, ''].forEach(emptyValue => {
+      mockEmptyOrCheck(emptyValue);
+      expect(mockCheck).not.toHaveBeenCalled();
+    });
+  });
+  it('should run the check if the provided value is not empty', () => {
+    [0, NaN, ' ', false, [], {}, () => { }].forEach((nonEmptyValue, index) => {
+      mockEmptyOrCheck(nonEmptyValue);
+      expect(mockCheck).toHaveBeenCalledTimes(index + 1);
+    });
+  });
+  it('should pass all provided arguments to the nested check function', () => {
+    const args = ['non empty value', true, false, ['arg in an array'], { arg: 'in an object' }];
+    mockEmptyOrCheck(...args);
+    expect(mockCheck).toHaveBeenCalledWith(...args);
+  });
+});
+//# sourceMappingURL=empty-or.spec.js.map

package/dist/collection/utils/property-checkers/tests/empty-or.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-or.spec.js","sourceRoot":"","sources":["../../../../../src/utils/property-checkers/tests/empty-or.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACvB,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;EAC5B,MAAM,gBAAgB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;EAE5C,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;IACjE,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;MACzC,gBAAgB,CAAC,UAAU,CAAC,CAAC;MAC7B,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAC3C,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;IACjE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE;MACjF,gBAAgB,CAAC,aAAa,CAAC,CAAC;MAChC,MAAM,CAAC,SAAS,CAAC,CAAC,qBAAqB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,iEAAiE,EAAE,GAAG,EAAE;IACzE,MAAM,IAAI,GAAG,CAAC,iBAAiB,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,iBAAiB,CAAC,EAAE,EAAC,GAAG,EAAE,cAAc,EAAC,CAAC,CAAC;IAC1F,gBAAgB,CAAC,GAAG,IAAI,CAAC,CAAC;IAC1B,MAAM,CAAC,SAAS,CAAC,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAC,CAAC;EAClD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { emptyOr } from '../empty-or';\n\ndescribe('emptyOr', () => {\n  const mockCheck = jest.fn();\n  const mockEmptyOrCheck = emptyOr(mockCheck);\n\n  it('should not run the check if the provided value is empty', () => {\n    [undefined, null, ''].forEach(emptyValue => {\n      mockEmptyOrCheck(emptyValue);\n      expect(mockCheck).not.toHaveBeenCalled();\n    });\n  });\n\n  it('should run the check if the provided value is not empty', () => {\n    [0, NaN, ' ', false, [], {}, () => {/* empty */}].forEach((nonEmptyValue, index) => {\n      mockEmptyOrCheck(nonEmptyValue);\n      expect(mockCheck).toHaveBeenCalledTimes(index + 1);\n    });\n  });\n\n  it('should pass all provided arguments to the nested check function', () => {\n    const args = ['non empty value', true, false, ['arg in an array'], {arg: 'in an object'}];\n    mockEmptyOrCheck(...args);\n    expect(mockCheck).toHaveBeenCalledWith(...args);\n  });\n});\n"]}

package/dist/collection/utils/tests/should-reduce-motion.spec.js

@@ -0,0 +1,16 @@
+import { shouldReduceMotion } from '../should-reduce-motion';
+describe('shouldReduceMotion', () => {
+  let matchMedia;
+  beforeEach(() => {
+    matchMedia = window.matchMedia = jest.fn();
+  });
+  it('should return true if reduced motion is requested', () => {
+    matchMedia.mockReturnValue({ matches: true });
+    expect(shouldReduceMotion()).toBe(true);
+  });
+  it('should return false if reduced motion is not requested', () => {
+    matchMedia.mockReturnValue({ matches: false });
+    expect(shouldReduceMotion()).toBe(false);
+  });
+});
+//# sourceMappingURL=should-reduce-motion.spec.js.map

package/dist/collection/utils/tests/should-reduce-motion.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"should-reduce-motion.spec.js","sourceRoot":"","sources":["../../../../src/utils/tests/should-reduce-motion.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;EAClC,IAAI,UAAU,CAAC;EAEf,UAAU,CAAC,GAAG,EAAE;IACd,UAAU,GAAG,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;EAC7C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;IAC3D,UAAU,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAC9C,MAAM,CAAC,kBAAkB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;IAChE,UAAU,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,kBAAkB,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EAC3C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { shouldReduceMotion } from '../should-reduce-motion';\n\ndescribe('shouldReduceMotion', () => {\n  let matchMedia;\n\n  beforeEach(() => {\n    matchMedia = window.matchMedia = jest.fn();\n  });\n\n  it('should return true if reduced motion is requested', () => {\n    matchMedia.mockReturnValue({ matches: true });\n    expect(shouldReduceMotion()).toBe(true);\n  });\n\n  it('should return false if reduced motion is not requested', () => {\n    matchMedia.mockReturnValue({ matches: false });\n    expect(shouldReduceMotion()).toBe(false);\n  });\n});\n"]}

package/dist/components/package.js

@@ -16,7 +16,7 @@ function checkType(value, type, error) {
   }
 }
 
-const version = "1.3.4";
+const version = "1.3.6";
 
 export { checkOneOf as a, checkType as c, version as v };