@xplortech/apollo-core 1.0.0-beta.18 → 1.0.0-beta.2

package/dist/components/xpl-select.js

@@ -1,712 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$6 } from './xpl-dropdown2.js';
-import { d as defineCustomElement$5 } from './xpl-dropdown-group2.js';
-import { d as defineCustomElement$4 } from './xpl-dropdown-heading2.js';
-import { d as defineCustomElement$3 } from './xpl-dropdown-option2.js';
-import { d as defineCustomElement$2 } from './xpl-tag2.js';
-import { v as v4 } from './v4.js';
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-/**
- * lodash (Custom Build) <https://lodash.com/>
- * Build: `lodash modularize exports="npm" -o ./`
- * Copyright jQuery Foundation and other contributors <https://jquery.org/>
- * Released under MIT license <https://lodash.com/license>
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
- */
-
-/** Used as the `TypeError` message for "Functions" methods. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/** Used as references for various `Number` constants. */
-var NAN = 0 / 0;
-
-/** `Object#toString` result references. */
-var symbolTag = '[object Symbol]';
-
-/** Used to match leading and trailing whitespace. */
-var reTrim = /^\s+|\s+$/g;
-
-/** Used to detect bad signed hexadecimal string values. */
-var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-
-/** Used to detect binary string values. */
-var reIsBinary = /^0b[01]+$/i;
-
-/** Used to detect octal string values. */
-var reIsOctal = /^0o[0-7]+$/i;
-
-/** Built-in method references without a dependency on `root`. */
-var freeParseInt = parseInt;
-
-/** Detect free variable `global` from Node.js. */
-var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-
-/** Detect free variable `self`. */
-var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
-/** Used as a reference to the global object. */
-var root = freeGlobal || freeSelf || Function('return this')();
-
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var objectToString = objectProto.toString;
-
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeMax = Math.max,
-    nativeMin = Math.min;
-
-/**
- * Gets the timestamp of the number of milliseconds that have elapsed since
- * the Unix epoch (1 January 1970 00:00:00 UTC).
- *
- * @static
- * @memberOf _
- * @since 2.4.0
- * @category Date
- * @returns {number} Returns the timestamp.
- * @example
- *
- * _.defer(function(stamp) {
- *   console.log(_.now() - stamp);
- * }, _.now());
- * // => Logs the number of milliseconds it took for the deferred invocation.
- */
-var now = function() {
-  return root.Date.now();
-};
-
-/**
- * Creates a debounced function that delays invoking `func` until after `wait`
- * milliseconds have elapsed since the last time the debounced function was
- * invoked. The debounced function comes with a `cancel` method to cancel
- * delayed `func` invocations and a `flush` method to immediately invoke them.
- * Provide `options` to indicate whether `func` should be invoked on the
- * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
- * with the last arguments provided to the debounced function. Subsequent
- * calls to the debounced function return the result of the last `func`
- * invocation.
- *
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
- * invoked on the trailing edge of the timeout only if the debounced function
- * is invoked more than once during the `wait` timeout.
- *
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
- *
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
- * for details over the differences between `_.debounce` and `_.throttle`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to debounce.
- * @param {number} [wait=0] The number of milliseconds to delay.
- * @param {Object} [options={}] The options object.
- * @param {boolean} [options.leading=false]
- *  Specify invoking on the leading edge of the timeout.
- * @param {number} [options.maxWait]
- *  The maximum time `func` is allowed to be delayed before it's invoked.
- * @param {boolean} [options.trailing=true]
- *  Specify invoking on the trailing edge of the timeout.
- * @returns {Function} Returns the new debounced function.
- * @example
- *
- * // Avoid costly calculations while the window size is in flux.
- * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
- *
- * // Invoke `sendMail` when clicked, debouncing subsequent calls.
- * jQuery(element).on('click', _.debounce(sendMail, 300, {
- *   'leading': true,
- *   'trailing': false
- * }));
- *
- * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
- * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
- * var source = new EventSource('/stream');
- * jQuery(source).on('message', debounced);
- *
- * // Cancel the trailing debounced invocation.
- * jQuery(window).on('popstate', debounced.cancel);
- */
-function debounce(func, wait, options) {
-  var lastArgs,
-      lastThis,
-      maxWait,
-      result,
-      timerId,
-      lastCallTime,
-      lastInvokeTime = 0,
-      leading = false,
-      maxing = false,
-      trailing = true;
-
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  wait = toNumber(wait) || 0;
-  if (isObject(options)) {
-    leading = !!options.leading;
-    maxing = 'maxWait' in options;
-    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-
-  function invokeFunc(time) {
-    var args = lastArgs,
-        thisArg = lastThis;
-
-    lastArgs = lastThis = undefined;
-    lastInvokeTime = time;
-    result = func.apply(thisArg, args);
-    return result;
-  }
-
-  function leadingEdge(time) {
-    // Reset any `maxWait` timer.
-    lastInvokeTime = time;
-    // Start the timer for the trailing edge.
-    timerId = setTimeout(timerExpired, wait);
-    // Invoke the leading edge.
-    return leading ? invokeFunc(time) : result;
-  }
-
-  function remainingWait(time) {
-    var timeSinceLastCall = time - lastCallTime,
-        timeSinceLastInvoke = time - lastInvokeTime,
-        result = wait - timeSinceLastCall;
-
-    return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
-  }
-
-  function shouldInvoke(time) {
-    var timeSinceLastCall = time - lastCallTime,
-        timeSinceLastInvoke = time - lastInvokeTime;
-
-    // Either this is the first call, activity has stopped and we're at the
-    // trailing edge, the system time has gone backwards and we're treating
-    // it as the trailing edge, or we've hit the `maxWait` limit.
-    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
-      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
-  }
-
-  function timerExpired() {
-    var time = now();
-    if (shouldInvoke(time)) {
-      return trailingEdge(time);
-    }
-    // Restart the timer.
-    timerId = setTimeout(timerExpired, remainingWait(time));
-  }
-
-  function trailingEdge(time) {
-    timerId = undefined;
-
-    // Only invoke if we have `lastArgs` which means `func` has been
-    // debounced at least once.
-    if (trailing && lastArgs) {
-      return invokeFunc(time);
-    }
-    lastArgs = lastThis = undefined;
-    return result;
-  }
-
-  function cancel() {
-    if (timerId !== undefined) {
-      clearTimeout(timerId);
-    }
-    lastInvokeTime = 0;
-    lastArgs = lastCallTime = lastThis = timerId = undefined;
-  }
-
-  function flush() {
-    return timerId === undefined ? result : trailingEdge(now());
-  }
-
-  function debounced() {
-    var time = now(),
-        isInvoking = shouldInvoke(time);
-
-    lastArgs = arguments;
-    lastThis = this;
-    lastCallTime = time;
-
-    if (isInvoking) {
-      if (timerId === undefined) {
-        return leadingEdge(lastCallTime);
-      }
-      if (maxing) {
-        // Handle invocations in a tight loop.
-        timerId = setTimeout(timerExpired, wait);
-        return invokeFunc(lastCallTime);
-      }
-    }
-    if (timerId === undefined) {
-      timerId = setTimeout(timerExpired, wait);
-    }
-    return result;
-  }
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  return debounced;
-}
-
-/**
- * Creates a throttled function that only invokes `func` at most once per
- * every `wait` milliseconds. The throttled function comes with a `cancel`
- * method to cancel delayed `func` invocations and a `flush` method to
- * immediately invoke them. Provide `options` to indicate whether `func`
- * should be invoked on the leading and/or trailing edge of the `wait`
- * timeout. The `func` is invoked with the last arguments provided to the
- * throttled function. Subsequent calls to the throttled function return the
- * result of the last `func` invocation.
- *
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
- * invoked on the trailing edge of the timeout only if the throttled function
- * is invoked more than once during the `wait` timeout.
- *
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
- *
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
- * for details over the differences between `_.throttle` and `_.debounce`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to throttle.
- * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
- * @param {Object} [options={}] The options object.
- * @param {boolean} [options.leading=true]
- *  Specify invoking on the leading edge of the timeout.
- * @param {boolean} [options.trailing=true]
- *  Specify invoking on the trailing edge of the timeout.
- * @returns {Function} Returns the new throttled function.
- * @example
- *
- * // Avoid excessively updating the position while scrolling.
- * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
- *
- * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
- * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
- * jQuery(element).on('click', throttled);
- *
- * // Cancel the trailing throttled invocation.
- * jQuery(window).on('popstate', throttled.cancel);
- */
-function throttle(func, wait, options) {
-  var leading = true,
-      trailing = true;
-
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  if (isObject(options)) {
-    leading = 'leading' in options ? !!options.leading : leading;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-  return debounce(func, wait, {
-    'leading': leading,
-    'maxWait': wait,
-    'trailing': trailing
-  });
-}
-
-/**
- * Checks if `value` is the
- * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
- * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an object, else `false`.
- * @example
- *
- * _.isObject({});
- * // => true
- *
- * _.isObject([1, 2, 3]);
- * // => true
- *
- * _.isObject(_.noop);
- * // => true
- *
- * _.isObject(null);
- * // => false
- */
-function isObject(value) {
-  var type = typeof value;
-  return !!value && (type == 'object' || type == 'function');
-}
-
-/**
- * Checks if `value` is object-like. A value is object-like if it's not `null`
- * and has a `typeof` result of "object".
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
- * @example
- *
- * _.isObjectLike({});
- * // => true
- *
- * _.isObjectLike([1, 2, 3]);
- * // => true
- *
- * _.isObjectLike(_.noop);
- * // => false
- *
- * _.isObjectLike(null);
- * // => false
- */
-function isObjectLike(value) {
-  return !!value && typeof value == 'object';
-}
-
-/**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
-function isSymbol(value) {
-  return typeof value == 'symbol' ||
-    (isObjectLike(value) && objectToString.call(value) == symbolTag);
-}
-
-/**
- * Converts `value` to a number.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to process.
- * @returns {number} Returns the number.
- * @example
- *
- * _.toNumber(3.2);
- * // => 3.2
- *
- * _.toNumber(Number.MIN_VALUE);
- * // => 5e-324
- *
- * _.toNumber(Infinity);
- * // => Infinity
- *
- * _.toNumber('3.2');
- * // => 3.2
- */
-function toNumber(value) {
-  if (typeof value == 'number') {
-    return value;
-  }
-  if (isSymbol(value)) {
-    return NAN;
-  }
-  if (isObject(value)) {
-    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-    value = isObject(other) ? (other + '') : other;
-  }
-  if (typeof value != 'string') {
-    return value === 0 ? value : +value;
-  }
-  value = value.replace(reTrim, '');
-  var isBinary = reIsBinary.test(value);
-  return (isBinary || reIsOctal.test(value))
-    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
-    : (reIsBadHex.test(value) ? NAN : +value);
-}
-
-var lodash_throttle = throttle;
-
-function tagWidth(text) {
-  const context = document.createElement('canvas').getContext('2d');
-  context.font =
-    "14px apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif";
-  return context.measureText(text).width + 44; // = text + l/r padding + margin-right
-}
-const XplSelect$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.selectChange = createEvent(this, "selectChange", 7);
-    this.choices = [];
-    this.description = undefined;
-    this.disabled = undefined;
-    this.error = undefined;
-    this.label = undefined;
-    this.mode = 'single';
-    this.name = undefined;
-    this.placeholder = undefined;
-    this.truncate = true;
-    this.selectedValues = undefined;
-    this.active = false;
-    this.id = v4();
-    this.keepFocus = false;
-    this.selected = undefined;
-    this.value = '';
-    this.displayValue = '';
-    this.visibleChoices = Infinity;
-  }
-  /**
-   *
-   * @param _choices
-   */
-  onChoicesChanged(_choices) {
-    this.update();
-  }
-  componentWillLoad() {
-    this.selected =
-      this.choices && this.choices.length > 0
-        ? this.choices.map(() => false)
-        : [];
-    if (this.selectedValues) {
-      const isSingleMode = this.mode === 'single';
-      if (isSingleMode) {
-        const selectedValue = this.selectedValues;
-        const shouldBeSelected = this.choices.find((choice) => (choice.value !== undefined
-          ? choice.value
-          : choice.label) === selectedValue);
-        if (shouldBeSelected !== undefined)
-          shouldBeSelected.isSelected = true;
-      }
-      else {
-        this.choices.forEach(({ options }) => {
-          options.forEach((option) => {
-            const shouldBeSelected = this.selectedValues.includes(option.value || option.label);
-            if (shouldBeSelected)
-              option.isSelected = true;
-          });
-        });
-      }
-      this.update();
-    }
-    window.addEventListener('click', (e) => {
-      const el = e.target;
-      const select = el.closest('.xpl-select');
-      if (select === null || select !== this.container) {
-        this.active = false;
-      }
-    });
-    window.addEventListener('resize', lodash_throttle(() => {
-      this.maybeTruncateChoices();
-    }, 250));
-  }
-  componentDidLoad() {
-    this.dropdown = this.container.querySelector('xpl-dropdown');
-  }
-  maybeTruncateChoices() {
-    if (this.mode === 'single' || !this.truncate)
-      return;
-    const containerWidth = this.container.getBoundingClientRect().width;
-    let visibleChoices = 0;
-    let visibleChoicesWidth = 0;
-    const actualNumSelected = this.selected.filter((a) => a).length;
-    for (let i = 0; i < actualNumSelected; i++) {
-      visibleChoicesWidth += tagWidth(this.getDisplayValue(i));
-      if (visibleChoicesWidth > containerWidth - 140)
-        break;
-      visibleChoices++;
-    }
-    if (visibleChoices >= actualNumSelected)
-      visibleChoices = Infinity;
-    if (visibleChoices < 1)
-      visibleChoices = 1;
-    this.visibleChoices = visibleChoices;
-  }
-  flattenChoices() {
-    return this.choices.reduce((acc, curr) => [
-      ...acc,
-      ...(curr.groupName ? curr.options : [curr]),
-    ], []);
-  }
-  getDisplayValue(i) {
-    return this.flattenChoices()[i].label || this.flattenChoices()[i].value;
-  }
-  getActualValue(i) {
-    return this.flattenChoices()[i].value || this.flattenChoices()[i].label;
-  }
-  update() {
-    this.selected = this.flattenChoices().map(({ isSelected }) => isSelected);
-    if (this.mode === 'single') {
-      const selected = this.selected.findIndex((v) => v);
-      this.value = selected >= 0 ? this.getActualValue(selected) : '';
-      this.displayValue =
-        selected >= 0 ? this.getDisplayValue(selected) : '';
-    }
-    else if (this.mode === 'multi') {
-      this.value = this.selected
-        .map((v, i) => {
-        return v ? this.getActualValue(i) : '';
-      })
-        .filter((v) => v.length > 0)
-        .join('|');
-    }
-  }
-  handleValueStateChange(newValue) {
-    this.selectChange.emit(newValue);
-  }
-  render() {
-    let visibleChoices = 0;
-    return (h(Host, { class: {
-        'xpl-select': true,
-        'xpl-select--disabled': this.disabled,
-        'xpl-select--no-truncate': !this.truncate,
-      }, onKeyDown: (e) => {
-        if (e.key === 'Escape')
-          this.active = false;
-      }, ref: (el) => (this.container = el) }, this.label || this.description ? (h("label", { class: {
-        'xpl-label': true,
-        'xpl-label--disabled': this.disabled,
-      }, htmlFor: this.id }, this.label, this.description && (h("small", { class: {
-        'xpl-description': true,
-        'xpl-description--disabled': this.disabled,
-      } }, this.description)))) : null, h("div", { class: {
-        'xpl-input': true,
-        'xpl-input--disabled': this.disabled,
-        'xpl-input--error': this.error !== undefined,
-      } }, h("div", { class: "xpl-input-wrapper" }, h("div", { class: {
-        'xpl-select-value': true,
-        'xpl-select-value--active': this.mode === 'multi' &&
-          this.value.length > 0,
-        'has-value': this.value.length > 0,
-      } }, this.mode === 'single'
-      ? this.displayValue || this.placeholder
-      : this.value.length > 0
-        ? this.selected.map((v, i) => {
-          if (!v)
-            return null;
-          if (visibleChoices >= this.visibleChoices) {
-            return null;
-          }
-          visibleChoices++;
-          return (h("xpl-tag", { onClose: () => {
-              this.flattenChoices().forEach((v, j) => {
-                if (i === j)
-                  v.isSelected =
-                    false;
-              });
-              const mapOptions = (option) => {
-                option.options =
-                  option.groupName
-                    ? option.options.map(mapOptions)
-                    : undefined;
-                return option;
-              };
-              this.choices =
-                this.choices.map(mapOptions);
-              this.update();
-              this.maybeTruncateChoices();
-            } }, this.getDisplayValue(i)));
-        })
-        : this.placeholder, this.visibleChoices < Infinity &&
-      `+ ${this.selected.filter((a) => a).length -
-        this.visibleChoices} more`), h("button", { disabled: this.disabled, id: this.id, onKeyDown: (e) => {
-        if (e.key === 'Tab')
-          this.keepFocus = true;
-      }, onClick: () => {
-        const { dropdown } = this;
-        if (!this.disabled)
-          dropdown.isOpen = !dropdown.isOpen;
-      }, type: "button" })), !this.disabled && (h("xpl-dropdown", { options: this.choices, mode: this.mode, triggerId: this.id, update: () => {
-        this.update();
-        this.maybeTruncateChoices();
-      } })), this.error !== undefined && this.error.length > 0 && (h("label", { class: "xpl-input-error", htmlFor: this.id }, h("svg", { width: "10", height: "11", viewBox: "0 0 10 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M9.84375 5.25C9.84375 2.59375 7.65625 0.40625 5 0.40625C2.32422 0.40625 0.15625 2.59375 0.15625 5.25C0.15625 7.92578 2.32422 10.0938 5 10.0938C7.65625 10.0938 9.84375 7.92578 9.84375 5.25ZM5 6.22656C5.48828 6.22656 5.89844 6.63672 5.89844 7.125C5.89844 7.63281 5.48828 8.02344 5 8.02344C4.49219 8.02344 4.10156 7.63281 4.10156 7.125C4.10156 6.63672 4.49219 6.22656 5 6.22656ZM4.14062 3.00391C4.12109 2.86719 4.23828 2.75 4.375 2.75H5.60547C5.74219 2.75 5.85938 2.86719 5.83984 3.00391L5.70312 5.66016C5.68359 5.79688 5.58594 5.875 5.46875 5.875H4.51172C4.39453 5.875 4.29688 5.79688 4.27734 5.66016L4.14062 3.00391Z" })), this.error))), h("input", { type: "hidden", name: this.name, value: this.value })));
-  }
-  static get watchers() { return {
-    "choices": ["onChoicesChanged"],
-    "value": ["handleValueStateChange"]
-  }; }
-}, [0, "xpl-select", {
-    "choices": [16],
-    "description": [1],
-    "disabled": [4],
-    "error": [1],
-    "label": [1],
-    "mode": [1],
-    "name": [1],
-    "placeholder": [1],
-    "truncate": [4],
-    "selectedValues": [1, "selected-values"],
-    "active": [32],
-    "id": [32],
-    "keepFocus": [32],
-    "selected": [32],
-    "value": [32],
-    "displayValue": [32],
-    "visibleChoices": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["xpl-select", "xpl-dropdown", "xpl-dropdown-group", "xpl-dropdown-heading", "xpl-dropdown-option", "xpl-tag"];
-  components.forEach(tagName => { switch (tagName) {
-    case "xpl-select":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, XplSelect$1);
-      }
-      break;
-    case "xpl-dropdown":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "xpl-dropdown-group":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "xpl-dropdown-heading":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "xpl-dropdown-option":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "xpl-tag":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const XplSelect = XplSelect$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { XplSelect, defineCustomElement };
-
-//# sourceMappingURL=xpl-select.js.map