@vertexvis/ui 0.1.5-canary.0 → 0.1.5-canary.1

package/dist/cjs/{dialog-34f1dd6e.js → dialog-34244fe1.js}

@@ -175,6 +175,8 @@ const Dialog = class {
   }
   keyDownListener(ev) {
     if (this.open && ev.key === 'Escape') {
+      ev.preventDefault();
+      ev.stopPropagation();
       this.open = false;
     }
   }

package/dist/cjs/index.cjs.js

@@ -17,7 +17,7 @@ const colorCirclePicker = require('./color-circle-picker-b0927289.js');
 const colorPicker = require('./color-picker-6aa97d3b.js');
 const colorSwatch = require('./color-swatch-6d98da5f.js');
 const contextMenu = require('./context-menu-664922cd.js');
-const dialog = require('./dialog-34f1dd6e.js');
+const dialog = require('./dialog-34244fe1.js');
 const draggablePopover = require('./draggable-popover-125717a7.js');
 const dropdownMenu = require('./dropdown-menu-5ae03a72.js');
 const expandable = require('./expandable-b1cd4f0b.js');

package/dist/cjs/vertex-dialog.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const dialog = require('./dialog-34f1dd6e.js');
+const dialog = require('./dialog-34244fe1.js');
 require('./index-6a92256c.js');
 require('./index-e1b40fa6.js');
 

package/dist/collection/components/dialog/dialog.js

@@ -158,6 +158,8 @@ export class Dialog {
   }
   keyDownListener(ev) {
     if (this.open && ev.key === 'Escape') {
+      ev.preventDefault();
+      ev.stopPropagation();
       this.open = false;
     }
   }

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-92e6b1d3",[[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-e35057b5",[[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-d85544e7",[[1,"vertex-icon",{name:[1],size:[1]}]]],["p-2e95a400",[[1,"vertex-icon-button",{iconName:[1,"icon-name"],disabled:[516],variant:[1],iconColor:[1,"icon-color"],iconSize:[1,"icon-size"]}]]]],e)));
+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-92e6b1d3",[[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-d85544e7",[[1,"vertex-icon",{name:[1],size:[1]}]]],["p-2e95a400",[[1,"vertex-icon-button",{iconName:[1,"icon-name"],disabled:[516],variant:[1],iconColor:[1,"icon-color"],iconSize:[1,"icon-size"]}]]]],e)));

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-f9cb8f55.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-0d4a0d61.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-1ee42db8.js";export{I as IconButton}from"./p-5256b0a6.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-ccbcd666.js";import"./p-3438c441.js";import"./p-65f9817e.js";import"./p-1356f525.js";import"./p-59032668.js";
+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-f9cb8f55.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-1ee42db8.js";export{I as IconButton}from"./p-5256b0a6.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-ccbcd666.js";import"./p-3438c441.js";import"./p-65f9817e.js";import"./p-1356f525.js";import"./p-59032668.js";

package/dist/components/p-22ec9b78.entry.js

@@ -0,0 +1 @@
+export{D as vertex_dialog}from"./p-90cf31d2.js";import"./p-6834631c.js";import"./p-fe062eb0.js";

package/dist/components/{p-0d4a0d61.js → p-90cf31d2.js}

@@ -1 +1 @@
-import{c as i,r as t,e as s,h as e,g as o}from"./p-6834631c.js";import{c as h}from"./p-fe062eb0.js";function n(t){i(t)}function r(i){return i.getBoundingClientRect()}const l=class{constructor(i){t(this,i),this.backdropClick=s(this,"backdropClick",7),this.closed=s(this,"closed",7),this.handleKeyDown=()=>{this.open&&(this.open=!1)},this.handlePointerDown=()=>{this.isResizing=!0,n((()=>{if(null!=this.dialogElement){const i=r(this.dialogElement);this.initialDialogBoundingRect=i,this.lastPointerPosition={x:i.right,y:i.bottom}}})),window.addEventListener("pointermove",this.handlePointerMove),window.addEventListener("pointerup",this.handlePointerUp)},this.handlePointerMove=i=>{if(null!=this.lastPointerPosition&&null!=this.initialDialogBoundingRect&&null!=this.width&&null!=this.height){const t=this.height+2*(i.clientY-this.lastPointerPosition.y);this.width=this.constrainDimension(this.width+2*(i.clientX-this.lastPointerPosition.x),this.getMinWidth(),this.getMaxWidth()),this.height=this.constrainDimension(t,this.getMinHeight(),this.getMaxHeight()),this.lastPointerPosition={x:this.constrainX(i.clientX,this.width,this.initialDialogBoundingRect),y:this.constrainY(i.clientY,this.height,this.initialDialogBoundingRect)}}},this.handlePointerUp=()=>{this.lastPointerPosition=void 0,this.initialDialogBoundingRect=void 0,this.isResizing=!1,window.removeEventListener("pointermove",this.handlePointerMove),window.removeEventListener("pointerup",this.handlePointerUp)},this.constrainDimension=(i,t,s)=>Math.min(Math.max(i,t),s),this.constrainX=(i,t,s)=>t<=this.getMinWidth()?s.right:t>=this.getMinHeight()?s.right+(t-s.width)/2:i,this.constrainY=(i,t,s)=>t<=this.getMinHeight()?s.bottom:t>=this.getMaxHeight()?s.bottom+(t-s.height)/2:i,this.getMaxWidth=()=>{var i;return null!==(i=this.maxWidth)&&void 0!==i?i:Number.POSITIVE_INFINITY},this.getMaxHeight=()=>{var i;return null!==(i=this.maxHeight)&&void 0!==i?i:Number.POSITIVE_INFINITY},this.getMinWidth=()=>{var i;return null!==(i=this.minWidth)&&void 0!==i?i:Number.NEGATIVE_INFINITY},this.getMinHeight=()=>{var i;return null!==(i=this.minHeight)&&void 0!==i?i:Number.NEGATIVE_INFINITY},this.resize=()=>{n((()=>{if(null!=this.backdropElement){const i=window.getComputedStyle(this.backdropElement),t=parseFloat(i.padding);this.boundaryPadding=isNaN(t)?0:t,this.maxHeight=window.innerHeight-2*this.boundaryPadding,this.maxWidth=window.innerWidth-2*this.boundaryPadding,this.width=null!=this.width?Math.min(this.maxWidth,this.width):void 0,this.height=null!=this.height?Math.min(this.maxHeight,this.height):void 0}}))},this.open=!1,this.fullscreen=!1,this.resizable=!1,this.width=void 0,this.height=void 0,this.minWidth=void 0,this.minHeight=void 0,this.maxWidth=void 0,this.maxHeight=void 0,this.isResizing=!1,this.handleKeyDown=this.handleKeyDown.bind(this),this.mutationObserver=new MutationObserver(this.resize),this.resizeObserver=new ResizeObserver(this.resize)}componentDidLoad(){window.addEventListener("resize",this.resize),this.mutationObserver.observe(this.hostEl,{attributes:!0,attributeFilter:["style"]}),this.resizeObserver.observe(this.hostEl)}componentWillRender(){this.open&&null==this.width&&null==this.height&&n((()=>{if(null!=this.dialogElement){const i=r(this.dialogElement);this.minWidth=i.width,this.minHeight=i.height,this.width=this.minWidth,this.height=this.minHeight,this.resize()}}))}disconnectedCallback(){this.width=void 0,this.height=void 0,this.lastPointerPosition=void 0,this.isResizing=!1}clearComputedValues(){this.width=void 0,this.height=void 0,this.minWidth=void 0,this.minHeight=void 0,this.maxWidth=void 0,this.maxHeight=void 0}updateOpened(i){i||this.closed.emit()}keyDownListener(i){this.open&&"Escape"===i.key&&(this.open=!1)}render(){var i,t;const s=null!=this.width||null!=this.minWidth?`${null!==(i=this.width)&&void 0!==i?i:this.minWidth}px`:void 0,o=null!=this.height||null!=this.minHeight?`${null!==(t=this.height)&&void 0!==t?t:this.minHeight}px`:void 0;return e("div",{ref:i=>{this.backdropElement=i},onPointerDown:()=>{this.backdropClick.emit()},class:h("dialog-backdrop",{hidden:!this.open,shown:this.open,"resize-cursor":this.isResizing})},e("div",{ref:i=>{this.dialogElement=i},class:h("dialog",{resizable:this.resizable,fullscreen:this.fullscreen,overlay:!this.fullscreen,"no-select":null!=this.lastPointerPosition}),onPointerDown:i=>{i.stopPropagation()},style:this.resizable&&!this.fullscreen?{width:s,height:o}:void 0},e("div",{class:"contents"},e("slot",{name:"header"},e("div",{class:"header"},e("slot",{name:"heading"}),e("div",{class:"close"},e("slot",{name:"close-dialog"},e("vertex-icon-button",{onPointerDown:()=>{this.open=!1},iconSize:"sm",iconName:"close"}))))),e("div",{class:"body"},e("slot",null)),e("div",{class:"footer"},e("slot",{name:"footer"},e("slot",{name:"footer-actions"}))),this.resizable&&!this.fullscreen&&e("vertex-icon",{class:"resize",onPointerDown:this.handlePointerDown,name:"resize",size:"xs"}))))}get hostEl(){return o(this)}static get watchers(){return{resizable:["clearComputedValues"],open:["updateOpened"]}}};l.style=":host{--backdrop-color:rgba(0,0,0,0.4);--z-index:var(--vertex-ui-dialog-layer)}.hidden>.dialog{opacity:0;width:0;height:0;visibility:hidden}.hidden{pointer-events:none;display:none}.close{margin-left:auto}.shown{display:flex;justify-content:center;align-items:center}.header{width:100%;display:flex;font-size:1.125rem;height:2rem;margin-bottom:1rem}.body{position:relative;width:100%;height:100%}.dialog-backdrop{position:fixed;z-index:var(--z-index);left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--backdrop-color);padding:2rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.dialog{background-color:var(--vertex-ui-white);position:absolute;align-items:center;color:var(--vertex-ui-neutral-800);font-family:var(--vertex-ui-font-family);overflow:hidden}.dialog.no-select{user-select:none}.overlay{border:1px solid var(--vertex-ui-neutral-300);border-radius:6px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);display:flex}.overlay.resizable{min-height:var(--min-height, var(--vertex-ui-min-dialog-height))}.fullscreen{height:100vh;width:100vw}.contents{display:flex;position:relative;flex-direction:column;padding:1.5rem;width:100%;height:100%;box-sizing:border-box}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}.footer{display:flex}.resize{cursor:nwse-resize;position:absolute;bottom:0.125rem;right:0.125rem}.resize-cursor{cursor:nwse-resize}";export{l as D}
+import{c as i,r as t,e as s,h as e,g as o}from"./p-6834631c.js";import{c as h}from"./p-fe062eb0.js";function n(t){i(t)}function r(i){return i.getBoundingClientRect()}const l=class{constructor(i){t(this,i),this.backdropClick=s(this,"backdropClick",7),this.closed=s(this,"closed",7),this.handleKeyDown=()=>{this.open&&(this.open=!1)},this.handlePointerDown=()=>{this.isResizing=!0,n((()=>{if(null!=this.dialogElement){const i=r(this.dialogElement);this.initialDialogBoundingRect=i,this.lastPointerPosition={x:i.right,y:i.bottom}}})),window.addEventListener("pointermove",this.handlePointerMove),window.addEventListener("pointerup",this.handlePointerUp)},this.handlePointerMove=i=>{if(null!=this.lastPointerPosition&&null!=this.initialDialogBoundingRect&&null!=this.width&&null!=this.height){const t=this.height+2*(i.clientY-this.lastPointerPosition.y);this.width=this.constrainDimension(this.width+2*(i.clientX-this.lastPointerPosition.x),this.getMinWidth(),this.getMaxWidth()),this.height=this.constrainDimension(t,this.getMinHeight(),this.getMaxHeight()),this.lastPointerPosition={x:this.constrainX(i.clientX,this.width,this.initialDialogBoundingRect),y:this.constrainY(i.clientY,this.height,this.initialDialogBoundingRect)}}},this.handlePointerUp=()=>{this.lastPointerPosition=void 0,this.initialDialogBoundingRect=void 0,this.isResizing=!1,window.removeEventListener("pointermove",this.handlePointerMove),window.removeEventListener("pointerup",this.handlePointerUp)},this.constrainDimension=(i,t,s)=>Math.min(Math.max(i,t),s),this.constrainX=(i,t,s)=>t<=this.getMinWidth()?s.right:t>=this.getMinHeight()?s.right+(t-s.width)/2:i,this.constrainY=(i,t,s)=>t<=this.getMinHeight()?s.bottom:t>=this.getMaxHeight()?s.bottom+(t-s.height)/2:i,this.getMaxWidth=()=>{var i;return null!==(i=this.maxWidth)&&void 0!==i?i:Number.POSITIVE_INFINITY},this.getMaxHeight=()=>{var i;return null!==(i=this.maxHeight)&&void 0!==i?i:Number.POSITIVE_INFINITY},this.getMinWidth=()=>{var i;return null!==(i=this.minWidth)&&void 0!==i?i:Number.NEGATIVE_INFINITY},this.getMinHeight=()=>{var i;return null!==(i=this.minHeight)&&void 0!==i?i:Number.NEGATIVE_INFINITY},this.resize=()=>{n((()=>{if(null!=this.backdropElement){const i=window.getComputedStyle(this.backdropElement),t=parseFloat(i.padding);this.boundaryPadding=isNaN(t)?0:t,this.maxHeight=window.innerHeight-2*this.boundaryPadding,this.maxWidth=window.innerWidth-2*this.boundaryPadding,this.width=null!=this.width?Math.min(this.maxWidth,this.width):void 0,this.height=null!=this.height?Math.min(this.maxHeight,this.height):void 0}}))},this.open=!1,this.fullscreen=!1,this.resizable=!1,this.width=void 0,this.height=void 0,this.minWidth=void 0,this.minHeight=void 0,this.maxWidth=void 0,this.maxHeight=void 0,this.isResizing=!1,this.handleKeyDown=this.handleKeyDown.bind(this),this.mutationObserver=new MutationObserver(this.resize),this.resizeObserver=new ResizeObserver(this.resize)}componentDidLoad(){window.addEventListener("resize",this.resize),this.mutationObserver.observe(this.hostEl,{attributes:!0,attributeFilter:["style"]}),this.resizeObserver.observe(this.hostEl)}componentWillRender(){this.open&&null==this.width&&null==this.height&&n((()=>{if(null!=this.dialogElement){const i=r(this.dialogElement);this.minWidth=i.width,this.minHeight=i.height,this.width=this.minWidth,this.height=this.minHeight,this.resize()}}))}disconnectedCallback(){this.width=void 0,this.height=void 0,this.lastPointerPosition=void 0,this.isResizing=!1}clearComputedValues(){this.width=void 0,this.height=void 0,this.minWidth=void 0,this.minHeight=void 0,this.maxWidth=void 0,this.maxHeight=void 0}updateOpened(i){i||this.closed.emit()}keyDownListener(i){this.open&&"Escape"===i.key&&(i.preventDefault(),i.stopPropagation(),this.open=!1)}render(){var i,t;const s=null!=this.width||null!=this.minWidth?`${null!==(i=this.width)&&void 0!==i?i:this.minWidth}px`:void 0,o=null!=this.height||null!=this.minHeight?`${null!==(t=this.height)&&void 0!==t?t:this.minHeight}px`:void 0;return e("div",{ref:i=>{this.backdropElement=i},onPointerDown:()=>{this.backdropClick.emit()},class:h("dialog-backdrop",{hidden:!this.open,shown:this.open,"resize-cursor":this.isResizing})},e("div",{ref:i=>{this.dialogElement=i},class:h("dialog",{resizable:this.resizable,fullscreen:this.fullscreen,overlay:!this.fullscreen,"no-select":null!=this.lastPointerPosition}),onPointerDown:i=>{i.stopPropagation()},style:this.resizable&&!this.fullscreen?{width:s,height:o}:void 0},e("div",{class:"contents"},e("slot",{name:"header"},e("div",{class:"header"},e("slot",{name:"heading"}),e("div",{class:"close"},e("slot",{name:"close-dialog"},e("vertex-icon-button",{onPointerDown:()=>{this.open=!1},iconSize:"sm",iconName:"close"}))))),e("div",{class:"body"},e("slot",null)),e("div",{class:"footer"},e("slot",{name:"footer"},e("slot",{name:"footer-actions"}))),this.resizable&&!this.fullscreen&&e("vertex-icon",{class:"resize",onPointerDown:this.handlePointerDown,name:"resize",size:"xs"}))))}get hostEl(){return o(this)}static get watchers(){return{resizable:["clearComputedValues"],open:["updateOpened"]}}};l.style=":host{--backdrop-color:rgba(0,0,0,0.4);--z-index:var(--vertex-ui-dialog-layer)}.hidden>.dialog{opacity:0;width:0;height:0;visibility:hidden}.hidden{pointer-events:none;display:none}.close{margin-left:auto}.shown{display:flex;justify-content:center;align-items:center}.header{width:100%;display:flex;font-size:1.125rem;height:2rem;margin-bottom:1rem}.body{position:relative;width:100%;height:100%}.dialog-backdrop{position:fixed;z-index:var(--z-index);left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--backdrop-color);padding:2rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.dialog{background-color:var(--vertex-ui-white);position:absolute;align-items:center;color:var(--vertex-ui-neutral-800);font-family:var(--vertex-ui-font-family);overflow:hidden}.dialog.no-select{user-select:none}.overlay{border:1px solid var(--vertex-ui-neutral-300);border-radius:6px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);display:flex}.overlay.resizable{min-height:var(--min-height, var(--vertex-ui-min-dialog-height))}.fullscreen{height:100vh;width:100vw}.contents{display:flex;position:relative;flex-direction:column;padding:1.5rem;width:100%;height:100%;box-sizing:border-box}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}.footer{display:flex}.resize{cursor:nwse-resize;position:absolute;bottom:0.125rem;right:0.125rem}.resize-cursor{cursor:nwse-resize}";export{l as D}

package/dist/components/vertex-dialog.js

@@ -177,6 +177,8 @@ const Dialog = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   keyDownListener(ev) {
     if (this.open && ev.key === 'Escape') {
+      ev.preventDefault();
+      ev.stopPropagation();
       this.open = false;
     }
   }

package/dist/esm/{dialog-1cef715c.js → dialog-c69d9152.js}

@@ -173,6 +173,8 @@ const Dialog = class {
   }
   keyDownListener(ev) {
     if (this.open && ev.key === 'Escape') {
+      ev.preventDefault();
+      ev.stopPropagation();
       this.open = false;
     }
   }

package/dist/esm/index.js

@@ -13,7 +13,7 @@ export { C as ColorCirclePicker } from './color-circle-picker-c4e92fea.js';
 export { C as ColorPicker } from './color-picker-b292ad8d.js';
 export { C as ColorSwatch } from './color-swatch-ab647632.js';
 export { C as ContextMenu } from './context-menu-12f1afe1.js';
-export { D as Dialog } from './dialog-1cef715c.js';
+export { D as Dialog } from './dialog-c69d9152.js';
 export { D as DraggablePopover } from './draggable-popover-9f9b7c97.js';
 export { D as DropdownMenu } from './dropdown-menu-1598ba20.js';
 export { E as Expandable } from './expandable-b487cb00.js';

package/dist/esm/vertex-dialog.entry.js

@@ -1,3 +1,3 @@
-export { D as vertex_dialog } from './dialog-1cef715c.js';
+export { D as vertex_dialog } from './dialog-c69d9152.js';
 import './index-72f28b71.js';
 import './index-9c609209.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertexvis/ui",
-  "version": "0.1.5-canary.0",
+  "version": "0.1.5-canary.1",
   "description": "The Vertex UI component library.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -87,5 +87,5 @@
     "@vertexvis/utils": "^0.23.2",
     "fast-deep-equal": "^3.1.3"
   },
-  "gitHead": "0699109d8a27155cb8a1ef74a8efdcc8e3626759"
+  "gitHead": "fed7edc196a6ef797f2817a5d66bf6bd98ed019d"
 }

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

@@ -1 +0,0 @@
-export{D as vertex_dialog}from"./p-0d4a0d61.js";import"./p-6834631c.js";import"./p-fe062eb0.js";