@vertexvis/ui 0.1.5-testing.0 → 1.0.0-testing.0

package/dist/collection/util/templates/element-pool.js

@@ -1,84 +1,84 @@
 export class ElementPool {
-  constructor(container, elementFactory, eventHandlerFactory) {
-    this.container = container;
-    this.elementFactory = elementFactory;
-    this.eventHandlerFactory = eventHandlerFactory;
-    this.instanceMap = new Map();
-    this.handlerMap = new Map();
-    this.elements = [];
-  }
-  swapHeadToTail(count) {
-    const sliced = this.elements.splice(0, count);
-    this.elements.splice(this.elements.length, 0, ...sliced);
-    return this.elements.concat();
-  }
-  swapTailToHead(count) {
-    const sliced = this.elements.splice(-count, count);
-    this.elements.splice(0, 0, ...sliced);
-    return this.elements.concat();
-  }
-  updateElements(count) {
-    const diff = count - this.elements.length;
-    if (diff > 0) {
-      for (let i = 0; i < diff; i++) {
-        this.createElement();
-      }
+    constructor(container, elementFactory, eventHandlerFactory) {
+        this.container = container;
+        this.elementFactory = elementFactory;
+        this.eventHandlerFactory = eventHandlerFactory;
+        this.instanceMap = new Map();
+        this.handlerMap = new Map();
+        this.elements = [];
     }
-    else {
-      for (let i = 0; i < -diff; i++) {
-        this.deleteElement();
-      }
+    swapHeadToTail(count) {
+        const sliced = this.elements.splice(0, count);
+        this.elements.splice(this.elements.length, 0, ...sliced);
+        return this.elements.concat();
     }
-    return this.elements.concat();
-  }
-  updateData(f) {
-    this.elements.forEach((el, i) => {
-      const instance = this.instanceMap.get(el);
-      const data = f(i);
-      instance === null || instance === void 0 ? void 0 : instance.bindings.bind(data);
-    });
-  }
-  updateElementFactory(elementFactory) {
-    this.elementFactory = elementFactory;
-    this.updateElements(0);
-  }
-  iterateElements(f) {
-    this.elements.forEach((el, i) => {
-      const instance = this.instanceMap.get(el);
-      if (instance == null) {
-        throw new Error('Binding not found for element.');
-      }
-      f(el, instance.bindings, i);
-    });
-  }
-  createElement() {
-    const instance = this.elementFactory();
-    this.elements.push(instance.element);
-    this.instanceMap.set(instance.element, instance);
-    this.container.append(instance.element);
-    this.addEventListeners(instance.element);
-    return instance;
-  }
-  addEventListeners(element) {
-    var _a;
-    const handlers = (_a = this.eventHandlerFactory) === null || _a === void 0 ? void 0 : _a.call(this, element);
-    handlers === null || handlers === void 0 ? void 0 : handlers.forEach((d) => {
-      element.addEventListener(d.type, d.handler);
-    });
-    this.handlerMap.set(element, handlers !== null && handlers !== void 0 ? handlers : []);
-  }
-  deleteElement() {
-    const element = this.elements.pop();
-    if (element != null) {
-      this.instanceMap.delete(element);
-      element.remove();
-      this.removeEventListeners(element);
+    swapTailToHead(count) {
+        const sliced = this.elements.splice(-count, count);
+        this.elements.splice(0, 0, ...sliced);
+        return this.elements.concat();
+    }
+    updateElements(count) {
+        const diff = count - this.elements.length;
+        if (diff > 0) {
+            for (let i = 0; i < diff; i++) {
+                this.createElement();
+            }
+        }
+        else {
+            for (let i = 0; i < -diff; i++) {
+                this.deleteElement();
+            }
+        }
+        return this.elements.concat();
+    }
+    updateData(f) {
+        this.elements.forEach((el, i) => {
+            const instance = this.instanceMap.get(el);
+            const data = f(i);
+            instance === null || instance === void 0 ? void 0 : instance.bindings.bind(data);
+        });
+    }
+    updateElementFactory(elementFactory) {
+        this.elementFactory = elementFactory;
+        this.updateElements(0);
+    }
+    iterateElements(f) {
+        this.elements.forEach((el, i) => {
+            const instance = this.instanceMap.get(el);
+            if (instance == null) {
+                throw new Error('Binding not found for element.');
+            }
+            f(el, instance.bindings, i);
+        });
+    }
+    createElement() {
+        const instance = this.elementFactory();
+        this.elements.push(instance.element);
+        this.instanceMap.set(instance.element, instance);
+        this.container.append(instance.element);
+        this.addEventListeners(instance.element);
+        return instance;
+    }
+    addEventListeners(element) {
+        var _a;
+        const handlers = (_a = this.eventHandlerFactory) === null || _a === void 0 ? void 0 : _a.call(this, element);
+        handlers === null || handlers === void 0 ? void 0 : handlers.forEach((d) => {
+            element.addEventListener(d.type, d.handler);
+        });
+        this.handlerMap.set(element, handlers !== null && handlers !== void 0 ? handlers : []);
+    }
+    deleteElement() {
+        const element = this.elements.pop();
+        if (element != null) {
+            this.instanceMap.delete(element);
+            element.remove();
+            this.removeEventListeners(element);
+        }
+    }
+    removeEventListeners(element) {
+        var _a;
+        (_a = this.handlerMap.get(element)) === null || _a === void 0 ? void 0 : _a.forEach((d) => {
+            element.removeEventListener(d.type, d.handler);
+        });
     }
-  }
-  removeEventListeners(element) {
-    var _a;
-    (_a = this.handlerMap.get(element)) === null || _a === void 0 ? void 0 : _a.forEach((d) => {
-      element.removeEventListener(d.type, d.handler);
-    });
-  }
 }

package/dist/collection/util/templates/templates.js

@@ -1,19 +1,19 @@
-import { CollectionBinding, generateBindings } from './binding';
+import { CollectionBinding, generateBindings } from "./binding";
 export function append(container, element, data) {
-  const bindings = new CollectionBinding(generateBindings(element));
-  bindings.bind(data);
-  container.appendChild(element);
-  const created = container.lastElementChild;
-  if (created != null) {
-    return { element: created, bindings };
-  }
-  else {
-    throw new Error('Failed to append element');
-  }
+    const bindings = new CollectionBinding(generateBindings(element));
+    bindings.bind(data);
+    container.appendChild(element);
+    const created = container.lastElementChild;
+    if (created != null) {
+        return { element: created, bindings };
+    }
+    else {
+        throw new Error('Failed to append element');
+    }
 }
 export function generateInstanceFromTemplate(template) {
-  const fragment = template.content.cloneNode(true);
-  const element = fragment.firstElementChild;
-  const bindings = new CollectionBinding(generateBindings(fragment));
-  return { element, bindings };
+    const fragment = template.content.cloneNode(true);
+    const element = fragment.firstElementChild;
+    const bindings = new CollectionBinding(generateBindings(fragment));
+    return { element, bindings };
 }

package/dist/components/components.esm.js

@@ -1 +1 @@
-import{d as e,N as t,w as a,p as r,a as o,b as i}from"./p-6834631c.js";export{s as setNonce}from"./p-6834631c.js";(()=>{const i=Array.from(e.querySelectorAll("script")).find((e=>new RegExp(`/${t}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===t)),n={};return n.resourcesUrl=new URL(".",new URL(i.getAttribute("data-resources-url")||i.src,a.location.href)).href,((r,i)=>{const n=`__sc_import_${t.replace(/\s|-/g,"_")}`;try{a[n]=new Function("w",`return import(w);//${Math.random()}`)}catch(t){const l=new Map;a[n]=t=>{var c;const s=new URL(t,r).href;let p=l.get(s);if(!p){const t=e.createElement("script");t.type="module",t.crossOrigin=i.crossOrigin,t.src=URL.createObjectURL(new Blob([`import * as m from '${s}'; window.${n}.m = m;`],{type:"application/javascript"}));const r=null!==(c=o.t)&&void 0!==c?c:function(e){var t,a,r;return null!==(r=null===(a=null===(t=e.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===a?void 0:a.getAttribute("content"))&&void 0!==r?r:void 0}(e);null!=r&&t.setAttribute("nonce",r),p=new Promise((e=>{t.onload=()=>{e(a[n].m),t.remove()}})),l.set(s,p),e.head.appendChild(t)}return p}}})(n.resourcesUrl,i),a.customElements?r(n):__sc_import_components("./p-c3ec6642.js").then((()=>n))})().then((e=>i([["p-24c72960",[[6,"vertex-click-to-edit-textfield",{placeholder:[1],fontSize:[1,"font-size"],disabled:[516],multiline:[4],minRows:[2,"min-rows"],maxRows:[2,"max-rows"],value:[1032],autoFocus:[4,"auto-focus"],editing:[1540],hasError:[4,"has-error"]}]]],["p-226e83a6",[[1,"vertex-collapsible",{label:[1],open:[1540]}]]],["p-2930bcb0",[[1,"vertex-color-circle-picker",{colors:[1],labels:[1],labelPlacement:[1,"label-placement"],size:[1],supplementalColors:[1,"supplemental-colors"],theme:[513],lightenPercentage:[2,"lighten-percentage"],darkenPercentage:[2,"darken-percentage"],selected:[1537],direction:[1],colorArray:[32],supplementaryColorArray:[32],labelMap:[32]}]]],["p-407430fe",[[1,"vertex-banner",{content:[1],placement:[1],duration:[2],animated:[4],open:[4],type:[1],isOpen:[32]}]]],["p-41ced35c",[[1,"vertex-context-menu",{targetSelector:[1,"target-selector"],animated:[4],position:[32],open:[32]}]]],["p-22ec9b78",[[1,"vertex-dialog",{open:[1540],fullscreen:[4],resizable:[4],width:[32],height:[32],minWidth:[32],minHeight:[32],maxWidth:[32],maxHeight:[32],isResizing:[32]},[[4,"keydown","keyDownListener"]]]]],["p-ea8f3750",[[1,"vertex-draggable-popover",{position:[1],boundarySelector:[1,"boundary-selector"],boundaryPadding:[2,"boundary-padding"],anchorPosition:[32],lastPosition:[32],dragging:[32]}]]],["p-e3d0c2d1",[[1,"vertex-dropdown-menu",{animated:[4],placement:[1],open:[32]}]]],["p-fe7e7a74",[[1,"vertex-help-tooltip",{animated:[4],placement:[1],open:[32]}]]],["p-6a49c365",[[6,"vertex-search-bar",{variant:[1],disabled:[4],triggerCharacter:[1,"trigger-character"],breakCharacters:[16],resultItems:[16],placement:[1],value:[1],placeholder:[1],replacements:[1040],replacementUriType:[1,"replacement-uri-type"],cursorPosition:[32],displayedElements:[32],hasTriggered:[32]}]]],["p-4e3ba3df",[[1,"vertex-select",{value:[513],placeholder:[513],disabled:[516],animated:[4],hideSelected:[4,"hide-selected"],resizeObserverFactory:[16],open:[32],position:[32],displayValue:[32]}]]],["p-01d4be1d",[[1,"vertex-slider",{min:[2],max:[2],valueLabelDisplay:[1,"value-label-display"],step:[8],size:[1],value:[1026],disabled:[4]}]]],["p-756c9977",[[1,"vertex-toast",{content:[1],placement:[1],duration:[2],animated:[4],open:[4],type:[1],isOpen:[32]}]]],["p-dfe98f07",[[1,"vertex-color-picker",{value:[1537],size:[513],variant:[513],expand:[513],disabled:[4]}]]],["p-53515813",[[1,"vertex-toggle",{variant:[1],disabled:[4],checked:[1540]}]]],["p-bca6275a",[[1,"vertex-avatar",{firstName:[1,"first-name"],lastName:[1,"last-name"],value:[1],active:[4],variant:[1]}]]],["p-91123ff6",[[1,"vertex-avatar-group"]]],["p-0b4406fa",[[1,"vertex-badge",{badgeText:[1,"badge-text"],badgeColor:[1,"badge-color"]}]]],["p-f6f2bc86",[[1,"vertex-button",{type:[1],color:[1],variant:[1],size:[1],expand:[1],href:[1],target:[1],disabled:[516]}]]],["p-6d4f055b",[[1,"vertex-card",{mode:[1]}]]],["p-211c1186",[[1,"vertex-card-group",{selected:[516],hovered:[516],expanded:[516]}]]],["p-d7c0c287",[[1,"vertex-chip",{variant:[1],color:[1]}]]],["p-a2018217",[[1,"vertex-logo-loading"]]],["p-cc2e3192",[[1,"vertex-menu-divider"]]],["p-573b8ec6",[[1,"vertex-menu-item",{disabled:[516]}]]],["p-33400eed",[[2,"vertex-radio",{disabled:[516],value:[513],label:[513],name:[513],checked:[516]}]]],["p-16fc9e9a",[[1,"vertex-radio-group",{name:[513],value:[1537]}]]],["p-95358d00",[[1,"vertex-resizable",{horizontalDirection:[1,"horizontal-direction"],verticalDirection:[1,"vertical-direction"],initialHorizontalScale:[2,"initial-horizontal-scale"],initialVerticalScale:[2,"initial-vertical-scale"],initializeWithOffset:[4,"initialize-with-offset"],parentSelector:[1,"parent-selector"],verticalSiblingSelector:[1,"vertical-sibling-selector"],horizontalSiblingSelector:[1,"horizontal-sibling-selector"],contentSelector:[1,"content-selector"],position:[1],dimensionsComputed:[1540,"dimensions-computed"],width:[32],minWidth:[32],maxWidth:[32],height:[32],minHeight:[32],maxHeight:[32],left:[32],top:[32],hoveredLocation:[32],dragStartLocation:[32],updateDimensions:[64]}]]],["p-69375605",[[1,"vertex-spinner",{color:[1],size:[1]}]]],["p-2ae8175d",[[1,"vertex-tab",{label:[1],active:[4]}]]],["p-8d83dfff",[[1,"vertex-tabs",{active:[1025],labels:[32],activeBounds:[32],activeButtonEl:[32]}]]],["p-80c989fa",[[1,"vertex-expandable",{expanded:[1540],expanding:[1540],collapsing:[1540],controlled:[516],expandType:[513,"expand-type"],animated:[4],contentScrollHeight:[32]}]]],["p-ee496965",[[1,"vertex-result-list",{items:[16],itemsJson:[1,"items"],viewportStartIndex:[1026,"viewport-start-index"],viewportEndIndex:[1026,"viewport-end-index"],resultHeight:[1026,"result-height"],overScanCount:[2,"over-scan-count"],placement:[1],position:[1],open:[4],listHeight:[32],parsedResults:[32],scrollTop:[32],lastStartIndex:[32],lastFocusedIndex:[32],stateMap:[32]}]]],["p-9c384f6c",[[1,"vertex-auto-resize-textarea",{textareaSelector:[1,"textarea-selector"],initialValue:[1,"initial-value"],minRows:[514,"min-rows"],maxRows:[514,"max-rows"],textValue:[32]}]]],["p-406e73da",[[6,"vertex-textfield",{type:[1],name:[1],variant:[1],fontSize:[1,"font-size"],multiline:[4],minRows:[2,"min-rows"],maxRows:[2,"max-rows"],placeholder:[1],autoFocus:[4,"auto-focus"],autoComplete:[1,"auto-complete"],autoCorrect:[1,"auto-correct"],value:[1032],disabled:[516],hasError:[4,"has-error"],updateInput:[64],blurInput:[64],getInputValue:[64],selectAll:[64]}]]],["p-606596de",[[1,"vertex-popover",{open:[1540],placement:[1],position:[1025],anchorBounds:[16],backdrop:[4],animated:[4],anchorSelector:[1,"anchor-selector"],boundarySelector:[1,"boundary-selector"],resizeBehavior:[1,"resize-behavior"],overflowBehavior:[16],flipBehavior:[16],offsetBehavior:[2,"offset-behavior"],updateOnResize:[4,"update-on-resize"],resizeObserverFactory:[16],opened:[32],computedPlacement:[32]}]]],["p-3b794014",[[1,"vertex-tooltip",{content:[1],disabled:[4],placement:[1],delay:[2],animated:[4],open:[32]}]]],["p-7e6ca4fb",[[1,"vertex-color-swatch",{variant:[513],size:[513],color:[513],supplementalColor:[513,"supplemental-color"],theme:[513],lightenPercentage:[2,"lighten-percentage"],darkenPercentage:[2,"darken-percentage"],lightened:[1537],darkened:[1537]}]]],["p-0de26b21",[[1,"vertex-menu",{animated:[4],open:[1540],placement:[1],fallbackPlacements:[16],backdrop:[4],persistent:[4],position:[1040],popoverProps:[16]}]]],["p-5366a759",[[1,"vertex-icon",{name:[1],size:[1]}]]],["p-7ace7800",[[1,"vertex-icon-button",{iconName:[1,"icon-name"],disabled:[516],variant:[1],iconColor:[1,"icon-color"],iconSize:[1,"icon-size"]}]]]],e)));
+import{p as e,g as a,b as t}from"./p-C27tS7nl.js";export{s as setNonce}from"./p-C27tS7nl.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await a(),t([["p-efd0223b",[[262,"vertex-click-to-edit-textfield",{placeholder:[1],fontSize:[1,"font-size"],disabled:[516],multiline:[4],minRows:[2,"min-rows"],maxRows:[2,"max-rows"],value:[1032],autoFocus:[4,"auto-focus"],editing:[1540],hasError:[4,"has-error"]},null,{value:[{handleValueChanged:0}]}]]],["p-6c6a2fc5",[[257,"vertex-collapsible",{label:[1],open:[1540]}]]],["p-2e0ee616",[[1,"vertex-color-circle-picker",{colors:[1],labels:[1],labelPlacement:[1,"label-placement"],size:[1],supplementalColors:[1,"supplemental-colors"],theme:[513],lightenPercentage:[2,"lighten-percentage"],darkenPercentage:[2,"darken-percentage"],selected:[1537],direction:[1],colorArray:[32],supplementaryColorArray:[32],labelMap:[32]},null,{colors:[{handleColorsChange:0}],supplementalColors:[{handleSupplementalColorsChange:0}],labels:[{handleLabelsChange:0}]}]]],["p-34d8a04e",[[257,"vertex-banner",{content:[1],placement:[1],duration:[2],animated:[4],open:[4],type:[1],isOpen:[32]},null,{open:[{handleOpenChanged:0}]}]]],["p-28460604",[[257,"vertex-context-menu",{targetSelector:[1,"target-selector"],animated:[4],position:[32],open:[32]},null,{targetSelector:[{handleTargetSelectorChange:0}]}]]],["p-553d01af",[[257,"vertex-dialog",{open:[1540],fullscreen:[4],resizable:[4],width:[32],height:[32],minWidth:[32],minHeight:[32],maxWidth:[32],maxHeight:[32],isResizing:[32]},[[4,"keydown","keyDownListener"]],{resizable:[{clearComputedValues:0}],open:[{updateOpened:0}]}]]],["p-a287d016",[[257,"vertex-draggable-popover",{position:[1],boundarySelector:[1,"boundary-selector"],boundaryPadding:[2,"boundary-padding"],anchorPosition:[32],lastPosition:[32],dragging:[32]},null,{position:[{updatePosition:0}],lastPosition:[{lastPositionChanged:0}]}]]],["p-c2f3cf8b",[[257,"vertex-dropdown-menu",{animated:[4],placement:[1],open:[32]}]]],["p-6d03a954",[[257,"vertex-help-tooltip",{animated:[4],placement:[1],open:[32]}]]],["p-0af9b71c",[[262,"vertex-search-bar",{variant:[1],disabled:[4],triggerCharacter:[1,"trigger-character"],breakCharacters:[16],resultItems:[16],placement:[1],value:[1],placeholder:[1],replacements:[1040],replacementUriType:[1,"replacement-uri-type"],cursorPosition:[32],displayedElements:[32],hasTriggered:[32]},null,{value:[{replaceContent:0}],replacements:[{updateContent:0}]}]]],["p-61742c05",[[257,"vertex-select",{value:[513],placeholder:[513],disabled:[516],animated:[4],hideSelected:[4,"hide-selected"],resizeObserverFactory:[16],open:[32],position:[32],displayValue:[32]},null,{value:[{handleUpdateValue:0}],displayValue:[{handleUpdateDisplayValue:0}],hideSelected:[{handleUpdateDisplayValue:0}],placeholder:[{handleUpdateDisplayValue:0}]}]]],["p-a8e75bdc",[[1,"vertex-slider",{min:[2],max:[2],valueLabelDisplay:[1,"value-label-display"],step:[8],size:[1],value:[1026],disabled:[4]}]]],["p-595b8bd6",[[257,"vertex-toast",{content:[1],placement:[1],duration:[2],animated:[4],open:[4],type:[1],isOpen:[32]},null,{open:[{handleOpenChanged:0}]}]]],["p-ca6a4b08",[[257,"vertex-color-picker",{value:[1537],size:[513],variant:[513],expand:[513],disabled:[4]},null,{value:[{valueChange:0}]}]]],["p-0f13f6f3",[[1,"vertex-toggle",{variant:[1],disabled:[4],checked:[1540]}]]],["p-0bd4222b",[[1,"vertex-avatar",{firstName:[1,"first-name"],lastName:[1,"last-name"],value:[1],active:[4],variant:[1]}]]],["p-5c032b37",[[257,"vertex-avatar-group"]]],["p-0c389e6f",[[1,"vertex-badge",{badgeText:[1,"badge-text"],badgeColor:[1,"badge-color"]}]]],["p-edfd86c9",[[257,"vertex-button",{type:[1],color:[1],variant:[1],size:[1],expand:[1],href:[1],target:[1],disabled:[516]}]]],["p-26f9abc0",[[257,"vertex-card",{mode:[1]}]]],["p-f793f80a",[[257,"vertex-card-group",{selected:[516],hovered:[516],expanded:[516]}]]],["p-f23df530",[[257,"vertex-chip",{variant:[1],color:[1]}]]],["p-e311af0e",[[1,"vertex-logo-loading"]]],["p-705d25f3",[[1,"vertex-menu-divider"]]],["p-1c5e8df5",[[257,"vertex-menu-item",{disabled:[516]}]]],["p-5e3fe5e7",[[2,"vertex-radio",{disabled:[516],value:[513],label:[513],name:[513],checked:[516]}]]],["p-1e6ff76a",[[257,"vertex-radio-group",{name:[513],value:[1537]},null,{value:[{updateValue:0}]}]]],["p-7f768637",[[257,"vertex-resizable",{horizontalDirection:[1,"horizontal-direction"],verticalDirection:[1,"vertical-direction"],initialHorizontalScale:[2,"initial-horizontal-scale"],initialVerticalScale:[2,"initial-vertical-scale"],initializeWithOffset:[4,"initialize-with-offset"],parentSelector:[1,"parent-selector"],verticalSiblingSelector:[1,"vertical-sibling-selector"],horizontalSiblingSelector:[1,"horizontal-sibling-selector"],contentSelector:[1,"content-selector"],position:[1],dimensionsComputed:[1540,"dimensions-computed"],width:[32],minWidth:[32],maxWidth:[32],height:[32],minHeight:[32],maxHeight:[32],left:[32],top:[32],hoveredLocation:[32],dragStartLocation:[32],updateDimensions:[64]}]]],["p-f37dc3c4",[[1,"vertex-spinner",{color:[1],size:[1]}]]],["p-b5921385",[[257,"vertex-tab",{label:[1],active:[4]}]]],["p-00eaa8d7",[[257,"vertex-tabs",{active:[1025],labels:[32],activeBounds:[32],activeButtonEl:[32]},null,{activeButtonEl:[{handleActiveButtonChange:0}]}]]],["p-a886721b",[[257,"vertex-expandable",{expanded:[1540],expanding:[1540],collapsing:[1540],controlled:[516],expandType:[513,"expand-type"],animated:[4],contentScrollHeight:[32]}]]],["p-2cdfe6bf",[[257,"vertex-result-list",{items:[16],itemsJson:[1,"items"],viewportStartIndex:[1026,"viewport-start-index"],viewportEndIndex:[1026,"viewport-end-index"],resultHeight:[1026,"result-height"],overScanCount:[2,"over-scan-count"],placement:[1],position:[1],open:[4],listHeight:[32],parsedResults:[32],scrollTop:[32],lastStartIndex:[32],lastFocusedIndex:[32],stateMap:[32]},null,{items:[{handleResultsChanged:0}],open:[{handleOpenChanged:0}]}]]],["p-88781e72",[[257,"vertex-auto-resize-textarea",{textareaSelector:[1,"textarea-selector"],initialValue:[1,"initial-value"],minRows:[514,"min-rows"],maxRows:[514,"max-rows"],textValue:[32]}]]],["p-6b2db72c",[[262,"vertex-textfield",{type:[1],name:[1],variant:[1],fontSize:[1,"font-size"],multiline:[4],minRows:[2,"min-rows"],maxRows:[2,"max-rows"],placeholder:[1],autoFocus:[4,"auto-focus"],autoComplete:[1,"auto-complete"],autoCorrect:[1,"auto-correct"],value:[1032],disabled:[516],hasError:[4,"has-error"],updateInput:[64],blurInput:[64],getInputValue:[64],selectAll:[64]}]]],["p-8358ad1c",[[257,"vertex-popover",{open:[1540],placement:[1],position:[1025],anchorBounds:[16],backdrop:[4],animated:[4],anchorSelector:[1,"anchor-selector"],boundarySelector:[1,"boundary-selector"],resizeBehavior:[1,"resize-behavior"],overflowBehavior:[16],flipBehavior:[16],offsetBehavior:[2,"offset-behavior"],updateOnResize:[4,"update-on-resize"],resizeObserverFactory:[16],opened:[32],computedPlacement:[32]},null,{position:[{updatePosition:0}],placement:[{updatePlacement:0}],open:[{updateOpened:0}],animated:[{updateAnimated:0}],boundarySelector:[{updateMiddleware:0},{updateResizeObserver:0}],overflowBehavior:[{updateMiddleware:0}],flipBehavior:[{updateMiddleware:0}],offsetBehavior:[{updateMiddleware:0}]}]]],["p-3ddb0c4e",[[257,"vertex-tooltip",{content:[1],disabled:[4],placement:[1],delay:[2],animated:[4],open:[32]},null,{content:[{handleContentChange:0}],disabled:[{handleDisabledChange:0}]}]]],["p-091b9e27",[[257,"vertex-color-swatch",{variant:[513],size:[513],color:[513],supplementalColor:[513,"supplemental-color"],theme:[513],lightenPercentage:[2,"lighten-percentage"],darkenPercentage:[2,"darken-percentage"],lightened:[1537],darkened:[1537]},null,{color:[{handleColorChanged:0}],lightenPercentage:[{handleLightenPercentageChanged:0}],darkenPercentage:[{handleDarkenPercentageChanged:0}]}]]],["p-f1abef98",[[257,"vertex-menu",{animated:[4],open:[1540],placement:[1],fallbackPlacements:[16],backdrop:[4],persistent:[4],position:[1040],popoverProps:[16]}]]],["p-ef419ddf",[[1,"vertex-icon",{name:[1],size:[1]}]]],["p-0180556d",[[257,"vertex-icon-button",{iconName:[1,"icon-name"],disabled:[516],variant:[1],iconColor:[1,"icon-color"],iconSize:[1,"icon-size"]}]]]],e))));

package/dist/components/index.d.ts

@@ -1,45 +1,8 @@
-/* components custom elements */
-export { AutoResizeTextArea as VertexAutoResizeTextarea } from '../types/components/auto-resize-textarea/auto-resize-textarea';
-export { Avatar as VertexAvatar } from '../types/components/avatar/avatar';
-export { AvatarGroup as VertexAvatarGroup } from '../types/components/avatar-group/avatar-group';
-export { Badge as VertexBadge } from '../types/components/badge/badge';
-export { Banner as VertexBanner } from '../types/components/banner/banner';
-export { Button as VertexButton } from '../types/components/button/button';
-export { Card as VertexCard } from '../types/components/card/card';
-export { CardGroup as VertexCardGroup } from '../types/components/card-group/card-group';
-export { Chip as VertexChip } from '../types/components/chip/chip';
-export { ClickToEditTextField as VertexClickToEditTextfield } from '../types/components/click-to-edit-text-field/click-to-edit-text-field';
-export { Collapsible as VertexCollapsible } from '../types/components/collapsible/collapsible';
-export { ColorCirclePicker as VertexColorCirclePicker } from '../types/components/color-circle-picker/color-circle-picker';
-export { ColorPicker as VertexColorPicker } from '../types/components/color-picker/color-picker';
-export { ColorSwatch as VertexColorSwatch } from '../types/components/color-swatch/color-swatch';
-export { ContextMenu as VertexContextMenu } from '../types/components/context-menu/context-menu';
-export { Dialog as VertexDialog } from '../types/components/dialog/dialog';
-export { DraggablePopover as VertexDraggablePopover } from '../types/components/draggable-popover/draggable-popover';
-export { DropdownMenu as VertexDropdownMenu } from '../types/components/dropdown-menu/dropdown-menu';
-export { Expandable as VertexExpandable } from '../types/components/expandable/expandable';
-export { HelpTooltip as VertexHelpTooltip } from '../types/components/help-tooltip/help-tooltip';
-export { Icon as VertexIcon } from '../types/components/icon/icon';
-export { IconButton as VertexIconButton } from '../types/components/icon-button/icon-button';
-export { LogoLoading as VertexLogoLoading } from '../types/components/logo-loading/logo-loading';
-export { Menu as VertexMenu } from '../types/components/menu/menu';
-export { MenuDivider as VertexMenuDivider } from '../types/components/menu-divider/menu-divider';
-export { MenuItem as VertexMenuItem } from '../types/components/menu-item/menu-item';
-export { Popover as VertexPopover } from '../types/components/popover/popover';
-export { Radio as VertexRadio } from '../types/components/radio/radio';
-export { RadioGroup as VertexRadioGroup } from '../types/components/radio-group/radio-group';
-export { Resizable as VertexResizable } from '../types/components/resizable/resizable';
-export { ResultList as VertexResultList } from '../types/components/result-list/result-list';
-export { SearchBar as VertexSearchBar } from '../types/components/search-bar/search-bar';
-export { Select as VertexSelect } from '../types/components/select/select';
-export { Slider as VertexSlider } from '../types/components/slider/slider';
-export { Spinner as VertexSpinner } from '../types/components/spinner/spinner';
-export { Tab as VertexTab } from '../types/components/tab/tab';
-export { Tabs as VertexTabs } from '../types/components/tabs/tabs';
-export { TextField as VertexTextfield } from '../types/components/text-field/text-field';
-export { Toast as VertexToast } from '../types/components/toast/toast';
-export { Toggle as VertexToggle } from '../types/components/toggle/toggle';
-export { Tooltip as VertexTooltip } from '../types/components/tooltip/tooltip';
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
 
 /**
  * Used to manually set the base path where assets can be found.
@@ -68,4 +31,5 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
 export * from '../types';

package/dist/components/index.esm.js

@@ -1 +1 @@
-export{A as AutoResizeTextArea}from"./p-bec53c3a.js";export{A as Avatar}from"./p-c2c076f1.js";export{A as AvatarGroup}from"./p-81cb4da4.js";export{B as Badge}from"./p-29d7697f.js";export{B as Banner}from"./p-8a52767f.js";export{B as Button}from"./p-1e645c1f.js";export{C as Card}from"./p-a3c04bbd.js";export{C as CardGroup}from"./p-ff4a1c3a.js";export{C as Chip}from"./p-a6614625.js";export{C as ClickToEditTextField}from"./p-0e628c05.js";export{C as Collapsible}from"./p-8fe0084d.js";export{C as ColorCirclePicker}from"./p-90931a94.js";export{C as ColorPicker}from"./p-8c69bb83.js";export{C as ColorSwatch}from"./p-e3ea44b2.js";export{C as ContextMenu}from"./p-f2bc7ec5.js";export{D as Dialog}from"./p-90cf31d2.js";export{D as DraggablePopover}from"./p-8b211d6f.js";export{D as DropdownMenu}from"./p-39133bc7.js";export{E as Expandable}from"./p-6a640a2c.js";export{H as HelpTooltip}from"./p-2cff3285.js";export{I as Icon}from"./p-c8ab09fb.js";export{I as IconButton}from"./p-90b4e04b.js";export{L as LogoLoading}from"./p-817bf6ff.js";export{M as Menu}from"./p-ec7be8df.js";export{M as MenuDivider}from"./p-c939fa4e.js";export{M as MenuItem}from"./p-988058f9.js";export{P as Popover}from"./p-c2706288.js";export{R as Radio}from"./p-36c853c4.js";export{R as RadioGroup}from"./p-f55574fb.js";export{R as Resizable}from"./p-c9a967d9.js";export{R as ResultList}from"./p-6b862967.js";export{S as SearchBar}from"./p-6b6c2260.js";export{S as Select}from"./p-0541e2b0.js";export{S as Slider}from"./p-18ed73e9.js";export{S as Spinner}from"./p-09ba50c3.js";export{T as Tab}from"./p-96f55673.js";export{T as Tabs}from"./p-48629bf1.js";export{T as TextField}from"./p-43b1b3f9.js";export{T as Toast}from"./p-3dd08a0f.js";export{T as Toggle}from"./p-59fb829f.js";export{T as Tooltip}from"./p-5fb1724f.js";import"./p-6834631c.js";import"./p-b2c7b113.js";import"./p-fe062eb0.js";import"./p-fedcc21e.js";import"./p-3438c441.js";import"./p-65f9817e.js";import"./p-1356f525.js";import"./p-59032668.js";
+export{vertex_auto_resize_textarea as AutoResizeTextArea}from"./vertex-auto-resize-textarea.entry.esm.js";export{vertex_avatar as Avatar}from"./vertex-avatar.entry.esm.js";export{vertex_avatar_group as AvatarGroup}from"./vertex-avatar-group.entry.esm.js";export{vertex_badge as Badge}from"./vertex-badge.entry.esm.js";export{vertex_banner as Banner}from"./vertex-banner.entry.esm.js";export{vertex_button as Button}from"./vertex-button.entry.esm.js";export{vertex_card as Card}from"./vertex-card.entry.esm.js";export{vertex_card_group as CardGroup}from"./vertex-card-group.entry.esm.js";export{vertex_chip as Chip}from"./vertex-chip.entry.esm.js";export{vertex_click_to_edit_textfield as ClickToEditTextField}from"./vertex-click-to-edit-textfield.entry.esm.js";export{vertex_collapsible as Collapsible}from"./vertex-collapsible.entry.esm.js";export{vertex_color_circle_picker as ColorCirclePicker}from"./vertex-color-circle-picker.entry.esm.js";export{vertex_color_picker as ColorPicker}from"./vertex-color-picker.entry.esm.js";export{vertex_color_swatch as ColorSwatch}from"./vertex-color-swatch.entry.esm.js";export{vertex_context_menu as ContextMenu}from"./vertex-context-menu.entry.esm.js";export{vertex_dialog as Dialog}from"./vertex-dialog.entry.esm.js";export{vertex_draggable_popover as DraggablePopover}from"./vertex-draggable-popover.entry.esm.js";export{vertex_dropdown_menu as DropdownMenu}from"./vertex-dropdown-menu.entry.esm.js";export{vertex_expandable as Expandable}from"./vertex-expandable.entry.esm.js";export{vertex_help_tooltip as HelpTooltip}from"./vertex-help-tooltip.entry.esm.js";export{vertex_icon as Icon}from"./vertex-icon.entry.esm.js";export{vertex_icon_button as IconButton}from"./vertex-icon-button.entry.esm.js";export{vertex_logo_loading as LogoLoading}from"./vertex-logo-loading.entry.esm.js";export{vertex_menu as Menu}from"./vertex-menu.entry.esm.js";export{vertex_menu_divider as MenuDivider}from"./vertex-menu-divider.entry.esm.js";export{vertex_menu_item as MenuItem}from"./vertex-menu-item.entry.esm.js";export{vertex_popover as Popover}from"./vertex-popover.entry.esm.js";export{vertex_radio as Radio}from"./vertex-radio.entry.esm.js";export{vertex_radio_group as RadioGroup}from"./vertex-radio-group.entry.esm.js";export{vertex_resizable as Resizable}from"./vertex-resizable.entry.esm.js";export{vertex_result_list as ResultList}from"./vertex-result-list.entry.esm.js";export{vertex_search_bar as SearchBar}from"./vertex-search-bar.entry.esm.js";export{vertex_select as Select}from"./vertex-select.entry.esm.js";export{vertex_slider as Slider}from"./vertex-slider.entry.esm.js";export{vertex_spinner as Spinner}from"./vertex-spinner.entry.esm.js";export{vertex_tab as Tab}from"./vertex-tab.entry.esm.js";export{vertex_tabs as Tabs}from"./vertex-tabs.entry.esm.js";export{vertex_textfield as TextField}from"./vertex-textfield.entry.esm.js";export{vertex_toast as Toast}from"./vertex-toast.entry.esm.js";export{vertex_toggle as Toggle}from"./vertex-toggle.entry.esm.js";export{vertex_tooltip as Tooltip}from"./vertex-tooltip.entry.esm.js";import"./p-C27tS7nl.js";import"./p-DXuCPm6v.js";import"./p-Beav1bNT.js";import"./p-DHNuRvq0.js";import"./p-DgySd_r0.js";import"./p-DXQBJLz-.js";import"./p-BSoicxl1.js";import"./p-CIs0DJX1.js";import"./p-B-yvbsY0.js";

package/dist/components/index.js

@@ -1,52 +1 @@
-export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-export { A as AutoResizeTextArea, d as defineCustomElement } from './auto-resize-textarea.js';
-export { A as Avatar, VertexAvatar, defineCustomElement as defineCustomElementVertexAvatar } from './vertex-avatar.js';
-export { A as AvatarGroup, VertexAvatarGroup, defineCustomElement as defineCustomElementVertexAvatarGroup } from './vertex-avatar-group.js';
-export { B as Badge, VertexBadge, defineCustomElement as defineCustomElementVertexBadge } from './vertex-badge.js';
-export { B as Banner, VertexBanner, defineCustomElement as defineCustomElementVertexBanner } from './vertex-banner.js';
-export { B as Button, VertexButton, defineCustomElement as defineCustomElementVertexButton } from './vertex-button.js';
-export { C as Card, VertexCard, defineCustomElement as defineCustomElementVertexCard } from './vertex-card.js';
-export { C as CardGroup, VertexCardGroup, defineCustomElement as defineCustomElementVertexCardGroup } from './vertex-card-group.js';
-export { C as Chip, VertexChip, defineCustomElement as defineCustomElementVertexChip } from './vertex-chip.js';
-export { C as ClickToEditTextField, VertexClickToEditTextfield, defineCustomElement as defineCustomElementVertexClickToEditTextfield } from './vertex-click-to-edit-textfield.js';
-export { C as Collapsible, VertexCollapsible, defineCustomElement as defineCustomElementVertexCollapsible } from './vertex-collapsible.js';
-export { C as ColorCirclePicker, VertexColorCirclePicker, defineCustomElement as defineCustomElementVertexColorCirclePicker } from './vertex-color-circle-picker.js';
-export { C as ColorPicker, VertexColorPicker, defineCustomElement as defineCustomElementVertexColorPicker } from './vertex-color-picker.js';
-export { C as ColorSwatch } from './color-swatch.js';
-export { C as ContextMenu, VertexContextMenu, defineCustomElement as defineCustomElementVertexContextMenu } from './vertex-context-menu.js';
-export { D as Dialog, VertexDialog, defineCustomElement as defineCustomElementVertexDialog } from './vertex-dialog.js';
-export { D as DraggablePopover, VertexDraggablePopover, defineCustomElement as defineCustomElementVertexDraggablePopover } from './vertex-draggable-popover.js';
-export { D as DropdownMenu, VertexDropdownMenu, defineCustomElement as defineCustomElementVertexDropdownMenu } from './vertex-dropdown-menu.js';
-export { E as Expandable } from './expandable.js';
-export { H as HelpTooltip, VertexHelpTooltip, defineCustomElement as defineCustomElementVertexHelpTooltip } from './vertex-help-tooltip.js';
-export { I as Icon } from './icon.js';
-export { I as IconButton } from './icon-button.js';
-export { L as LogoLoading, VertexLogoLoading, defineCustomElement as defineCustomElementVertexLogoLoading } from './vertex-logo-loading.js';
-export { M as Menu } from './menu.js';
-export { M as MenuDivider, VertexMenuDivider, defineCustomElement as defineCustomElementVertexMenuDivider } from './vertex-menu-divider.js';
-export { M as MenuItem, VertexMenuItem, defineCustomElement as defineCustomElementVertexMenuItem } from './vertex-menu-item.js';
-export { P as Popover } from './popover.js';
-export { R as Radio, VertexRadio, defineCustomElement as defineCustomElementVertexRadio } from './vertex-radio.js';
-export { R as RadioGroup, VertexRadioGroup, defineCustomElement as defineCustomElementVertexRadioGroup } from './vertex-radio-group.js';
-export { R as Resizable, VertexResizable, defineCustomElement as defineCustomElementVertexResizable } from './vertex-resizable.js';
-export { R as ResultList } from './result-list.js';
-export { S as SearchBar, VertexSearchBar, defineCustomElement as defineCustomElementVertexSearchBar } from './vertex-search-bar.js';
-export { S as Select, VertexSelect, defineCustomElement as defineCustomElementVertexSelect } from './vertex-select.js';
-export { S as Slider, VertexSlider, defineCustomElement as defineCustomElementVertexSlider } from './vertex-slider.js';
-export { S as Spinner, VertexSpinner, defineCustomElement as defineCustomElementVertexSpinner } from './vertex-spinner.js';
-export { T as Tab, VertexTab, defineCustomElement as defineCustomElementVertexTab } from './vertex-tab.js';
-export { T as Tabs, VertexTabs, defineCustomElement as defineCustomElementVertexTabs } from './vertex-tabs.js';
-export { T as TextField } from './text-field.js';
-export { T as Toast, VertexToast, defineCustomElement as defineCustomElementVertexToast } from './vertex-toast.js';
-export { T as Toggle, VertexToggle, defineCustomElement as defineCustomElementVertexToggle } from './vertex-toggle.js';
-export { T as Tooltip } from './tooltip.js';
-export { VertexAutoResizeTextarea, defineCustomElement as defineCustomElementVertexAutoResizeTextarea } from './vertex-auto-resize-textarea.js';
-export { VertexColorSwatch, defineCustomElement as defineCustomElementVertexColorSwatch } from './vertex-color-swatch.js';
-export { VertexExpandable, defineCustomElement as defineCustomElementVertexExpandable } from './vertex-expandable.js';
-export { VertexIcon, defineCustomElement as defineCustomElementVertexIcon } from './vertex-icon.js';
-export { VertexIconButton, defineCustomElement as defineCustomElementVertexIconButton } from './vertex-icon-button.js';
-export { VertexMenu, defineCustomElement as defineCustomElementVertexMenu } from './vertex-menu.js';
-export { VertexPopover, defineCustomElement as defineCustomElementVertexPopover } from './vertex-popover.js';
-export { VertexResultList, defineCustomElement as defineCustomElementVertexResultList } from './vertex-result-list.js';
-export { VertexTextfield, defineCustomElement as defineCustomElementVertexTextfield } from './vertex-textfield.js';
-export { VertexTooltip, defineCustomElement as defineCustomElementVertexTooltip } from './vertex-tooltip.js';
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BbDaHMlz.js";export{A as AutoResizeTextArea}from"./p-C1H5-_5m.js";export{A as Avatar}from"./p-ByQGREpQ.js";export{A as AvatarGroup}from"./p-BHmM6WC-.js";export{B as Badge}from"./p-De54LBPx.js";export{B as Banner}from"./p-BZutc-CC.js";export{B as Button}from"./p-C7VaFE8W.js";export{C as Card}from"./p-eYTN_sVb.js";export{C as CardGroup}from"./p-RaMDrnzd.js";export{C as Chip}from"./p-TLO_pywp.js";export{C as ClickToEditTextField}from"./p-BAfJR2VF.js";export{C as Collapsible}from"./p-DsAkiOMC.js";export{C as ColorCirclePicker}from"./p-1KuzBK7Z.js";export{C as ColorPicker}from"./p-al_CUADF.js";export{C as ColorSwatch}from"./p-B23i1cwy.js";export{C as ContextMenu}from"./p-DGZHaSjz.js";export{D as Dialog}from"./p-KilWQmEJ.js";export{D as DraggablePopover}from"./p-Mnv_zHXq.js";export{D as DropdownMenu}from"./p-D1P5FeY6.js";export{E as Expandable}from"./p-CZ1Qa_xv.js";export{H as HelpTooltip}from"./p-_3Hgy0Z4.js";export{I as Icon}from"./p-C1qwHMcr.js";export{I as IconButton}from"./p-BLc3P-0q.js";export{L as LogoLoading}from"./p-B2oECB2P.js";export{M as Menu}from"./p-BdR40EV2.js";export{M as MenuDivider}from"./p-B9qe9CNv.js";export{M as MenuItem}from"./p-4HdACFFW.js";export{P as Popover}from"./p-Ci26QjYl.js";export{R as Radio}from"./p-Bo65Viuh.js";export{R as RadioGroup}from"./p-K5a7HQMt.js";export{R as Resizable}from"./p-CFaiLAq0.js";export{R as ResultList}from"./p-CAFdRyLE.js";export{S as SearchBar}from"./p-CZyp2id8.js";export{S as Select}from"./p-DjrAIJhB.js";export{S as Slider}from"./p-BZ5oF5Ci.js";export{S as Spinner}from"./p-D_mp9WMh.js";export{T as Tab}from"./p-ILu24ZUX.js";export{T as Tabs}from"./p-DMLgHhJc.js";export{T as TextField}from"./p-6qoO8Yf3.js";export{T as Toast}from"./p-Dw5WRKyY.js";export{T as Toggle}from"./p-y4p55dbx.js";export{T as Tooltip}from"./p-D3BXoJJN.js";

package/dist/components/p-00eaa8d7.entry.js

@@ -0,0 +1 @@
+import{a as t,c as e,h as i,H as s,d as o}from"./p-C27tS7nl.js";import{c as a}from"./p-Beav1bNT.js";import{r as l,g as n}from"./p-DXQBJLz-.js";function r(t){return"VERTEX-TAB"===t.tagName}const d=class{constructor(i){t(this,i),this.selectedTabChanged=e(this,"selectedTabChanged"),this.labels=[],this.indicatorInitialized=!1,this.handleLabelClick=t=>{null!=this.active&&this.updateActiveOnTab(this.active,!1),this.active=t,this.updateActiveOnTab(this.active,!0),this.selectedTabChanged.emit(t)},this.updateActiveOnTab=(t,e)=>{const i=this.findTabByLabel(t);null!=i&&(i.active=e)},this.findTabByLabel=t=>{var e;const i=(null===(e=this.hostEl.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])"))||void 0,s=null==i?void 0:i.assignedElements(),o=null!=s&&s.length>0?Array.from(s[0].children):void 0;return null!=o?o.filter(r).find((e=>e.label===t)):void 0},this.updateTabLabels=()=>{var t;const e=(null===(t=this.hostEl.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])"))||void 0,i=null==e?void 0:e.assignedElements(),s=null!=i&&i.length>0?Array.from(i[0].children):void 0;this.labels=null!=s?s.filter(r).map((t=>t.label)):[]}}componentWillLoad(){this.updateTabLabels()}componentDidLoad(){null!=this.active&&this.updateActiveOnTab(this.active,!0),this.indicatorInitialized=!1,this.handleActiveButtonChange()}componentDidUpdate(){this.indicatorInitialized||this.handleActiveButtonChange()}handleActiveButtonChange(){const t=this.activeButtonEl;null!=t&&l((()=>{const e=n(this.hostEl),i=n(t);this.activeBounds={x:i.x-e.x,width:i.width},0!==this.activeBounds.width&&(this.indicatorInitialized=!0)}))}render(){return i(s,{key:"7e3444ca371e0971c2f56639cf700269f7bf2f1e"},i("div",{key:"fdc9e654e6e59f3a21aedbf1229fc43fd07c08a0",class:"wrapper"},i("div",{key:"8142c5c29e90d980186216e9a1cb360fabd4ca78",class:"labels"},this.labels.map((t=>i("button",{class:a("label",{active:this.active===t}),"data-label":t,ref:e=>{this.active===t&&(this.activeButtonEl=e)},onClick:()=>this.handleLabelClick(t)},t,i("div",{class:"hidden-label-text"},t)))),i("slot",{key:"3fd4ea1b4463dc75e497512298806d2362310cd0",name:"label-header"}),this.activeBounds&&i("div",{key:"919270b3ed671b8c1a41f7e697c19604f85fc136",class:"indicator",style:{left:`${this.activeBounds.x}px`,width:`${this.activeBounds.width}px`}})),i("div",{key:"4c11d9bd68cbb1162ca45dd3855e3f4c060399ff",class:"tab-content"},i("slot",{key:"1209610abecfbfc5d3ff92cc40de971fbec8673d",onSlotchange:this.updateTabLabels}))))}get hostEl(){return o(this)}static get watchers(){return{activeButtonEl:[{handleActiveButtonChange:0}]}}};d.style="button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{display:flex;position:relative;width:100%;height:100%}.wrapper{display:flex;flex-direction:column;position:relative;height:100%;width:100%}.labels{display:flex;position:relative;border-bottom:solid 1px var(--vertex-ui-neutral-300)}.indicator{position:absolute;bottom:0;height:3px;background-color:var(--vertex-ui-blue-700);transition:left 0.2s ease-in-out}.label{position:relative;cursor:pointer;color:var(--vertex-ui-neutral-700);white-space:nowrap;font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-md);padding:0.75rem 1.25rem}.label:not(.active):hover{color:var(--vertex-ui-neutral-800)}.label.active{color:var(--vertex-ui-blue-700);font-weight:var(--vertex-ui-font-weight-bold)}.hidden-label-text{font-weight:bold;visibility:hidden;height:0px}.tab-content{display:flex;height:5%;flex-grow:1}";export{d as vertex_tabs}

package/dist/components/p-0180556d.entry.js

@@ -0,0 +1 @@
+import{a as e,h as o,H as r}from"./p-C27tS7nl.js";import{c as a}from"./p-Beav1bNT.js";import{g as i}from"./p-DHNuRvq0.js";const t=class{constructor(o){e(this,o),this.variant="default",this.iconColor="default",this.iconSize="md"}render(){return o(r,{key:"33a7a846f8c94dcbc2ba482751cfaab3388b57c8",onClick:e=>this.handleClick(e)},o("button",{key:"9103a89a53ba9d228b1564aeb2b14d14d4e0c9d5",ref:e=>this.buttonEl=e,disabled:this.disabled,class:a("container",{disabled:this.disabled,floating:"floating"===this.variant,plain:"plain"===this.variant,inline:"inline"===this.variant,primary:"primary"===this.iconColor,secondary:"secondary"===this.iconColor})},o("slot",{key:"8e08d632e512569d39719ac2358a36057b68c4fb",name:"left"}),o("div",{key:"23596ef1cf1d055e654b6bee8ac3ba5c5ea70240",class:a("icon-button",{xs:"xs"===this.iconSize,sm:"sm"===this.iconSize,md:"md"===this.iconSize,lg:"lg"===this.iconSize})},i(this.iconName),o("div",{key:"7bf10a1f1b96e10a0c199b1fcf56a14fe0be4565",class:"badge"},o("slot",{key:"8d4728e6fee66b53364ebe67ef8d91ca3a717768",name:"badge"}))),o("slot",{key:"a3e780fdb7f9e951e556f7493d0bbe437344a053"})))}handleClick(e){var o;this.disabled&&(e.preventDefault(),e.stopPropagation()),null===(o=this.buttonEl)||void 0===o||o.blur()}};t.style="button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{--enabled-cursor:pointer;--disabled-cursor:not-allowed;--hover-background-color:var(--vertex-ui-neutral-200);--active-background-color:var(--vertex-ui-neutral-400);--focus-background-color:var(--vertex-ui-neutral-400);--hover-box-shadow:0 2px 2px rgb(0 0 0 / 20%);--active-box-shadow:none;--focus-box-shadow:0 0 0 1px var(--vertex-ui-neutral-900);--icon-margin:0px}.container{display:flex;justify-content:center;align-items:center;outline:none;fill:currentColor;color:currentColor;cursor:var(--enabled-cursor)}.container:not(.plain){border-radius:4px;padding:0.25rem}.icon-button{display:flex;position:relative;justify-content:center;align-items:center;fill:currentColor;height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.icon-button svg{width:100%;height:100%;margin:var(--icon-margin, 0px)}.badge{position:absolute;top:0px;right:4px;justify-content:flex-end;align-items:flex-end}.floating{background-color:var(--vertex-ui-neutral-100);box-shadow:var(--vertex-ui-overlay-shadow);color:var(--vertex-ui-neutral-700);fill:var(--vertex-ui-neutral-700);opacity:0.95}.floating.disabled{color:var(--vertex-ui-neutral-400);cursor:var(--disabled-cursor)}.container:not(.disabled):not(.plain):hover{background-color:var(--hover-background-color)}.container:not(.disabled):not(.plain):not(.inline):hover{box-shadow:var(--hover-box-shadow)}.container:not(.disabled):not(.plain):active{background-color:var(--active-background-color);box-shadow:var(--active-box-shadow)}.container:not(.disabled):not(.plain):focus-visible{background-color:var(--focus-background-color);box-shadow:var(--focus-box-shadow);color:var(--vertex-ui-neutral-900)}.container.disabled:not(.floating){cursor:var(--disabled-cursor);color:var(--vertex-ui-neutral-400)}.container.primary:not(.disabled){color:var(--vertex-ui-blue-700)}.container.secondary:not(.disabled){color:var(--vertex-ui-neutral-800)}.xs{height:var(--icon-size, 0.75rem);width:var(--icon-size, 0.75rem)}.sm{height:var(--icon-size, 1rem);width:var(--icon-size, 1rem)}.md{height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.lg{height:var(--icon-size, 2rem);width:var(--icon-size, 2rem)}";export{t as vertex_icon_button}

package/dist/components/p-091b9e27.entry.js

@@ -0,0 +1 @@
+import{a as t,h as e,H as r}from"./p-C27tS7nl.js";import{c as o}from"./p-Beav1bNT.js";import{i as s}from"./p-DgySd_r0.js";const i=class{constructor(e){t(this,e),this.variant="circle",this.size="md",this.color="#ffffff",this.theme="none",this.lightenPercentage=.25,this.darkenPercentage=.25,this.lightened=this.adjustColor(this.color,-this.lightenPercentage),this.darkened=this.adjustColor(this.color,this.darkenPercentage)}handleColorChanged(t){this.lightened=this.adjustColor(t,-this.lightenPercentage),this.darkened=this.adjustColor(t,this.darkenPercentage)}handleLightenPercentageChanged(t){this.lightened=this.adjustColor(this.color,-t)}handleDarkenPercentageChanged(t){this.darkened=this.adjustColor(this.color,t)}render(){return e(r,{key:"e59b4d55aae6299c1a1c1980a1051d33bdddfd33"},e("div",{key:"9c0444df12194b3107532c6bd56da84eb99c7062",class:o("root",this.variant,this.size),style:this.getThemeColors()},e("div",{key:"22c8a26764ca64206a80dbc4b09d6fd3ea42e1aa",class:"overlay"},e("slot",{key:"32cae671003f5f0d7d06c9495a41e0be6750510a",name:"overlay"}))))}getThemeColors(){const t=this.getSupplementalColor();switch(this.theme){case"light":return{backgroundColor:t,borderColor:this.color};case"dark":return{backgroundColor:this.color,borderColor:t};default:return{backgroundColor:this.color,borderColor:null!=t?t:void 0}}}getSupplementalColor(){const t=null!=this.supplementalColor&&this.supplementalColor.length>0?this.supplementalColor:void 0;switch(this.theme){case"light":return null!=t?t:this.lightened;case"dark":return null!=t?t:this.darkened;default:return t}}adjustColor(t,e){if(s(t)){const r=Number(`0x${t.slice(1,3)}`),o=Number(`0x${t.slice(3,5)}`),s=Number(`0x${t.slice(5,7)}`);return`#${this.padHexComponent(this.adjustComponent(r,e).toString(16))}${this.padHexComponent(this.adjustComponent(o,e).toString(16))}${this.padHexComponent(this.adjustComponent(s,e).toString(16))}`}return t}adjustComponent(t,e){return Math.max(0,Math.min(255,Math.floor(t-Math.floor((e<0?255-t:255)*e))))}padHexComponent(t){return`${"0".repeat(2-t.length)}${t}`}static get watchers(){return{color:[{handleColorChanged:0}],lightenPercentage:[{handleLightenPercentageChanged:0}],darkenPercentage:[{handleDarkenPercentageChanged:0}]}}};i.style=":host{display:flex}.root{position:relative;border-style:solid;border-color:var(--vertex-ui-neutral-300);box-sizing:border-box}.root.circle{border-width:2px;border-radius:100%}.root.circle.sm{border-width:1px}.root.square{border-width:1px;border-radius:3px}.root.sm{width:16px;height:16px}.root.md{width:20px;height:20px}.root.lg{width:24px;height:24px}.overlay{position:absolute;width:100%;height:100%;border-radius:2px;overflow:hidden}";export{i as vertex_color_swatch}

package/dist/components/p-0af9b71c.entry.js

@@ -0,0 +1 @@
+import{a as e,c as t,h as r,H as s,d as i}from"./p-C27tS7nl.js";import{c as a}from"./p-Beav1bNT.js";import{f as n}from"./p-B-yvbsY0.js";import{g as l}from"./p-BSoicxl1.js";import"./p-CIs0DJX1.js";const o=()=>{if("undefined"!=typeof window)return window.getSelection()},h=e=>e.hasChildNodes(),c=e=>new Text(e),d=()=>document.createElement("br"),u=e=>e instanceof HTMLElement,v=e=>`${e.type}:${e.id}`,b=(e,t,r)=>{const s=v(e);return{before:c(t),beforeSpace:c(p()),result:c(s),afterSpace:c(null!=r?f():p()),after:null!=r?c(r):void 0}},x=e=>{const t=e.textContent;if("\n"===t)return[d()];if(null!=t&&t.includes("\n")){const e=t.split("\n");return e.reduce(((t,r,s)=>""===r&&""!==e[s-1]?t:[...t,c(r.replace(/ /g,f())),d()]),[])}return[e]},p=()=>String.fromCharCode(8202),f=()=>String.fromCharCode(160),m=class{constructor(r){e(this,r),this.searchChanged=t(this,"searchChanged"),this.inputChanged=t(this,"inputChanged"),this.resultReplaced=t(this,"resultReplaced"),this.inputFocus=t(this,"inputFocus"),this.inputBlur=t(this,"inputBlur"),this.variant="standard",this.disabled=!1,this.triggerCharacter="@",this.breakCharacters=[" ","\n"],this.placement="bottom-start",this.replacements=[],this.replacementUriType="user",this.displayedElements=[],this.hasTriggered=!1,this.rawElements=[],this.attemptReplaceElement=(e,t,r,s=!1)=>h(e)&&Array.from(e.childNodes).some((e=>h(e)||this.isIdenticalElement(e,t)))?Array.from(e.childNodes).reduce(((s,i)=>[...s,...this.attemptReplaceElement(i,t,r,!u(e.previousSibling))]),[]):this.isIdenticalElement(e,t)?((e,t=!1)=>{const r=Object.keys(e).map((t=>e[t])).filter((e=>null!=e));return t?[c("\n"),...r]:r})(r,s):[e],this.isIdenticalElement=(e,t)=>e===this.triggeredElement||this.getTextContent(e)===this.getTextContent(t),this.getTextContent=e=>{var t;return u(e)?e.innerText:null!==(t=e.textContent)&&void 0!==t?t:""},this.handleCursorPositionUpdate=()=>{var e,t;const r=null===(e=o())||void 0===e?void 0:e.getRangeAt(0);if(null!=r){const e=this.readTriggerValue(null!==(t=r.commonAncestorContainer.textContent)&&void 0!==t?t:"",r.startOffset);this.hasTriggered||null==e?this.hasTriggered&&null!=e?(this.triggeredRange=r,this.triggeredElement=r.commonAncestorContainer,this.searchChanged.emit(e.replace(this.triggerCharacter,""))):(this.hasTriggered=!1,this.triggeredRange=void 0,this.triggeredElement=void 0):(this.hasTriggered=!0,this.triggeredRange=r,this.triggeredElement=r.commonAncestorContainer,this.searchChanged.emit(e.replace(this.triggerCharacter,"")))}this.cursorPosition=this.getCursorPosition()},this.readTriggerValue=(e,t)=>{const r=e.replace(String.fromCharCode(160)," "),s=r.substring(0,t),i=r.substring(t),a=`${s.includes(this.triggerCharacter)?s.substring(s.lastIndexOf(this.triggerCharacter)):""}${i.substring(0,this.firstIndexOfBreakCharacter(i))}`;return a.includes(this.triggerCharacter)&&!this.includesBreakCharacter(a)?a:void 0},this.includesBreakCharacter=e=>this.breakCharacters.some((t=>e.includes(t))),this.firstIndexOfBreakCharacter=e=>{const t=this.breakCharacters.map((t=>e.indexOf(t))).filter((e=>e>=0));return t.length>0?Math.min(...t):e.length},this.moveCursorToNodeEnd=(e,t=!1)=>{const r=o();if(null!=r){const s=document.createRange();s.selectNodeContents(e),s.collapse(t),r.removeAllRanges(),r.addRange(s)}},this.getContentAsString=e=>null!=e?Array.from(e.childNodes).reduce(((e,t)=>{var r;const s=null==t.previousSibling||u(t.previousSibling);return u(t)&&"true"===t.getAttribute("data-replaced")?`${e}${t.getAttribute("data-original")}`:u(t)&&t.childElementCount>0?`${e}${s?"":"\n"}${this.getContentAsString(t)}`:t instanceof HTMLBRElement?`${e}\n`:u(t)?`${e}${s?"":"\n"}${t.innerText}\n`:`${e}${null!==(r=t.textContent)&&void 0!==r?r:""}`}),"").replace(/[\u200A]/g,"").replace(/[\u00A0]/g," "):"",this.createReplacedElement=(e,t)=>{const r=this.hostEl.querySelector('template[slot="replaced"]');if(null!=r){const s=l(r);return s.bindings.bind(t),s.element.id=t.id,s.element.style.display="inline-block",s.element.contentEditable="false",s.element.tabIndex=-1,s.element.setAttribute("data-replaced","true"),s.element.setAttribute("data-original",e),s.element}throw new Error("Replaced template not defined.")},this.handleKeyDown=this.handleKeyDown.bind(this),this.handleKeyUp=this.handleKeyUp.bind(this),this.handleResultClick=this.handleResultClick.bind(this),this.handleClick=this.handleClick.bind(this),this.handleWindowClick=this.handleWindowClick.bind(this),this.handleInput=this.handleInput.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleCursorPositionUpdate=this.handleCursorPositionUpdate.bind(this),this.updateContent=this.updateContent.bind(this),this.replaceContent=this.replaceContent.bind(this)}componentDidLoad(){this.replaceContent(this.value)}connectedCallback(){window.addEventListener("click",this.handleWindowClick)}disconnectedCallback(){window.removeEventListener("click",this.handleWindowClick)}replaceContent(e,t){if(null!=e&&e!==t){const t=e.match(new RegExp(`${this.replacementUriType}:[0-9a-z-]{36}`,"g")),r=this.replacements.reduce(((e,t)=>({...e,[v(t)]:t})),{});let s=e;const i=null!=t?null==t?void 0:t.reduce(((e,t)=>{if(null!=r[t]){const i=v(r[t]),a=s.indexOf(i),n=s.substring(0,a),l=s.substring(a+i.length),o=b(r[t],n);return s=l,[...e,o.before,o.beforeSpace,o.result,o.afterSpace]}return e}),[]):[];this.rawElements=[...i,c(s)].reduce(((e,t)=>[...e,...x(t)]),[]),this.updateContent(this.replacements)}}updateContent(e,t){null==this.contentEl||n(e,t)||(this.contentEl.innerHTML="",this.displayedElements=this.rawElements.map((e=>{const t=u(e)?e.innerText:e.textContent,r=this.replacements.find((e=>null==t?void 0:t.includes(v(e))));return null!=t&&null!=r?this.createReplacedElement(t,r):e})),this.displayedElements.forEach((e=>{var t;null===(t=this.contentEl)||void 0===t||t.appendChild("string"==typeof e?c(e):e)})),null!=this.lastReplacedSpace&&this.moveCursorToNodeEnd(this.lastReplacedSpace),this.inputChanged.emit(this.getContentAsString(this.contentEl)))}render(){var e;const t=a("wrapper",{standard:"standard"===this.variant,filled:"filled"===this.variant,underlined:"underlined"===this.variant,blank:"blank"===this.variant,disabled:this.disabled});return r(s,{key:"fd044b92cae880ada2e57b6005f6f3ca00f43c4a"},r("div",{key:"9b6cd118e4fd931b851cd211419d3d6bb2fdbb11",class:t},r("span",{key:"eb211c24a3d337d6d3cc2cab1af3c8c235e5cc51",class:"content-input",role:"textbox",contentEditable:"true","aria-multiline":"true","data-placeholder":this.placeholder,ref:e=>this.contentEl=e,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onClick:this.handleCursorPositionUpdate,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur})),r("vertex-result-list",{key:"ce85d59e8148a21f80eb81e1b997310955c1600f",position:this.cursorPosition,placement:this.placement,open:this.hasTriggered&&null!=this.resultItems&&this.resultItems.length>0,items:null!==(e=this.resultItems)&&void 0!==e?e:[],onEnterPressed:this.handleResultClick,onResultClick:this.handleResultClick},r("slot",{key:"d65d5eb8ed481d57edf7cddd8ad9a2f296aa8b01",name:"results"})),r("slot",{key:"504db2422c4ae0318d6a53d4510ae6a8d8b71345",name:"replaced"}))}handleKeyDown(e){this.hasTriggered&&this.breakCharacters.includes(e.key)&&(this.hasTriggered=!1,this.triggeredRange=void 0,this.triggeredElement=void 0)}handleKeyUp(e){this.handleCursorPositionUpdate(),this.cursorPosition=this.getCursorPosition()}async handleInput(){this.inputChanged.emit(this.getContentAsString(this.contentEl))}handleClick(){this.handleCursorPositionUpdate()}handleWindowClick(e){u(e.target)&&"true"===e.target.getAttribute("data-replaced")&&null!=e.target.nextSibling&&this.moveCursorToNodeEnd(e.target.nextSibling,!0)}handleFocus(e){this.inputFocus.emit(e)}handleBlur(e){this.hasTriggered=!1,this.inputBlur.emit(e)}handleResultClick(e){var t;const r=this.triggeredRange,s=this.triggeredElement,i=u(s)?s.innerText:null==s?void 0:s.textContent;if(null!=this.contentEl&&null!=r&&null!=s&&null!=i){const a=null!==(t=this.readTriggerValue(i,r.startOffset))&&void 0!==t?t:"",n=i.split(a),l=b(e.detail,n[0],n[1]);this.lastReplacedSpace=l.afterSpace,this.rawElements=Array.from(this.contentEl.childNodes).reduce(((e,t)=>[...e,...this.attemptReplaceElement(t,s,l)]),[]),this.hasTriggered=!1,this.resultReplaced.emit(e.detail),this.replacements=[...this.replacements.filter((t=>t.id!==e.detail.id)),e.detail]}}getCursorPosition(){var e;const t=o();if(null!=t&&t.rangeCount>0){const r=t.getRangeAt(0).getBoundingClientRect(),s=null===(e=this.contentEl)||void 0===e?void 0:e.getBoundingClientRect(),i=r.bottom||(null==s?void 0:s.bottom)||0,a=r.top||(null==s?void 0:s.top)||0;return{x:r.left||(null==s?void 0:s.left)||0,y:this.placement.includes("top")?a:i}}throw new Error("Unable to retrieve window selection.")}get hostEl(){return i(this)}static get watchers(){return{value:[{replaceContent:0}],replacements:[{updateContent:0}]}}};m.style=".wrapper.sc-vertex-search-bar{display:flex;align-items:center;width:100%;box-sizing:border-box;background:none;border:1px solid transparent;border-radius:4px;font-family:var(--vertex-ui-font-family);font-size:0.875rem;line-height:1.4}.content-input.sc-vertex-search-bar{width:100%;box-sizing:border-box;padding:6px 0.5em 7px;border:1px solid transparent;background:none;font-family:var(--vertex-ui-font-family);font-weight:var(--vertex-ui-font-weight-base);font-size:0.875rem;line-height:1.4;white-space:pre-line}.content-input.sc-vertex-search-bar:focus{outline:none}.standard.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-400);color:var(--vertex-ui-neutral-800)}.standard.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-500)}.standard.sc-vertex-search-bar:hover:not(.disabled),.standard.sc-vertex-search-bar:focus{border-color:var(--vertex-ui-neutral-500)}.standard.disabled.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-200)}.standard.disabled.sc-vertex-search-bar,.standard.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.blank.sc-vertex-search-bar{color:var(--vertex-ui-neutral-800)}.blank.sc-vertex-search-bar:not(:hover) .content-input.sc-vertex-search-bar:focus{border-color:var(--vertex-ui-neutral-400);border-radius:4px}.blank.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-500)}.blank.sc-vertex-search-bar:hover:not(.disabled) .content-input.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-400);border-radius:4px}.blank.disabled.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-200)}.blank.disabled.sc-vertex-search-bar,.blank.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.filled.sc-vertex-search-bar{background-color:var(--vertex-ui-neutral-200);border-color:var(--vertex-ui-neutral-200);color:var(--vertex-ui-neutral-800)}.filled.disabled.sc-vertex-search-bar,.filled.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.filled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-700)}.filled.sc-vertex-search-bar:hover:not(.disabled),.filled.sc-vertex-search-bar:focus{border-bottom-color:var(--vertex-ui-blue-600)}.filled.disabled.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-100)}.filled.disabled.sc-vertex-search-bar,.filled.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.underlined.sc-vertex-search-bar{background-color:var(--vertex-ui-white);border-color:var(--vertex-ui-white) var(--vertex-ui-white) var(--vertex-ui-neutral-400) var(--vertex-ui-white);color:var(--vertex-ui-neutral-800)}.underlined.disabled.sc-vertex-search-bar,.underlined.disabled.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.underlined.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-700)}.underlined.sc-vertex-search-bar:hover:not(.disabled),.underlined.sc-vertex-search-bar:focus{background-color:var(--vertex-ui-neutral-200);border-color:var(--vertex-ui-neutral-200);border-bottom-color:var(--vertex-ui-blue-600)}.underlined.disabled.sc-vertex-search-bar{border-bottom-color:var(--vertex-ui-neutral-200)}.underlined.disabled.sc-vertex-search-bar,.underlined.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.underlined.has-error.sc-vertex-search-bar{border-bottom-color:var(--vertex-ui-red-600)}";export{m as vertex_search_bar}

package/dist/components/p-0bd4222b.entry.js

@@ -0,0 +1 @@
+import{a as t,h as e}from"./p-C27tS7nl.js";import{c as r}from"./p-Beav1bNT.js";const i=class{constructor(e){t(this,e),this.active=!1,this.variant="default"}render(){return this.isValidStringValue(this.firstName)||this.isValidStringValue(this.value)?e("div",{class:r("avatar",{root:"default"===this.variant,small:"small"===this.variant,active:this.active,value:!this.isValidStringValue(this.firstName)})},this.getDisplayValue()):e("div",null)}isValidStringValue(t){return null!=t&&""!==t}getDisplayValue(){return this.isValidStringValue(this.firstName)?this.isValidStringValue(this.lastName)?`${this.firstName[0]}${this.lastName[0]}`:this.firstName[0]:this.isValidStringValue(this.value)?this.value:void 0}};i.style=".root{width:1.875rem;height:1.875rem;font-size:var(--vertex-ui-text-xs)}.small{width:1.5rem;height:1.5rem;font-size:var(--vertex-ui-text-t)}.avatar{border-radius:50%;font-weight:var(--vertex-ui-font-weight-medium);font-family:var(--vertex-ui-font-family);color:var(--vertex-ui-blue-800);border:solid 1px var(--vertex-ui-blue-800);background-color:var(--vertex-ui-neutral-050);display:flex;align-items:center;justify-content:center;user-select:none}.avatar.value{color:var(--vertex-ui-white);border:solid 1px var(--vertex-ui-white);background-color:var(--vertex-ui-neutral-500)}.avatar.active{cursor:pointer}.avatar.active:hover{background-color:var(--vertex-ui-neutral-200)}";export{i as vertex_avatar}

package/dist/components/p-0c389e6f.entry.js

@@ -0,0 +1 @@
+import{a as r,h as e,H as a}from"./p-C27tS7nl.js";import{c as t}from"./p-Beav1bNT.js";const i=class{constructor(e){r(this,e),this.badgeColor="primary"}render(){return e(a,{key:"def0524679b0118268849e77382b43326393314f"},e("div",{key:"32fec737414118a3fbb2f17f9fa8850df07a47ac",class:t("string-overlay",{primary:"primary"===this.badgeColor,secondary:"secondary"===this.badgeColor})},this.badgeText))}};i.style=".string-overlay{width:100%;line-height:1.0rem;margin-left:5px;margin-right:5px;border-radius:10px;font-size:var(--vertex-ui-text-xxs)}.string-overlay.primary{color:var(--vertex-ui-white);background-color:var(--vertex-ui-blue-600)}.string-overlay.secondary{color:var(--vertex-ui-black);background-color:var(--vertex-ui-neutral-300)}";export{i as vertex_badge}

package/dist/{esm/toggle-1fe22e4f.js → components/p-0f13f6f3.entry.js}

@@ -1,38 +1 @@
-import { r as registerInstance, e as createEvent, h } from './index-72f28b71.js';
-import { c as classnames } from './index-9c609209.js';
-
-const toggleCss = "button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{display:flex}.check{border:1px solid var(--vertex-ui-neutral-400);box-shadow:0 0 2px var(--vertex-ui-neutral-400);border-radius:4px;width:1rem;height:1rem;padding:0}.check:not(.disabled){cursor:pointer}.check.disabled{border:1px solid var(--vertex-ui-neutral-200);box-shadow:0 0 2px var(--vertex-ui-neutral-200)}.check:focus-visible:not(.disabled){outline:none;border:1px solid var(--vertex-ui-neutral-600);box-shadow:0 0 2px var(--vertex-ui-neutral-600)}.check:focus-visible:not(.disabled)>.checked-content.checked{background-color:var(--vertex-ui-blue-800);box-shadow:0 0 2px var(--vertex-ui-blue-800)}.check:hover:not(.disabled){border:1px solid var(--vertex-ui-neutral-500);box-shadow:0 0 2px var(--vertex-ui-neutral-500)}.check.checked:not(.disabled){border:none;box-shadow:none}.check:hover:not(.disabled)>.checked-content.checked{background-color:var(--vertex-ui-blue-500);box-shadow:0 0 2px var(--vertex-ui-blue-500)}.checked-content{width:100%;height:100%;border-radius:4px}.checked-content.disabled{background-color:var(--vertex-ui-neutral-050);color:var(--vertex-ui-neutral-500)}.checked-content.checked:not(.disabled){background-color:var(--vertex-ui-blue-700);box-shadow:0 0 2px var(--vertex-ui-blue-700);color:var(--vertex-ui-white)}.switch{position:relative;width:2.25rem;height:1.25rem;padding:0;display:inline-block}.switch:not(.disabled){cursor:pointer}.track{position:absolute;top:0;background-color:var(--vertex-ui-neutral-300);width:2rem;padding:0 0.125rem;margin:0.1875rem 0;height:0.875rem;border-radius:7rem}.track.disabled{background-color:var(--vertex-ui-neutral-200)}.track.disabled.checked{background-color:var(--vertex-ui-blue-200)}.handle{position:absolute;top:0;left:0;background-color:var(--vertex-ui-neutral-100);box-shadow:-1px 1px rgba(0, 0, 0, 0.15);width:1.25rem;height:1.25rem;border-radius:100%;display:flex;transition:left 0.25s}.handle.disabled{box-shadow:none}.track:not(.disabled).checked{background-color:var(--vertex-ui-blue-300)}.handle.checked{left:1rem}.handle.checked:not(.disabled){background-color:var(--vertex-ui-blue-600)}.handle.checked.disabled{background-color:var(--vertex-ui-blue-300)}";
-
-const Toggle = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.valueChanged = createEvent(this, "valueChanged", 7);
-    this.variant = 'check';
-    this.disabled = false;
-    this.checked = false;
-  }
-  render() {
-    const flipValue = () => {
-      if (!this.disabled) {
-        this.checked = !this.checked;
-        this.valueChanged.emit(this.checked);
-      }
-    };
-    return (h("button", { class: classnames(this.variant, {
-        checked: this.checked,
-        disabled: this.disabled,
-      }), onClick: flipValue, onSubmit: flipValue }, this.variant === 'check' && (h("div", { class: classnames('checked-content', {
-        checked: this.checked,
-        disabled: this.disabled,
-      }) }, this.checked && h("vertex-icon", { name: "check", size: "md" }))), this.variant === 'switch' && (h("div", { class: classnames('track', {
-        disabled: this.disabled,
-        checked: this.checked,
-      }) })), this.variant === 'switch' && (h("div", { class: classnames('handle', {
-        disabled: this.disabled,
-        checked: this.checked,
-      }) }))));
-  }
-};
-Toggle.style = toggleCss;
-
-export { Toggle as T };
+import{a as e,c as r,h as a}from"./p-C27tS7nl.js";import{c as t}from"./p-Beav1bNT.js";const d=class{constructor(a){e(this,a),this.valueChanged=r(this,"valueChanged"),this.variant="check",this.disabled=!1,this.checked=!1}render(){const e=()=>{this.disabled||(this.checked=!this.checked,this.valueChanged.emit(this.checked))};return a("button",{key:"4a73be19dfaf30d2d883bebcf2e54e408830a6bb",class:t(this.variant,{checked:this.checked,disabled:this.disabled}),onClick:e,onSubmit:e},"check"===this.variant&&a("div",{key:"9255fc90b4f4c7888c536fe7d521e8e06d39627a",class:t("checked-content",{checked:this.checked,disabled:this.disabled})},this.checked&&a("vertex-icon",{key:"a672019a099ac5111c3028dfce593ba8e975621b",name:"check",size:"md"})),"switch"===this.variant&&a("div",{key:"5f97ed9dc39b6bdaee0a3b7a102a8397a22be859",class:t("track",{disabled:this.disabled,checked:this.checked})}),"switch"===this.variant&&a("div",{key:"090a9ac2ecca6d0118d5580ea186697aace6ba44",class:t("handle",{disabled:this.disabled,checked:this.checked})}))}};d.style="button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{display:flex}.check{border:1px solid var(--vertex-ui-neutral-400);box-shadow:0 0 2px var(--vertex-ui-neutral-400);border-radius:4px;width:1rem;height:1rem;padding:0}.check:not(.disabled){cursor:pointer}.check.disabled{border:1px solid var(--vertex-ui-neutral-200);box-shadow:0 0 2px var(--vertex-ui-neutral-200)}.check:focus-visible:not(.disabled){outline:none;border:1px solid var(--vertex-ui-neutral-600);box-shadow:0 0 2px var(--vertex-ui-neutral-600)}.check:focus-visible:not(.disabled)>.checked-content.checked{background-color:var(--vertex-ui-blue-800);box-shadow:0 0 2px var(--vertex-ui-blue-800)}.check:hover:not(.disabled){border:1px solid var(--vertex-ui-neutral-500);box-shadow:0 0 2px var(--vertex-ui-neutral-500)}.check.checked:not(.disabled){border:none;box-shadow:none}.check:hover:not(.disabled)>.checked-content.checked{background-color:var(--vertex-ui-blue-500);box-shadow:0 0 2px var(--vertex-ui-blue-500)}.checked-content{width:100%;height:100%;border-radius:4px}.checked-content.disabled{background-color:var(--vertex-ui-neutral-050);color:var(--vertex-ui-neutral-500)}.checked-content.checked:not(.disabled){background-color:var(--vertex-ui-blue-700);box-shadow:0 0 2px var(--vertex-ui-blue-700);color:var(--vertex-ui-white)}.switch{position:relative;width:2.25rem;height:1.25rem;padding:0;display:inline-block}.switch:not(.disabled){cursor:pointer}.track{position:absolute;top:0;background-color:var(--vertex-ui-neutral-300);width:2rem;padding:0 0.125rem;margin:0.1875rem 0;height:0.875rem;border-radius:7rem}.track.disabled{background-color:var(--vertex-ui-neutral-200)}.track.disabled.checked{background-color:var(--vertex-ui-blue-200)}.handle{position:absolute;top:0;left:0;background-color:var(--vertex-ui-neutral-100);box-shadow:-1px 1px rgba(0, 0, 0, 0.15);width:1.25rem;height:1.25rem;border-radius:100%;display:flex;transition:left 0.25s}.handle.disabled{box-shadow:none}.track:not(.disabled).checked{background-color:var(--vertex-ui-blue-300)}.handle.checked{left:1rem}.handle.checked:not(.disabled){background-color:var(--vertex-ui-blue-600)}.handle.checked.disabled{background-color:var(--vertex-ui-blue-300)}";export{d as vertex_toggle}

package/dist/components/p-1KuzBK7Z.js

@@ -0,0 +1 @@
+import{t as e,p as t,H as l,c as r,h as s,e as o}from"./p-BbDaHMlz.js";import{c}from"./p-Beav1bNT.js";import{d as i}from"./p-B23i1cwy.js";import{d as a}from"./p-Ci26QjYl.js";import{d as n}from"./p-D3BXoJJN.js";const h=t(class extends l{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectionChanged=r(this,"selectionChanged"),this.colors=["#4c87be","#f3d336","#6fbb29","#e38826","#c72e16","#8c3681","#000000","#ffffff"],this.labels={},this.labelPlacement="bottom",this.size="lg",this.supplementalColors=[],this.theme="dark",this.lightenPercentage=.25,this.darkenPercentage=.25,this.direction="horizontal",this.colorArray=[],this.supplementaryColorArray=[],this.labelMap={},this.handleClick=e=>{const t=e.target;this.selectionChanged.emit({color:t.color,lightened:t.lightened,darkened:t.darkened})},this.parseJsonProp=e=>"string"==typeof e?JSON.parse(e):e}componentWillLoad(){this.handleColorsChange(this.colors),this.handleSupplementalColorsChange(this.supplementalColors),this.handleLabelsChange(this.labels)}handleColorsChange(e){this.colorArray=this.parseJsonProp(e)}handleSupplementalColorsChange(e){this.supplementaryColorArray=this.parseJsonProp(e)}handleLabelsChange(e){this.labelMap=this.parseJsonProp(e)}render(){return s(o,{key:"b59004b3fd9e0bf28a80bb0481ea2807ea137cad"},s("div",{key:"7b6498a4aefb2ae0fda2154854d860ef4d711df8",class:c("container",{vertical:"vertical"===this.direction})},this.colorArray.map(((e,t)=>{const l=this.labelMap[e],r=s("vertex-color-swatch",{class:c("circle",{selected:this.selected===e}),variant:"circle",size:this.size,color:e,supplementalColor:this.supplementaryColorArray[t],onClick:this.handleClick,lightenPercentage:this.lightenPercentage,darkenPercentage:this.darkenPercentage,theme:this.theme});return null!=l?s("vertex-tooltip",{placement:this.labelPlacement,content:l},r):r}))))}static get watchers(){return{colors:[{handleColorsChange:0}],supplementalColors:[{handleSupplementalColorsChange:0}],labels:[{handleLabelsChange:0}]}}static get style(){return":host{display:flex;--color-circle-spacing:1rem;--color-circle-hovered-outline:2px solid var(--vertex-ui-neutral-400);--color-circle-selected-outline:var(--color-circle-hovered-outline)}.container{display:flex;gap:var(--color-circle-spacing)}.container.vertical{flex-direction:column;justify-content:center}.container.horizontal{align-items:center}.circle{cursor:pointer;outline-offset:3px;border-radius:100%}.circle.selected{outline:var(--color-circle-selected-outline)}.circle:hover{outline:var(--color-circle-hovered-outline)}"}},[1,"vertex-color-circle-picker",{colors:[1],labels:[1],labelPlacement:[1,"label-placement"],size:[1],supplementalColors:[1,"supplemental-colors"],theme:[513],lightenPercentage:[2,"lighten-percentage"],darkenPercentage:[2,"darken-percentage"],selected:[1537],direction:[1],colorArray:[32],supplementaryColorArray:[32],labelMap:[32]},void 0,{colors:[{handleColorsChange:0}],supplementalColors:[{handleSupplementalColorsChange:0}],labels:[{handleLabelsChange:0}]}]);function p(){"undefined"!=typeof customElements&&["vertex-color-circle-picker","vertex-color-swatch","vertex-popover","vertex-tooltip"].forEach((t=>{switch(t){case"vertex-color-circle-picker":customElements.get(e(t))||customElements.define(e(t),h);break;case"vertex-color-swatch":customElements.get(e(t))||i();break;case"vertex-popover":customElements.get(e(t))||a();break;case"vertex-tooltip":customElements.get(e(t))||n()}}))}p();export{h as C,p as d}

package/dist/components/p-1c5e8df5.entry.js

@@ -0,0 +1 @@
+import{a as o,h as r}from"./p-C27tS7nl.js";import{c as e}from"./p-Beav1bNT.js";const t=class{constructor(r){o(this,r),this.disabled=!1}render(){return r("div",{key:"8798ebdda6b726b432e9197d88ce58d407d67f96",class:e("root",{disabled:this.disabled}),onClick:o=>{this.disabled&&o.stopPropagation()}},r("slot",{key:"173a38914795402a3a9c9cf4e73cd6498e747bb4",name:"icon"}),r("slot",{key:"16970b7ea3e4294525518902cff585cc4aea98fa"}))}};t.style=":host{--background-color:var(--vertex-ui-white);--color:var(--vertex-ui-neutral-700);--hover-background-color:var(--vertex-ui-neutral-200)}.root{font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);line-height:1.1;display:flex;align-items:center;color:var(--color);margin:0.075em 0;padding:0.5rem 0.75rem;background-color:var(--background-color);transition:background-color;transition-duration:0.5s;user-select:none}.root:not(.disabled):hover{cursor:pointer;background-color:var(--hover-background-color)}.root.disabled{opacity:0.5}slot[name='icon']::slotted(*){padding-right:0.8125rem}";export{t as vertex_menu_item}

package/dist/components/p-1e6ff76a.entry.js

@@ -0,0 +1 @@
+import{a as t,c as e,h as s,d as i}from"./p-C27tS7nl.js";const a=class{constructor(s){t(this,s),this.valueChanged=e(this,"valueChanged"),this.handleListenOnRadioButtonChange=this.handleListenOnRadioButtonChange.bind(this)}updateValue(){var t;null!=this.value&&(this.valueChanged.emit(this.value),null===(t=this.radioButtons)||void 0===t||t.forEach((t=>{t.checked=this.value===t.value})))}connectedCallback(){this.getVertexRadioButtons(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}render(){return s("div",{key:"e9a877fa0c0d34ff810ba0caff4b31be6ca3f3c3",class:"radio-group"},s("slot",{key:"a11c500389558db08504d4eb338d3cb94ae785e8"}))}getVertexRadioButtons(){var t,e;this.radioButtons=(null===(t=this.hostElement)||void 0===t?void 0:t.querySelectorAll("vertex-radio"))||void 0,null===(e=this.radioButtons)||void 0===e||e.forEach((t=>{t.name=this.name,this.value===t.value&&(t.checked=!0)}))}removeEventListeners(){var t;null===(t=this.radioButtons)||void 0===t||t.forEach((t=>{t.removeEventListener("valueChanged",this.handleListenOnRadioButtonChange)}))}addEventListeners(){var t;null===(t=this.radioButtons)||void 0===t||t.forEach((t=>{t.addEventListener("valueChanged",this.handleListenOnRadioButtonChange)}))}handleListenOnRadioButtonChange(t){const e=t;e.stopPropagation(),e.detail.checked&&(this.value=e.detail.value)}get hostElement(){return i(this)}static get watchers(){return{value:[{updateValue:0}]}}};a.style=".radio-group{display:flex;flex-direction:column}";export{a as vertex_radio_group}

package/dist/components/p-26f9abc0.entry.js

@@ -0,0 +1 @@
+import{a as e,c as a,h as t,H as d}from"./p-C27tS7nl.js";const c=class{constructor(t){e(this,t),this.contentClick=a(this,"contentClick"),this.mode="display",this.handleContentClick=e=>{this.contentClick.emit(e)},this.handleTextClick=e=>{"edit"===this.mode?e.stopImmediatePropagation():this.contentClick.emit(e)}}render(){return t(d,{key:"77d72d07638073a285caa43dfa5ddd49a572522f"},t("div",{key:"a0f27db2debb0efe2270cf59d615c28eb4464c41",class:"content"},t("div",{key:"4606c543416c6aa4f2ce484ca5eb3db286854176",class:"header",onClick:this.handleContentClick},t("div",{key:"42cc689ea537030b76215cff045563bcdc61850d",class:"avatar"},t("slot",{key:"cb16c257c9c25e19b597b9ae73e89349c6ba0d49",name:"avatar"})),t("div",{key:"90b204b9c2a0d256080b9b088b2fe22945f43ebb",class:"header-text"},t("div",{key:"1b2d517bc5cbff8a616e7186c547aced00736988",class:"label"},t("slot",{key:"181d6968220c3b7b811212a4a98060d56919b3cd",name:"label"})),t("div",{key:"f934b03edf94eb9bda0debf2f3b222213b337021",class:"timestamp"},t("slot",{key:"2ddb71bd9f670d58c03c5be18910de81c620d4d0",name:"timestamp"}))),t("div",{key:"559e90333ed929ed893d31abb9dff2cb75273ca7",class:"action"},t("slot",{key:"bcc63be9ea2dca44c1dd519688d34eee5b2463f2",name:"action"}))),t("div",{key:"bd2f85bec784a5569d4b8c2ba356855e6f15f3d5",class:"text",onClick:this.handleTextClick},t("slot",{key:"082646147a2e69bc16eb3df478856a305cc312e4"})),t("div",{key:"d2b3161bf7efa3ec19345dd3b35d840b39d18a25",class:"actions"},t("slot",{key:"b39c1468c39c93b805bc591f8db59d8e1cdf4ab7",name:"actions"}))),t("slot",{key:"2f5c5c7e27cef6b1185017b215bb9a7222fa322a",name:"overlay"}))}};c.style=":host{width:100%;height:100%;display:flex;position:relative;--border:1px solid var(--vertex-ui-neutral-200)}.content{display:flex;flex-direction:column;width:100%;height:100%;font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);color:var(--vertex-ui-neutral-800);border:var(--border)}.header{display:flex;align-items:center;padding:0.5rem 0.5rem 0 0.5rem}.header-text{display:flex;flex-direction:column}.text{padding:0.75rem 0.5rem 0.75rem 1rem;color:var(--vertex-ui-neutral-700);white-space:pre-line}.avatar{padding-left:0.25rem;padding-right:0.75rem}.label slot::slotted(*){font-weight:var(--vertex-ui-font-weight-bold)}.timestamp slot::slotted(*){padding-top:0.125rem;font-size:var(--vertex-ui-text-sm);color:var(--vertex-ui-neutral-500)}.action{margin-left:auto;margin-bottom:auto}.actions *::slotted(*){display:flex;justify-content:flex-end;padding:0 0.5rem 0.5rem 0.5rem}";export{c as vertex_card}

package/dist/components/p-28460604.entry.js

@@ -0,0 +1 @@
+import{a as t,c as e,h as i}from"./p-C27tS7nl.js";const s=class{constructor(i){t(this,i),this.menuOpened=e(this,"menuOpened"),this.menuClosed=e(this,"menuClosed"),this.animated=!0,this.open=!1,this.handlePointerDown=this.handlePointerDown.bind(this),this.handlePointerUp=this.handlePointerUp.bind(this),this.handleContextMenu=this.handleContextMenu.bind(this),this.handleMenuClosed=this.handleMenuClosed.bind(this),this.observer=new MutationObserver((()=>{null==this.target&&this.addEventListeners(this.targetSelector)}))}componentDidLoad(){this.addEventListeners(this.targetSelector),this.observer.observe(document.body,{childList:!0,attributes:!0,subtree:!0})}disconnectedCallback(){this.removeEventListeners(),this.observer.disconnect()}handleTargetSelectorChange(t){null!=t&&(this.removeEventListeners(),this.addEventListeners(t))}render(){return i("vertex-menu",{key:"93a42bf872d87dc043ab09f841d30f3923fd72b5",open:this.open,animated:this.animated,position:this.position,fallbackPlacements:["bottom-end","top-start","top-end","right","left"],onMenuClosed:this.handleMenuClosed},i("slot",{key:"0845aa6e6e8f24ed2f48d38cd1844eed0a28ad70"}))}addEventListeners(t){this.target=document.querySelector(t)||void 0,null!=this.target&&(this.target.addEventListener("contextmenu",this.handleContextMenu),this.target.addEventListener("pointerdown",this.handlePointerDown),this.target.addEventListener("pointerup",this.handlePointerUp))}removeEventListeners(){var t,e,i;null===(t=this.target)||void 0===t||t.removeEventListener("contextmenu",this.handleContextMenu),null===(e=this.target)||void 0===e||e.removeEventListener("pointerdown",this.handlePointerDown),null===(i=this.target)||void 0===i||i.removeEventListener("pointerup",this.handlePointerUp),this.target=void 0}handleContextMenu(t){t.preventDefault()}handlePointerDown(t){2===t.buttons&&(this.position={x:t.clientX,y:t.clientY})}handlePointerUp(t){var e;t.clientX===(null===(e=this.position)||void 0===e?void 0:e.x)&&t.clientY===this.position.y&&(this.open=!0,this.menuOpened.emit(t))}handleMenuClosed(){this.open=!1,this.menuClosed.emit()}static get watchers(){return{targetSelector:[{handleTargetSelectorChange:0}]}}};export{s as vertex_context_menu}

package/dist/components/p-2cdfe6bf.entry.js

@@ -0,0 +1 @@
+import{a as t,c as s,h as i,H as h,d as e}from"./p-C27tS7nl.js";import{c as n}from"./p-Beav1bNT.js";import{g as l}from"./p-BSoicxl1.js";import"./p-CIs0DJX1.js";class o{constructor(t,s,i){this.container=t,this.elementFactory=s,this.eventHandlerFactory=i,this.instanceMap=new Map,this.handlerMap=new Map,this.elements=[]}swapHeadToTail(t){const s=this.elements.splice(0,t);return this.elements.splice(this.elements.length,0,...s),this.elements.concat()}swapTailToHead(t){const s=this.elements.splice(-t,t);return this.elements.splice(0,0,...s),this.elements.concat()}updateElements(t){const s=t-this.elements.length;if(s>0)for(let t=0;t<s;t++)this.createElement();else for(let t=0;t<-s;t++)this.deleteElement();return this.elements.concat()}updateData(t){this.elements.forEach(((s,i)=>{const h=this.instanceMap.get(s),e=t(i);null==h||h.bindings.bind(e)}))}updateElementFactory(t){this.elementFactory=t,this.updateElements(0)}iterateElements(t){this.elements.forEach(((s,i)=>{const h=this.instanceMap.get(s);if(null==h)throw new Error("Binding not found for element.");t(s,h.bindings,i)}))}createElement(){const t=this.elementFactory();return this.elements.push(t.element),this.instanceMap.set(t.element,t),this.container.append(t.element),this.addEventListeners(t.element),t}addEventListeners(t){var s;const i=null===(s=this.eventHandlerFactory)||void 0===s?void 0:s.call(this,t);null==i||i.forEach((s=>{t.addEventListener(s.type,s.handler)})),this.handlerMap.set(t,null!=i?i:[])}deleteElement(){const t=this.elements.pop();null!=t&&(this.instanceMap.delete(t),t.remove(),this.removeEventListeners(t))}removeEventListeners(t){var s;null===(s=this.handlerMap.get(t))||void 0===s||s.forEach((s=>{t.removeEventListener(s.type,s.handler)}))}}const r=(t,s,i)=>{null==t||t.scrollTo({top:null!=s&&null!=i?s*i:0})},a=class{constructor(i){t(this,i),this.enterPressed=s(this,"enterPressed"),this.resultClick=s(this,"resultClick"),this.items=[],this.viewportStartIndex=0,this.viewportEndIndex=0,this.resultHeight=32,this.overScanCount=25,this.placement="bottom-start",this.open=!1,this.parsedResults=[],this.scrollTop=0,this.lastStartIndex=0,this.lastFocusedIndex=0,this.stateMap={},this.computeResultHeight=()=>{if(null==this.computedResultHeight){const t=this.hostEl.querySelector('*[slot="result"]');null!=t&&(this.resultHeight=t.clientHeight,this.computedResultHeight=t.clientHeight)}},this.ensureTemplateDefined=()=>{const t=this.hostEl.querySelector("template");if(null==t){const t=document.createElement("template");t.innerHTML='\n        <div class="result">{{data.value}}</div>\n      ',this.hostEl.appendChild(t),this.stateMap.resultTemplate=t}else this.stateMap.resultTemplate=t},this.createResultPool=()=>{this.stateMap.resultPool=new o(this.hostEl,(()=>this.createResultInstance()),(()=>this.createResultHandlers()))},this.createResultInstance=()=>{if(null!=this.stateMap.resultTemplate){const t=l(this.stateMap.resultTemplate);return t.element.slot="result",t}throw new Error("Result template not defined.")},this.createResultHandlers=()=>[{type:"pointerdown",handler:this.handlePointerDown},{type:"click",handler:this.handleResultClick}],this.layoutResults=()=>{var t,s,i,h;const e=this.viewportEndIndex-this.viewportStartIndex+1,n=this.viewportStartIndex-this.lastStartIndex;this.lastStartIndex=this.viewportStartIndex,null===(t=this.stateMap.resultPool)||void 0===t||t.updateElements(e),n>0?null===(s=this.stateMap.resultPool)||void 0===s||s.swapHeadToTail(n):null===(i=this.stateMap.resultPool)||void 0===i||i.swapTailToHead(-n),null===(h=this.stateMap.resultPool)||void 0===h||h.iterateElements(((t,s,i)=>{const h=this.parsedResults[i+this.viewportStartIndex];null!=h&&(t.style.position="absolute",t.style.boxSizing="border-box",t.style.top=(this.viewportStartIndex+i)*this.resultHeight+"px",t.style.width="100%",t.setAttribute("is-focused",`${this.viewportStartIndex+i===this.lastFocusedIndex}`),t.setAttribute("data-result-id",h.id),s.bind(h))}))},this.handleScroll=t=>{this.scrollTop=t.target.scrollTop},this.handleKeyDown=t=>{this.open&&("ArrowUp"===t.key?(t.preventDefault(),this.lastFocusedIndex=Math.min(0,this.lastFocusedIndex-1),r(this.resultsScrollEl,this.lastFocusedIndex,this.resultHeight)):"ArrowDown"===t.key&&(t.preventDefault(),this.lastFocusedIndex=Math.min(this.lastFocusedIndex+1,this.items.length),r(this.resultsScrollEl,this.lastFocusedIndex,this.resultHeight)),"Enter"===t.key&&null!=this.lastFocusedIndex&&(t.preventDefault(),this.enterPressed.emit(this.items[this.lastFocusedIndex]),this.lastFocusedIndex=0,r(this.resultsScrollEl)))},this.handleResultClick=this.handleResultClick.bind(this),this.handlePointerDown=this.handlePointerDown.bind(this)}handleResultsChanged(t){"string"==typeof t?this.parsedResults=JSON.parse(t):null!=t&&(this.parsedResults=t)}handleOpenChanged(){this.open||0===this.scrollTop||r(this.resultsScrollEl)}componentWillLoad(){var t;this.resizeObserver=new ResizeObserver((()=>{this.listHeight=void 0})),window.addEventListener("keydown",this.handleKeyDown),this.ensureTemplateDefined(),this.createResultPool(),this.handleResultsChanged(null!==(t=this.itemsJson)&&void 0!==t?t:this.items)}componentDidLoad(){this.resizeObserver.observe(this.hostEl)}componentWillRender(){this.computeViewportResults()}componentDidRender(){this.layoutResults(),this.computeResultHeight()}disconnectedCallback(){this.resizeObserver.disconnect(),window.removeEventListener("keydown",this.handleKeyDown)}render(){return i(h,{key:"19ee95cfd94d0a7c5cb88de552db10e328885b89"},i("div",{key:"641cd82464119b2ae3034ffd99ccf421f2113f01",class:n("wrapper",{hidden:!this.open||null==this.computedResultHeight})},i("vertex-popover",{key:"03a0b984e1f4c5f9589fa6c9110944dc095992d2",position:this.position,placement:this.placement,open:this.open,backdrop:!1},i("div",{key:"c62468dd8165a7ff84700ef176c5edf988858358",class:"results-scroll",ref:t=>this.resultsScrollEl=t,onScroll:this.handleScroll},i("div",{key:"e32beb276dd3857678944a630bb93a24d6467943",class:"results",style:{height:this.parsedResults.length*this.resultHeight+"px"}},i("slot",{key:"e903e3b98d5de9919ca132843408d51a405fa775"}),i("slot",{key:"88a1a240932e069a05e3722b4de106b38c83b7e0",name:"result"}))))))}handlePointerDown(t){t.preventDefault()}handleResultClick(t){const s=t.target.closest("[data-result-id]"),i=this.parsedResults.find((t=>t.id===(null==s?void 0:s.getAttribute("data-result-id"))));null!=i&&this.resultClick.emit(i)}computeViewportResults(){const t=this.getListHeight();if(null!=t&&this.resultHeight>0){const s=Math.ceil(t/this.resultHeight),i=Math.floor(this.scrollTop/this.resultHeight),h=i+s,e=Math.max(0,i-this.overScanCount),n=Math.min(this.parsedResults.length-1,h+this.overScanCount);this.viewportStartIndex=e,this.viewportEndIndex=n}}getListHeight(){return null==this.listHeight&&(this.listHeight=this.hostEl.clientHeight),this.listHeight}get hostEl(){return e(this)}static get watchers(){return{items:[{handleResultsChanged:0}],open:[{handleOpenChanged:0}]}}};a.style=":host{--max-height:300px;--width:500px;--box-shadow:0 2px 5px rgba(0, 0, 0, 0.5)}.hidden{visibility:hidden;position:fixed;pointer-events:none}.results{position:relative;height:100%}.results-scroll{overflow-y:auto;max-height:var(--max-height);width:var(--width);box-shadow:var(--box-shadow);background-color:white}";export{a as vertex_result_list}

package/dist/components/p-2e0ee616.entry.js

@@ -0,0 +1 @@
+import{a as e,c as t,h as i,H as l}from"./p-C27tS7nl.js";import{c as s}from"./p-Beav1bNT.js";const r=class{constructor(i){e(this,i),this.selectionChanged=t(this,"selectionChanged"),this.colors=["#4c87be","#f3d336","#6fbb29","#e38826","#c72e16","#8c3681","#000000","#ffffff"],this.labels={},this.labelPlacement="bottom",this.size="lg",this.supplementalColors=[],this.theme="dark",this.lightenPercentage=.25,this.darkenPercentage=.25,this.direction="horizontal",this.colorArray=[],this.supplementaryColorArray=[],this.labelMap={},this.handleClick=e=>{const t=e.target;this.selectionChanged.emit({color:t.color,lightened:t.lightened,darkened:t.darkened})},this.parseJsonProp=e=>"string"==typeof e?JSON.parse(e):e}componentWillLoad(){this.handleColorsChange(this.colors),this.handleSupplementalColorsChange(this.supplementalColors),this.handleLabelsChange(this.labels)}handleColorsChange(e){this.colorArray=this.parseJsonProp(e)}handleSupplementalColorsChange(e){this.supplementaryColorArray=this.parseJsonProp(e)}handleLabelsChange(e){this.labelMap=this.parseJsonProp(e)}render(){return i(l,{key:"b59004b3fd9e0bf28a80bb0481ea2807ea137cad"},i("div",{key:"7b6498a4aefb2ae0fda2154854d860ef4d711df8",class:s("container",{vertical:"vertical"===this.direction})},this.colorArray.map(((e,t)=>{const l=this.labelMap[e],r=i("vertex-color-swatch",{class:s("circle",{selected:this.selected===e}),variant:"circle",size:this.size,color:e,supplementalColor:this.supplementaryColorArray[t],onClick:this.handleClick,lightenPercentage:this.lightenPercentage,darkenPercentage:this.darkenPercentage,theme:this.theme});return null!=l?i("vertex-tooltip",{placement:this.labelPlacement,content:l},r):r}))))}static get watchers(){return{colors:[{handleColorsChange:0}],supplementalColors:[{handleSupplementalColorsChange:0}],labels:[{handleLabelsChange:0}]}}};r.style=":host{display:flex;--color-circle-spacing:1rem;--color-circle-hovered-outline:2px solid var(--vertex-ui-neutral-400);--color-circle-selected-outline:var(--color-circle-hovered-outline)}.container{display:flex;gap:var(--color-circle-spacing)}.container.vertical{flex-direction:column;justify-content:center}.container.horizontal{align-items:center}.circle{cursor:pointer;outline-offset:3px;border-radius:100%}.circle.selected{outline:var(--color-circle-selected-outline)}.circle:hover{outline:var(--color-circle-hovered-outline)}";export{r as vertex_color_circle_picker}