March 17, 2026
e40d7302128c5e86e68b3ddcdb2b5cbd19cfa95c Previous:
913ce26d Bundle: 471.2 KB ChoiceList fixes event bubbling, Menu reduces unnecessary re-renders, and design tokens updated to version 26021.
Highlights
- ChoiceList now intercepts change and input events to ensure they only fire when the event originates directly from the component, preventing duplicate events from bubbling.
- Menu's MutationObserver now filters out attribute mutations on the Menu element itself, avoiding unnecessary re-renders when its own attributes change.
- ColorPicker removes redundant render calls after value changes and form resets.
- CSS design tokens updated from version suffix 25111 to 26021, removing intermediate Polaris token variable fallbacks from typography and color properties.
- The React-to-web-component event bridge now routes change, error, load, and toggle events through dedicated logic for more reliable listener synchronization.
Infrastructure Changes
.polaris-meta.json +3 -3
@@ -1,5 +1,5 @@
{
"hash": "913ce26d86e1755e5b8c29606465c88c2fccf691",
"hash": "e40d7302128c5e86e68b3ddcdb2b5cbd19cfa95c",
"detectedAt": "2026-03-06T00:00:00Z",
"detectedAt": "2026-03-17T12:35:08.555Z",
"bundleSize": 521941
"bundleSize": 482529
}
base-element.js Truncated +10 -10
@@ -9,36 +9,36 @@ class PolarisBaseElement extends HTMLElementBase {
}
#t;
[SHADOW_ROOT_SYMBOL] = null;
constructor({
styles: e = '',
ShadowRoot: t,
}) {
super();
this[SHADOW_ROOT_SYMBOL] = this.attachShadow({
mode: 'open',
});
this.#t = () => {
queueMicrotask(() => {
B(this.isConnected && createElement(o, null), this[SHADOW_ROOT_SYMBOL]);
B(this.isConnected && createVNode(r, null), this[SHADOW_ROOT_SYMBOL]);
});
}
};
@@ -142,13 +142,13 @@ class PolarisElement extends PolarisBaseElement {
-moz-osx-font-smoothing:grayscale;
font-feature-settings:"calt"0,normal;
text-rendering:optimizeLegibility;
font-size:var(--s-global-font-size-25111, var(--p-font-size-400-25111, 1rem));
font-size:var(--s-global-font-size-26021, 1rem);
line-height:var(--s-global-line-height-25111, var(--p-font-line-height-600-25111, 1.5rem));
line-height:var(--s-global-line-height-26021, 1.5rem);
letter-spacing:var(--s-global-letter-spacing-25111, var(--p-font-letter-spacing-dense-25111, -0.00833em));
letter-spacing:var(--s-global-letter-spacing-26021, -0.00833em);
font-family:var(--s-global-font-family-25111, var(--p-font-family-sans-25111, 'Inter', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif));
font-family:var(--s-global-font-family-26021, 'Inter', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif);
font-weight:var(--s-global-font-weight-25111, var(--p-font-weight-regular-25111, 450));
font-weight:var(--s-global-font-weight-26021, 450);
font-variant:normal;
color:var(--s-global-color-25111, var(--p-color-text-25111, rgba(48, 48, 48, 1)));
color:var(--s-global-color-26021, rgba(48, 48, 48, 1));
text-shadow:none;
text-transform:none;
font-style:normal;
@@ -158,16 +158,16 @@ class PolarisElement extends PolarisBaseElement {
}
@media (min-width:48rem),(pointer:fine) {
:host>* {
font-size:var(--s-global-font-size-25111, var(--p-font-size-325-25111, 0.8125rem));
font-size:var(--s-global-font-size-26021, 0.8125rem);
line-height:var(--s-global-line-height-25111, var(--p-font-line-height-500-25111, 1.25rem));
line-height:var(--s-global-line-height-26021, 1.25rem);
letter-spacing:var(--s-global-letter-spacing-25111,n var(--p-font-letter-spacing-normal-25111, 0rem)n )
letter-spacing:var(--s-global-letter-spacing-26021,n 0remn )
}
}
`,
});
}
}
let classWrapper,
classRef,
colorDecorators,
Diff truncated at 200 lines
decorators.js Truncated +2 -2
@@ -23,22 +23,22 @@ function customElement(e) {
}
function eventHandler() {
return (instance, value) => {
throw Error(`Event listener property names must be lowercase. "${text6}" is not lowercase.`);
throw Error(`Event listener property names must be lowercase. "${text4}" is not lowercase.`);
throw Error(
`Event listener property names must start with "on". "${text6}" does not start with "on".`,
`Event listener property names must start with "on". "${text4}" does not start with "on".`,
);
return {
set(t) {
}
if (t) {
}
return instance.set.call(this, t);
},
Diff truncated at 200 lines
dom-bridge.js +69 -9
@@ -1,35 +1,95 @@
// DOM Bridge
// Preact-to-custom-element property bridging
let De,
Ne,
Pe,
$e,
Be = false;
function Fe() {
Pe = null;
}
function BRIDGE_SYMBOL(e) {
for (const key in e)
if (key.startsWith('__reactFiber$')) {
}
}
}
function Ke(e, t) {
const Ne = new Set();
function $e(e, t) {
if (e.getRootNode() !== e.ownerDocument) return;
if (Reflect.get(e, '_reactWrapped')) return;
}
}
const Be = {
change: true,
error: true,
load: true,
toggle: true,
},
Fe = {
configurable: true,
enumerable: false,
get() {
return this[Ae];
},
set(e) {
const t = this[Ae];
this[Ae] = e;
const i = Re;
Re = null;
Te = true;
const n = this.ownerDocument;
for (const key in e) {
if ('children' === key || 'ref' === key) continue;
const a = e[key],
s = t && t[key];
if (a !== s)
if (key.startsWith('on')) {
const e = key.toLowerCase(),
t = e in this ? e : key,
r = e.slice(2);
if ((Oe && key in this) || (t in n && !(r in Be))) continue;
if (s) {
if (!a) {
this.removeEventListener(r, He);
}
} else {
this.addEventListener(r, He);
}
} else if (key in this) {
this[key] = a;
} else {
if (null == a || false === a) {
this.removeAttribute(key);
} else {
this.setAttribute(key, a + '');
}
}
}
if (t)
for (const key in t)
if ('children' !== key && 'ref' !== key && !(key in e))
if (key.startsWith('on')) {
const e = key.toLowerCase(),
t = e in this ? e : key,
a = e.slice(2);
if ((Oe && key in this) || (t in n && !(a in Be))) continue;
this.removeEventListener(a, He);
} else if (key in this) {
this[key] = undefined;
} else {
this.removeAttribute(key);
}
if (!i) {
Promise.resolve().then(Me);
}
Re = this;
Te = false;
},
};
exports.js +5 -10
@@ -1,29 +1,24 @@
// Polaris Exports
// Component element map and React wrapper
polaris.reactWrap = function (e, t) {
l = e.useRef();
e.useLayoutEffect(() => {
if (!l.current) return;
const current = l.current,
for (const [key, o] of Object.entries(instance)) {
for (const [key, r] of Object.entries(instance))
if (set5.has(key)) continue;
set3.has(key) || (r !== current2[key] && options(current, key, r));
const i = current2[key];
for (const [key, r] of Object.entries(current2))
if (o !== i) {
set3.has(key) ||
setProperty(current, key, o, i);
}
}
for (const [key, o] of Object.entries(current2))
set5.has(key) ||
Object.prototype.hasOwnProperty.call(instance, key) ||
(undefined !== o && setProperty(current, key, null, o));
(undefined !== r && options(current, key, null));
}, [instance]);
const c = e.useCallback(
(e) => {
index.js +1 -1
@@ -1,5 +1,5 @@
// Polaris Web Components - De-minified Source
// Original hash: 913ce26d86e1755e5b8c29606465c88c2fccf691
// Original hash: e40d7302128c5e86e68b3ddcdb2b5cbd19cfa95c
//
// Structure:
// preact-core.js - Embedded Preact virtual DOM
popover-polyfill.js Truncated +0 -2
@@ -169,53 +169,53 @@ function la(element) {
}
}
}
for (; currentNode; ) {
}
})(element))
)
) {
element2.focus();
}
weakMap.set(element, activeElement);
}
Ht(element, 'closed', 'open');
}
if (!Qt(element, true)) return;
const ownerDocument = element.ownerDocument;
if (['auto', 'hint'].includes(element.popover) && (ba(element, t, a), !Qt(element, true))) return;
const o = Kt.get(ownerDocument) || new Set(),
... (truncated)
Diff truncated at 200 lines
preact-core.js Truncated +41 -39
@@ -5,42 +5,43 @@ const INSERT_VNODE = 4,
MODE_HYDRATE = 32,
MODE_SUSPENDED = 128;
const eventListenerMap = new WeakMap();
function setProperty(element, text6, value, oldValue) {
function options(element, text4, n) {
const i = text5.slice(2),
s = eventListenerMap.get(element),
r = s?.get(i);
if (
(r && (element.removeEventListener(i, r), s.delete(i)),
!(function (e) {
return !(!e || 'function' != typeof e);
})(value)
})(n))
)
return;
const a = text7.slice(2);
if (n) {
if (oldValue && eventListenerMap.get(oldValue) !== value) {
const a = (e) => {
const r = eventListenerMap.get(oldValue);
n(e);
if (r) {
element.removeEventListener(a, r);
eventListenerMap.delete(oldValue);
}
}
if (value) {
const i = (e) => {
value(e);
};
eventListenerMap.set(value, i);
let s = eventListenerMap.get(element);
element.addEventListener(a, i);
if (!s) {
s = new Map();
eventListenerMap.set(element, s);
}
s.set(i, a);
element.addEventListener(i, a);
}
element[text6] = value;
element[text4] = n;
} else {
if (null == value) {
if (null == n) {
} else {
element.setAttribute(text6, value);
element.setAttribute(text4, n);
}
}
}
function assign(e, t) {
function isArray(e, t) {
return e;
}
function removeNode(element) {
@@ -48,51 +49,52 @@ function removeNode(element) {
element.parentNode.removeChild(element);
}
}
function createElement(e, t, a) {
function createVNode(type, t, key) {
props = {};
} else {
} else {
}
}
if (
(arguments.length > 2 && (props.children = arguments.length > 3 ? slice.call(arguments, 2) : a),
(arguments.length > 2 &&
'function' == typeof e && null != e.defaultProps)
(props.children = arguments.length > 3 ? vnodeId.call(arguments, 2) : key),
'function' == typeof type && null != type.defaultProps)
)
for (o in e.defaultProps)
for (r in type.defaultProps)
props[o] = e.defaultProps[o];
props[r] = type.defaultProps[r];
}
return createVNode(e, props, i, n, null);
return createElement(type, props, a, s, null);
}
function createVNode(type, props, key, ref, original) {
function createElement(e, t, i, n, r) {
type: type,
type: e,
props: props,
props: t,
key: key,
key: i,
ref: ref,
ref: n,
constructor: undefined,
_original: original ?? ++vnodeId,
_original: r ?? ++prevDebounce,
_index: -1,
_flags: 0,
};
if (null == original && null != options.vnode) {
if (null == r && null != setProperty.vnode) {
options.vnode(s);
setProperty.vnode(o);
}
}
function Fragment(props) {
return props.children;
@@ -120,46 +122,46 @@ function updateParentDomPointers(e) {
}
function enqueueRender(e) {
if (
(!e._dirty && (e._dirty = true) && rerenderQueue.push(e) && !processRenderQueue._force++) ||
(!e._dirty && (e._dirty = true) && slice.push(e) && !processRenderQueue._force++) ||
prevDebounce != options.debounceRendering
rerenderQueue != setProperty.debounceRendering
) {
((prevDebounce = options.debounceRendering) || defer)(processRenderQueue);
((rerenderQueue = setProperty.debounceRendering) || defer)(processRenderQueue);
}
}
function processRenderQueue() {
for (var e, t, a, r, n, s, l, index8 = 1; rerenderQueue.length; ) {
for (var e, t, i, n, s, o, l, index8 = 1; slice.length; ) {
if (rerenderQueue.length > index8) {
if (slice.length > index8) {
rerenderQueue.sort(depthSort);
slice.sort(depthSort);
}
... (truncated)
Diff truncated at 200 lines
preact-hooks.js Truncated +9 -10
@@ -1,145 +1,145 @@
// Preact Hooks
// useState, useEffect, useCallback, useId, and hook internals
var slice,
var vnodeId,
options,
setProperty,
vnodeId,
rerenderQueue,
prevDebounce,
slice,
rerenderQueue,
defer,
depthSort,
currentComponent,
currentIndex,
currentHook,
afterPaintEffects,
EMPTY_OBJ = {},
currentHook,
EMPTY_ARR = [],
EMPTY_ARR = {},
IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,
IS_NON_DIMENSIONAL = [],
isArray = Array.isArray;
EMPTY_OBJ = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,
assign = Array.isArray;
function callback3(index8, t) {
if (U._stateCallbacks) {
U._stateCallbacks(H, index8, G || t);
}
G = 0;
H.__hooks ||
(H.__hooks = {
o: [],
_stateCallbacks: [],
});
}
}
function callback4(e) {
G = 1;
return (function (e, t) {
if (
function (e) {
}
},
]),
!H._stateManaged))
) {
return !!e._component;
});
if (
return !e.$;
})
)
if (e.$) {
var t = e._parent[0];
e._parent = e.$;
e.$ = undefined;
if (t !== e._parent[0]) {
}
}
});
};
H._stateManaged = true;
var shouldComponentUpdate = H.shouldComponentUpdate,
componentWillUpdate = H.componentWillUpdate;
shouldComponentUpdate = undefined;
}
if (componentWillUpdate) {
}
};
}
}
function callback5(e, t) {
}
}
function callback6(e, t) {
}
}
function callback8(e, t) {
}
}
function useId() {
var e = callback3(F++, 11);
if (!e._parent) {
for (var _2 = H._original; null !== _2 && !_2.j && null !== _2._parent; ) _2 = _2._parent;
}
return e._parent;
}
function ce() {
for (var e; (e = K.shift()); )
if (e._parentDom && e.__hooks)
... (truncated)
Diff truncated at 200 lines
property-types.js Truncated +66 -1
@@ -7,16 +7,16 @@ function ratioProp() {
defaultValue: e,
get(t) {
if (!t || 'string' != typeof t) return e;
return t ? t + '/1' : e;
}
return i && n ? `${i}/${n}` : e;
return a && s ? `${a}/${s}` : e;
},
};
}
@@ -50,54 +50,107 @@ function booleanProp() {
function colorProp({ alphaFlag: e = 'alpha' } = {}) {
return {
defaultValue: '',
if (e) {
}
fallbackValue: '',
});
},
};
}
function dt(text4) {
switch (text4.length) {
case 4:
case 5:
return dt(ct(text4));
case 7:
default:
return text4;
case 9:
return text4.toLowerCase().endsWith('ff') ? text4.slice(0, -2) : text4;
}
}
function mt(e, t = true) {
return bt(
(function (e) {
const { hue: index8, saturation: i, lightness: n, alpha: a } = ht(e),
s = (1 - Math.abs(2 * n - 1)) * i,
r = s * (1 - Math.abs(((index8 / 60) % 2) - 1)),
o = n - s / 2;
let l = 0,
c = 0,
d = 0;
if (index8 >= 0 && index8 < 60) {
[l, c, d] = [s, r, 0];
} else {
if (index8 >= 60 && index8 < 120) {
[l, c, d] = [r, s, 0];
} else {
if (index8 >= 120 && index8 < 180) {
[l, c, d] = [0, s, r];
} else {
if (index8 >= 180 && index8 < 240) {
[l, c, d] = [0, r, s];
} else {
if (index8 >= 240 && index8 < 300) {
[l, c, d] = [r, 0, s];
} else {
if (index8 >= 300 && index8 < 360) {
[l, c, d] = [s, 0, r];
}
}
}
}
}
}
const u = Math.round(255 * (l + o)),
h = Math.round(255 * (c + o)),
b = Math.round(255 * (d + o));
return a ? `rgb(${u} ${h} ${b} / ${a})` : `rgb(${u} ${h} ${b})`;
})(e),
t,
);
}
function stringProp(e = {}) {
const { defaultValue: t } = e,
return {
};
}
function enumProp(
e,
) {
if (value > 0 && instance.startsWith(' ')) {
const t = instance.slice(1);
}
}
});
{
const t = index8 + '';
}
};
return {
defaultValue: t,
};
}
function monthProp(e) {
@@ -110,9 +163,46 @@ function monthProp(e) {
defaultValue: t,
get: (e) =>
(function (e) {
})(e)
? e
: t,
};
}
const Dt = new Set();
function Nt(e) {
const { translations: t, ...i } = e,
{ currencyCode: n, locale: a } = i;
return {
...i,
currencySymbol: currencyFormatter({
currencyCode: n,
locale: a,
}),
translate: (text4) => {
for (const item of [e.translations, Mt.translations]) {
... (truncated)
Diff truncated at 200 lines
utilities.js Truncated +6 -76
@@ -1,99 +1,70 @@
// Utilities
// Helper functions and remaining infrastructure
let ct = null;
const ct = (text4) =>
const ut = (e) =>
text4.replace(/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, '#$1$1$2$2$3$3$4$4');
RegExp(
function ut(e, { fallbackValue: t, isAlpha: i } = {}) {
`^rgb(?:a)?\\((\\s*\\d{1,3})\\s+(\\d{1,3})\\s+(\\d{1,3})${e ? '(?:\\s*\\/\\s*(\\d{1,3}[.]?\\d*[%]*))?' : ''}\\s*\\)$`,
),
bt = (e) =>
RegExp(
`^rgb(?:a)?\\((\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})${e ? '(?:,\\s*(\\d{1,3}[.]?\\d*[%]*))?' : ''}\\)$`,
),
ht = (e) =>
RegExp(
`^hsl(?:a)?\\(\\s*(?:(\\d{1,3}(?:deg)?)\\s*,\\s*)(?:(\\d{1,3}%)\\s*,\\s*)(\\d{1,3}%)${e ? '(?:,\\s*(\\d{1,3}[.]?\\d*[%]*))?' : ''}\\)$`,
),
pt = (e) =>
RegExp(
`^hsl(?:a)?\\(\\s*(?:(\\d{1,3}(?:deg)?)\\s+)(?:(\\d{1,3}%)\\s+)(\\d{1,3}%)${e ? '(?:\\s*\\/\\s*(\\d{1,3}[.]?\\d*[%]*))?' : ''}\\s*\\)$`,
);
const gt = (text6) =>
text6.replace(/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, '#$1$1$2$2$3$3$4$4');
function vt(text6) {
switch (text6.length) {
case 4:
case 5:
return vt(gt(text6));
case 7:
default:
return text6;
case 9:
return text6.toLowerCase().endsWith('ff') ? text6.slice(0, -2) : text6;
}
}
function ft(e, { fallbackValue: t, isAlpha: a } = {}) {
if ('' == e) return e;
if (9 === e.length) {
} else {
if (5 === e.length) {
}
}
}
: null != t &&
(function (e) {
})(t)
: '';
}
}
}
}
return {
lightness: l,
};
};
if (
)
return '';
return Number.isNaN(e) || e < 0 || e > 1
? ''
: `#${index8}${Math.round(255 * e)
@@ -102,87 +73,46 @@ function wt(text6, t = true) {
}
return '#' + index8;
}
return wt(
const i = RegExp(rt(t).source + '|' + ot(t).source);
(function (e) {
if (!i.test(text4)) return false;
const { hue: index8, saturation: a, lightness: r, alpha: i } = yt(e),
const [, n, a, s, r] = Array.from(text4.match(i) ?? []).filter((item) => item);
n = (1 - Math.abs(2 * r - 1)) * a,
o = n * (1 - Math.abs(((index8 / 60) % 2) - 1)),
s = r - n / 2;
let l = 0,
c = 0,
d = 0;
if (index8 >= 0 && index8 < 60) {
[l, c, d] = [n, o, 0];
} else {
if (index8 >= 60 && index8 < 120) {
[l, c, d] = [o, n, 0];
} else {
if (index8 >= 120 && index8 < 180) {
[l, c, d] = [0, n, o];
} else {
if (index8 >= 180 && index8 < 240) {
[l, c, d] = [0, o, n];
} else {
if (index8 >= 240 && index8 < 300) {
[l, c, d] = [o, 0, n];
} else {
if (index8 >= 300 && index8 < 360) {
[l, c, d] = [n, 0, o];
}
}
}
}
}
}
const u = Math.round(255 * (l + s)),
b = Math.round(255 * (c + s)),
h = Math.round(255 * (d + s));
return i ? `rgb(${u} ${b} ${h} / ${i})` : `rgb(${u} ${b} ${h})`;
})(e),
t,
);
}
function xt(text6, t = true) {
const a = RegExp(ht(t).source + '|' + pt(t).source);
if (!a.test(text6)) return false;
const [, r, i, n, o] = Array.from(text6.match(a) ?? []).filter((item) => item);
return (
... (truncated)
Diff truncated at 200 lines
Component Changes
components/ChoiceList.js Truncated +26 -4
@@ -281,11 +281,37 @@ let ms = class extends PolarisElement {
}
#Ve = [];
#Ie = null;
this.queueRender();
};
#Re = new Map();
addEventListener(e, t, i) {
if (null != t && ('change' === e || 'input' === e)) {
const n = (e) => {
e.eventPhase === Event.AT_TARGET &&
('function' == typeof t ? t.call(this, e) : t.handleEvent(e));
};
this.#Re.set(t, n);
return void super.addEventListener(e, n, i);
}
if (null != t) {
super.addEventListener(e, t, i);
}
}
removeEventListener(e, t, i) {
if (null != t && ('change' === e || 'input' === e)) {
const n = this.#Re.get(t);
if (n) {
super.removeEventListener(e, n, i);
return void this.#Re.delete(t);
}
}
if (null != t) {
super.removeEventListener(e, t, i);
}
}
#y = runInitializers(this, disabledInitializers, undefined);
get disabled() {
return this.#y;
@@ -377,46 +403,49 @@ let ms = class extends PolarisElement {
if (null === this.#Ie) {
this.#Ie = this.#Ve;
}
return this.#Ve;
}
set values(e) {
this.#Ve = e;
this.queueRender();
}
formResetCallback() {
t = e.length ? e : (this.#Ie ?? []);
this.values = t;
}
constructor() {
this.#Me = new MutationObserver(() => {
const e = this.#Te();
if (e.length > 0) {
this.values = e;
... (truncated)
Diff truncated at 200 lines
components/ColorPicker.js +0 -2
@@ -51,8 +51,7 @@ let xl = class extends PolarisElement {
attribute: 'value',
onChange: (e) => {
e.value = e.defaultValue;
e.queueRender();
},
},
),
@@ -204,51 +203,50 @@ let xl = class extends PolarisElement {
set onchange(e) {
this.#ue = e;
}
(runInitializers(this, onchangeExtraInitializers),
runInitializers(this, oninputInitializers, null));
get oninput() {
}
set oninput(e) {
}
(runInitializers(this, oninputExtraInitializers),
runInitializers(this, nameInitializers, undefined));
get name() {
}
set name(e) {
}
(runInitializers(this, nameExtraInitializers),
runInitializers(this, defaultValueInitializers, undefined));
get defaultValue() {
}
set defaultValue(e) {
}
get value() {
fallbackValue: this.defaultValue,
isAlpha: this.alpha,
});
}
set value(e) {
this.#de = e;
this.queueRender();
}
formResetCallback() {
this.value = this.defaultValue || '';
this.queueRender();
}
constructor() {
runInitializers(this, defaultValueExtraInitializers);
}
});
components/DatePicker.js Truncated +0 -1
@@ -545,14 +545,14 @@ let DatePicker = (() => {
set onblur(e) {
this.#C = e;
}
#be =
... (truncated)
Diff truncated at 200 lines
components/Menu.js +3 -2
@@ -65,23 +65,24 @@ let Menu = (() => {
}
runInitializers(classRef, classInitializers);
}
get accessibilityLabel() {
}
set accessibilityLabel(e) {
}
constructor() {
this.#Me = new MutationObserver(() => {
this.#je = new MutationObserver((e) => {
this.queueRender();
for (const item of e)
if ('attributes' !== item.type || item.target !== this) return void this.queueRender();
});
}
connectedCallback() {
super.connectedCallback();
childList: true,
subtree: true,
attributes: true,
components/QueryContainer.js +1 -1
@@ -64,19 +64,19 @@ let QueryContainer = (() => {
});
}
}
get containerName() {
}
set containerName(e) {
}
static globalStylesApplied = false;
constructor() {
runInitializers(this, containerNameExtraInitializers);
if (!l.globalStylesApplied) {
je(this.ownerDocument, 's-query-container{container-name:var(--s-container-name-25111)}');
Ie(this.ownerDocument, 's-query-container{container-name:var(--s-container-name-26021)}');
l.globalStylesApplied = true;
}
}