All entries

March 26, 2026

5ff803d5f82b5b8a4238acb189bfebec198906dc
Previous: e40d7302 Bundle: 492.8 KB

Checkbox gains labelAccessibilityVisibility property, fixes HSL color rendering bug, and improves React wrapper slot handling.

Highlights

  • Checkbox gains a new labelAccessibilityVisibility property with default value 'visible' for controlling label visibility to assistive technologies.
  • Fixed a bug in HSL-to-RGB color conversion where the blue and green channels were swapped, producing incorrect color output.
  • Fixed a color channel range validation bug in utilities where the wrong variable was used in the 0-100 vs 0-255 check.
  • The React wrapper now skips slot div wrappers for string props that match native element properties on the component prototype.
  • The React wrapper correctly clears stale string attributes when a slot prop changes type from string to non-string.
  • Base element text color now falls back through an intermediate --t-text-26021 CSS custom property, enabling theme-level overrides.
25 files changed +377 -1316

Infrastructure Changes

.polaris-meta.json
+3 -3
@@ -1,5 +1,5 @@
{
  "hash": "e40d7302128c5e86e68b3ddcdb2b5cbd19cfa95c",
  "hash": "5ff803d5f82b5b8a4238acb189bfebec198906dc",
  "detectedAt": "2026-03-17T12:35:08.555Z",
  "detectedAt": "2026-03-26T08:13:36.943Z",
  "bundleSize": 482529
  "bundleSize": 504626
}

base-element.js Truncated
+1 -1
@@ -148,7 +148,7 @@ class PolarisElement extends PolarisBaseElement {
  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-26021, 450);
  font-variant:normal;
  color:var(--s-global-color-26021, rgba(48, 48, 48, 1));
  color:var(--s-global-color-26021, var(--t-text-26021, rgba(48, 48, 48, 1)));
  text-shadow:none;
  text-transform:none;
  font-style:normal;

Diff truncated at 200 lines

decorators.js Truncated
+85 -2
@@ -23,14 +23,14 @@ function customElement(e) {
}
function eventHandler() {
  return (instance, value) => {
      throw Error(`Event listener property names must be lowercase. "${text4}" is not lowercase.`);
      throw Error(`Event listener property names must be lowercase. "${text3}" is not lowercase.`);
      throw Error(
        `Event listener property names must start with "on". "${text4}" does not start with "on".`,
        `Event listener property names must start with "on". "${text3}" does not start with "on".`,
      );
    return {
      set(t) {
        const i = instance.get.call(this);
@@ -465,7 +465,114 @@ function Jn(e) {
    }
  });
})();
  let classWrapper,
    classRef,
    BaseClass = uo,
    classInitializers = [],
    defaultIndeterminateInitializers = [],
    defaultIndeterminateExtraInitializers = [],
    labelAccessibilityVisibilityInitializers = [];
  return class extends BaseClass {
    static {
      const classMetadata =
        'function' == typeof Symbol && Symbol.metadata
          ? Object.create(BaseClass[Symbol.metadata] ?? null)
          : undefined;
      classWrapper = [
        property(booleanProp(), {
          attribute: 'indeterminate',
        }),
      ];
      classRef = [
        property(
          enumProp(bo, {
            defaultValue: 'visible',
          }),
        ),
      ];
      applyDecorators(
        this,
        null,
        classWrapper,
        {
          kind: 'accessor',
          name: 'defaultIndeterminate',
          static: false,
          private: false,
          access: {
            has: (instance) => 'defaultIndeterminate' in instance,
            get: (instance) => instance.defaultIndeterminate,
            set: (instance, value) => {
              instance.defaultIndeterminate = value;
            },
          },
          metadata: classMetadata,
        },
        classInitializers,
        defaultIndeterminateInitializers,
      );
      applyDecorators(
        this,
        null,
        classRef,
        {
          kind: 'accessor',
          name: 'labelAccessibilityVisibility',
          static: false,
          private: false,
          access: {
            has: (instance) => 'labelAccessibilityVisibility' in instance,
            get: (instance) => instance.labelAccessibilityVisibility,
            set: (instance, value) => {
              instance.labelAccessibilityVisibility = value;
            },
          },
          metadata: classMetadata,
        },
        defaultIndeterminateExtraInitializers,
        labelAccessibilityVisibilityInitializers,
      );
      if (classMetadata) {
        Object.defineProperty(this, Symbol.metadata, {
          enumerable: true,
          configurable: true,
          writable: true,
          value: classMetadata,
        });
      }
    }
    #we;
    get indeterminate() {
      return this.#we ?? this.defaultIndeterminate;
    }
    set indeterminate(e) {
      this.#we = e;
      this.queueRender();
... (truncated)

Diff truncated at 200 lines

exports.js
+53 -28
@@ -1,41 +1,66 @@
// Polaris Exports
// Component element map and React wrapper

polaris.reactWrap = function (e, t) {
    const set3 = new Set(['ref', 'children', ...n, ...a]),
    const set3 = new Set(n),
      r = e.forwardRef((instance, value) => {
      set4 = new Set(['ref', 'children', ...n, ...a]),
        const o = e.useRef({}),
      set5 = new Set();
          l = e.useRef();
    try {
        e.useLayoutEffect(() => {
      const e = customElements?.get(text3);
          if (!l.current) return;
      if (e)
          const current = l.current,
        for (const item of set3)
            current2 = o.current;
          if (item in e.prototype) {
          for (const [key, r] of Object.entries(instance))
            set5.add(item);
            set3.has(key) || (r !== current2[key] && options(current, key, r));
          }
          for (const [key, r] of Object.entries(current2))
    } catch {}
            set3.has(key) ||
    const l = e.forwardRef((instance, value) => {
              Object.prototype.hasOwnProperty.call(instance, key) ||
      const c = e.useRef({}),
              (undefined !== r && options(current, key, null));
        d = e.useRef();
          o.current = instance;
      e.useLayoutEffect(() => {
        }, [instance]);
        if (!d.current) return;
        const c = e.useCallback(
        const current = d.current,
            (e) => {
          current2 = c.current;
              l.current = e;
        for (const [key, o] of Object.entries(instance)) {
              value && ('function' == typeof value ? value(e) : (value.current = e));
          if (set4.has(key)) {
            },
            if (!set3.has(key) || !(key in current)) continue;
            [value],
            if ('string' != typeof o) {
          ),
              if ('string' == typeof current2[key]) {
          d = [
                options(current, key, null);
            ...n.map((item) => {
              }
              return instance[item]
              continue;
                ? e.createElement(
            }
          }
          if (o !== current2[key]) {
            options(current, key, o);
          }
        }
        for (const [key, r] of Object.entries(current2))
          set4.has(key) ||
            Object.prototype.hasOwnProperty.call(instance, key) ||
            (undefined !== r && options(current, key, null));
        c.current = instance;
      }, [instance]);
      const u = e.useCallback(
          (e) => {
            d.current = e;
            value && ('function' == typeof value ? value(e) : (value.current = e));
          },
          [value],
        ),
        b = [
          ...n.map((item) => {
            const i = instance[item];
            return i
              ? 'string' == typeof i && set5.has(item)
                ? null
                : e.createElement(
                    'div',
                    {
                      slot:
                          .replace(/([a-z]|\d+)([A-Z]|\d+)/g, '$1-$2')
                          .replace(/[\s_]+/g, '-')
                          .toLowerCase()),
@@ -44,23 +69,23 @@ polaris.reactWrap = function (e, t) {
                        display: 'contents',
                      },
                    },
                    instance[item],
                    i,
                  )
};

index.js
+1 -1
@@ -1,5 +1,5 @@
// Polaris Web Components - De-minified Source
// Original hash: e40d7302128c5e86e68b3ddcdb2b5cbd19cfa95c
// Original hash: 5ff803d5f82b5b8a4238acb189bfebec198906dc
//
// Structure:
//   preact-core.js               - Embedded Preact virtual DOM

popover-polyfill.js Truncated
+3 -3
@@ -253,20 +253,20 @@ function listener(event) {
    const e = weakMap2.get(ownerDocument) === n;
    weakMap2.delete(ownerDocument);
    if (e) {
    }
  }
}
  if (!element) return;
  if (!map2.has(element)) {
  if (!map.has(element)) {
    map2.set(element, element.getAttribute('aria-expanded'));
    map.set(element, element.getAttribute('aria-expanded'));
  }
  const popoverTargetElement = element.popoverTargetElement;
  if (popoverTargetElement instanceof HTMLElement && 'auto' === popoverTargetElement.popover)
  else {
    const t = map2.get(element);
    const t = map.get(element);
    if (t) {
      element.setAttribute('aria-expanded', t);
    } else {

Diff truncated at 200 lines

preact-core.js Truncated
+13 -16
@@ -51,17 +51,17 @@ function removeNode(element) {
}
function createVNode(type, t, key) {
  var a,
    s,
    r,
    s,
    props = {};
    } else {
      } else {
      }
    }
  if (
@@ -87,11 +87,11 @@ function createElement(e, t, i, n, r) {
    p: null,
    k: null,
    constructor: undefined,
    _original: r ?? ++prevDebounce,
    _index: s ?? ++slice,
    _flags: 0,
  };
    setProperty.vnode(o);
  }
  return o;
@@ -99,21 +99,21 @@ function createElement(e, t, i, n, r) {
function Fragment(props) {
  return props.children;
}
function PreactComponent(e, t) {
function getDomSibling(e, t) {
  this.props = e;
  this.context = t;
}
function getDomSibling(vnode, index8) {
function PreactComponent(vnode, t) {
  if (null == index8) return vnode._parent ? getDomSibling(vnode._parent, vnode._index + 1) : null;
  if (null == t) return vnode._parent ? PreactComponent(vnode._parent, vnode._original + 1) : null;
  return 'function' == typeof vnode.type ? getDomSibling(vnode) : null;
  return 'function' == typeof vnode.type ? PreactComponent(vnode) : null;
}
function updateParentDomPointers(e) {
  if (null != (e = e._parent) && null != e._component) {
        e._depth = e._component.base = i._depth;
        break;
      }
@@ -122,26 +122,26 @@ function updateParentDomPointers(e) {
}
function enqueueRender(e) {
  if (
    (!e._dirty && (e._dirty = true) && slice.push(e) && !processRenderQueue._force++) ||
    (!e._dirty && (e._dirty = true) && prevDebounce.push(e) && !processRenderQueue._parentDom++) ||
    rerenderQueue != setProperty.debounceRendering
  ) {
    ((rerenderQueue = setProperty.debounceRendering) || defer)(processRenderQueue);
  }
}
function processRenderQueue() {
  for (var e, t, i, n, s, o, l, index8 = 1; slice.length; ) {
  for (var e, t, i, n, r, o, l, d = 1; prevDebounce.length; ) {
    if (slice.length > index8) {
    if (prevDebounce.length > d) {
      slice.sort(depthSort);
      prevDebounce.sort(depthSort);
    }
    e = slice.shift();
    e = prevDebounce.shift();
    index8 = slice.length;
    d = prevDebounce.length;
    if (e._dirty) {
      i = undefined;
      o = [];
      l = [];
      if (t._globalContext) {
        if (setProperty.vnode) {
          setProperty.vnode(i);
        }
@@ -149,24 +149,24 @@ function processRenderQueue() {
          t._globalContext,
          i,
          n,
          t._globalContext.namespaceURI,
          o,
          s ?? getDomSibling(n),
          r ?? PreactComponent(n),
          !!(MODE_HYDRATE & n._flags),
          l,
        );
        i._original = n._original;
        i._parent._children[i._index] = i;
        commitRoot(o, i, l);
... (truncated)

Diff truncated at 200 lines

preact-hooks.js
+3 -3
@@ -3,22 +3,22 @@

var vnodeId,
  setProperty,
  prevDebounce,
  slice,
  prevDebounce,
  rerenderQueue,
  defer,
  depthSort,
  currentComponent,
  currentIndex,
  afterPaintEffects,
  currentHook,
  afterPaintEffects,
  EMPTY_ARR = {},
  IS_NON_DIMENSIONAL = [],
  EMPTY_OBJ = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,
  assign = Array.isArray;
  if (U._stateCallbacks) {
  }
  G = 0;
  var i =
@@ -134,22 +134,22 @@ function ce() {
  for (var e; (e = K.shift()); )
    if (e._globalContext && e.__hooks)
      try {
        e.__hooks._stateCallbacks.forEach(he);
        e.__hooks._stateCallbacks.forEach(be);
        e.__hooks._stateCallbacks.forEach(he);
        e.__hooks._stateCallbacks = [];
      } catch (err) {
        e.__hooks._stateCallbacks = [];
      }
}
  if (X) {
    X(e);
  }
  F = 0;
  var N2 = (H = e._component).__hooks;
  N2 &&
      ? ((N2._stateCallbacks = []),
        (H._stateCallbacks = []),
        N2._parent.forEach(function (e) {
property-types.js
+2 -2
@@ -15,8 +15,8 @@ function ratioProp() {
        const t = n[0];
        return t ? t + '/1' : e;
      }
      return a && s ? `${a}/${s}` : e;
      return a && r ? `${a}/${r}` : e;
    },
  };
}
@@ -108,9 +108,9 @@ function mt(e, t = true) {
        }
      }
      const u = Math.round(255 * (l + o)),
      return a ? `rgb(${u} ${h} ${b} / ${a})` : `rgb(${u} ${h} ${b})`;
      return a ? `rgb(${u} ${b} ${h} / ${a})` : `rgb(${u} ${b} ${h})`;
    })(e),
    t,
  );
utilities.js Truncated
+1 -3
@@ -124,14 +124,12 @@ function pt(text4, t = true) {
                  isPercentage: false,
                },
          )
            t
            t ? !Number.isNaN(e) && e >= 0 && e <= 100 : !Number.isNaN(e) && e >= 0 && e <= 255,
              ? !Number.isNaN(index8) && index8 >= 0 && index8 <= 100
              : !Number.isNaN(index8) && index8 >= 0 && index8 <= 255,
          )
      );
  );
}
function ft(e, t = true) {

Diff truncated at 200 lines

Component Changes

components/Avatar.js
+10 -10
@@ -29,7 +29,7 @@ let Avatar = (() => {
      classRef = this;
    }
    static {
      const classMetadata =
      const S =
        'function' == typeof Symbol && Symbol.metadata
          ? Object.create(BaseClass[Symbol.metadata] ?? null)
          : undefined;
@@ -61,7 +61,7 @@ let Avatar = (() => {
              instance.initials = value;
            },
          },
          metadata: classMetadata,
          metadata: S,
        },
        initialsInitializers,
        initialsExtraInitializers,
@@ -82,7 +82,7 @@ let Avatar = (() => {
              instance.src = value;
            },
          },
          metadata: classMetadata,
          metadata: S,
        },
        srcInitializers,
        srcExtraInitializers,
@@ -103,7 +103,7 @@ let Avatar = (() => {
              instance.size = value;
            },
          },
          metadata: classMetadata,
          metadata: S,
        },
        sizeInitializers,
        sizeExtraInitializers,
@@ -124,7 +124,7 @@ let Avatar = (() => {
              instance.alt = value;
            },
          },
          metadata: classMetadata,
          metadata: S,
        },
        altInitializers,
        altExtraInitializers,
@@ -145,7 +145,7 @@ let Avatar = (() => {
              instance.onload = value;
            },
          },
          metadata: classMetadata,
          metadata: S,
        },
        onloadInitializers,
        onloadExtraInitializers,
@@ -166,7 +166,7 @@ let Avatar = (() => {
              instance.onerror = value;
            },
          },
          metadata: classMetadata,
          metadata: S,
        },
        onerrorInitializers,
        onerrorExtraInitializers,
@@ -180,37 +180,37 @@ let Avatar = (() => {
        {
          kind: 'class',
          name: classRef.name,
          metadata: classMetadata,
          metadata: S,
        },
        null,
        classInitializers,
      );
      classRef = classWrapper.value;
      if (classMetadata) {
      if (S) {
        Object.defineProperty(classRef, Symbol.metadata, {
          enumerable: true,
          configurable: true,
          writable: true,
          value: classMetadata,
          value: S,
        });
      }
      runInitializers(classRef, classInitializers);
    }
    get initials() {
    }
    set initials(e) {
    }
      (runInitializers(this, initialsExtraInitializers),
      runInitializers(this, srcInitializers, undefined));
    get src() {
    }
    set src(e) {
    }
    #o =
      (runInitializers(this, srcExtraInitializers),

components/Banner.js
+10 -10
@@ -29,7 +29,7 @@ let Banner = (() => {
      classRef = this;
    }
    static {
      const classMetadata =
      const S =
        'function' == typeof Symbol && Symbol.metadata
          ? Object.create(BaseClass[Symbol.metadata] ?? null)
          : undefined;
@@ -69,7 +69,7 @@ let Banner = (() => {
              instance.heading = value;
            },
          },
          metadata: classMetadata,
          metadata: S,
        },
        headingInitializers,
        headingExtraInitializers,
@@ -90,7 +90,7 @@ let Banner = (() => {
              instance.tone = value;
            },
          },
          metadata: classMetadata,
          metadata: S,
        },
        toneInitializers,
        toneExtraInitializers,
@@ -111,7 +111,7 @@ let Banner = (() => {
              instance.hidden = value;
            },
          },
          metadata: classMetadata,
          metadata: S,
        },
        hiddenInitializers,
        hiddenExtraInitializers,
@@ -132,7 +132,7 @@ let Banner = (() => {
              instance.dismissible = value;
            },
          },
          metadata: classMetadata,
          metadata: S,
        },
        dismissibleInitializers,
        dismissibleExtraInitializers,
@@ -153,7 +153,7 @@ let Banner = (() => {
              instance.ondismiss = value;
            },
          },
          metadata: classMetadata,
          metadata: S,
        },
        ondismissInitializers,
        ondismissExtraInitializers,
@@ -174,7 +174,7 @@ let Banner = (() => {
              instance.onafterhide = value;
            },
          },
          metadata: classMetadata,
          metadata: S,
        },
        onafterhideInitializers,
        onafterhideExtraInitializers,
@@ -188,18 +188,18 @@ let Banner = (() => {
        {
          kind: 'class',
          name: classRef.name,
          metadata: classMetadata,
          metadata: S,
        },
        null,
        classInitializers,
      );
      classRef = classWrapper.value;
      if (classMetadata) {
      if (S) {
        Object.defineProperty(classRef, Symbol.metadata, {
          enumerable: true,
          configurable: true,
          writable: true,
          value: classMetadata,
          value: S,
        });
      }
      runInitializers(classRef, classInitializers);
components/Checkbox.js
+1 -46
@@ -3,12 +3,9 @@
let Checkbox = (() => {
  let classWrapper,
    classRef,
    defaultIndeterminateDecorators,
    classDecorators = [customElement(TAG_CHECKBOX)],
    classInitializers = [],
    BaseClass = Hr,
    BaseClass = mo;
    defaultIndeterminateInitializers = [],
    defaultIndeterminateExtraInitializers = [];
  (class extends BaseClass {
    static {
      classRef = this;
@@ -18,32 +15,6 @@ let Checkbox = (() => {
        'function' == typeof Symbol && Symbol.metadata
          ? Object.create(BaseClass[Symbol.metadata] ?? null)
          : undefined;
      defaultIndeterminateDecorators = [
        property(booleanProp(), {
          attribute: 'indeterminate',
        }),
      ];
      applyDecorators(
        this,
        null,
        defaultIndeterminateDecorators,
        {
          kind: 'accessor',
          name: 'defaultIndeterminate',
          static: false,
          private: false,
          access: {
            has: (instance) => 'defaultIndeterminate' in instance,
            get: (instance) => instance.defaultIndeterminate,
            set: (instance, value) => {
              instance.defaultIndeterminate = value;
            },
          },
          metadata: classMetadata,
        },
        defaultIndeterminateInitializers,
        defaultIndeterminateExtraInitializers,
      );
      applyDecorators(
        null,
        (classWrapper = {
@@ -69,24 +40,8 @@ let Checkbox = (() => {
      }
      runInitializers(classRef, classInitializers);
    }
    #we;
    get indeterminate() {
      return this.#we ?? this.defaultIndeterminate;
    }
    set indeterminate(e) {
      this.#we = e;
      this.queueRender();
    }
    #xe = runInitializers(this, defaultIndeterminateInitializers, undefined);
    get defaultIndeterminate() {
      return this.#xe;
    }
    set defaultIndeterminate(e) {
      this.#xe = e;
    }
    constructor() {
      runInitializers(this, defaultIndeterminateExtraInitializers);
    }
  });
  return classRef;

components/ChoiceList.js Truncated
+0 -1
@@ -433,19 +433,19 @@ let wo = class extends PolarisElement {
      }
      connectedCallback() {
        super.connectedCallback();
          childList: true,
          subtree: true,
          attributes: true,
        });
      }
      disconnectedCallback() {
        super.disconnectedCallback();
      }
      #Me() {
... (truncated)

Diff truncated at 200 lines

components/ColorField.js
+1 -56
@@ -3,12 +3,9 @@
let ColorField = (() => {
  let classWrapper,
    classRef,
    alphaDecorators,
    classDecorators = [customElement(TAG_COLOR_FIELD)],
    classInitializers = [],
    BaseClass = jo,
    BaseClass = Wl;
    alphaInitializers = [],
    alphaExtraInitializers = [];
  (class extends BaseClass {
    static {
      classRef = this;
@@ -18,28 +15,6 @@ let ColorField = (() => {
        'function' == typeof Symbol && Symbol.metadata
          ? Object.create(BaseClass[Symbol.metadata] ?? null)
          : undefined;
      alphaDecorators = [property(booleanProp())];
      applyDecorators(
        this,
        null,
        alphaDecorators,
        {
          kind: 'accessor',
          name: 'alpha',
          static: false,
          private: false,
          access: {
            has: (instance) => 'alpha' in instance,
            get: (instance) => instance.alpha,
            set: (instance, value) => {
              instance.alpha = value;
            },
          },
          metadata: classMetadata,
        },
        alphaInitializers,
        alphaExtraInitializers,
      );
      applyDecorators(
        null,
        (classWrapper = {
@@ -65,38 +40,8 @@ let ColorField = (() => {
      }
      runInitializers(classRef, classInitializers);
    }
    #st = true;
    #at = runInitializers(this, alphaInitializers, undefined);
    get alpha() {
      return this.#at;
    }
    set alpha(e) {
      this.#at = e;
    }
    get value() {
      return super.value;
    }
    set value(e) {
      const t = ut(e, {
        fallbackValue: this.defaultValue,
        isAlpha: this.alpha,
      });
      super.value = this.#st ? t : e;
      this[Br].setFormValue(t);
    }
    formResetCallback() {
      super.value = ut(super.defaultValue, {
        isAlpha: this.alpha,
      });
      this[Br].setFormValue(this.value);
    }
    constructor() {
      runInitializers(this, alphaExtraInitializers);
    }
    setInternalValue(e, t) {
      this.#st = t;
      this.value = e;
    }
  });
  return classRef;

components/ColorPicker.js
+78 -9
@@ -1,14 +1,6 @@
// ColorPicker Component

let Il = class extends PolarisElement {
let ColorPicker = (() => {
    static formAssociated = true;
    constructor(e) {
      super(e);
      this[Vl] = this.attachInternals();
    }
    [Vl];
  },
  ColorPicker = (() => {
    let classWrapper,
      classRef,
      alphaDecorators,
@@ -238,17 +230,94 @@ let Il = class extends PolarisElement {
      }
      set value(e) {
        this.#de = e;
        this.queueRender();
      }
      formResetCallback() {
        this.value = this.defaultValue || '';
      }
      constructor() {
        runInitializers(this, defaultValueExtraInitializers);
      }
    });
    return classRef;
  })(),
  Wl = (() => {
    let e,
      t = Go,
      i = [],
      n = [];
    return class extends t {
      static {
        const classMetadata =
          'function' == typeof Symbol && Symbol.metadata
            ? Object.create(t[Symbol.metadata] ?? null)
            : undefined;
        e = [property(booleanProp())];
        applyDecorators(
          this,
          null,
          e,
          {
            kind: 'accessor',
            name: 'alpha',
            static: false,
            private: false,
            access: {
              has: (instance) => 'alpha' in instance,
              get: (instance) => instance.alpha,
              set: (instance, value) => {
                instance.alpha = value;
              },
            },
            metadata: classMetadata,
          },
          i,
          n,
        );
        if (classMetadata) {
          Object.defineProperty(this, Symbol.metadata, {
            enumerable: true,
            configurable: true,
            writable: true,
            value: classMetadata,
          });
        }
      }
      #rt = true;
      #at = runInitializers(this, i, undefined);
      get alpha() {
        return this.#at;
      }
      set alpha(e) {
        this.#at = e;
      }
      get value() {
        return super.value;
      }
      set value(e) {
        const t = ut(e, {
          fallbackValue: this.defaultValue,
          isAlpha: this.alpha,
        });
        super.value = this.#rt ? t : e;
        this[lo].setFormValue(t);
      }
      formResetCallback() {
        super.value = ut(super.defaultValue, {
          isAlpha: this.alpha,
        });
        this[lo].setFormValue(this.value);
      }
      constructor(e) {
        super(e);
        runInitializers(this, n);
      }
      setInternalValue(e, t) {
        this.#rt = t;
        this.value = e;
      }
    };
  })();

components/DateField.js Truncated
+2 -180
@@ -3,213 +3,18 @@
let DateField = (() => {
  let classWrapper,
    classRef,
    allowDecorators,
    disallowDecorators,
    allowDaysDecorators,
    disallowDaysDecorators,
    defaultViewDecorators,
    onviewchangeDecorators,
    oninvalidDecorators,
    classDecorators = [customElement(TAG_DATE_FIELD)],
    classInitializers = [],
    BaseClass = jo,
    BaseClass = Cc;
    allowInitializers = [],
    allowExtraInitializers = [],
    disallowInitializers = [],
    disallowExtraInitializers = [],
    allowDaysInitializers = [],
    allowDaysExtraInitializers = [],
    disallowDaysInitializers = [],
    disallowDaysExtraInitializers = [],
    defaultViewInitializers = [],
    defaultViewExtraInitializers = [],
    onviewchangeInitializers = [],
    onviewchangeExtraInitializers = [],
    oninvalidInitializers = [],
    oninvalidExtraInitializers = [];
  (class extends BaseClass {
    static {
      classRef = this;
    }
    static {
      const C =
      const classMetadata =
        'function' == typeof Symbol && Symbol.metadata
          ? Object.create(BaseClass[Symbol.metadata] ?? null)
          : undefined;
      allowDecorators = [property(yt())];
      disallowDecorators = [property(yt())];
      allowDaysDecorators = [
        property(
          enumProp(ENUM_SUNDAY_VALUES, {
            defaultValue: '',
            separator: ',',
            trimWhitespace: true,
          }),
        ),
      ];
      disallowDaysDecorators = [
        property(
          enumProp(ENUM_SUNDAY_VALUES, {
            defaultValue: '',
            separator: ',',
            trimWhitespace: true,
          }),
        ),
      ];
      defaultViewDecorators = [
        property(monthProp(), {
          attribute: 'view',
        }),
      ];
      onviewchangeDecorators = [eventHandler()];
      oninvalidDecorators = [eventHandler()];
      applyDecorators(
        this,
        null,
        allowDecorators,
        {
          kind: 'accessor',
          name: 'allow',
          static: false,
          private: false,
          access: {
            has: (instance) => 'allow' in instance,
            get: (instance) => instance.allow,
            set: (instance, value) => {
              instance.allow = value;
            },
          },
          metadata: C,
        },
        allowInitializers,
        allowExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        disallowDecorators,
        {
          kind: 'accessor',
          name: 'disallow',
          static: false,
          private: false,
          access: {
            has: (instance) => 'disallow' in instance,
            get: (instance) => instance.disallow,
            set: (instance, value) => {
              instance.disallow = value;
            },
          },
          metadata: C,
        },
        disallowInitializers,
        disallowExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        allowDaysDecorators,
        {
          kind: 'accessor',
          name: 'allowDays',
          static: false,
          private: false,
          access: {
            has: (instance) => 'allowDays' in instance,
            get: (instance) => instance.allowDays,
            set: (instance, value) => {
              instance.allowDays = value;
            },
          },
          metadata: C,
        },
        allowDaysInitializers,
        allowDaysExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        disallowDaysDecorators,
        {
          kind: 'accessor',
          name: 'disallowDays',
          static: false,
          private: false,
          access: {
            has: (instance) => 'disallowDays' in instance,
            get: (instance) => instance.disallowDays,
            set: (instance, value) => {
              instance.disallowDays = value;
            },
          },
          metadata: C,
        },
        disallowDaysInitializers,
        disallowDaysExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        defaultViewDecorators,
        {
          kind: 'accessor',
          name: 'defaultView',
          static: false,
          private: false,
          access: {
            has: (instance) => 'defaultView' in instance,
            get: (instance) => instance.defaultView,
            set: (instance, value) => {
              instance.defaultView = value;
            },
          },
          metadata: C,
        },
        defaultViewInitializers,
        defaultViewExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        onviewchangeDecorators,
        {
          kind: 'accessor',
          name: 'onviewchange',
          static: false,
          private: false,
          access: {
            has: (instance) => 'onviewchange' in instance,
            get: (instance) => instance.onviewchange,
            set: (instance, value) => {
              instance.onviewchange = value;
            },
          },
          metadata: C,
        },
        onviewchangeInitializers,
        onviewchangeExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        oninvalidDecorators,
... (truncated)

Diff truncated at 200 lines

components/DatePicker.js Truncated
+1 -182
@@ -3,48 +3,9 @@
let DatePicker = (() => {
  let classWrapper,
    classRef,
    defaultViewDecorators,
    allowDecorators,
    disallowDecorators,
    allowDaysDecorators,
    disallowDaysDecorators,
    typeDecorators,
    defaultValueDecorators,
    nameDecorators,
    onviewchangeDecorators,
    onfocusDecorators,
    onblurDecorators,
    oninputDecorators,
    onchangeDecorators,
    classDecorators = [customElement(TAG_DATE_PICKER)],
    classInitializers = [],
    BaseClass = sc,
    BaseClass = yc;
    defaultViewInitializers = [],
    defaultViewExtraInitializers = [],
    allowInitializers = [],
    allowExtraInitializers = [],
    disallowInitializers = [],
    disallowExtraInitializers = [],
    allowDaysInitializers = [],
    allowDaysExtraInitializers = [],
    disallowDaysInitializers = [],
    disallowDaysExtraInitializers = [],
    typeInitializers = [],
    typeExtraInitializers = [],
    defaultValueInitializers = [],
    defaultValueExtraInitializers = [],
    nameInitializers = [],
    nameExtraInitializers = [],
    onviewchangeInitializers = [],
    onviewchangeExtraInitializers = [],
    onfocusInitializers = [],
    onfocusExtraInitializers = [],
    onblurInitializers = [],
    onblurExtraInitializers = [],
    oninputInitializers = [],
    oninputExtraInitializers = [],
    onchangeInitializers = [],
    onchangeExtraInitializers = [];
  (class extends BaseClass {
    static {
      classRef = this;
@@ -54,284 +15,6 @@ let DatePicker = (() => {
        'function' == typeof Symbol && Symbol.metadata
          ? Object.create(BaseClass[Symbol.metadata] ?? null)
          : undefined;
      onviewchangeDecorators = [eventHandler()];
      onfocusDecorators = [eventHandler()];
      onblurDecorators = [eventHandler()];
      oninputDecorators = [eventHandler()];
      onchangeDecorators = [eventHandler()];
      applyDecorators(
        this,
        null,
        defaultViewDecorators,
        {
          kind: 'accessor',
          name: 'defaultView',
          static: false,
          private: false,
          access: {
            has: (instance) => 'defaultView' in instance,
            get: (instance) => instance.defaultView,
            set: (instance, value) => {
              instance.defaultView = value;
            },
          },
          metadata: classMetadata,
        },
        defaultViewInitializers,
        defaultViewExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        allowDecorators,
        {
          kind: 'accessor',
          name: 'allow',
          static: false,
          private: false,
          access: {
            has: (instance) => 'allow' in instance,
            get: (instance) => instance.allow,
            set: (instance, value) => {
              instance.allow = value;
            },
          },
          metadata: classMetadata,
        },
        allowInitializers,
        allowExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        disallowDecorators,
        {
          kind: 'accessor',
          name: 'disallow',
          static: false,
          private: false,
          access: {
            has: (instance) => 'disallow' in instance,
            get: (instance) => instance.disallow,
            set: (instance, value) => {
              instance.disallow = value;
            },
          },
          metadata: classMetadata,
        },
        disallowInitializers,
        disallowExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        allowDaysDecorators,
        {
          kind: 'accessor',
          name: 'allowDays',
          static: false,
          private: false,
          access: {
            has: (instance) => 'allowDays' in instance,
            get: (instance) => instance.allowDays,
            set: (instance, value) => {
              instance.allowDays = value;
            },
          },
          metadata: classMetadata,
        },
        allowDaysInitializers,
        allowDaysExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        disallowDaysDecorators,
        {
          kind: 'accessor',
          name: 'disallowDays',
          static: false,
          private: false,
          access: {
            has: (instance) => 'disallowDays' in instance,
            get: (instance) => instance.disallowDays,
            set: (instance, value) => {
              instance.disallowDays = value;
            },
          },
          metadata: classMetadata,
        },
        disallowDaysInitializers,
        disallowDaysExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        typeDecorators,
        {
          kind: 'accessor',
          name: 'type',
          static: false,
          private: false,
          access: {
            has: (instance) => 'type' in instance,
            get: (instance) => instance.type,
            set: (instance, value) => {
              instance.type = value;
            },
          },
          metadata: classMetadata,
        },
        typeInitializers,
        typeExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        defaultValueDecorators,
        {
          kind: 'accessor',
          name: 'defaultValue',
          static: false,
          private: false,
          access: {
            has: (instance) => 'defaultValue' in instance,
... (truncated)

Diff truncated at 200 lines

components/EmailField.js
+1 -124
@@ -3,18 +3,9 @@
let EmailField = (() => {
  let classWrapper,
    classRef,
    autocompleteDecorators,
    maxLengthDecorators,
    minLengthDecorators,
    classDecorators = [customElement(TAG_EMAIL_FIELD)],
    classInitializers = [],
    BaseClass = jo,
    BaseClass = dd;
    autocompleteInitializers = [],
    autocompleteExtraInitializers = [],
    maxLengthInitializers = [],
    maxLengthExtraInitializers = [],
    minLengthInitializers = [],
    minLengthExtraInitializers = [];
  (class extends BaseClass {
    static {
      classRef = this;
@@ -24,94 +15,6 @@ let EmailField = (() => {
        'function' == typeof Symbol && Symbol.metadata
          ? Object.create(BaseClass[Symbol.metadata] ?? null)
          : undefined;
      autocompleteDecorators = [
        property(
          autocompleteProp({
            defaultValue: 'email',
          }),
        ),
      ];
      maxLengthDecorators = [
        property(
          numberProp({
            defaultValue: 1 / 0,
            min: 0,
            floor: true,
          }),
        ),
      ];
      minLengthDecorators = [
        property(
          numberProp({
            defaultValue: 0,
            min: 0,
            floor: true,
          }),
        ),
      ];
      applyDecorators(
        this,
        null,
        autocompleteDecorators,
        {
          kind: 'accessor',
          name: 'autocomplete',
          static: false,
          private: false,
          access: {
            has: (instance) => 'autocomplete' in instance,
            get: (instance) => instance.autocomplete,
            set: (instance, value) => {
              instance.autocomplete = value;
            },
          },
          metadata: classMetadata,
        },
        autocompleteInitializers,
        autocompleteExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        maxLengthDecorators,
        {
          kind: 'accessor',
          name: 'maxLength',
          static: false,
          private: false,
          access: {
            has: (instance) => 'maxLength' in instance,
            get: (instance) => instance.maxLength,
            set: (instance, value) => {
              instance.maxLength = value;
            },
          },
          metadata: classMetadata,
        },
        maxLengthInitializers,
        maxLengthExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        minLengthDecorators,
        {
          kind: 'accessor',
          name: 'minLength',
          static: false,
          private: false,
          access: {
            has: (instance) => 'minLength' in instance,
            get: (instance) => instance.minLength,
            set: (instance, value) => {
              instance.minLength = value;
            },
          },
          metadata: classMetadata,
        },
        minLengthInitializers,
        minLengthExtraInitializers,
      );
      applyDecorators(
        null,
        (classWrapper = {
@@ -137,34 +40,8 @@ let EmailField = (() => {
      }
      runInitializers(classRef, classInitializers);
    }
    #Pe = runInitializers(this, autocompleteInitializers, undefined);
    get autocomplete() {
      return this.#Pe;
    }
    set autocomplete(e) {
      this.#Pe = e;
    }
    #St =
      (runInitializers(this, autocompleteExtraInitializers),
      runInitializers(this, maxLengthInitializers, undefined));
    get maxLength() {
      return this.#St;
    }
    set maxLength(e) {
      this.#St = e;
    }
    #zt =
      (runInitializers(this, maxLengthExtraInitializers),
      runInitializers(this, minLengthInitializers, undefined));
    get minLength() {
      return this.#zt;
    }
    set minLength(e) {
      this.#zt = e;
    }
    constructor() {
      runInitializers(this, minLengthExtraInitializers);
    }
  });
  return classRef;

components/MoneyField.js
+1 -126
@@ -3,18 +3,9 @@
let MoneyField = (() => {
  let classWrapper,
    classRef,
    maxDecorators,
    minDecorators,
    currencyCodeDecorators,
    classDecorators = [customElement(TAG_MONEY_FIELD)],
    classInitializers = [],
    BaseClass = jo,
    BaseClass = qu;
    maxInitializers = [],
    maxExtraInitializers = [],
    minInitializers = [],
    minExtraInitializers = [],
    currencyCodeInitializers = [],
    currencyCodeExtraInitializers = [];
  (class extends BaseClass {
    static {
      classRef = this;
@@ -24,90 +15,6 @@ let MoneyField = (() => {
        'function' == typeof Symbol && Symbol.metadata
          ? Object.create(BaseClass[Symbol.metadata] ?? null)
          : undefined;
      maxDecorators = [
        property(
          numberProp({
            defaultValue: 1 / 0,
          }),
        ),
      ];
      minDecorators = [
        property(
          numberProp({
            defaultValue: 0,
          }),
        ),
      ];
      currencyCodeDecorators = [
        property(
          enumProp([...Cu, 'auto'], {
            defaultValue: 'auto',
          }),
        ),
      ];
      applyDecorators(
        this,
        null,
        maxDecorators,
        {
          kind: 'accessor',
          name: 'max',
          static: false,
          private: false,
          access: {
            has: (instance) => 'max' in instance,
            get: (instance) => instance.max,
            set: (instance, value) => {
              instance.max = value;
            },
          },
          metadata: classMetadata,
        },
        maxInitializers,
        maxExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        minDecorators,
        {
          kind: 'accessor',
          name: 'min',
          static: false,
          private: false,
          access: {
            has: (instance) => 'min' in instance,
            get: (instance) => instance.min,
            set: (instance, value) => {
              instance.min = value;
            },
          },
          metadata: classMetadata,
        },
        minInitializers,
        minExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        currencyCodeDecorators,
        {
          kind: 'accessor',
          name: 'currencyCode',
          static: false,
          private: false,
          access: {
            has: (instance) => 'currencyCode' in instance,
            get: (instance) => instance.currencyCode,
            set: (instance, value) => {
              instance.currencyCode = value;
            },
          },
          metadata: classMetadata,
        },
        currencyCodeInitializers,
        currencyCodeExtraInitializers,
      );
      applyDecorators(
        null,
        (classWrapper = {
@@ -133,40 +40,8 @@ let MoneyField = (() => {
      }
      runInitializers(classRef, classInitializers);
    }
    #Ht = runInitializers(this, maxInitializers, undefined);
    get max() {
      return this.#Ht;
    }
    set max(e) {
      this.#Ht = e;
    }
    #qt =
      (runInitializers(this, maxExtraInitializers),
      runInitializers(this, minInitializers, undefined));
    get min() {
      return this.#qt;
    }
    set min(e) {
      this.#qt = e;
    }
    #Wt =
      (runInitializers(this, minExtraInitializers),
      runInitializers(this, currencyCodeInitializers, undefined));
    get currencyCode() {
      return this.#Wt;
    }
    set currencyCode(e) {
      this.#Wt = e;
    }
    get value() {
      return isNaN(Number(super.value)) ? '' : super.value;
    }
    set value(e) {
      super.value = e;
    }
    constructor() {
      runInitializers(this, currencyCodeExtraInitializers);
    }
  });
  return classRef;

components/NumberField.js Truncated
+1 -175
@@ -3,27 +3,9 @@
let NumberField = (() => {
  let classWrapper,
    classRef,
    inputModeDecorators,
    stepDecorators,
    maxDecorators,
    minDecorators,
    prefixDecorators,
    suffixDecorators,
    classDecorators = [customElement(TAG_NUMBER_FIELD)],
    classInitializers = [],
    BaseClass = jo,
    BaseClass = Zu;
    inputModeInitializers = [],
    inputModeExtraInitializers = [],
    stepInitializers = [],
    stepExtraInitializers = [],
    maxInitializers = [],
    maxExtraInitializers = [],
    minInitializers = [],
    minExtraInitializers = [],
    prefixInitializers = [],
    prefixExtraInitializers = [],
    suffixInitializers = [],
    suffixExtraInitializers = [];
  (class extends BaseClass {
    static {
      classRef = this;
@@ -33,162 +15,6 @@ let NumberField = (() => {
        'function' == typeof Symbol && Symbol.metadata
          ? Object.create(BaseClass[Symbol.metadata] ?? null)
          : undefined;
      inputModeDecorators = [
        property(
          enumProp(['decimal', 'numeric'], {
            defaultValue: 'decimal',
          }),
        ),
      ];
      stepDecorators = [
        property(
          numberProp({
            defaultValue: 1,
          }),
        ),
      ];
      maxDecorators = [
        property(
          numberProp({
            defaultValue: 1 / 0,
          }),
        ),
      ];
      minDecorators = [
        property(
          numberProp({
            defaultValue: -1 / 0,
          }),
        ),
      ];
      prefixDecorators = [property(stringProp())];
      suffixDecorators = [property(stringProp())];
      applyDecorators(
        this,
        null,
        inputModeDecorators,
        {
          kind: 'accessor',
          name: 'inputMode',
          static: false,
          private: false,
          access: {
            has: (instance) => 'inputMode' in instance,
            get: (instance) => instance.inputMode,
            set: (instance, value) => {
              instance.inputMode = value;
            },
          },
          metadata: classMetadata,
        },
        inputModeInitializers,
        inputModeExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        stepDecorators,
        {
          kind: 'accessor',
          name: 'step',
          static: false,
          private: false,
          access: {
            has: (instance) => 'step' in instance,
            get: (instance) => instance.step,
            set: (instance, value) => {
              instance.step = value;
            },
          },
          metadata: classMetadata,
        },
        stepInitializers,
        stepExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        maxDecorators,
        {
          kind: 'accessor',
          name: 'max',
          static: false,
          private: false,
          access: {
            has: (instance) => 'max' in instance,
            get: (instance) => instance.max,
            set: (instance, value) => {
              instance.max = value;
            },
          },
          metadata: classMetadata,
        },
        maxInitializers,
        maxExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        minDecorators,
        {
          kind: 'accessor',
          name: 'min',
          static: false,
          private: false,
          access: {
            has: (instance) => 'min' in instance,
            get: (instance) => instance.min,
            set: (instance, value) => {
              instance.min = value;
            },
          },
          metadata: classMetadata,
        },
        minInitializers,
        minExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        prefixDecorators,
        {
          kind: 'accessor',
          name: 'prefix',
          static: false,
          private: false,
          access: {
            has: (instance) => 'prefix' in instance,
            get: (instance) => instance.prefix,
            set: (instance, value) => {
              instance.prefix = value;
            },
          },
          metadata: classMetadata,
        },
        prefixInitializers,
        prefixExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        suffixDecorators,
        {
          kind: 'accessor',
          name: 'suffix',
          static: false,
          private: false,
          access: {
            has: (instance) => 'suffix' in instance,
            get: (instance) => instance.suffix,
            set: (instance, value) => {
              instance.suffix = value;
            },
          },
          metadata: classMetadata,
        },
        suffixInitializers,
        suffixExtraInitializers,
      );
      applyDecorators(
        null,
        (classWrapper = {

Diff truncated at 200 lines

components/PasswordField.js
+1 -84
@@ -3,15 +3,9 @@
let PasswordField = (() => {
  let classWrapper,
    classRef,
    maxLengthDecorators,
    minLengthDecorators,
    classDecorators = [customElement(TAG_PASSWORD_FIELD)],
    classInitializers = [],
    BaseClass = jo,
    BaseClass = Bb;
    maxLengthInitializers = [],
    maxLengthExtraInitializers = [],
    minLengthInitializers = [],
    minLengthExtraInitializers = [];
  (class extends BaseClass {
    static {
      classRef = this;
@@ -21,66 +15,6 @@ let PasswordField = (() => {
        'function' == typeof Symbol && Symbol.metadata
          ? Object.create(BaseClass[Symbol.metadata] ?? null)
          : undefined;
      maxLengthDecorators = [
        property(
          numberProp({
            defaultValue: 1 / 0,
            min: 0,
            floor: true,
          }),
        ),
      ];
      minLengthDecorators = [
        property(
          numberProp({
            defaultValue: 0,
            min: 0,
            floor: true,
          }),
        ),
      ];
      applyDecorators(
        this,
        null,
        maxLengthDecorators,
        {
          kind: 'accessor',
          name: 'maxLength',
          static: false,
          private: false,
          access: {
            has: (instance) => 'maxLength' in instance,
            get: (instance) => instance.maxLength,
            set: (instance, value) => {
              instance.maxLength = value;
            },
          },
          metadata: classMetadata,
        },
        maxLengthInitializers,
        maxLengthExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        minLengthDecorators,
        {
          kind: 'accessor',
          name: 'minLength',
          static: false,
          private: false,
          access: {
            has: (instance) => 'minLength' in instance,
            get: (instance) => instance.minLength,
            set: (instance, value) => {
              instance.minLength = value;
            },
          },
          metadata: classMetadata,
        },
        minLengthInitializers,
        minLengthExtraInitializers,
      );
      applyDecorators(
        null,
        (classWrapper = {
@@ -106,25 +40,8 @@ let PasswordField = (() => {
      }
      runInitializers(classRef, classInitializers);
    }
    #St = runInitializers(this, maxLengthInitializers, undefined);
    get maxLength() {
      return this.#St;
    }
    set maxLength(e) {
      this.#St = e;
    }
    #zt =
      (runInitializers(this, maxLengthExtraInitializers),
      runInitializers(this, minLengthInitializers, undefined));
    get minLength() {
      return this.#zt;
    }
    set minLength(e) {
      this.#zt = e;
    }
    constructor() {
      runInitializers(this, minLengthExtraInitializers);
    }
  });
  return classRef;

components/TextArea.js
+1 -126
@@ -3,18 +3,9 @@
let TextArea = (() => {
  let classWrapper,
    classRef,
    maxLengthDecorators,
    minLengthDecorators,
    rowsDecorators,
    classDecorators = [customElement(TAG_TEXT_AREA)],
    classInitializers = [],
    BaseClass = jo,
    BaseClass = Qh;
    maxLengthInitializers = [],
    maxLengthExtraInitializers = [],
    minLengthInitializers = [],
    minLengthExtraInitializers = [],
    rowsInitializers = [],
    rowsExtraInitializers = [];
  (class extends BaseClass {
    static {
      classRef = this;
@@ -24,96 +15,6 @@ let TextArea = (() => {
        'function' == typeof Symbol && Symbol.metadata
          ? Object.create(BaseClass[Symbol.metadata] ?? null)
          : undefined;
      maxLengthDecorators = [
        property(
          numberProp({
            defaultValue: 1 / 0,
            min: 0,
            floor: true,
          }),
        ),
      ];
      minLengthDecorators = [
        property(
          numberProp({
            defaultValue: 0,
            min: 0,
            floor: true,
          }),
        ),
      ];
      rowsDecorators = [
        property(
          numberProp({
            defaultValue: 2,
            min: 1,
            floor: true,
          }),
        ),
      ];
      applyDecorators(
        this,
        null,
        maxLengthDecorators,
        {
          kind: 'accessor',
          name: 'maxLength',
          static: false,
          private: false,
          access: {
            has: (instance) => 'maxLength' in instance,
            get: (instance) => instance.maxLength,
            set: (instance, value) => {
              instance.maxLength = value;
            },
          },
          metadata: classMetadata,
        },
        maxLengthInitializers,
        maxLengthExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        minLengthDecorators,
        {
          kind: 'accessor',
          name: 'minLength',
          static: false,
          private: false,
          access: {
            has: (instance) => 'minLength' in instance,
            get: (instance) => instance.minLength,
            set: (instance, value) => {
              instance.minLength = value;
            },
          },
          metadata: classMetadata,
        },
        minLengthInitializers,
        minLengthExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        rowsDecorators,
        {
          kind: 'accessor',
          name: 'rows',
          static: false,
          private: false,
          access: {
            has: (instance) => 'rows' in instance,
            get: (instance) => instance.rows,
            set: (instance, value) => {
              instance.rows = value;
            },
          },
          metadata: classMetadata,
        },
        rowsInitializers,
        rowsExtraInitializers,
      );
      applyDecorators(
        null,
        (classWrapper = {
@@ -139,34 +40,8 @@ let TextArea = (() => {
      }
      runInitializers(classRef, classInitializers);
    }
    #St = runInitializers(this, maxLengthInitializers, undefined);
    get maxLength() {
      return this.#St;
    }
    set maxLength(e) {
      this.#St = e;
    }
    #zt =
      (runInitializers(this, maxLengthExtraInitializers),
      runInitializers(this, minLengthInitializers, undefined));
    get minLength() {
      return this.#zt;
    }
    set minLength(e) {
      this.#zt = e;
    }
    #ui =
      (runInitializers(this, minLengthExtraInitializers),
      runInitializers(this, rowsInitializers, undefined));
    get rows() {
      return this.#ui;
    }
    set rows(e) {
      this.#ui = e;
    }
    constructor() {
      runInitializers(this, rowsExtraInitializers);
    }
  });
  return classRef;

components/Tooltip.js Truncated
+103 -1
@@ -1,48 +1,193 @@
// Tooltip Component

let Tooltip = (() => {
})();
  })(),
  pm = (() => {
    let classWrapper,
      classRef,
      autocompleteDecorators,
      BaseClass = Go,
      classInitializers = [],
      autocompleteInitializers = [],
      autocompleteExtraInitializers = [],
      maxLengthInitializers = [],
      maxLengthExtraInitializers = [],
      minLengthInitializers = [];
    return class extends BaseClass {
      static {
        const classMetadata =
          'function' == typeof Symbol && Symbol.metadata
            ? Object.create(BaseClass[Symbol.metadata] ?? null)
            : undefined;
        classWrapper = [
          property(
            autocompleteProp({
              defaultValue: 'url',
            }),
          ),
        ];
        classRef = [
          property(
            numberProp({
              defaultValue: 1 / 0,
              min: 0,
              floor: true,
            }),
          ),
        ];
        autocompleteDecorators = [
          property(
            numberProp({
              defaultValue: 0,
              min: 0,
              floor: true,
            }),
          ),
        ];
        applyDecorators(
          this,
          null,
          classWrapper,
          {
            kind: 'accessor',
            name: 'autocomplete',
            static: false,
            private: false,
            access: {
              has: (instance) => 'autocomplete' in instance,
              get: (instance) => instance.autocomplete,
              set: (instance, value) => {
                instance.autocomplete = value;
              },
            },
            metadata: classMetadata,
          },
          classInitializers,
          autocompleteInitializers,
        );
        applyDecorators(
          this,
          null,
          classRef,
          {
            kind: 'accessor',
            name: 'maxLength',
            static: false,
            private: false,
            access: {
              has: (instance) => 'maxLength' in instance,
              get: (instance) => instance.maxLength,
              set: (instance, value) => {
                instance.maxLength = value;
              },
            },
            metadata: classMetadata,
          },
          autocompleteExtraInitializers,
          maxLengthInitializers,
        );
        applyDecorators(
          this,
          null,
          autocompleteDecorators,
          {
            kind: 'accessor',
            name: 'minLength',
            static: false,
            private: false,
            access: {
              has: (instance) => 'minLength' in instance,
              get: (instance) => instance.minLength,
              set: (instance, value) => {
                instance.minLength = value;
              },
            },
            metadata: classMetadata,
          },
... (truncated)

Diff truncated at 200 lines

components/URLField.js
+1 -124
@@ -3,18 +3,9 @@
let URLField = (() => {
  let classWrapper,
    classRef,
    autocompleteDecorators,
    maxLengthDecorators,
    minLengthDecorators,
    classDecorators = [customElement(TAG_URL_FIELD)],
    classInitializers = [],
    BaseClass = jo,
    BaseClass = pm;
    autocompleteInitializers = [],
    autocompleteExtraInitializers = [],
    maxLengthInitializers = [],
    maxLengthExtraInitializers = [],
    minLengthInitializers = [],
    minLengthExtraInitializers = [];
  (class extends BaseClass {
    static {
      classRef = this;
@@ -24,94 +15,6 @@ let URLField = (() => {
        'function' == typeof Symbol && Symbol.metadata
          ? Object.create(BaseClass[Symbol.metadata] ?? null)
          : undefined;
      autocompleteDecorators = [
        property(
          autocompleteProp({
            defaultValue: 'url',
          }),
        ),
      ];
      maxLengthDecorators = [
        property(
          numberProp({
            defaultValue: 1 / 0,
            min: 0,
            floor: true,
          }),
        ),
      ];
      minLengthDecorators = [
        property(
          numberProp({
            defaultValue: 0,
            min: 0,
            floor: true,
          }),
        ),
      ];
      applyDecorators(
        this,
        null,
        autocompleteDecorators,
        {
          kind: 'accessor',
          name: 'autocomplete',
          static: false,
          private: false,
          access: {
            has: (instance) => 'autocomplete' in instance,
            get: (instance) => instance.autocomplete,
            set: (instance, value) => {
              instance.autocomplete = value;
            },
          },
          metadata: classMetadata,
        },
        autocompleteInitializers,
        autocompleteExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        maxLengthDecorators,
        {
          kind: 'accessor',
          name: 'maxLength',
          static: false,
          private: false,
          access: {
            has: (instance) => 'maxLength' in instance,
            get: (instance) => instance.maxLength,
            set: (instance, value) => {
              instance.maxLength = value;
            },
          },
          metadata: classMetadata,
        },
        maxLengthInitializers,
        maxLengthExtraInitializers,
      );
      applyDecorators(
        this,
        null,
        minLengthDecorators,
        {
          kind: 'accessor',
          name: 'minLength',
          static: false,
          private: false,
          access: {
            has: (instance) => 'minLength' in instance,
            get: (instance) => instance.minLength,
            set: (instance, value) => {
              instance.minLength = value;
            },
          },
          metadata: classMetadata,
        },
        minLengthInitializers,
        minLengthExtraInitializers,
      );
      applyDecorators(
        null,
        (classWrapper = {
@@ -137,34 +40,8 @@ let URLField = (() => {
      }
      runInitializers(classRef, classInitializers);
    }
    #Pe = runInitializers(this, autocompleteInitializers, undefined);
    get autocomplete() {
      return this.#Pe;
    }
    set autocomplete(e) {
      this.#Pe = e;
    }
    #St =
      (runInitializers(this, autocompleteExtraInitializers),
      runInitializers(this, maxLengthInitializers, undefined));
    get maxLength() {
      return this.#St;
    }
    set maxLength(e) {
      this.#St = e;
    }
    #zt =
      (runInitializers(this, maxLengthExtraInitializers),
      runInitializers(this, minLengthInitializers, undefined));
    get minLength() {
      return this.#zt;
    }
    set minLength(e) {
      this.#zt = e;
    }
    constructor() {
      runInitializers(this, minLengthExtraInitializers);
    }
  });
  return classRef;