@six-group/ui-library 3.0.0-beta.1.11

package/dist/cjs/six-tooltip.cjs.entry.js

@@ -0,0 +1,183 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-341df120.js');
+const popover = require('./popover-1d2a037c.js');
+
+const sixTooltipCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--max-width:20rem;--hide-delay:0s;--hide-duration:0.125s;--hide-timing-function:ease;--show-delay:0.125s;--show-duration:0.125s;--show-timing-function:ease;display:contents}.tooltip-positioner{position:absolute;z-index:var(--six-z-index-tooltip);pointer-events:none}.tooltip{max-width:var(--max-width);border-radius:var(--six-border-radius-medium);background-color:var(--six-tooltip-background-color);font-family:var(--six-font-family);font-size:var(--six-tooltip-font-size);font-weight:var(--six-tooltip-font-weight);line-height:var(--six-tooltip-line-height);color:var(--six-tooltip-color);opacity:0;padding:var(--six-spacing-xxx-small) var(--six-spacing-x-small);transform:scale(0.8);transform-origin:bottom;transition-property:opacity, transform;transition-delay:var(--hide-delay);transition-duration:var(--hide-duration);transition-timing-function:var(--hide-timing-function)}.tooltip::after{content:\"\";position:absolute;width:0;height:0}.tooltip-positioner[data-popper-placement^=top] .tooltip{transform-origin:bottom}.tooltip-positioner[data-popper-placement^=bottom] .tooltip{transform-origin:top}.tooltip-positioner[data-popper-placement^=left] .tooltip{transform-origin:right}.tooltip-positioner[data-popper-placement^=right] .tooltip{transform-origin:left}.tooltip-positioner.popover-visible .tooltip{opacity:1;transform:none;transition-delay:var(--show-delay);transition-duration:var(--show-duration);transition-timing-function:var(--show-timing-function)}.tooltip-positioner[data-popper-placement^=bottom] .tooltip::after{bottom:100%;left:calc(50% - var(--six-tooltip-arrow-size));border-bottom:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=bottom-start] .tooltip::after{left:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=bottom-end] .tooltip::after{right:var(--six-tooltip-arrow-start-end-offset);left:auto}.tooltip-positioner[data-popper-placement^=top] .tooltip::after{top:100%;left:calc(50% - var(--six-tooltip-arrow-size));border-top:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=top-start] .tooltip::after{left:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=top-end] .tooltip::after{right:var(--six-tooltip-arrow-start-end-offset);left:auto}.tooltip-positioner[data-popper-placement^=left] .tooltip::after{top:calc(50% - var(--six-tooltip-arrow-size));left:100%;border-left:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-top:var(--six-tooltip-arrow-size) solid transparent;border-bottom:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=left-start] .tooltip::after{top:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=left-end] .tooltip::after{top:auto;bottom:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement^=right] .tooltip::after{top:calc(50% - var(--six-tooltip-arrow-size));right:100%;border-right:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-top:var(--six-tooltip-arrow-size) solid transparent;border-bottom:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=right-start] .tooltip::after{top:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=right-end] .tooltip::after{top:auto;bottom:var(--six-tooltip-arrow-start-end-offset)}";
+
+let id = 0;
+let SixTooltip = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.sixShow = index.createEvent(this, "six-tooltip-show", 7);
+    this.sixAfterShow = index.createEvent(this, "six-tooltip-after-show", 7);
+    this.sixHide = index.createEvent(this, "six-tooltip-hide", 7);
+    this.sixAfterHide = index.createEvent(this, "six-tooltip-after-hide", 7);
+    this.componentId = `tooltip-${++id}`;
+    this.isVisible = false;
+    /** The tooltip's content. Alternatively, you can use the content slot. */
+    this.content = '';
+    /**
+     * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
+     * inside of the viewport.
+     */
+    this.placement = 'top';
+    /** Set to true to disable the tooltip so it won't show when triggered. */
+    this.disabled = false;
+    /** The distance in pixels from which to offset the tooltip away from its target. */
+    this.distance = 10;
+    /** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */
+    this.open = false;
+    /** The distance in pixels from which to offset the tooltip along its target. */
+    this.skidding = 0;
+    /**
+     * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
+     * options can be passed by separating them with a space. When manual is used, the tooltip must be activated
+     * programmatically.
+     */
+    this.trigger = 'hover focus';
+  }
+  handleOpenChange() {
+    this.open ? this.show() : this.hide();
+  }
+  connectedCallback() {
+    this.handleBlur = this.handleBlur.bind(this);
+    this.handleClick = this.handleClick.bind(this);
+    this.handleFocus = this.handleFocus.bind(this);
+    this.handleKeyDown = this.handleKeyDown.bind(this);
+    this.handleMouseOver = this.handleMouseOver.bind(this);
+    this.handleMouseOut = this.handleMouseOut.bind(this);
+    this.handleSlotChange = this.handleSlotChange.bind(this);
+  }
+  componentDidLoad() {
+    this.target = this.getTarget();
+    this.popover = new popover.Popover(this.target, this.tooltipPositioner);
+    this.syncOptions();
+    this.host.addEventListener('blur', this.handleBlur, true);
+    this.host.addEventListener('click', this.handleClick, true);
+    this.host.addEventListener('focus', this.handleFocus, true);
+    // Show on init if open
+    this.tooltipPositioner.hidden = !this.open;
+    if (this.open) {
+      this.show();
+    }
+  }
+  componentDidUpdate() {
+    this.syncOptions();
+  }
+  disconnectedCallback() {
+    this.popover.destroy();
+    this.host.removeEventListener('blur', this.handleBlur, true);
+    this.host.removeEventListener('click', this.handleClick, true);
+    this.host.removeEventListener('focus', this.handleFocus, true);
+  }
+  /** Shows the tooltip. */
+  async show() {
+    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher
+    if (this.isVisible || this.disabled) {
+      return;
+    }
+    const sixShow = this.sixShow.emit();
+    if (sixShow.defaultPrevented) {
+      this.open = false;
+      return;
+    }
+    this.isVisible = true;
+    this.open = true;
+    this.popover.show();
+  }
+  /** Shows the tooltip. */
+  async hide() {
+    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher
+    if (!this.isVisible || this.disabled) {
+      return;
+    }
+    const sixHide = this.sixHide.emit();
+    if (sixHide.defaultPrevented) {
+      this.open = true;
+      return;
+    }
+    this.isVisible = false;
+    this.open = false;
+    this.popover.hide();
+  }
+  getTarget() {
+    // Get the first child that isn't a <style> or content slot
+    const target = [...this.host.children].find((el) => el.tagName.toLowerCase() !== 'style' && el.getAttribute('slot') !== 'content');
+    if (!target) {
+      throw new Error('Invalid tooltip target: no child element was found.');
+    }
+    return target;
+  }
+  handleBlur() {
+    if (this.hasTrigger('focus')) {
+      this.hide();
+    }
+  }
+  handleClick() {
+    if (this.hasTrigger('click')) {
+      this.open ? this.hide() : this.show();
+    }
+  }
+  handleFocus() {
+    if (this.hasTrigger('focus')) {
+      this.show();
+    }
+  }
+  handleKeyDown(event) {
+    // Pressing escape when the target element has focus should dismiss the tooltip
+    if (this.open && event.key === 'Escape') {
+      event.stopPropagation();
+      this.hide();
+    }
+  }
+  handleMouseOver() {
+    if (this.hasTrigger('hover')) {
+      this.show();
+    }
+  }
+  handleMouseOut() {
+    if (this.hasTrigger('hover')) {
+      this.hide();
+    }
+  }
+  handleSlotChange() {
+    const oldTarget = this.target;
+    const newTarget = this.getTarget();
+    if (newTarget !== oldTarget) {
+      if (oldTarget) {
+        oldTarget.removeAttribute('aria-describedby');
+      }
+      newTarget.setAttribute('aria-describedby', this.componentId);
+    }
+  }
+  hasTrigger(triggerType) {
+    const triggers = this.trigger.split(' ');
+    return triggers.includes(triggerType);
+  }
+  syncOptions() {
+    this.popover.setOptions({
+      placement: this.placement,
+      distance: this.distance,
+      skidding: this.skidding,
+      transitionElement: this.tooltip,
+      onAfterHide: () => this.sixAfterHide.emit(),
+      onAfterShow: () => this.sixAfterShow.emit(),
+    });
+  }
+  render() {
+    return (index.h(index.Host, { onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut }, index.h("slot", { onSlotchange: this.handleSlotChange }), index.h("div", { ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner" }, index.h("div", { part: "base", ref: (el) => (this.tooltip = el), id: this.componentId, class: {
+        tooltip: true,
+        'tooltip--open': this.open,
+      }, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, index.h("slot", { name: "content" }, this.content)))));
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "open": ["handleOpenChange"]
+  }; }
+};
+SixTooltip.style = sixTooltipCss;
+
+exports.six_tooltip = SixTooltip;

package/dist/cjs/slot-ad537f24.js

@@ -0,0 +1,50 @@
+'use strict';
+
+//
+//
+// Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a
+// string. This is useful because we can't use slot.textContent as an alternative.
+//
+function getTextContent(slot) {
+  const nodes = slot ? slot.assignedNodes({ flatten: true }) : [];
+  let text = '';
+  [...nodes].map((node) => {
+    if (node.nodeType === Node.TEXT_NODE) {
+      text += node.textContent;
+    }
+  });
+  return text;
+}
+//
+// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named
+// slot, otherwise it will look for a "default" slot (e.g. a non-empty text node or an element with no slot attribute).
+//
+function hasSlot(el, name) {
+  // Look for a named slot
+  if (name) {
+    return el.querySelector(`[slot="${name}"]`) !== null;
+  }
+  // Look for a default slot
+  return Array.from(el.childNodes).some((node) => {
+    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {
+      return true;
+    }
+    if (node.nodeType === node.ELEMENT_NODE) {
+      const el = node;
+      if (!el.hasAttribute('slot')) {
+        return true;
+      }
+    }
+    return false;
+  });
+}
+const fromPairs = (acc, [k, v]) => (Object.assign(Object.assign({}, acc), { [k]: v }));
+const getAvailableSlots = (slots) => (host) => Object.values(slots)
+  .map((name) => [name, hasSlot(host, name)])
+  .reduce(fromPairs, {});
+const getSlotChildren = (el) => { var _a; return (_a = el.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true }); };
+
+exports.getAvailableSlots = getAvailableSlots;
+exports.getSlotChildren = getSlotChildren;
+exports.getTextContent = getTextContent;
+exports.hasSlot = hasSlot;

package/dist/cjs/types-581e8ff0.js

@@ -0,0 +1,15 @@
+'use strict';
+
+exports.SortDirection = void 0;
+(function (SortDirection) {
+  SortDirection["None"] = "none";
+  SortDirection["Asc"] = "asc";
+  SortDirection["Desc"] = "desc";
+})(exports.SortDirection || (exports.SortDirection = {}));
+exports.FilterMode = void 0;
+(function (FilterMode) {
+  FilterMode["Equals"] = "eq";
+  FilterMode["NotEquals"] = "ne";
+  FilterMode["Includes"] = "in";
+  FilterMode["NotIncludes"] = "ni";
+})(exports.FilterMode || (exports.FilterMode = {}));

package/dist/cjs/types-64878648.js

@@ -0,0 +1,15 @@
+'use strict';
+
+exports.ItemPickerType = void 0;
+(function (ItemPickerType) {
+  ItemPickerType["NUMBER"] = "number";
+  ItemPickerType["LETTER"] = "letter";
+  ItemPickerType["CAPITAL_LETTER"] = "capital-letter";
+  ItemPickerType["LOWER_LETTER"] = "lower-letter";
+  ItemPickerType["CUSTOM"] = "custom";
+})(exports.ItemPickerType || (exports.ItemPickerType = {}));
+exports.ItemPickerPaddingDirection = void 0;
+(function (ItemPickerPaddingDirection) {
+  ItemPickerPaddingDirection["BEFORE"] = "before";
+  ItemPickerPaddingDirection["AFTER"] = "after";
+})(exports.ItemPickerPaddingDirection || (exports.ItemPickerPaddingDirection = {}));

package/dist/cjs/ui-library.cjs.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const index = require('./index-341df120.js');
+
+/*
+ Stencil Client Patch Browser v2.14.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('ui-library.cjs.js', document.baseURI).href));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy(JSON.parse("[[\"six-table.cjs\",[[1,\"six-table\",{\"striped\":[4],\"loading\":[4],\"data\":[32],\"setData\":[64]},[[0,\"data\",\"handleData\"]]]]],[\"six-select.cjs\",[[1,\"six-select\",{\"multiple\":[4],\"maxTagsVisible\":[2,\"max-tags-visible\"],\"disabled\":[4],\"name\":[1],\"placeholder\":[1],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"filterDebounce\":[2,\"filter-debounce\"],\"size\":[1],\"hoist\":[4],\"value\":[1025],\"pill\":[4],\"label\":[1],\"helpText\":[1,\"help-text\"],\"errorText\":[1,\"error-text\"],\"required\":[4],\"clearable\":[4],\"invalid\":[1028],\"line\":[4],\"errorOnBlur\":[4,\"error-on-blur\"],\"filter\":[4],\"asyncFilter\":[4,\"async-filter\"],\"autocomplete\":[4],\"inputDebounce\":[2,\"input-debounce\"],\"options\":[16],\"virtualScroll\":[4,\"virtual-scroll\"],\"defaultValue\":[1,\"default-value\"],\"hasFocus\":[32],\"hasHelpTextSlot\":[32],\"hasErrorTextSlot\":[32],\"hasLabelSlot\":[32],\"isOpen\":[32],\"displayLabel\":[32],\"displayTags\":[32],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"reset\":[64]}]]],[\"six-header.cjs\",[[1,\"six-header\",{\"shiftContent\":[4,\"shift-content\"],\"openHamburgerMenu\":[4,\"open-hamburger-menu\"],\"openSearch\":[4,\"open-search\"],\"clickableLogo\":[4,\"clickable-logo\"],\"selectedApp\":[32],\"selectedSection\":[32],\"setSearchOpenState\":[64],\"getIsSearchOpen\":[64]}]]],[\"six-datepicker.cjs\",[[1,\"six-datepicker\",{\"type\":[1],\"locale\":[1],\"open\":[1540],\"inline\":[516],\"readonly\":[4],\"disabled\":[4],\"allowedDates\":[16],\"min\":[16],\"max\":[16],\"closeOnSelect\":[4,\"close-on-select\"],\"placement\":[1],\"size\":[1],\"required\":[516],\"defaultDate\":[1,\"default-date\"],\"placeholder\":[1],\"value\":[1040],\"containingElement\":[16],\"dateFormat\":[1,\"date-format\"],\"debounce\":[2],\"errorOnBlur\":[4,\"error-on-blur\"],\"errorText\":[1,\"error-text\"],\"label\":[1],\"name\":[513],\"clearable\":[4],\"iconPosition\":[1,\"icon-position\"],\"hoist\":[4],\"pointerDate\":[32],\"selectionMode\":[32],\"isDropDownContentUp\":[32],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"reset\":[64],\"select\":[64]},[[9,\"resize\",\"resizeHandler\"],[9,\"scroll\",\"scrollHandler\"]]]]],[\"six-root.cjs\",[[1,\"six-root\",{\"breakpoint\":[2],\"padded\":[4],\"stage\":[1],\"version\":[1],\"collapse\":[32]}]]],[\"six-tile.cjs\",[[1,\"six-tile\",{\"label\":[1],\"iconName\":[8,\"icon-name\"],\"closeable\":[4],\"elevated\":[4],\"disableTooltip\":[4,\"disable-tooltip\"],\"disabled\":[516],\"size\":[513],\"visible\":[32],\"hasIconSlot\":[32],\"hasLabelSlot\":[32],\"hide\":[64],\"show\":[64]}]]],[\"six-alert.cjs\",[[1,\"six-alert\",{\"open\":[1540],\"closable\":[516],\"type\":[513],\"duration\":[2],\"isVisible\":[32],\"show\":[64],\"hide\":[64],\"toast\":[64]}]]],[\"six-dialog.cjs\",[[1,\"six-dialog\",{\"open\":[1540],\"label\":[1],\"noHeader\":[4,\"no-header\"],\"hasFooter\":[32],\"isVisible\":[32],\"show\":[64],\"hide\":[64]}]]],[\"six-drawer.cjs\",[[1,\"six-drawer\",{\"open\":[1540],\"label\":[1],\"placement\":[1],\"contained\":[4],\"noHeader\":[4,\"no-header\"],\"hasFooter\":[32],\"isVisible\":[32],\"show\":[64],\"hide\":[64]}]]],[\"six-search-field.cjs\",[[1,\"six-search-field\",{\"placeholder\":[1],\"debounce\":[514],\"disabled\":[516],\"value\":[513],\"clearable\":[4]}]]],[\"six-sidebar-item-group.cjs\",[[1,\"six-sidebar-item-group\",{\"name\":[1],\"icon\":[1],\"value\":[513],\"open\":[516],\"summaryIcon\":[1,\"summary-icon\"],\"hasItems\":[32],\"summaryIconHasContent\":[32]}]]],[\"six-tab.cjs\",[[1,\"six-tab\",{\"panel\":[513],\"active\":[516],\"closable\":[4],\"disabled\":[516],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"six-tab-group.cjs\",[[1,\"six-tab-group\",{\"placement\":[1],\"noScrollControls\":[4,\"no-scroll-controls\"],\"hasScrollControls\":[32],\"show\":[64]}]]],[\"six-avatar.cjs\",[[1,\"six-avatar\",{\"image\":[1],\"alt\":[1],\"initials\":[1],\"shape\":[1],\"hasError\":[32]}]]],[\"six-button.cjs\",[[1,\"six-button\",{\"type\":[513],\"size\":[513],\"caret\":[4],\"disabled\":[516],\"loading\":[516],\"pill\":[516],\"circle\":[516],\"submit\":[516],\"reset\":[516],\"name\":[1],\"value\":[1],\"href\":[1],\"target\":[1],\"download\":[1],\"hasFocus\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasSuffix\":[32],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"six-error-page.cjs\",[[1,\"six-error-page\",{\"errorCode\":[2,\"error-code\"],\"language\":[1],\"customTitle\":[1,\"custom-title\"],\"customDescription\":[16],\"customIcon\":[1,\"custom-icon\"]}]]],[\"six-file-list-item.cjs\",[[1,\"six-file-list-item\",{\"identifier\":[513],\"name\":[513],\"date\":[513],\"size\":[514],\"nodownload\":[516],\"nodelete\":[516]}]]],[\"six-file-upload.cjs\",[[2,\"six-file-upload\",{\"compact\":[4],\"label\":[1],\"disabled\":[4],\"accept\":[1],\"maxFileSize\":[2,\"max-file-size\"],\"isOver\":[32]},[[1,\"dragenter\",\"dragenterHandler\"],[1,\"dragover\",\"dragoverHandler\"],[1,\"dragleave\",\"dragleaveHandler\"],[1,\"drop\",\"dropHandler\"]]]]],[\"six-badge.cjs\",[[1,\"six-badge\",{\"type\":[1],\"pill\":[4],\"pulse\":[4]}]]],[\"six-card.cjs\",[[1,\"six-card\"]]],[\"six-checkbox.cjs\",[[1,\"six-checkbox\",{\"name\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"label\":[1],\"errorText\":[1,\"error-text\"],\"checked\":[1540],\"indeterminate\":[1540],\"invalid\":[1540],\"errorOnBlur\":[4,\"error-on-blur\"],\"hasFocus\":[32],\"hasLabelSlot\":[32],\"hasErrorTextSlot\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"reset\":[64]}]]],[\"six-file-list.cjs\",[[1,\"six-file-list\"]]],[\"six-footer.cjs\",[[1,\"six-footer\"]]],[\"six-form.cjs\",[[1,\"six-form\",{\"novalidate\":[4],\"getFormData\":[64],\"getFormControls\":[64],\"submit\":[64],\"checkValidity\":[64],\"reset\":[64]}]]],[\"six-group-label.cjs\",[[1,\"six-group-label\",{\"size\":[513],\"label\":[1],\"helpText\":[1,\"help-text\"],\"disabled\":[516],\"required\":[516],\"hasHelpTextSlot\":[32],\"hasLabelSlot\":[32]}]]],[\"six-language-switcher.cjs\",[[1,\"six-language-switcher\",{\"selected\":[1537],\"languages\":[16]}]]],[\"six-layout-grid.cjs\",[[1,\"six-layout-grid\",{\"columns\":[8]}]]],[\"six-main-container.cjs\",[[1,\"six-main-container\",{\"padded\":[4]}]]],[\"six-menu-divider.cjs\",[[1,\"six-menu-divider\"]]],[\"six-menu-label.cjs\",[[1,\"six-menu-label\"]]],[\"six-progress-bar.cjs\",[[1,\"six-progress-bar\",{\"percentage\":[2],\"indeterminate\":[4]}]]],[\"six-progress-ring.cjs\",[[1,\"six-progress-ring\",{\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"percentage\":[2]}]]],[\"six-radio.cjs\",[[1,\"six-radio\",{\"name\":[1],\"value\":[1],\"disabled\":[4],\"checked\":[1540],\"invalid\":[1540],\"hasFocus\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"reset\":[64]}]]],[\"six-range.cjs\",[[1,\"six-range\",{\"name\":[1],\"value\":[1026],\"required\":[516],\"label\":[1],\"helpText\":[1,\"help-text\"],\"errorText\":[1,\"error-text\"],\"disabled\":[4],\"invalid\":[1540],\"min\":[2],\"max\":[2],\"step\":[2],\"tooltip\":[1],\"tooltipFormatter\":[16],\"errorOnBlur\":[4,\"error-on-blur\"],\"hasFocus\":[32],\"hasHelpTextSlot\":[32],\"hasLabelSlot\":[32],\"hasErrorTextSlot\":[32],\"hasTooltip\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"setCustomValidity\":[64],\"reset\":[64]}]]],[\"six-sidebar.cjs\",[[1,\"six-sidebar\",{\"position\":[1],\"open\":[1540],\"width\":[1],\"toggled\":[4],\"isVisible\":[32],\"toggle\":[64],\"show\":[64],\"hide\":[64],\"selectItemByIndex\":[64],\"selectItemByName\":[64]}]]],[\"six-sidebar-item.cjs\",[[1,\"six-sidebar-item\",{\"value\":[513],\"selected\":[516],\"disabled\":[516]}]]],[\"six-switch.cjs\",[[1,\"six-switch\",{\"name\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"checked\":[1540],\"invalid\":[1540],\"hasFocus\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"reset\":[64]}]]],[\"six-tab-panel.cjs\",[[1,\"six-tab-panel\",{\"name\":[1],\"active\":[516]}]]],[\"six-textarea.cjs\",[[1,\"six-textarea\",{\"size\":[513],\"name\":[513],\"value\":[1537],\"label\":[1],\"helpText\":[1,\"help-text\"],\"errorText\":[1,\"error-text\"],\"placeholder\":[1],\"rows\":[2],\"resize\":[1],\"disabled\":[516],\"readonly\":[516],\"minlength\":[514],\"maxlength\":[514],\"required\":[516],\"invalid\":[1540],\"autocapitalize\":[1],\"autocorrect\":[1],\"autocomplete\":[1],\"autofocus\":[4],\"spellcheck\":[4],\"inputmode\":[1],\"errorOnBlur\":[4,\"error-on-blur\"],\"hasFocus\":[32],\"hasHelpTextSlot\":[32],\"hasErrorTextSlot\":[32],\"hasLabelSlot\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"select\":[64],\"setSelectionRange\":[64],\"setRangeText\":[64],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"reset\":[64]}]]],[\"six-timepicker.cjs\",[[1,\"six-timepicker\",{\"format\":[1],\"separator\":[1],\"value\":[1025],\"open\":[1540],\"inline\":[516],\"readonly\":[4],\"disabled\":[4],\"placement\":[1],\"size\":[1],\"required\":[516],\"placeholder\":[1],\"errorOnBlur\":[4,\"error-on-blur\"],\"errorText\":[1,\"error-text\"],\"label\":[1],\"name\":[513],\"clearable\":[4],\"iconPosition\":[1,\"icon-position\"],\"hoist\":[4],\"timeout\":[2],\"interval\":[2],\"defaultTime\":[1,\"default-time\"],\"debounce\":[2],\"isPopupContentUp\":[32],\"isDropDownContentUp\":[32],\"internalValue\":[32],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"reset\":[64]},[[9,\"resize\",\"resizeHandler\"],[9,\"scroll\",\"scrollHandler\"]]]]],[\"six-tag.cjs\",[[1,\"six-tag\",{\"type\":[513],\"size\":[513],\"pill\":[516],\"clearable\":[516]}]]],[\"six-details.cjs\",[[1,\"six-details\",{\"open\":[1540],\"summary\":[1],\"summaryIcon\":[1,\"summary-icon\"],\"summaryIconSize\":[513,\"summary-icon-size\"],\"disabled\":[4],\"inline\":[4],\"selectableEmpty\":[4,\"selectable-empty\"],\"hasContent\":[4,\"has-content\"],\"animateSummaryIcon\":[32],\"show\":[64],\"hide\":[64]}]]],[\"six-picto.cjs\",[[1,\"six-picto\",{\"size\":[1]}]]],[\"six-tooltip.cjs\",[[1,\"six-tooltip\",{\"content\":[1],\"placement\":[1],\"disabled\":[4],\"distance\":[2],\"open\":[1540],\"skidding\":[2],\"trigger\":[1],\"show\":[64],\"hide\":[64]}]]],[\"six-icon.cjs\",[[1,\"six-icon\",{\"size\":[513],\"filled\":[4]}]]],[\"set-attributes_2.cjs\",[[1,\"six-stage-indicator\",{\"stage\":[1]}],[4,\"set-attributes\",{\"value\":[16]}]]],[\"six-item-picker.cjs\",[[1,\"six-item-picker\",{\"value\":[1544],\"type\":[1],\"min\":[1544],\"max\":[1544],\"roundtrip\":[516],\"step\":[514],\"items\":[16],\"padded\":[4],\"paddingLength\":[2,\"padding-length\"],\"paddingChar\":[1,\"padding-char\"],\"paddingDirection\":[1,\"padding-direction\"],\"timeout\":[2],\"interval\":[2],\"debounce\":[2],\"_items\":[32],\"_itemIndexes\":[32]}]]],[\"six-spinner.cjs\",[[1,\"six-spinner\",{\"six\":[4]}]]],[\"six-input.cjs\",[[1,\"six-input\",{\"type\":[513],\"size\":[513],\"name\":[513],\"value\":[1537],\"pill\":[516],\"label\":[1],\"helpText\":[1,\"help-text\"],\"errorText\":[1,\"error-text\"],\"placeholder\":[1],\"disabled\":[516],\"readonly\":[516],\"minlength\":[514],\"maxlength\":[514],\"min\":[514],\"max\":[514],\"step\":[514],\"pattern\":[513],\"required\":[516],\"autocapitalize\":[1],\"autocorrect\":[1],\"autocomplete\":[1],\"autofocus\":[4],\"spellcheck\":[4],\"invalid\":[1540],\"clearable\":[4],\"togglePassword\":[4,\"toggle-password\"],\"inputmode\":[1],\"line\":[4],\"errorOnBlur\":[4,\"error-on-blur\"],\"hasFocus\":[32],\"hasHelpTextSlot\":[32],\"hasErrorTextSlot\":[32],\"hasLabelSlot\":[32],\"isPasswordVisible\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"select\":[64],\"setSelectionRange\":[64],\"setRangeText\":[64],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"getValidity\":[64],\"isValid\":[64],\"getValidationMessage\":[64],\"reset\":[64]}]]],[\"six-icon-button.cjs\",[[1,\"six-icon-button\",{\"name\":[513],\"size\":[513],\"label\":[513],\"disabled\":[516],\"html\":[513]}]]],[\"six-dropdown_3.cjs\",[[1,\"six-dropdown\",{\"open\":[1540],\"placement\":[1],\"closeOnSelect\":[4,\"close-on-select\"],\"distance\":[2],\"skidding\":[2],\"hoist\":[4],\"containingElement\":[16],\"filter\":[4],\"asyncFilter\":[4,\"async-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"autofocusFilter\":[4,\"autofocus-filter\"],\"filterDebounce\":[2,\"filter-debounce\"],\"disableHideOnEnterAndSpace\":[4,\"disable-hide-on-enter-and-space\"],\"options\":[16],\"virtualScroll\":[4,\"virtual-scroll\"],\"_options\":[32],\"show\":[64],\"hide\":[64],\"reposition\":[64]}],[1,\"six-menu\",{\"removeBoxShadow\":[4,\"remove-box-shadow\"],\"items\":[16],\"itemsShown\":[2,\"items-shown\"],\"virtualScroll\":[4,\"virtual-scroll\"],\"itemSize\":[2,\"item-size\"],\"scrollingDebounce\":[2,\"scrolling-debounce\"],\"scrollingIndex\":[32],\"sixMenuItemHeight\":[32],\"typeToSelect\":[64]}],[1,\"six-menu-item\",{\"checked\":[516],\"value\":[513],\"disabled\":[516],\"hasFocus\":[32],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"six-table-cell_4.cjs\",[[1,\"six-table-header-cell\",{\"name\":[1],\"sort\":[1],\"filter\":[1],\"value\":[1]}],[1,\"six-table-cell\"],[1,\"six-table-header\"],[1,\"six-table-row\"]]]]"), options);
+});

package/dist/collection/assets/TRADEMARKS.md

@@ -0,0 +1,7 @@
+# Trademarks
+
+This project may contain trademarks or logos for projects, products, or services. Authorized use of SIX Group AG
+trademarks or logos is subject to and must follow
+[SIX Group's Guidlines](https://www.six-group.com/dam/download/media/guidelines/SIX-guidelines-product-referencing.pdf).
+Use of SIX Group trademarks or logos in modified versions of this project must not cause confusion or imply SIX Group sponsorship.
+Any use of third-party trademarks or logos are subject to those third-party's policies.

package/dist/collection/assets/commons.js

@@ -0,0 +1,5 @@
+const getRows = () => fetch('../assets/data.json').then((res) => res.json());
+
+const getElements = (e) => Object.entries(e).reduce((e, [r, t]) => ({ ...e, [r]: document.querySelector(t) }), {});
+
+const delay = (ms = 3000) => new Promise((resolve) => setTimeout(resolve, ms));