@globalpayments/vega 2.14.0 → 2.16.0

package/dist/esm/vega-calendar_2.entry.js

@@ -7,7 +7,7 @@ import { a as VegaClick, d as VegaChange, e as VegaEventClick } from './vegaEven
 import { V as VegaInternalIconManager } from './internal-icon-manager-a52b1c10.js';
 import { p as pad } from './date-97fc22a5.js';
 import { c as createEventEmitSlimmer } from './eventEmitSlimmer-9c33f04e.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-ca73e6c1.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-b9c50cc4.js';
 import { f as VegaInternalCalendarMonthEventsChange } from './vegaInternalEventId-600b3751.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { g as generateUUID } from './misc-c21a85c9.js';
@@ -17,7 +17,7 @@ import { C as ChangeManager } from './changeManager-d60d98c8.js';
 import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './subStateObserverSlimmer-354b33f6.js';
 import { p as isBackgroundColorTokenType } from './typeGuard-f33ed2eb.js';
 import { s as stateBackgroundColorFormatter } from './stateBackgroundColorFormatter-e705312f.js';
-import { a as parsePixelStringToNumber } from './pixel-53ad41ea.js';
+import { b as parsePixelStringToNumber } from './pixel-f32c07ce.js';
 import './iconManager-48bebc43.js';
 import './dynamic-slimmer-ef83e258.js';
 import './internalVegaEventManager-e1501923.js';
@@ -2458,7 +2458,7 @@ __decorate$6([
   MapToComponentField()
 ], VegaCalendarFullDayEventLayoutRenderer.prototype, "calendarView", void 0);
 
-const vegaCalendarCss = ".border-divider-top{border:1px solid rgba(var(--v-border-divider-secondary, 199, 217, 229, 1));border-left-width:0px;border-right-width:0px;border-bottom-width:0px}.border-divider-left{border:1px solid rgba(var(--v-border-divider-secondary, 199, 217, 229, 1));border-top-width:0px;border-right-width:0px;border-bottom-width:0px}.border-divider-right{border:1px solid rgba(var(--v-border-divider-secondary, 199, 217, 229, 1));border-top-width:0px;border-left-width:0px;border-bottom-width:0px}.border-divider-bottom{border:1px solid rgba(var(--v-border-divider-secondary, 199, 217, 229, 1));border-top-width:0px;border-left-width:0px;border-right-width:0px}:host{display:flex;flex-direction:column;border-radius:12px;border:1px solid rgba(var(--v-border-divider, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));overflow:hidden;width:100%;height:100%;box-sizing:border-box;max-height:1966px}.calendar-switch-panel{padding:24px;border-bottom-width:1px;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));flex-shrink:0;width:100%;box-sizing:border-box}.calendar-switch-panel .calendar-date-switch-container{display:flex;gap:8px;align-items:center;flex-direction:row}.calendar-switch-panel .calendar-view-switch-container{display:flex;gap:16px;align-items:center;flex-direction:row}.calendar-switch-panel .calendar-current-date{padding-left:8px}.calendar-view{width:100%;position:relative;flex-grow:1;overflow-y:auto;overflow-x:hidden}.calendar-view-month .calendar-view-month-container{width:100%;display:grid;min-height:100%;grid-template-rows:43px repeat(6, minmax(64px, 1fr))}.calendar-view-month .calendar-view-title{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));top:0;left:0;z-index:62}.calendar-view-month .calendar-view-title div{padding-top:12px;padding-bottom:12px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){.calendar-view-month .calendar-view-title div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.calendar-view-month .calendar-view-title div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.calendar-view-month .calendar-view-title div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}.calendar-view-month .calendar-view-row{position:relative;display:grid;grid-template-rows:1fr;grid-template-columns:repeat(7, minmax(64px, 1fr))}.calendar-view-month .calendar-view-row.calendar-view-title{position:sticky}.calendar-view-month .calendar-view-row:last-child{border-bottom-width:0px}.calendar-view-month .calendar-view-row .row-cell{overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.calendar-view-month .calendar-view-row .row-cell:last-child{border-right-width:0px}.calendar-view-month .calendar-view-row .row-cell .date{padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:8px}.calendar-view-month .calendar-view-row .row-cell .date>div{display:inline-block;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.calendar-view-month .calendar-view-row .row-cell .date>div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.calendar-view-month .calendar-view-row .row-cell .date>div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.calendar-view-month .calendar-view-row .row-cell .date>div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.calendar-view-month .calendar-view-row .row-cell .date .month-block{margin-right:2px}.calendar-view-month .calendar-view-row .row-cell .date .grid-col{text-align:center;border-top-left-radius:9999px;border-bottom-left-radius:9999px;border-top-right-radius:9999px;border-bottom-right-radius:9999px;cursor:pointer;width:18px;height:18px;line-height:18px}.calendar-view-month .calendar-view-row .row-cell .date .grid-col:hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}.calendar-view-month .calendar-view-row .row-cell .date .grid-col:active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}.calendar-view-month .calendar-view-row .row-cell .date .grid-col:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.calendar-view-month .calendar-view-row .row-cell.current-month-day .date>div{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}.calendar-view-month .calendar-view-row .row-cell.disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}.calendar-view-month .calendar-view-row .row-cell.disabled .date>div{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.calendar-view-month .calendar-view-row .row-cell.active .date .grid-col{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));border-top-left-radius:9999px;border-bottom-left-radius:9999px;color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}.calendar-view-month .calendar-view-row .row-cell.active .date .grid-col:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.calendar-view-month .calendar-view-row .row-cell.active .date .grid-col:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}.calendar-view-month .calendar-view-row .row-cell.active .date .grid-col:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.calendar-view-container{width:100%}.calendar-view-container .calendar-view-title-container{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));position:sticky;top:0;left:0;z-index:62}.calendar-view-container .calendar-view-row{box-sizing:border-box;width:100%;display:flex;flex-direction:row}.calendar-view-container .calendar-view-row .time-line,.calendar-view-container .calendar-view-row .time-line-empty,.calendar-view-container .calendar-view-row .time-line-all{width:72px;text-align:right;padding-right:8px;box-sizing:border-box;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));flex-shrink:0}@media screen and (min-width: 768px) and (max-width: 1023px){.calendar-view-container .calendar-view-row .time-line,.calendar-view-container .calendar-view-row .time-line-empty,.calendar-view-container .calendar-view-row .time-line-all{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.calendar-view-container .calendar-view-row .time-line,.calendar-view-container .calendar-view-row .time-line-empty,.calendar-view-container .calendar-view-row .time-line-all{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.calendar-view-container .calendar-view-row .time-line,.calendar-view-container .calendar-view-row .time-line-empty,.calendar-view-container .calendar-view-row .time-line-all{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.calendar-view-container .calendar-view-title{width:100%}.calendar-view-container .calendar-view-title>div{padding:12px;padding-bottom:8px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;text-align:center;display:flex;flex-direction:column;gap:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.calendar-view-container .calendar-view-title>div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.calendar-view-container .calendar-view-title>div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.calendar-view-container .calendar-view-title>div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}.calendar-view-container .calendar-view-title .week-day{cursor:pointer;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.calendar-view-container .calendar-view-title .week-day{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.calendar-view-container .calendar-view-title .week-day{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.calendar-view-container .calendar-view-title .week-day{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}.calendar-view-container .calendar-view-title .active div{color:rgba(var(--v-text-link, 19, 98, 226, 1))}.calendar-view-container .calendar-view-event-all-container{align-items:center}.calendar-view-container .calendar-view-event-all{display:grid;grid-template-rows:1fr;flex-grow:1;min-height:18px}.calendar-view-container .calendar-view-day-container .time-line{display:grid;grid-template-rows:16px repeat(24, minmax(74px, 1fr))}.calendar-view-container .calendar-view-day-container .time-line .time-text{margin-top:-9px}.calendar-view-container .calendar-view-day-container .calendar-view-content{width:100%}.calendar-view-container .calendar-view-day-container .calendar-view-content .grid-col{display:grid;grid-template-rows:16px repeat(24, minmax(74px, 1fr));grid-template-columns:minmax(64px, 1fr)}.calendar-view-container .calendar-view-day-container .calendar-view-content .grid-col>.border-divider-top:first-child{border-top-width:0px}.calendar-view-container .calendar-view-content-container{width:100%;position:relative}.calendar-view-week .calendar-view-container{min-height:100%}.calendar-view-week .calendar-view-container .calendar-view-title{display:grid;grid-template-rows:1fr;grid-template-columns:repeat(7, minmax(64px, 1fr))}.calendar-view-week .calendar-view-container .calendar-view-event-all{grid-template-columns:repeat(7, minmax(64px, 1fr))}.calendar-view-week .calendar-view-container .calendar-view-day-container .calendar-view-content{display:grid;grid-template-columns:repeat(7, minmax(64px, 1fr))}.calendar-view-week .time-marker-container .time-marker{display:grid;grid-template-columns:repeat(7, minmax(64px, 1fr))}.calendar-view-week .day-event-container{display:grid;grid-template-columns:repeat(7, minmax(64px, 1fr))}.calendar-view-day .calendar-view-container{min-height:100%}.time-marker-container{position:absolute;min-width:100%;left:0;top:16px;height:calc(100% - 16px);pointer-events:none}.time-marker-container.hidden{display:none}.time-marker-container .time-marker{position:absolute;height:2px;display:grid;min-width:100%;left:0;top:0;z-index:61}.time-marker-container .time-marker div{width:100%;height:2px;background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1));opacity:0.3}.time-marker-container .time-marker div.active{opacity:1;position:relative}.time-marker-container .time-marker div.active::before{content:\"\";display:block;border-top-left-radius:9999px;border-bottom-left-radius:9999px;border-top-right-radius:9999px;border-bottom-right-radius:9999px;position:absolute;width:8px;height:8px;background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1));top:-3px;left:-4px}.day-event-container{position:absolute;min-width:100%;left:0;top:16px;height:calc(100% - 16px);pointer-events:none}.day-event-container .day-event-col{height:100%;overflow:hidden}.day-event-container vega-calendar-event{pointer-events:auto;height:100%}.calendar-view-month .month-event-row{position:absolute;width:100%;overflow:hidden;height:calc(100% - 26px);left:0;bottom:0}.calendar-view-month .events-container{width:100%;box-sizing:border-box;overflow:hidden;padding:2px;display:flex;flex-direction:column;gap:2px;justify-content:space-between}.calendar-view-month .events-container .event-list{display:flex;flex-direction:column;gap:2px}.calendar-view-month .events-container .event-list .month-event-block{box-sizing:border-box;padding-left:2px;padding-right:3px}.calendar-view-month .events-container .month-event-more .more-button{display:inline-block;height:16px;font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1));cursor:pointer;border-radius:2px}@media screen and (min-width: 768px) and (max-width: 1023px){.calendar-view-month .events-container .month-event-more .more-button{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.calendar-view-month .events-container .month-event-more .more-button{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.calendar-view-month .events-container .month-event-more .more-button{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}.calendar-view-month .events-container .month-event-more .more-button:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:0px}.calendar-view-container .calendar-view-event-all{position:relative}.calendar-view-container .calendar-view-event-all .placeholder-block{padding-top:2px;padding-bottom:2px;box-sizing:content-box}.calendar-view-container .calendar-view-event-all .placeholder-block span{display:none}.calendar-view-container .calendar-view-event-all .day-event-block{padding-top:2px;padding-right:2px;box-sizing:border-box;padding-left:3px}.calendar-view-container .day-event-col{position:relative}.calendar-view-container .day-event-col .time-event-block{box-sizing:border-box;padding-right:8px;padding-bottom:2px;padding-top:3px}.calendar-view-container .day-event-col .time-event-block vega-calendar-event.bg-shadow::part(event-container):not(:focus){outline:2px solid rgba(var(--v-bg-primary, 252, 252, 252, 1))}.calendar-view-container .day-event-col .time-event-block:focus-within{z-index:60 !important}";
+const vegaCalendarCss = ".border-divider-top{border:1px solid rgba(var(--v-border-divider-secondary, 199, 217, 229, 1));border-left-width:0px;border-right-width:0px;border-bottom-width:0px}.border-divider-left{border:1px solid rgba(var(--v-border-divider-secondary, 199, 217, 229, 1));border-top-width:0px;border-right-width:0px;border-bottom-width:0px}.border-divider-right{border:1px solid rgba(var(--v-border-divider-secondary, 199, 217, 229, 1));border-top-width:0px;border-left-width:0px;border-bottom-width:0px}.border-divider-bottom{border:1px solid rgba(var(--v-border-divider-secondary, 199, 217, 229, 1));border-top-width:0px;border-left-width:0px;border-right-width:0px}:host{display:flex;flex-direction:column;border-radius:12px;border:1px solid rgba(var(--v-border-divider, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));overflow:hidden;width:100%;height:100%;box-sizing:border-box;max-height:1966px}.calendar-switch-panel{padding:24px;border-bottom-width:1px;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));flex-shrink:0;width:100%;box-sizing:border-box}.calendar-switch-panel .calendar-date-switch-container{display:flex;gap:8px;align-items:center;flex-direction:row}.calendar-switch-panel .calendar-view-switch-container{display:flex;gap:16px;align-items:center;flex-direction:row}.calendar-switch-panel .calendar-current-date{padding-left:8px}.calendar-view{width:100%;position:relative;flex-grow:1;overflow-y:auto;overflow-x:hidden}.calendar-view-month .calendar-view-month-container{width:100%;display:grid;min-height:100%;grid-template-rows:43px repeat(6, minmax(64px, 1fr))}.calendar-view-month .calendar-view-title{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));top:0;left:0;z-index:62}.calendar-view-month .calendar-view-title div{padding-top:12px;padding-bottom:12px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){.calendar-view-month .calendar-view-title div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.calendar-view-month .calendar-view-title div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.calendar-view-month .calendar-view-title div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}.calendar-view-month .calendar-view-row{position:relative;display:grid;grid-template-rows:1fr;grid-template-columns:repeat(7, minmax(64px, 1fr))}.calendar-view-month .calendar-view-row.calendar-view-title{position:sticky}.calendar-view-month .calendar-view-row:last-child{border-bottom-width:0px}.calendar-view-month .calendar-view-row .row-cell{overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.calendar-view-month .calendar-view-row .row-cell:last-child{border-right-width:0px}.calendar-view-month .calendar-view-row .row-cell .date{padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:8px}.calendar-view-month .calendar-view-row .row-cell .date>div{display:inline-block;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.calendar-view-month .calendar-view-row .row-cell .date>div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.calendar-view-month .calendar-view-row .row-cell .date>div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.calendar-view-month .calendar-view-row .row-cell .date>div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.calendar-view-month .calendar-view-row .row-cell .date .month-block{margin-right:2px}.calendar-view-month .calendar-view-row .row-cell .date .grid-col{text-align:center;border-top-left-radius:9999px;border-bottom-left-radius:9999px;border-top-right-radius:9999px;border-bottom-right-radius:9999px;cursor:pointer;width:18px;height:18px;line-height:18px}.calendar-view-month .calendar-view-row .row-cell .date .grid-col:hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}.calendar-view-month .calendar-view-row .row-cell .date .grid-col:active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}.calendar-view-month .calendar-view-row .row-cell .date .grid-col:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.calendar-view-month .calendar-view-row .row-cell.current-month-day .date>div{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}.calendar-view-month .calendar-view-row .row-cell.disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}.calendar-view-month .calendar-view-row .row-cell.disabled .date>div{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.calendar-view-month .calendar-view-row .row-cell.active .date .grid-col{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));border-top-left-radius:9999px;border-bottom-left-radius:9999px;color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}.calendar-view-month .calendar-view-row .row-cell.active .date .grid-col:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.calendar-view-month .calendar-view-row .row-cell.active .date .grid-col:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}.calendar-view-month .calendar-view-row .row-cell.active .date .grid-col:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.calendar-view-container{width:100%}.calendar-view-container .calendar-view-title-container{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));position:sticky;top:0;left:0;z-index:62}.calendar-view-container .calendar-view-row{box-sizing:border-box;width:100%;display:flex;flex-direction:row}.calendar-view-container .calendar-view-row .time-line,.calendar-view-container .calendar-view-row .time-line-empty,.calendar-view-container .calendar-view-row .time-line-all{width:72px;text-align:right;padding-right:8px;box-sizing:border-box;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));flex-shrink:0}@media screen and (min-width: 768px) and (max-width: 1023px){.calendar-view-container .calendar-view-row .time-line,.calendar-view-container .calendar-view-row .time-line-empty,.calendar-view-container .calendar-view-row .time-line-all{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.calendar-view-container .calendar-view-row .time-line,.calendar-view-container .calendar-view-row .time-line-empty,.calendar-view-container .calendar-view-row .time-line-all{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.calendar-view-container .calendar-view-row .time-line,.calendar-view-container .calendar-view-row .time-line-empty,.calendar-view-container .calendar-view-row .time-line-all{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.calendar-view-container .calendar-view-title{width:100%}.calendar-view-container .calendar-view-title>div{padding:12px;padding-bottom:8px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;text-align:center;display:flex;flex-direction:column;gap:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.calendar-view-container .calendar-view-title>div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.calendar-view-container .calendar-view-title>div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.calendar-view-container .calendar-view-title>div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}.calendar-view-container .calendar-view-title .week-day{cursor:pointer;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.calendar-view-container .calendar-view-title .week-day{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.calendar-view-container .calendar-view-title .week-day{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.calendar-view-container .calendar-view-title .week-day{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}.calendar-view-container .calendar-view-title .active div{color:rgba(var(--v-text-link, 19, 98, 226, 1))}.calendar-view-container .calendar-view-event-all-container{align-items:center}.calendar-view-container .calendar-view-event-all{display:grid;grid-template-rows:1fr;flex-grow:1;min-height:18px}.calendar-view-container .calendar-view-day-container .time-line{display:grid;grid-template-rows:16px repeat(24, minmax(74px, 1fr))}.calendar-view-container .calendar-view-day-container .time-line .time-text{margin-top:-9px}.calendar-view-container .calendar-view-day-container .calendar-view-content{width:100%}.calendar-view-container .calendar-view-day-container .calendar-view-content .grid-col{display:grid;grid-template-rows:16px repeat(24, minmax(74px, 1fr));grid-template-columns:minmax(64px, 1fr)}.calendar-view-container .calendar-view-day-container .calendar-view-content .grid-col>.border-divider-top:first-child{border-top-width:0px}.calendar-view-container .calendar-view-content-container{width:100%;position:relative}.calendar-view-week .calendar-view-container{min-height:100%}.calendar-view-week .calendar-view-container .calendar-view-title{display:grid;grid-template-rows:1fr;grid-template-columns:repeat(7, minmax(64px, 1fr))}.calendar-view-week .calendar-view-container .calendar-view-event-all{grid-template-columns:repeat(7, minmax(64px, 1fr))}.calendar-view-week .calendar-view-container .calendar-view-day-container .calendar-view-content{display:grid;grid-template-columns:repeat(7, minmax(64px, 1fr))}.calendar-view-week .time-marker-container .time-marker{display:grid;grid-template-columns:repeat(7, minmax(64px, 1fr))}.calendar-view-week .day-event-container{display:grid;grid-template-columns:repeat(7, minmax(64px, 1fr))}.calendar-view-day .calendar-view-container{min-height:100%}.time-marker-container{position:absolute;min-width:100%;left:0;top:16px;height:calc(100% - 16px);pointer-events:none}.time-marker-container.hidden{display:none}.time-marker-container .time-marker{position:absolute;height:2px;display:grid;min-width:100%;left:0;top:0;z-index:61}.time-marker-container .time-marker div{width:100%;height:2px;background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1));opacity:0.3}.time-marker-container .time-marker div.active{opacity:1;position:relative}.time-marker-container .time-marker div.active::before{content:\"\";display:block;border-top-left-radius:9999px;border-bottom-left-radius:9999px;border-top-right-radius:9999px;border-bottom-right-radius:9999px;position:absolute;width:8px;height:8px;background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1));top:-3px;left:-4px}.day-event-container{position:absolute;min-width:100%;left:0;top:16px;height:calc(100% - 16px);pointer-events:none}.day-event-container .day-event-col{height:100%;overflow:hidden}.day-event-container vega-calendar-event{pointer-events:auto;height:100%}.calendar-view-month .month-event-row{position:absolute;width:100%;overflow:hidden;height:calc(100% - 26px);left:0;bottom:0}.calendar-view-month .events-container{width:100%;box-sizing:border-box;overflow:hidden;padding:2px;display:flex;flex-direction:column;gap:2px;justify-content:space-between;flex-grow:1}.calendar-view-month .events-container .event-list{display:flex;flex-direction:column;gap:2px;flex-grow:1}.calendar-view-month .events-container .event-list .month-event-block{box-sizing:border-box;padding-left:2px;padding-right:3px}.calendar-view-month .events-container .month-event-more .more-button{display:inline-block;height:16px;font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1));cursor:pointer;border-radius:2px}@media screen and (min-width: 768px) and (max-width: 1023px){.calendar-view-month .events-container .month-event-more .more-button{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.calendar-view-month .events-container .month-event-more .more-button{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.calendar-view-month .events-container .month-event-more .more-button{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}.calendar-view-month .events-container .month-event-more .more-button:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:0px}.calendar-view-container .calendar-view-event-all{position:relative}.calendar-view-container .calendar-view-event-all .placeholder-block{padding-top:2px;padding-bottom:2px;box-sizing:content-box}.calendar-view-container .calendar-view-event-all .placeholder-block span{display:none}.calendar-view-container .calendar-view-event-all .day-event-block{padding-top:2px;padding-right:2px;box-sizing:border-box;padding-left:3px}.calendar-view-container .day-event-col{position:relative}.calendar-view-container .day-event-col .time-event-block{box-sizing:border-box;padding-right:8px;padding-bottom:2px;padding-top:3px}.calendar-view-container .day-event-col .time-event-block vega-calendar-event.bg-shadow::part(event-container):not(:focus){outline:2px solid rgba(var(--v-bg-primary, 252, 252, 252, 1))}.calendar-view-container .day-event-col .time-event-block:focus-within{z-index:60 !important}";
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/vega-card.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-c3505689.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
-import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './designToken-4459ff64.js';
+import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './designToken-edc855d6.js';
 import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { f as findParent, a as arrayToClassString } from './ui-28499aab.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
@@ -9,8 +9,9 @@ import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsiveFormatFacade-7072153e.js';
+import './responsiveFormatFacade-ac0b91fc.js';
 import './number-e2519d1c.js';
+import './pixel-f32c07ce.js';
 import './stateBackgroundColorFormatter-e705312f.js';
 
 /**

package/dist/esm/vega-carousel.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { r as reflow, e as executeAfterTransition } from './effect-8efd2c3c.js';
-import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-7072153e.js';
+import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-ac0b91fc.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
 import { P as PageResizeObserverSlimmer } from './pageResizeObserverSlimmer-d36f30e8.js';
@@ -15,6 +15,7 @@ import './ui-df46cc20.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 import './number-e2519d1c.js';
+import './pixel-f32c07ce.js';
 import './dynamic-slimmer-ef83e258.js';
 import './changeManager-d60d98c8.js';
 import './domNodeSubjectObserverFactory-a764a6df.js';

package/dist/esm/vega-checkbox_2.entry.js

@@ -7,21 +7,22 @@ import { O as Observer, d as domNodeSubjectFactory } from './domNodeSubjectObser
 import { f as findParent } from './ui-28499aab.js';
 import { a as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
-import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-2cc9eec5.js';
+import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-85ff874e.js';
 import { c as createEventEmitSlimmer } from './eventEmitSlimmer-9c33f04e.js';
 import { d as VegaChange } from './vegaEventId-680887e1.js';
 import { V as VegaInternalFieldErrorStateChange } from './vegaInternalEventId-600b3751.js';
 import { R as RequiredFieldRule } from './requiredFieldRule-f549a39d.js';
 import { C as ComponentLoadRequired } from './componentLoadRequired-ec47331b.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './childNodesNotifyObserverSlimmer-e6ea15e3.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-ca73e6c1.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-b9c50cc4.js';
 import './string-be824360.js';
 import './misc-c21a85c9.js';
 import './dynamic-slimmer-ef83e258.js';
 import './pageResizeObserverSlimmer-d36f30e8.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
-import './mutationObserverFilters-17327079.js';
+import './mutationObserverSlimmer-2355cedf.js';
+import './mutationObserverFilters-243934f6.js';
 import './array-8c82516c.js';
 import './number-e2519d1c.js';
 import './internalVegaEventManager-e1501923.js';

package/dist/esm/vega-chip.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-c3505689.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
-import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-7072153e.js';
+import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-ac0b91fc.js';
 import { a as arrayToClassString } from './ui-28499aab.js';
-import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './designToken-4459ff64.js';
+import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './designToken-edc855d6.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
@@ -10,12 +10,13 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { P as PageResizeObserverSlimmer } from './pageResizeObserverSlimmer-d36f30e8.js';
 import { c as createEventEmitSlimmer } from './eventEmitSlimmer-9c33f04e.js';
 import { a as VegaClick, c as VegaClose } from './vegaEventId-680887e1.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-ca73e6c1.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-b9c50cc4.js';
 import './typeGuard-f33ed2eb.js';
 import './ui-df46cc20.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 import './number-e2519d1c.js';
+import './pixel-f32c07ce.js';
 import './stateBackgroundColorFormatter-e705312f.js';
 import './dynamic-slimmer-ef83e258.js';
 import './changeManager-d60d98c8.js';

package/dist/esm/vega-color-picker.entry.js

@@ -3,7 +3,7 @@ import { R as RequiredFieldRule } from './requiredFieldRule-f549a39d.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { h as hexToRGB, b as getHexFromShorthand } from './ui-28499aab.js';
-import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-2cc9eec5.js';
+import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-85ff874e.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './staticSubjectTitle-3b88939a.js';
@@ -18,7 +18,8 @@ import './vegaInternalEventId-600b3751.js';
 import './pageResizeObserverSlimmer-d36f30e8.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
-import './mutationObserverFilters-17327079.js';
+import './mutationObserverSlimmer-2355cedf.js';
+import './mutationObserverFilters-243934f6.js';
 import './array-8c82516c.js';
 import './number-e2519d1c.js';
 import './internalVegaEventManager-e1501923.js';

package/dist/esm/vega-combo-box.entry.js

@@ -7,8 +7,8 @@ import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0f
 import { I as InjectKeyboardManager } from './injectKeyboardManager-a67edd4d.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
-import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-2cc9eec5.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-ca73e6c1.js';
+import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-85ff874e.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-b9c50cc4.js';
 import { c as createEventEmitSlimmer } from './eventEmitSlimmer-9c33f04e.js';
 import { D as DomNodeSubjectObserverFactory } from './domNodeSubjectObserverFactory-a764a6df.js';
 import { g as VegaCreate, h as VegaSearch, j as VegaDropdownHide, b as VegaDropdownClick, d as VegaChange, c as VegaClose } from './vegaEventId-680887e1.js';
@@ -24,7 +24,8 @@ import './misc-c21a85c9.js';
 import './dynamic-slimmer-ef83e258.js';
 import './vegaInternalEventId-600b3751.js';
 import './pageResizeObserverSlimmer-d36f30e8.js';
-import './mutationObserverFilters-17327079.js';
+import './mutationObserverSlimmer-2355cedf.js';
+import './mutationObserverFilters-243934f6.js';
 import './array-8c82516c.js';
 import './number-e2519d1c.js';
 import './internalVegaEventManager-e1501923.js';

package/dist/esm/vega-date-picker_2.entry.js

@@ -3,7 +3,7 @@ import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { i as isDateStr, c as compareIsSameOrBefore, a as compareIsBefore, b as compareIsAfter } from './date-97fc22a5.js';
 import { a as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
-import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-2cc9eec5.js';
+import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-85ff874e.js';
 import { a as arrayToClassString, g as getDeviceType, D as DeviceType } from './ui-28499aab.js';
 import { D as DomNodeSubjectObserverFactory } from './domNodeSubjectObserverFactory-a764a6df.js';
 import { a as VegaClick, d as VegaChange } from './vegaEventId-680887e1.js';
@@ -14,11 +14,11 @@ import { Z as ZIndexManager } from './zIndexManager-522f477e.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './staticSubjectTitle-3b88939a.js';
 import { C as ChangeManager } from './changeManager-d60d98c8.js';
 import { S as StringInputFormatterSlimmer, a as StringMaskStrategy } from './stringInputFormatterSlimmer-e67c7503.js';
-import { E as ElementAppenderSlimmer } from './elementAppenderSlimmer-6bdee603.js';
+import { E as ElementAppenderSlimmer } from './elementAppenderSlimmer-3c05ca9f.js';
 import { K as KeyboardManagerSlimmer } from './keyboardManagerSlimmer-dbd4f404.js';
 import { C as ComponentLoadRequired } from './componentLoadRequired-ec47331b.js';
 import { c as createEventEmitSlimmer } from './eventEmitSlimmer-9c33f04e.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-ca73e6c1.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-b9c50cc4.js';
 import './string-be824360.js';
 import './misc-c21a85c9.js';
 import './dynamic-slimmer-ef83e258.js';
@@ -26,13 +26,15 @@ import './vegaInternalEventId-600b3751.js';
 import './pageResizeObserverSlimmer-d36f30e8.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
-import './mutationObserverFilters-17327079.js';
+import './mutationObserverSlimmer-2355cedf.js';
+import './mutationObserverFilters-243934f6.js';
 import './iconManager-48bebc43.js';
 import './number-e2519d1c.js';
 import './typeGuard-f33ed2eb.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsiveFormatFacade-7072153e.js';
+import './responsiveFormatFacade-ac0b91fc.js';
+import './pixel-f32c07ce.js';
 import './keyboardManager-24ae8225.js';
 import './internalVegaEventManager-e1501923.js';
 

package/dist/esm/vega-dialog_2.entry.js

@@ -3,18 +3,18 @@ import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import './stateBackgroundColorFormatter-e705312f.js';
-import { f as formatAndValidResponsiveToken } from './designToken-4459ff64.js';
+import { f as formatAndValidResponsiveToken } from './designToken-edc855d6.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
 import { P as PageResizeObserverSlimmer } from './pageResizeObserverSlimmer-d36f30e8.js';
 import { D as DomNodeSubjectObserverFactory } from './domNodeSubjectObserverFactory-a764a6df.js';
 import { c as VegaClose, a as VegaClick, t as VegaOpen } from './vegaEventId-680887e1.js';
 import { D as DefaultModalSize } from './ui-df46cc20.js';
-import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-7072153e.js';
+import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-ac0b91fc.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { g as getDeviceType, D as DeviceType, f as findParent } from './ui-28499aab.js';
 import { Z as ZIndexManager } from './zIndexManager-522f477e.js';
 import { c as createEventEmitSlimmer } from './eventEmitSlimmer-9c33f04e.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-ca73e6c1.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-b9c50cc4.js';
 import { C as ComponentGlobalStyleSlimmer } from './componentGlobalStyleSlimmer-41d7692c.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecatedPropertySlimmer-14c78eb1.js';
 import './typeGuard-f33ed2eb.js';
@@ -22,6 +22,7 @@ import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 import './changeManager-d60d98c8.js';
 import './number-e2519d1c.js';
+import './pixel-f32c07ce.js';
 import './dynamic-slimmer-ef83e258.js';
 import './internalVegaEventManager-e1501923.js';
 import './object-261e7344.js';

package/dist/esm/vega-divider.entry.js

@@ -2,13 +2,14 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-c3
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { a as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
-import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-7072153e.js';
+import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-ac0b91fc.js';
 import { h as Spacing } from './typeGuard-f33ed2eb.js';
-import { f as formatAndValidResponsiveToken } from './designToken-4459ff64.js';
+import { f as formatAndValidResponsiveToken } from './designToken-edc855d6.js';
 import { P as PageResizeObserverSlimmer } from './pageResizeObserverSlimmer-d36f30e8.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
 import './number-e2519d1c.js';
 import './ui-df46cc20.js';
+import './pixel-f32c07ce.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 import './stateBackgroundColorFormatter-e705312f.js';

package/dist/esm/vega-dropdown_5.entry.js

@@ -9,13 +9,14 @@ import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0f
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './domNodeSubjectObserverFactory-a764a6df.js';
 import { d as VegaChange, i as VegaDropdownShow, j as VegaDropdownHide, b as VegaDropdownClick, g as VegaCreate, k as VegaDropdownSearch, a as VegaClick } from './vegaEventId-680887e1.js';
 import { K as KeyboardManagerSlimmer } from './keyboardManagerSlimmer-dbd4f404.js';
-import { E as ElementAppenderSlimmer } from './elementAppenderSlimmer-6bdee603.js';
+import { E as ElementAppenderSlimmer } from './elementAppenderSlimmer-3c05ca9f.js';
 import { d as isArrayEqual } from './array-8c82516c.js';
 import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './subStateObserverSlimmer-354b33f6.js';
+import { M as MutationObserverSlimmer } from './mutationObserverSlimmer-2355cedf.js';
 import { c as createEventEmitSlimmer } from './eventEmitSlimmer-9c33f04e.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './childNodesNotifyObserverSlimmer-e6ea15e3.js';
 import { D as DROPDOWN_ITEM_CLICK } from './staticSubjectTitle-3b88939a.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-ca73e6c1.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-b9c50cc4.js';
 import { C as ChangeManager } from './changeManager-d60d98c8.js';
 import { b as VegaInternalVirtualScrollToBottom } from './vegaInternalEventId-600b3751.js';
 import './breakpoints-e59edf8d.js';
@@ -23,8 +24,9 @@ import './ui-df46cc20.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 import './keyboardManager-24ae8225.js';
-import './responsiveFormatFacade-7072153e.js';
+import './responsiveFormatFacade-ac0b91fc.js';
 import './number-e2519d1c.js';
+import './pixel-f32c07ce.js';
 import './zIndexManager-522f477e.js';
 import './dynamic-slimmer-ef83e258.js';
 import './pageResizeObserverSlimmer-d36f30e8.js';
@@ -79,7 +81,8 @@ class VegaDropdownRenderer extends VegaSlimmer {
     return this.renderModeController.isSourceRenderMode() ? h("slot", null) : h("slot", { name: "dropdown-content" });
   }
   renderDropdown() {
-    return (h("vega-dropdown-content-box", { ref: (e) => (this.dropdownContentBoxRef = e), style: { maxHeight: `${this.maxHeight}px` }, "data-parent-ref": this.host },
+    const eventPreventFlag = this.host && this.host.dataset.vegaNoEventPrevent === 'true' ? 'true' : 'false';
+    return (h("vega-dropdown-content-box", { ref: (e) => (this.dropdownContentBoxRef = e), style: { maxHeight: `${this.maxHeight}px` }, "data-parent-ref": this.host, "data-vega-no-event-prevent": eventPreventFlag },
       h("div", { ref: (e) => (this.dropdownRef = e), class: {
           'vega-dropdown': true,
           'vega-dropdown-with-searchable': this.searchable,
@@ -289,9 +292,6 @@ class VegaDropdownListRenderer extends VegaSlimmer {
   getVirtualScrollRef() {
     return this.virtualScrollRef;
   }
-  getTemplateItemsRef() {
-    return this.templateItemsRef;
-  }
   renderBySource() {
     return (h(Fragment, null,
       this.renderLoading(),
@@ -334,7 +334,7 @@ class VegaDropdownListRenderer extends VegaSlimmer {
         ['v-hidden']: this.isLoading,
       }, style: {
         maxHeight: `${this.maxHeightOfItemsContainer}px`,
-      }, ref: (e) => (this.templateItemsRef = e) },
+      } },
       h("slot", { name: "items" })));
   }
   /**
@@ -956,7 +956,6 @@ class VegaDropdownSelectedController extends VegaSlimmer {
   checkSelectedSourceKey(key) {
     if (this.renderModeController.isSourceRenderMode()) {
       let result;
-      this.childrenController.syncUpDropdownCurrentData();
       if (typeof key === 'string' &&
         this.selectType === 'single' &&
         this.childrenController.isKeyExist(key)) {
@@ -1108,6 +1107,20 @@ var __decorate$e = (undefined && undefined.__decorate) || function (decorators,
 class VegaDropdownChildrenController extends VegaSlimmer {
   constructor() {
     super(...arguments);
+    this.mutationObserver = new MutationObserverSlimmer({
+      // eslint-disable-next-line jsdoc/require-jsdoc
+      target: () => this.renderer.getDropdownContentBoxRef(),
+      options: {
+        childList: true,
+        subtree: true,
+      },
+      /*
+       * The below method is e2e-test covered in
+       * @see{module:vega-dropdown-items-dom-change-e2e}
+       */
+      // eslint-disable-next-line jsdoc/require-jsdoc
+      callback: /* istanbul ignore next */ () => this.syncUpDropdownCurrentData(),
+    });
     this.labelSet = new Set();
     this.keySet = new Set();
     /**
@@ -1115,7 +1128,7 @@ class VegaDropdownChildrenController extends VegaSlimmer {
      * synchronizing the current data in a dropdown based on the items present in the slot.
      */
     this.collectKeyAndLabelFromSlot = () => {
-      const container = this.renderer.getDropdownRef() || this.host;
+      const container = this.renderer.getDropdownContentBoxRef() || this.host;
       Array.from(container.querySelectorAll('vega-dropdown-item')).forEach((item) => {
         item.label && this.labelSet.add(item.label);
         item.itemKey && this.keySet.add(item.itemKey);
@@ -1127,8 +1140,6 @@ class VegaDropdownChildrenController extends VegaSlimmer {
    */
   /* istanbul ignore next */
   disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
   }
   /**
    * Component lifecycle - [componentWillLoad]
@@ -1140,7 +1151,6 @@ class VegaDropdownChildrenController extends VegaSlimmer {
    * Component lifecycle - [componentDidLoad]
    */
   componentDidLoad() {
-    this.initMutationObserver();
   }
   /**
    * The function "watchSource" synchronizes the dropdown current data.
@@ -1198,23 +1208,6 @@ class VegaDropdownChildrenController extends VegaSlimmer {
     });
   }
   /* istanbul ignore next */
-  /**
-   * The below method is e2e-test covered in@see{module:vega-dropdown-items-dom-change-e2e}
-   */
-  initMutationObserver() {
-    if (this.renderModeController.isSourceRenderMode())
-      return;
-    this.mutationObserver = new MutationObserver(async (mutations) => {
-      if (mutations.filter((mutation) => mutation.target.slot === 'items').length > 0) {
-        this.selectedController.watchSource();
-      }
-    });
-    this.mutationObserver.observe(this.listRenderer.getTemplateItemsRef(), {
-      childList: true,
-      subtree: true,
-    });
-  }
-  /* istanbul ignore next */
   /**
    * The below method is e2e-test covered in @see{module:vega-dropdown-items-dom-change-e2e}
    */
@@ -1244,6 +1237,9 @@ __decorate$e([
 __decorate$e([
   MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "selectedController", void 0);
+__decorate$e([
+  InjectVegaSlimmer()
+], VegaDropdownChildrenController.prototype, "mutationObserver", void 0);
 __decorate$e([
   MapToComponentMethod('disconnectedCallback')
 ], VegaDropdownChildrenController.prototype, "disconnectedCallback", null);
@@ -1320,9 +1316,13 @@ const VegaDropdown = class {
     this.keyboardController = new VegaDropdownKeyboardController();
     this.appenderController = new VegaDropdownAppenderController();
     this.searchController = new VegaDropdownSearchController();
+    /**
+     * childrenController should be defined before selectedController,
+     *     which can ensure collecting information before verifying it.
+     */
+    this.childrenController = new VegaDropdownChildrenController();
     this.selectedController = new VegaDropdownSelectedController();
     this.renderModeController = new VegaDropdownRenderModeController();
-    this.childrenController = new VegaDropdownChildrenController();
     this.selectTypeNotifySlimmer = createSubStateNotifySlimmer(VegaDropdown, 'selectType', 'watchSelectType');
     this.selectedSourceKeyNotifySlimmer = createSubStateNotifySlimmer(VegaDropdown, 'selectedSourceKey', 'watchSelectedSourceKey');
     this.prefixIconSlotNotifySlimmer = createSubStateNotifySlimmer(VegaDropdown, 'prefixIconSlot', 'watchPrefixIconSlot');
@@ -1551,13 +1551,13 @@ __decorate$d([
 ], VegaDropdown.prototype, "searchController", void 0);
 __decorate$d([
   InjectVegaSlimmer()
-], VegaDropdown.prototype, "selectedController", void 0);
+], VegaDropdown.prototype, "childrenController", void 0);
 __decorate$d([
   InjectVegaSlimmer()
-], VegaDropdown.prototype, "renderModeController", void 0);
+], VegaDropdown.prototype, "selectedController", void 0);
 __decorate$d([
   InjectVegaSlimmer()
-], VegaDropdown.prototype, "childrenController", void 0);
+], VegaDropdown.prototype, "renderModeController", void 0);
 __decorate$d([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "selectTypeNotifySlimmer", void 0);

package/dist/esm/vega-field-label.entry.js

@@ -3,7 +3,7 @@ import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
 import { c as createEventEmitSlimmer } from './eventEmitSlimmer-9c33f04e.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-ca73e6c1.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-b9c50cc4.js';
 import { a as VegaClick } from './vegaEventId-680887e1.js';
 import './dynamic-slimmer-ef83e258.js';
 import './changeManager-d60d98c8.js';

package/dist/esm/vega-flex.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-c3505689.js';
 import { F as FeatureFlag } from './featureFlagController-816491ad.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
-import { f as formatAndValidResponsiveToken, l as formatAndValidFlexBreakpoint } from './designToken-4459ff64.js';
+import { f as formatAndValidResponsiveToken, l as formatAndValidFlexBreakpoint } from './designToken-edc855d6.js';
 import { a as arrayToClassString } from './ui-28499aab.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
@@ -12,8 +12,9 @@ import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsiveFormatFacade-7072153e.js';
+import './responsiveFormatFacade-ac0b91fc.js';
 import './number-e2519d1c.js';
+import './pixel-f32c07ce.js';
 import './stateBackgroundColorFormatter-e705312f.js';
 
 const VegaFlexRuntimeMetricsPayloadDefinition = [

package/dist/esm/vega-font.entry.js

@@ -6,14 +6,15 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { P as PageResizeObserverSlimmer } from './pageResizeObserverSlimmer-d36f30e8.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
 import { C as ComponentLoadRequired } from './componentLoadRequired-ec47331b.js';
-import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-7072153e.js';
+import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-ac0b91fc.js';
 import { a as arrayToClassString } from './ui-28499aab.js';
-import { m as formatAndValidTypographyToken, i as formatAndValidTextColor, f as formatAndValidResponsiveToken } from './designToken-4459ff64.js';
+import { m as formatAndValidTypographyToken, i as formatAndValidTextColor, f as formatAndValidResponsiveToken } from './designToken-edc855d6.js';
 import './ui-df46cc20.js';
 import './typeGuard-f33ed2eb.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 import './number-e2519d1c.js';
+import './pixel-f32c07ce.js';
 import './stateBackgroundColorFormatter-e705312f.js';
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/vega-form.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c3505689.js';
-import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-2cc9eec5.js';
+import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-85ff874e.js';
 import { C as ChangeManager } from './changeManager-d60d98c8.js';
 import { O as Observer, d as domNodeSubjectFactory } from './domNodeSubjectObserverFactory-a764a6df.js';
 import { g as FORM_ELEMENT_VALIDATE, b as FORM_ELEMENT_VALUE_CHANGE, d as FORM_FIELD_ELEMENT_DISCONNECTED, c as FORM_FIELD_PENDING_VALID_CHANGE, e as FORM_RESET_OPERATION_TRIGGERED, F as FORM_SUBMIT, a as FORM_RESET } from './staticSubjectTitle-3b88939a.js';
@@ -10,7 +10,7 @@ import { I as ImmutableMap } from './immutableMap-af49ae98.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
 import { c as createEventEmitSlimmer } from './eventEmitSlimmer-9c33f04e.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-ca73e6c1.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-b9c50cc4.js';
 import { l as VegaFormSubmit, m as VegaFormReset, n as VegaValidate } from './vegaEventId-680887e1.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './childNodesNotifyObserverSlimmer-e6ea15e3.js';
 import { a as VegaInternalValid } from './vegaInternalEventId-600b3751.js';
@@ -20,7 +20,8 @@ import './dynamic-slimmer-ef83e258.js';
 import './pageResizeObserverSlimmer-d36f30e8.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
-import './mutationObserverFilters-17327079.js';
+import './mutationObserverSlimmer-2355cedf.js';
+import './mutationObserverFilters-243934f6.js';
 import './number-e2519d1c.js';
 import './internalVegaEventManager-e1501923.js';