ku4web-components 6.4.34 → 6.4.38

package/dist/collection/components/ku4-tooltip/ku4-tooltip.js

@@ -1,274 +0,0 @@
-import { Component, Prop, Element, Method, Host, h } from '@stencil/core';
-import { debounce, Rectangle, Timeout } from 'ku4es-kernel';
-/**
- * @description ku4-tooltip
- */
-export class Ku4Tooltip {
-  constructor() {
-    this.isShowing = false;
-    this.show = this.show.bind(this);
-    this.hide = this.hide.bind(this);
-    this._show = this._show.bind(this);
-    this._hide = this._hide.bind(this);
-    this._toggle = this._toggle.bind(this);
-    this.hideTimeout = new Timeout(200).onTimeout(this._hide);
-  }
-  /**
-   * Show tooltip on target element.
-   * @param {HTMLElement} element - Element to show tooltip on
-   */
-  async show(element) {
-    this.hideTimeout.clear();
-    if (this.host.contains(element)) {
-      return;
-    }
-    else {
-      this.isShowing = true;
-      this.host.setAttribute('visible', 'true');
-      this.calcualatePosition(element);
-      this.scrollListener = debounce(() => this.calcualatePosition(element));
-      window.addEventListener('scroll', this.scrollListener);
-    }
-  }
-  /**
-   * Hide tool tip.
-   */
-  async hide() {
-    this.hideTimeout.clear().start();
-  }
-  _show(e) {
-    this.show(e.target);
-  }
-  _hide() {
-    window.removeEventListener('scroll', this.scrollListener);
-    this.host.removeAttribute('visible');
-    this.isShowing = false;
-  }
-  _toggle(e) {
-    this.isShowing ? this._hide() : this._show(e);
-  }
-  calcualatePosition(target) {
-    const { left, top, width, height } = target.getBoundingClientRect();
-    const { left: hleft, top: htop, width: hwidth, height: hheight } = this.host.getBoundingClientRect();
-    const targetBox = new Rectangle(left, top, width, height);
-    const hostBox = new Rectangle(hleft, htop, hwidth, hheight);
-    /**
-     * The measurements aren't quite lining up with center. They are off by a small bit
-     * Need to figure out why.
-     * Also the Arrow is not lining up. Looks like some small margin mistakes fix.
-     * Could also stand to figure out a way to support an arrow that is white with a border.
-     */
-    if (this.top) {
-      this.host.style.left = `${targetBox.origin.x + targetBox.dimensions.x / 2 - hostBox.dimensions.x / 2}px`;
-      this.host.style.top = `${targetBox.origin.y - hostBox.dimensions.y - 15}px`;
-    }
-    else if (this.left) {
-      this.host.style.left = `${targetBox.origin.x - hostBox.dimensions.x - 15}px`;
-      this.host.style.top = `${targetBox.origin.y + targetBox.dimensions.y / 2 - hostBox.dimensions.y / 2}px`;
-    }
-    else if (this.bottom) {
-      this.host.style.left = `${targetBox.origin.x + targetBox.dimensions.x / 2 - hostBox.dimensions.x / 2}px`;
-      this.host.style.top = `${targetBox.origin.y + targetBox.dimensions.y + 15}px`;
-    }
-    else if (this.right) {
-      this.host.style.left = `${targetBox.origin.x + targetBox.dimensions.x + 15}px`;
-      this.host.style.top = `${targetBox.origin.y + targetBox.dimensions.y / 2 - hostBox.dimensions.y / 2}px`;
-    }
-    else {
-      this.host.style.left = `${targetBox.origin.x + targetBox.dimensions.x / 2 - hostBox.dimensions.x / 2}px`;
-      this.host.style.top = `${targetBox.origin.y + targetBox.dimensions.y + 15}px`;
-    }
-  }
-  componentWillLoad() {
-    const { debug, element, host, top, left, bottom, right } = this;
-    if (!(top || left || bottom || right)) {
-      this.host.setAttribute('bottom', '');
-    }
-    document.querySelectorAll(element).forEach((element) => {
-      host.addEventListener('mouseover', this._show);
-      element.addEventListener('mouseover', this._show);
-      element.addEventListener('touchstart', this._toggle);
-      if (debug) {
-        return;
-      }
-      host.addEventListener('mouseout', this.hide);
-      element.addEventListener('mouseout', this.hide);
-    });
-  }
-  disconnectedCallback() {
-    const { debug, element, hideTimeout, host } = this;
-    document.querySelectorAll(element).forEach((element) => {
-      host.removeEventListener('mouseover', this._show);
-      element.removeEventListener('mouseover', this._show);
-      element.removeEventListener('touchstart', this._toggle);
-      if (debug) {
-        return;
-      }
-      host.removeEventListener('mouseout', this.hide);
-      element.removeEventListener('mouseout', this.hide);
-    });
-    hideTimeout.clear();
-  }
-  render() {
-    return (h(Host, { role: "tooltip" },
-      h("div", { class: "arrow" }),
-      h("div", { class: "content" },
-        h("slot", null))));
-  }
-  static get is() { return "ku4-tooltip"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ku4-tooltip.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ku4-tooltip.css"]
-  }; }
-  static get properties() { return {
-    "element": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Query selector of element(s) to tie to\nthis tooltip."
-      },
-      "attribute": "element",
-      "reflect": false
-    },
-    "top": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Pin tooltip to top of target element"
-      },
-      "attribute": "top",
-      "reflect": false
-    },
-    "left": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Pin tooltip to left of target element"
-      },
-      "attribute": "left",
-      "reflect": false
-    },
-    "bottom": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Pin tooltip to bottom of target element"
-      },
-      "attribute": "bottom",
-      "reflect": false
-    },
-    "right": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Pin tooltip to right of target element"
-      },
-      "attribute": "right",
-      "reflect": false
-    },
-    "debug": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Prevents tooltip show/hide behavior. Instead,\ntooltip will always show. This is useful for\ncustom style development and debugging."
-      },
-      "attribute": "debug",
-      "reflect": false
-    }
-  }; }
-  static get methods() { return {
-    "show": {
-      "complexType": {
-        "signature": "(element: any) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "text": "element - Element to show tooltip on",
-                "name": "param"
-              }],
-            "text": "- Element to show tooltip on"
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Show tooltip on target element.",
-        "tags": [{
-            "name": "param",
-            "text": "element - Element to show tooltip on"
-          }]
-      }
-    },
-    "hide": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Hide tool tip.",
-        "tags": []
-      }
-    }
-  }; }
-  static get elementRef() { return "host"; }
-}

package/dist/collection/components/ku4-validation/ku4-validation.css

@@ -1,7 +0,0 @@
-:host {
-  visibility: hidden !important;
-}
-
-:host([invalid]) {
-  visibility: visible !important;
-}

package/dist/collection/components/ku4-validation/ku4-validation.js

@@ -1,309 +0,0 @@
-import { Component, Host, Prop, State, Method, Element, h, Event } from '@stencil/core';
-import { Assert, identity, wait } from 'ku4es-kernel';
-import validate from './validate';
-/**
- * @description ku4-validation
- */
-export class Ku4Validation {
-  constructor() {
-    /**
-     * Validation RegExp pattern that the target field must match to
-     * be considered valid. Multiple patterns can be passed delimited
-     * by a `space` character. e.g. pattern1 pattern2 pattern3 etc.
-     * If your target field is optional you can accomplish this with
-     * your pattern using "(^$)|(YOUR-PATTERN)". This says that the
-     * field must be empty (^$) OR (YOUR-PATTERN).
-     */
-    this.pattern = '.*';
-    /**
-     * Any RegExp flags that you want to include in your pattern. Multiple
-     * patterns can be passed delimited by a `space` character. e.g.
-     * using the pattern1 pattern2 pattern3 example from the `pattern`
-     * property, you could pass "gimsuy gim gi". If you wanted to pass
-     * flags only for patterns 1 and 3 you will just skip flags for pattern2
-     * by typing nothing and instead typing another "space" e.g. "gimsuy  gi".
-     * If you wanted to skip flags for pattern1 you could start flags with a
-     * "space" e.g. " gim gi".
-     */
-    this.flags = '';
-    /**
-     * A reference to a named function or a function body that
-     * define a validation criteria and return `true` when the
-     * defined validation criteria are satisfied.
-     * The function will be called with one argument, `value`,
-     * that will contain the current value of the target field.
-     * Example: method="return value === 'valid'", or
-     * function validate(value) { return value === 'valid'; }
-     * method="validate(value)"
-     */
-    this.method = '';
-    const patterns = this.pattern.split(' ');
-    const flags = this.flags.split(' ');
-    const method = this.method.trim();
-    this.regex = patterns.map((pattern, i) => new RegExp(pattern, flags[i]));
-    this.validationMethod = Assert.isNullOrEmpty(method)
-      ? () => true
-      : new Function('value', (/^return/.test(method) ? method : `return ${method}`));
-    this.handleInput = this.handleInput.bind(this);
-    this.handleChange = this.handleChange.bind(this);
-    this.handleBlur = this.handleBlur.bind(this);
-    this.handleReset = this.handleReset.bind(this);
-  }
-  /**
-   * Call to explicitly validate this validation. This method
-   * is called internally on change and blur of the input internally.
-   * There is no default need to call this method.
-   */
-  async validate() {
-    return this.assert();
-  }
-  handleInput() {
-    (this.input.type === 'file' || Assert.isFalse(this.isValid)) && this.assert();
-  }
-  handleChange() {
-    (this.input.type === 'file' || Assert.isFalse(this.isValid)) && this.assert();
-  }
-  handleBlur() {
-    this.assert();
-  }
-  handleReset() {
-    this.isValid = true;
-    this.invalid = !this.isValid;
-    this.input.setAttribute('aria-invalid', this.invalid);
-  }
-  assert() {
-    const { ele, validOptions, input, regex } = this;
-    if (input.type === 'file' && Assert.isNullOrEmpty(input.value)) {
-      return;
-    }
-    const previousIsValid = this.isValid;
-    this.isValid = validate(regex, input.value, validOptions, ele) && this.validationMethod(input.value);
-    this.invalid = !this.isValid;
-    input.setAttribute('aria-invalid', this.invalid);
-    if (Assert.isFalse(previousIsValid) && this.isValid) {
-      this.didValidate.emit(this.isValid);
-    }
-    return this.isValid;
-  }
-  componentWillLoad() {
-    this.input = document.getElementById(this.for);
-    if (Assert.exists(this.input)) {
-      this.ele = document.getElementById(this.element) || document.querySelector(this.element);
-      this.validOptions = Assert.exists(this.values)
-        ? this.values.split(',')
-        : (this.ele && this.ele.nodeName === 'DATALIST' &&
-          [].slice.call(this.ele.querySelectorAll('option'))
-            .map(option => option.value));
-      const describedby = this.input.getAttribute('aria-describedby');
-      const id = this.host.getAttribute('id') || identity.uid();
-      this.host.setAttribute('id', id);
-      if (Assert.isNullOrEmpty(describedby)) {
-        this.input.setAttribute('aria-describedby', id);
-      }
-      /**
-       * We "wait" to put this on the next event loop. This allows
-       * ku4-mask to be placed anywhere in the dom and not affect
-       * to workings of ku4-validation.
-       */
-      wait(0).then(() => {
-        this.input.addEventListener('input', this.handleInput);
-        this.input.addEventListener('change', this.handleChange);
-        this.input.addEventListener('blur', this.handleBlur);
-      });
-      if (Assert.isFunction(this.host.closest)) {
-        this.form = this.host.closest('form');
-        if (this.form && this.form.addEventListener) {
-          this.form.addEventListener('reset', this.handleReset);
-        }
-      }
-    }
-    else {
-      // eslint-disable-next-line no-console
-      console.error('ku4-validation must have a valid `for` referencing target field `id`.');
-    }
-  }
-  disconnectedCallback() {
-    if (this.input && this.input.removeEventListener) {
-      this.input.removeEventListener('input', this.handleInput);
-      this.input.removeEventListener('change', this.handleChange);
-      this.input.removeEventListener('blur', this.handleBlur);
-    }
-    if (this.form && this.form.removeEventListener) {
-      this.form.removeEventListener('reset', this.handleReset);
-    }
-  }
-  render() {
-    return h(Host, { role: "alert", "aria-live": "assertive" },
-      h("slot", null));
-  }
-  static get is() { return "ku4-validation"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ku4-validation.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ku4-validation.css"]
-  }; }
-  static get properties() { return {
-    "for": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The value of the id attribute of the field that this\nis the validation for."
-      },
-      "attribute": "for",
-      "reflect": false
-    },
-    "element": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "querySelector for an element whose value this value should match.\nThis is excellent for creating confirmation type validations, e.g.\nemail confirmations or password confirmations. See the Preview\nin the ku4-form Docs and \"Show code\" for some examples of using\nthis attribute."
-      },
-      "attribute": "element",
-      "reflect": false
-    },
-    "pattern": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Validation RegExp pattern that the target field must match to\nbe considered valid. Multiple patterns can be passed delimited\nby a `space` character. e.g. pattern1 pattern2 pattern3 etc.\nIf your target field is optional you can accomplish this with\nyour pattern using \"(^$)|(YOUR-PATTERN)\". This says that the\nfield must be empty (^$) OR (YOUR-PATTERN)."
-      },
-      "attribute": "pattern",
-      "reflect": false,
-      "defaultValue": "'.*'"
-    },
-    "flags": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Any RegExp flags that you want to include in your pattern. Multiple\npatterns can be passed delimited by a `space` character. e.g.\nusing the pattern1 pattern2 pattern3 example from the `pattern`\nproperty, you could pass \"gimsuy gim gi\". If you wanted to pass\nflags only for patterns 1 and 3 you will just skip flags for pattern2\nby typing nothing and instead typing another \"space\" e.g. \"gimsuy  gi\".\nIf you wanted to skip flags for pattern1 you could start flags with a\n\"space\" e.g. \" gim gi\"."
-      },
-      "attribute": "flags",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "values": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Comma delimited string of valid values. This attribute is great\nif your validation rules require some very specific set of\nvalid values. An example may be if you have a select field where\nyou would like to show all possible values but some you still\nwant to be invalid."
-      },
-      "attribute": "values",
-      "reflect": false
-    },
-    "method": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "A reference to a named function or a function body that\ndefine a validation criteria and return `true` when the\ndefined validation criteria are satisfied.\nThe function will be called with one argument, `value`,\nthat will contain the current value of the target field.\nExample: method=\"return value === 'valid'\", or\nfunction validate(value) { return value === 'valid'; }\nmethod=\"validate(value)\""
-      },
-      "attribute": "method",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "invalid": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to true to display as invalid"
-      },
-      "attribute": "invalid",
-      "reflect": true
-    }
-  }; }
-  static get states() { return {
-    "isValid": {}
-  }; }
-  static get events() { return [{
-      "method": "didValidate",
-      "name": "validate",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event fired when this validation changes from\ninvalid to valid."
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "validate": {
-      "complexType": {
-        "signature": "() => Promise<boolean>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<boolean>"
-      },
-      "docs": {
-        "text": "Call to explicitly validate this validation. This method\nis called internally on change and blur of the input internally.\nThere is no default need to call this method.",
-        "tags": []
-      }
-    }
-  }; }
-  static get elementRef() { return "host"; }
-}

package/dist/collection/components/ku4-validation/validate.js

@@ -1,14 +0,0 @@
-/**
- * Business logic for form validation:
- * It tests against a list of regular expressions that all must pass for this
- * to return true. And IFF an element is passed it will also have to match this value.
- * @param {Array<RegExp>} expressions - List of regular expressions to test against.
- * @param {string} value - The value to test
- * @param {Array<string>} [options] - A list of valid options that this value must match if not null
- * @param {HTMLElement} [element] - An element to test if the value matches its value if not null.
- */
-export default (expressions, value, options, element) => options
-  ? options.some(v => v === value) && expressions.every(r => r.test(value))
-  : element
-    ? element.value === value && expressions.every(r => r.test(value))
-    : expressions.every(r => r.test(value));

package/dist/collection/index.js

@@ -1 +0,0 @@
-export * from './components';

package/dist/collection/security.js

@@ -1,27 +0,0 @@
-import { identity } from 'ku4es-kernel';
-import { Dto } from 'ku4es-ui-kernel';
-const allowed = [''].concat([ /*allowed*/]);
-export default () => {
-  if (!allowed.includes(location.host)) {
-    try {
-      const dto = new Dto({
-        tid: 'UA-72481487-1',
-        cid: location.host,
-        v: 1,
-        t: 'event',
-        ec: 'ku4web-component',
-        ea: 'ku4web-component-loaded',
-        el: location.host,
-        z: identity.uid()
-      });
-      fetch(`https://www.google-analytics.com/collect?${dto.toQueryString()}`, {
-        method: 'GET',
-        mode: 'cors',
-        headers: { 'User-Agent': navigator.userAgent }
-      });
-    }
-    catch (e) {
-      return null;
-    }
-  }
-};

package/dist/esm/app-globals-0f993ce5.js

@@ -1,3 +0,0 @@
-const globalScripts = () => {};
-
-export { globalScripts as g };

package/dist/esm/css-shim-a64b8820.js

@@ -1,4 +0,0 @@
-/*
- Stencil Client Patch Esm v2.8.1 | MIT Licensed | https://stenciljs.com
- */
-var __assign=undefined&&undefined.__assign||function(){return (__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector="";};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,"").replace(RX.port,"")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r);}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE;}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e="0"+e;return "\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE="{",CLOSE_BRACE="}",RX={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},VAR_START="--",MEDIA_START="@media",AT_START="@";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return {start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\bvar\(/,VAR_ASSIGN_START=/\B--[\w-]+\s*:/,COMMENTS=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,TRAILING_LINES=/^[\t ]+\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):""}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if("("===s)r++;else if(")"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(","),o=s[0],a=s.slice(1);return {start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(",").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r="",n=0;n<e.length;n++){var s=e[n];r+="string"==typeof s?s:s(t);}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'"'===o&&(r=!1),n||"'"!==o||(r=!1);else if('"'===o)r=!0,n=!0;else if("'"===o)r=!0,n=!1;else {if(";"===o)return s+1;if("}"===o)return s}}return s}function removeCustomAssigns(e){for(var t="",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s);}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,"")).replace(TRAILING_LINES,"");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value;}));}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0);})),!t)return "break"},o=0;o<10;o++){if("break"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return [];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(",").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t});})),t++;})),r}function computeSpecificity(e){return 1}var IMPORTANT="!important",FIND_DECLARATIONS=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o});}return r}function normalizeValue(e){var t=(e=e.replace(/\s+/gim," ").trim()).endsWith(IMPORTANT);return t&&(e=e.substr(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement;}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors);})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return ":root"===t||"html"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return {original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return !1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t));}));}function reScope(e,t){var r=e.template.map((function(r){return "string"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,"\\."+t,"."+r)}function replaceAll(e,t,r){return e.replace(new RegExp(t,"g"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t);}))}function startWatcher(e,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t);})).observe(document.head,{childList:!0});}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement("style");o.setAttribute("data-styles",""),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove();}})).catch((function(e){console.error(e);}))}var CSS_VARIABLE_REGEXP=/[\s;{]--[-a-zA-Z0-9]+\s*:/m;function hasCssVariables(e){return e.indexOf("var(")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,"");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1;}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}));}));})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal();}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal();},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error("host style already created");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),s.usesCssVars?n?(o["s-sc"]=t=s.scopeId+"-"+this.count,o.textContent="/*needs update*/",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e);},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n);}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes);},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")||(e.__cssshim=new CustomStyle(e,e.document));}("undefined"!=typeof window&&window);