@gzmjs/button 0.1.0

package/dist/button.es.js

@@ -0,0 +1,1139 @@
+import { createStyleSheet, strAttr, boolAttr, baseStyle, iconTagName, badgeTagName, defineElement, intAttr, xy, debounce } from "@gzmjs/ui-basic";
+import { ViewElement, ViewListElement } from "@gzmjs/mvvm";
+import { createMenu } from "@gzmjs/menu";
+var __create$a = Object.create;
+var __defProp$a = Object.defineProperty;
+var __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;
+var __knownSymbol$a = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$a = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decoratorStart$a = (base) => [, , , __create$a(base?.[__knownSymbol$a("metadata")] ?? null)];
+var __decoratorStrings$a = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$a = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$a("Function expected") : fn;
+var __decoratorContext$a = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$a[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$a("Already initialized") : fns.push(__expectFn$a(fn || null)) });
+var __decoratorMetadata$a = (array, target) => __defNormalProp$a(target, __knownSymbol$a("metadata"), array[3]);
+var __runInitializers$a = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement$a = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = false, p = false;
+  var j = array.length + 1, key = __decoratorStrings$a[k + 5];
+  var initializers = array[j - 1] = [], extraInitializers = array[j] || (array[j] = []);
+  var desc = (target = target.prototype, __getOwnPropDesc$a({ get [name]() {
+    return __privateGet$5(this, extra);
+  }, set [name](x) {
+    return __privateSet$5(this, extra, x);
+  } }, name));
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$a(k, name, done = {}, array[3], extraInitializers);
+    {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: (x) => name in x };
+      access.get = (x) => x[name];
+      access.set = (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])({ get: desc.get, set: desc.set }, ctx), done._ = 1;
+    if (it === void 0) __expectFn$a(it) && (desc[key] = it);
+    else if (typeof it !== "object" || it === null) __typeError$a("Object expected");
+    else __expectFn$a(fn = it.get) && (desc.get = fn), __expectFn$a(fn = it.set) && (desc.set = fn), __expectFn$a(fn = it.init) && initializers.unshift(fn);
+  }
+  return desc && __defProp$a(target, name, desc), target;
+};
+var __publicField = (obj, key, value) => __defNormalProp$a(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck$5 = (obj, member, msg) => member.has(obj) || __typeError$a("Cannot " + msg);
+var __privateGet$5 = (obj, member, getter) => (__accessCheck$5(obj, member, "read from private field"), member.get(obj));
+var __privateAdd$5 = (obj, member, value) => member.has(obj) ? __typeError$a("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$5 = (obj, member, value, setter) => (__accessCheck$5(obj, member, "write to private field"), member.set(obj, value), value);
+var _badge_dec, _iconOnly_dec, _icon_dec, _label_dec, _a$a, _init$a, _label, _icon, _iconOnly, _badge;
+const styleSheet$2 = createStyleSheet({
+  ".gzm-btn": {
+    //如果不设置 line-height，则会导致文本按钮 和 icon-only 按钮的高度不一致。
+    "line-height": "inherit",
+    //<button> 这类 form 元素，其浏览器默认 font 与文本 font 是不一样的，这里强制其使用文本 font。具体参考 style-font.md。
+    "font": "inherit",
+    //允许 btn-group 传入参数
+    "border-top-left-radius": "var(--gzm-left-radius, 0.5rem)",
+    "border-bottom-left-radius": "var(--gzm-left-radius, 0.5rem)",
+    "border-top-right-radius": "var(--gzm-right-radius, 0.5rem)",
+    "border-bottom-right-radius": "var(--gzm-right-radius, 0.5rem)",
+    position: "relative",
+    //为了可能出现的 badge
+    //主题
+    color: "var(--gzm-btn-txt-color)",
+    background: "var(--gzm-btn-background)",
+    border: "var(--gzm-btn-border)",
+    //btn-link 的 <a>
+    "text-decoration": "none",
+    "display": "inline-block",
+    "padding": "0.375rem 0.75rem",
+    "margin": "0px",
+    "cursor": "pointer"
+  },
+  ".gzm-btn:active, .gzm-btn:has(>input:checked)": {
+    color: "var(--gzm-a-btn-txt-color)",
+    background: "var(--gzm-a-btn-background)",
+    border: "var(--gzm-a-btn-border)"
+  },
+  ".gzm-btn:hover": {
+    color: "var(--gzm-h-btn-txt-color)",
+    background: "var(--gzm-h-btn-background)",
+    border: "var(--gzm-h-btn-border)"
+  },
+  ".gzm-btn > :not([hidden]) ~ :not([hidden])": {
+    "margin-left": "0.25rem"
+  },
+  //input
+  ".gzm-btn > input": {
+    outline: "none",
+    "background-color": "transparent",
+    "border-bottom": "2px solid currentColor",
+    "font-weight": "normal",
+    "font-size": "1rem",
+    "margin-bottom": "-2px",
+    //只设置 border-b-2 导致整个按钮被撑高，所以用 mb-2px 对冲一下
+    "text-align": "center"
+  },
+  ".gzm-btn > input:focus": {
+    background: "var(--gzm-a-btn-background)",
+    //高亮显示输入框
+    color: "var(--gzm-a-btn-txt-color)"
+  }
+});
+class BtnBase extends (_a$a = ViewElement, _label_dec = [strAttr], _icon_dec = [strAttr], _iconOnly_dec = [boolAttr], _badge_dec = [strAttr], _a$a) {
+  constructor(noShadow) {
+    super();
+    __publicField(this, "$ele");
+    __publicField(this, "$ipt");
+    __publicField(this, "$lbl");
+    __publicField(this, "$icn");
+    __publicField(this, "$bdg");
+    __privateAdd$5(this, _label, __runInitializers$a(_init$a, 8, this)), __runInitializers$a(_init$a, 11, this);
+    __privateAdd$5(this, _icon, __runInitializers$a(_init$a, 12, this)), __runInitializers$a(_init$a, 15, this);
+    __privateAdd$5(this, _iconOnly, __runInitializers$a(_init$a, 16, this, false)), __runInitializers$a(_init$a, 19, this);
+    __privateAdd$5(this, _badge, __runInitializers$a(_init$a, 20, this)), __runInitializers$a(_init$a, 23, this);
+    this.$ele = this.createButton();
+    if (noShadow) return;
+    const root = this.attachShadow({ mode: "open" });
+    root.adoptedStyleSheets = [baseStyle, styleSheet$2];
+    root.appendChild(this.$ele);
+  }
+  _createInputFirst(inputType) {
+    const $lbl = document.createElement("label");
+    $lbl.className = "gzm-btn";
+    $lbl.onclick = (e) => e.stopPropagation();
+    this._createInput(inputType, $lbl);
+    this._createLabel($lbl);
+    return $lbl;
+  }
+  _createInputLast(inputType) {
+    const $lbl = document.createElement("label");
+    $lbl.className = "gzm-btn";
+    $lbl.onclick = (e) => e.stopPropagation();
+    this._createLabel($lbl);
+    this._createInput(inputType, $lbl);
+    return $lbl;
+  }
+  _createLabel($ele) {
+    const $lbl = this.$lbl = document.createElement("strong");
+    $ele.appendChild($lbl);
+  }
+  _createIcon($ele) {
+    const $icn = this.$icn = document.createElement(iconTagName);
+    $ele.insertBefore($icn, this.$lbl);
+  }
+  _createInput(inputType, $ele) {
+    const $ipt = this.$ipt = document.createElement("input");
+    $ipt.type = inputType;
+    $ipt.name = inputType;
+    $ipt.onchange = () => {
+      this._iptChanged();
+      this.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+    };
+    $ele.appendChild($ipt);
+    return $ipt;
+  }
+  _iptChanged() {
+  }
+  _label_set(newval) {
+    if (this.$lbl) {
+      this.$lbl.textContent = newval;
+    }
+  }
+  _icon_set(newval) {
+    if (newval) {
+      if (!this.$icn) {
+        this._createIcon(this.$ele);
+      }
+      this.$icn.icon = newval;
+    } else {
+      if (this.$icn) {
+        this.$icn.remove();
+        this.$icn = void 0;
+      }
+      this.iconOnly = false;
+    }
+  }
+  _icon_only_set() {
+    const $lbl = this.$lbl;
+    if (!$lbl) return;
+    if (this.iconOnly && this.icon) {
+      $lbl.hidden = true;
+      if (!this.hasAttribute("title") && this.label) {
+        this.title = this.label;
+      }
+    } else {
+      $lbl.hidden = false;
+      if (this.title === this.label) {
+        this.title = "";
+      }
+    }
+  }
+  _badge_set(newval) {
+    if (!newval) {
+      this.$bdg?.remove();
+      this.$bdg = void 0;
+      return;
+    }
+    if (!this.$bdg) {
+      this.$bdg = document.createElement(badgeTagName);
+      this.$bdg.corner = true;
+      this.$ele.append(this.$bdg);
+    }
+    this.$bdg.badge = newval;
+  }
+  // #endregion
+}
+_init$a = __decoratorStart$a(_a$a);
+_label = /* @__PURE__ */ new WeakMap();
+_icon = /* @__PURE__ */ new WeakMap();
+_iconOnly = /* @__PURE__ */ new WeakMap();
+_badge = /* @__PURE__ */ new WeakMap();
+__decorateElement$a(_init$a, 4, "label", _label_dec, BtnBase, _label);
+__decorateElement$a(_init$a, 4, "icon", _icon_dec, BtnBase, _icon);
+__decorateElement$a(_init$a, 4, "iconOnly", _iconOnly_dec, BtnBase, _iconOnly);
+__decorateElement$a(_init$a, 4, "badge", _badge_dec, BtnBase, _badge);
+__decoratorMetadata$a(_init$a, BtnBase);
+var __create$9 = Object.create;
+var __defProp$9 = Object.defineProperty;
+var __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$9 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$9 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$9 = (target, value) => __defProp$9(target, "name", { value, configurable: true });
+var __decoratorStart$9 = (base) => [, , , __create$9(base?.[__knownSymbol$9("metadata")] ?? null)];
+var __decoratorStrings$9 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$9 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$9("Function expected") : fn;
+var __decoratorContext$9 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$9[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$9("Already initialized") : fns.push(__expectFn$9(fn || null)) });
+var __decoratorMetadata$9 = (array, target) => __defNormalProp$9(target, __knownSymbol$9("metadata"), array[3]);
+var __runInitializers$9 = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) fns[i].call(self);
+  return value;
+};
+var __decorateElement$9 = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k = flags & 7, p = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (target = target.prototype, k < 5 && (k > 3 || !p) && __getOwnPropDesc$9(target, name));
+  __name$9(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$9(k, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i])(target, ctx), done._ = 1;
+    __expectFn$9(it) && (target = it);
+  }
+  return __decoratorMetadata$9(array, target), desc && __defProp$9(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var _ClickButton_decorators, _init$9, _a$9;
+const tagName$9 = "GZM-BTN-CLICK";
+const mutableAttributes$8 = ["label", "icon", "icon-only", "badge"];
+_ClickButton_decorators = [defineElement({ tagName: tagName$9, mutableAttributes: mutableAttributes$8 })];
+class ClickButton extends (_a$9 = BtnBase) {
+  createButton() {
+    const $btn = document.createElement("button");
+    $btn.type = "button";
+    $btn.className = "gzm-btn";
+    this._createLabel($btn);
+    return $btn;
+  }
+}
+_init$9 = __decoratorStart$9(_a$9);
+ClickButton = __decorateElement$9(_init$9, 0, "ClickButton", _ClickButton_decorators, ClickButton);
+__runInitializers$9(_init$9, 1, ClickButton);
+var __create$8 = Object.create;
+var __defProp$8 = Object.defineProperty;
+var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$8 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$8 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$8 = (target, value) => __defProp$8(target, "name", { value, configurable: true });
+var __decoratorStart$8 = (base) => [, , , __create$8(base?.[__knownSymbol$8("metadata")] ?? null)];
+var __decoratorStrings$8 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$8 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$8("Function expected") : fn;
+var __decoratorContext$8 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$8[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$8("Already initialized") : fns.push(__expectFn$8(fn || null)) });
+var __decoratorMetadata$8 = (array, target) => __defNormalProp$8(target, __knownSymbol$8("metadata"), array[3]);
+var __runInitializers$8 = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement$8 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings$8[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc$8(k < 4 ? target : { get [name]() {
+    return __privateGet$4(this, extra);
+  }, set [name](x) {
+    return __privateSet$4(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$8(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$8(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$8(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$4(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$4 : __privateMethod$4)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$4(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn$8(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$8("Object expected");
+    else __expectFn$8(fn = it.get) && (desc.get = fn), __expectFn$8(fn = it.set) && (desc.set = fn), __expectFn$8(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$8(array, target), desc && __defProp$8(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __accessCheck$4 = (obj, member, msg) => member.has(obj) || __typeError$8("Cannot " + msg);
+var __privateIn$4 = (member, obj) => Object(obj) !== obj ? __typeError$8('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$4 = (obj, member, getter) => (__accessCheck$4(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$4 = (obj, member, value) => member.has(obj) ? __typeError$8("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$4 = (obj, member, value, setter) => (__accessCheck$4(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$4 = (obj, member, method) => (__accessCheck$4(obj, member, "access private method"), method);
+var _target_dec, _href_dec, _a$8, _LinkButton_decorators, _init$8, _href, _target;
+const tagName$8 = "GZM-BTN-LINK";
+const mutableAttributes$7 = ["label", "icon", "icon-only", "href", "target"];
+const copyAttributes$3 = {
+  href: "$ele",
+  target: "$ele"
+};
+_LinkButton_decorators = [defineElement({ tagName: tagName$8, mutableAttributes: mutableAttributes$7, copyAttributes: copyAttributes$3 })];
+class LinkButton extends (_a$8 = BtnBase, _href_dec = [strAttr], _target_dec = [strAttr], _a$8) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$4(this, _href, __runInitializers$8(_init$8, 8, this)), __runInitializers$8(_init$8, 11, this);
+    __privateAdd$4(this, _target, __runInitializers$8(_init$8, 12, this)), __runInitializers$8(_init$8, 15, this);
+  }
+  createButton() {
+    const $a = document.createElement("a");
+    $a.className = "gzm-btn";
+    $a.target = this.target ?? "_blank";
+    this._createLabel($a);
+    return $a;
+  }
+}
+_init$8 = __decoratorStart$8(_a$8);
+_href = /* @__PURE__ */ new WeakMap();
+_target = /* @__PURE__ */ new WeakMap();
+__decorateElement$8(_init$8, 4, "href", _href_dec, LinkButton, _href);
+__decorateElement$8(_init$8, 4, "target", _target_dec, LinkButton, _target);
+LinkButton = __decorateElement$8(_init$8, 0, "LinkButton", _LinkButton_decorators, LinkButton);
+__runInitializers$8(_init$8, 1, LinkButton);
+var __create$7 = Object.create;
+var __defProp$7 = Object.defineProperty;
+var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$7 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$7 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$7 = (target, value) => __defProp$7(target, "name", { value, configurable: true });
+var __decoratorStart$7 = (base) => [, , , __create$7(base?.[__knownSymbol$7("metadata")] ?? null)];
+var __decoratorStrings$7 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$7 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$7("Function expected") : fn;
+var __decoratorContext$7 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$7[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$7("Already initialized") : fns.push(__expectFn$7(fn || null)) });
+var __decoratorMetadata$7 = (array, target) => __defNormalProp$7(target, __knownSymbol$7("metadata"), array[3]);
+var __runInitializers$7 = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) fns[i].call(self);
+  return value;
+};
+var __decorateElement$7 = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k = flags & 7, p = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (target = target.prototype, k < 5 && (k > 3 || !p) && __getOwnPropDesc$7(target, name));
+  __name$7(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$7(k, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i])(target, ctx), done._ = 1;
+    __expectFn$7(it) && (target = it);
+  }
+  return __decoratorMetadata$7(array, target), desc && __defProp$7(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var _CheckButton_decorators, _init$7, _a$7;
+const tagName$7 = "GZM-BTN-CHECK";
+const mutableAttributes$6 = ["label", "icon", "icon-only"];
+_CheckButton_decorators = [defineElement({ tagName: tagName$7, mutableAttributes: mutableAttributes$6 })];
+class CheckButton extends (_a$7 = BtnBase) {
+  createButton() {
+    return this._createInputFirst("checkbox");
+  }
+  _iptChanged() {
+    this.setModelProperty("checked", this.checked);
+  }
+  get checked() {
+    return this.$ipt.checked;
+  }
+  set checked(v) {
+    this.$ipt.checked = v;
+  }
+}
+_init$7 = __decoratorStart$7(_a$7);
+CheckButton = __decorateElement$7(_init$7, 0, "CheckButton", _CheckButton_decorators, CheckButton);
+__runInitializers$7(_init$7, 1, CheckButton);
+var __create$6 = Object.create;
+var __defProp$6 = Object.defineProperty;
+var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$6 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$6 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$6 = (target, value) => __defProp$6(target, "name", { value, configurable: true });
+var __decoratorStart$6 = (base) => [, , , __create$6(base?.[__knownSymbol$6("metadata")] ?? null)];
+var __decoratorStrings$6 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$6 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$6("Function expected") : fn;
+var __decoratorContext$6 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$6[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$6("Already initialized") : fns.push(__expectFn$6(fn || null)) });
+var __decoratorMetadata$6 = (array, target) => __defNormalProp$6(target, __knownSymbol$6("metadata"), array[3]);
+var __runInitializers$6 = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) fns[i].call(self);
+  return value;
+};
+var __decorateElement$6 = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k = flags & 7, p = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (target = target.prototype, k < 5 && (k > 3 || !p) && __getOwnPropDesc$6(target, name));
+  __name$6(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$6(k, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i])(target, ctx), done._ = 1;
+    __expectFn$6(it) && (target = it);
+  }
+  return __decoratorMetadata$6(array, target), desc && __defProp$6(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var _RadioButton_decorators, _init$6, _a$6;
+const tagName$6 = "GZM-BTN-RADIO";
+const mutableAttributes$5 = ["label", "icon", "icon-only"];
+_RadioButton_decorators = [defineElement({ tagName: tagName$6, mutableAttributes: mutableAttributes$5 })];
+class RadioButton extends (_a$6 = BtnBase) {
+  constructor() {
+    super(true);
+  }
+  connectedCallback() {
+    if (!this.$ele.parentElement) {
+      this.append(this.$ele);
+    }
+  }
+  createButton() {
+    return this._createInputFirst("radio");
+  }
+  _iptChanged() {
+    this.setModelProperty("checked", this.checked);
+  }
+  get checked() {
+    return this.$ipt.checked;
+  }
+  set checked(v) {
+    this.$ipt.checked = v;
+  }
+}
+_init$6 = __decoratorStart$6(_a$6);
+RadioButton = __decorateElement$6(_init$6, 0, "RadioButton", _RadioButton_decorators, RadioButton);
+__runInitializers$6(_init$6, 1, RadioButton);
+var __create$5 = Object.create;
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$5 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$5 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$5 = (target, value) => __defProp$5(target, "name", { value, configurable: true });
+var __decoratorStart$5 = (base) => [, , , __create$5(base?.[__knownSymbol$5("metadata")] ?? null)];
+var __decoratorStrings$5 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$5 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$5("Function expected") : fn;
+var __decoratorContext$5 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$5[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$5("Already initialized") : fns.push(__expectFn$5(fn || null)) });
+var __decoratorMetadata$5 = (array, target) => __defNormalProp$5(target, __knownSymbol$5("metadata"), array[3]);
+var __runInitializers$5 = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement$5 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings$5[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc$5(k < 4 ? target : { get [name]() {
+    return __privateGet$3(this, extra);
+  }, set [name](x) {
+    return __privateSet$3(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$5(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$5(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$5(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$3(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$3 : __privateMethod$3)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$3(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn$5(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$5("Object expected");
+    else __expectFn$5(fn = it.get) && (desc.get = fn), __expectFn$5(fn = it.set) && (desc.set = fn), __expectFn$5(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$5(array, target), desc && __defProp$5(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __accessCheck$3 = (obj, member, msg) => member.has(obj) || __typeError$5("Cannot " + msg);
+var __privateIn$3 = (member, obj) => Object(obj) !== obj ? __typeError$5('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$3 = (obj, member, getter) => (__accessCheck$3(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$3 = (obj, member, value) => member.has(obj) ? __typeError$5("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$3 = (obj, member, value, setter) => (__accessCheck$3(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$3 = (obj, member, method) => (__accessCheck$3(obj, member, "access private method"), method);
+var _size_dec, _placeholder_dec$1, _pattern_dec, _minlength_dec, _maxlength_dec, _type_dec$1, _a$5, _TextButton_decorators, _init$5, _type$1, _maxlength, _minlength, _pattern, _placeholder$1, _size;
+const tagName$5 = "GZM-BTN-TEXT";
+const mutableAttributes$4 = ["label", "icon", "icon-only", "type", "maxlength", "minlength", "pattern", "placeholder", "size"];
+const iptOfBtn$2 = ["$ipt"];
+const copyAttributes$2 = {
+  //因为有这个不必实现 ELE.AttributeHandlers
+  type: iptOfBtn$2,
+  maxlength: iptOfBtn$2,
+  minlength: iptOfBtn$2,
+  size: iptOfBtn$2,
+  pattern: iptOfBtn$2,
+  placeholder: iptOfBtn$2
+};
+_TextButton_decorators = [defineElement({ tagName: tagName$5, mutableAttributes: mutableAttributes$4, copyAttributes: copyAttributes$2 })];
+class TextButton extends (_a$5 = BtnBase, _type_dec$1 = [strAttr], _maxlength_dec = [intAttr], _minlength_dec = [intAttr], _pattern_dec = [strAttr], _placeholder_dec$1 = [strAttr], _size_dec = [intAttr], _a$5) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$3(this, _type$1, __runInitializers$5(_init$5, 8, this)), __runInitializers$5(_init$5, 11, this);
+    __privateAdd$3(this, _maxlength, __runInitializers$5(_init$5, 12, this)), __runInitializers$5(_init$5, 15, this);
+    __privateAdd$3(this, _minlength, __runInitializers$5(_init$5, 16, this)), __runInitializers$5(_init$5, 19, this);
+    __privateAdd$3(this, _pattern, __runInitializers$5(_init$5, 20, this)), __runInitializers$5(_init$5, 23, this);
+    __privateAdd$3(this, _placeholder$1, __runInitializers$5(_init$5, 24, this)), __runInitializers$5(_init$5, 27, this);
+    __privateAdd$3(this, _size, __runInitializers$5(_init$5, 28, this)), __runInitializers$5(_init$5, 31, this);
+  }
+  createButton() {
+    return this._createInputLast(this.type ?? "text");
+  }
+  _iptChanged() {
+    this.setModelProperty("value", this.value);
+  }
+  //https://devdocs.io/dom/htmlinputelement/size
+  get value() {
+    return this.$ipt.value;
+  }
+  set value(v) {
+    this.$ipt.value = v;
+  }
+}
+_init$5 = __decoratorStart$5(_a$5);
+_type$1 = /* @__PURE__ */ new WeakMap();
+_maxlength = /* @__PURE__ */ new WeakMap();
+_minlength = /* @__PURE__ */ new WeakMap();
+_pattern = /* @__PURE__ */ new WeakMap();
+_placeholder$1 = /* @__PURE__ */ new WeakMap();
+_size = /* @__PURE__ */ new WeakMap();
+__decorateElement$5(_init$5, 4, "type", _type_dec$1, TextButton, _type$1);
+__decorateElement$5(_init$5, 4, "maxlength", _maxlength_dec, TextButton, _maxlength);
+__decorateElement$5(_init$5, 4, "minlength", _minlength_dec, TextButton, _minlength);
+__decorateElement$5(_init$5, 4, "pattern", _pattern_dec, TextButton, _pattern);
+__decorateElement$5(_init$5, 4, "placeholder", _placeholder_dec$1, TextButton, _placeholder$1);
+__decorateElement$5(_init$5, 4, "size", _size_dec, TextButton, _size);
+TextButton = __decorateElement$5(_init$5, 0, "TextButton", _TextButton_decorators, TextButton);
+__runInitializers$5(_init$5, 1, TextButton);
+var __create$4 = Object.create;
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$4 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$4 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$4 = (target, value) => __defProp$4(target, "name", { value, configurable: true });
+var __decoratorStart$4 = (base) => [, , , __create$4(base?.[__knownSymbol$4("metadata")] ?? null)];
+var __decoratorStrings$4 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$4 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$4("Function expected") : fn;
+var __decoratorContext$4 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$4[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$4("Already initialized") : fns.push(__expectFn$4(fn || null)) });
+var __decoratorMetadata$4 = (array, target) => __defNormalProp$4(target, __knownSymbol$4("metadata"), array[3]);
+var __runInitializers$4 = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement$4 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings$4[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc$4(k < 4 ? target : { get [name]() {
+    return __privateGet$2(this, extra);
+  }, set [name](x) {
+    return __privateSet$2(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$4(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$4(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$4(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$2(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$2 : __privateMethod$2)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$2(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn$4(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$4("Object expected");
+    else __expectFn$4(fn = it.get) && (desc.get = fn), __expectFn$4(fn = it.set) && (desc.set = fn), __expectFn$4(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$4(array, target), desc && __defProp$4(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __accessCheck$2 = (obj, member, msg) => member.has(obj) || __typeError$4("Cannot " + msg);
+var __privateIn$2 = (member, obj) => Object(obj) !== obj ? __typeError$4('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$2 = (obj, member, getter) => (__accessCheck$2(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$2 = (obj, member, value) => member.has(obj) ? __typeError$4("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$2 = (obj, member, value, setter) => (__accessCheck$2(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$2 = (obj, member, method) => (__accessCheck$2(obj, member, "access private method"), method);
+var _placeholder_dec, _step_dec$1, _min_dec$1, _max_dec$1, _a$4, _NumButton_decorators, _init$4, _max$1, _min$1, _step$1, _placeholder;
+const tagName$4 = "GZM-BTN-NUM";
+const mutableAttributes$3 = ["label", "icon", "icon-only", "max", "min", "step", "placeholder"];
+const iptOfBtn$1 = ["$ipt"];
+const copyAttributes$1 = {
+  //因为有这个不必实现 ELE.AttributeHandlers
+  max: iptOfBtn$1,
+  min: iptOfBtn$1,
+  step: iptOfBtn$1,
+  placeholder: iptOfBtn$1
+};
+_NumButton_decorators = [defineElement({ tagName: tagName$4, mutableAttributes: mutableAttributes$3, copyAttributes: copyAttributes$1 })];
+class NumButton extends (_a$4 = BtnBase, _max_dec$1 = [strAttr], _min_dec$1 = [strAttr], _step_dec$1 = [strAttr], _placeholder_dec = [strAttr], _a$4) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$2(this, _max$1, __runInitializers$4(_init$4, 8, this)), __runInitializers$4(_init$4, 11, this);
+    __privateAdd$2(this, _min$1, __runInitializers$4(_init$4, 12, this)), __runInitializers$4(_init$4, 15, this);
+    __privateAdd$2(this, _step$1, __runInitializers$4(_init$4, 16, this)), __runInitializers$4(_init$4, 19, this);
+    __privateAdd$2(this, _placeholder, __runInitializers$4(_init$4, 20, this)), __runInitializers$4(_init$4, 23, this);
+  }
+  createButton() {
+    return this._createInputLast("number");
+  }
+  _iptChanged() {
+    this.setModelProperty("value", this.value);
+  }
+  get value() {
+    return this.$ipt.valueAsNumber;
+  }
+  set value(v) {
+    this.$ipt.valueAsNumber = v;
+  }
+}
+_init$4 = __decoratorStart$4(_a$4);
+_max$1 = /* @__PURE__ */ new WeakMap();
+_min$1 = /* @__PURE__ */ new WeakMap();
+_step$1 = /* @__PURE__ */ new WeakMap();
+_placeholder = /* @__PURE__ */ new WeakMap();
+__decorateElement$4(_init$4, 4, "max", _max_dec$1, NumButton, _max$1);
+__decorateElement$4(_init$4, 4, "min", _min_dec$1, NumButton, _min$1);
+__decorateElement$4(_init$4, 4, "step", _step_dec$1, NumButton, _step$1);
+__decorateElement$4(_init$4, 4, "placeholder", _placeholder_dec, NumButton, _placeholder);
+NumButton = __decorateElement$4(_init$4, 0, "NumButton", _NumButton_decorators, NumButton);
+__runInitializers$4(_init$4, 1, NumButton);
+var __create$3 = Object.create;
+var __defProp$3 = Object.defineProperty;
+var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$3 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$3 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$3 = (target, value) => __defProp$3(target, "name", { value, configurable: true });
+var __decoratorStart$3 = (base) => [, , , __create$3(base?.[__knownSymbol$3("metadata")] ?? null)];
+var __decoratorStrings$3 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$3 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$3("Function expected") : fn;
+var __decoratorContext$3 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$3[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$3("Already initialized") : fns.push(__expectFn$3(fn || null)) });
+var __decoratorMetadata$3 = (array, target) => __defNormalProp$3(target, __knownSymbol$3("metadata"), array[3]);
+var __runInitializers$3 = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement$3 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings$3[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc$3(k < 4 ? target : { get [name]() {
+    return __privateGet$1(this, extra);
+  }, set [name](x) {
+    return __privateSet$1(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$3(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$3(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$3(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$1(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$1 : __privateMethod$1)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$1(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn$3(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$3("Object expected");
+    else __expectFn$3(fn = it.get) && (desc.get = fn), __expectFn$3(fn = it.set) && (desc.set = fn), __expectFn$3(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$3(array, target), desc && __defProp$3(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __accessCheck$1 = (obj, member, msg) => member.has(obj) || __typeError$3("Cannot " + msg);
+var __privateIn$1 = (member, obj) => Object(obj) !== obj ? __typeError$3('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$3("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$1 = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
+var _step_dec, _min_dec, _max_dec, _type_dec, _a$3, _DateButton_decorators, _init$3, _type, _max, _min, _step;
+const tagName$3 = "GZM-BTN-DATE";
+const mutableAttributes$2 = ["label", "icon", "icon-only", "type", "max", "min", "step"];
+const iptOfBtn = ["$ipt"];
+const copyAttributes = {
+  //因为有这个不必实现 ELE.AttributeHandlers
+  type: iptOfBtn,
+  max: iptOfBtn,
+  min: iptOfBtn,
+  step: iptOfBtn
+};
+_DateButton_decorators = [defineElement({ tagName: tagName$3, mutableAttributes: mutableAttributes$2, copyAttributes })];
+class DateButton extends (_a$3 = BtnBase, _type_dec = [strAttr], _max_dec = [strAttr], _min_dec = [strAttr], _step_dec = [strAttr], _a$3) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$1(this, _type, __runInitializers$3(_init$3, 8, this)), __runInitializers$3(_init$3, 11, this);
+    __privateAdd$1(this, _max, __runInitializers$3(_init$3, 12, this)), __runInitializers$3(_init$3, 15, this);
+    __privateAdd$1(this, _min, __runInitializers$3(_init$3, 16, this)), __runInitializers$3(_init$3, 19, this);
+    __privateAdd$1(this, _step, __runInitializers$3(_init$3, 20, this)), __runInitializers$3(_init$3, 23, this);
+  }
+  createButton() {
+    return this._createInputLast(this.type ?? "date");
+  }
+  _iptChanged() {
+    this.setModelProperty("value", this.value);
+  }
+  //https://devdocs.io/dom/htmlinputelement/step
+  /**
+   * 考虑过使用 <input>.valueAsDate 属性，但是在 type=datetime-local 时发生异常
+   */
+  get value() {
+    return this.$ipt.value;
+  }
+  set value(v) {
+    this.$ipt.value = v;
+  }
+}
+_init$3 = __decoratorStart$3(_a$3);
+_type = /* @__PURE__ */ new WeakMap();
+_max = /* @__PURE__ */ new WeakMap();
+_min = /* @__PURE__ */ new WeakMap();
+_step = /* @__PURE__ */ new WeakMap();
+__decorateElement$3(_init$3, 4, "type", _type_dec, DateButton, _type);
+__decorateElement$3(_init$3, 4, "max", _max_dec, DateButton, _max);
+__decorateElement$3(_init$3, 4, "min", _min_dec, DateButton, _min);
+__decorateElement$3(_init$3, 4, "step", _step_dec, DateButton, _step);
+DateButton = __decorateElement$3(_init$3, 0, "DateButton", _DateButton_decorators, DateButton);
+__runInitializers$3(_init$3, 1, DateButton);
+var __create$2 = Object.create;
+var __defProp$2 = Object.defineProperty;
+var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$2 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$2 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$2 = (target, value) => __defProp$2(target, "name", { value, configurable: true });
+var __decoratorStart$2 = (base) => [, , , __create$2(base?.[__knownSymbol$2("metadata")] ?? null)];
+var __decoratorStrings$2 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$2 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$2("Function expected") : fn;
+var __decoratorContext$2 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$2[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$2("Already initialized") : fns.push(__expectFn$2(fn || null)) });
+var __decoratorMetadata$2 = (array, target) => __defNormalProp$2(target, __knownSymbol$2("metadata"), array[3]);
+var __runInitializers$2 = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) fns[i].call(self);
+  return value;
+};
+var __decorateElement$2 = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k = flags & 7, p = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (target = target.prototype, k < 5 && (k > 3 || !p) && __getOwnPropDesc$2(target, name));
+  __name$2(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$2(k, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i])(target, ctx), done._ = 1;
+    __expectFn$2(it) && (target = it);
+  }
+  return __decoratorMetadata$2(array, target), desc && __defProp$2(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var _MenuButton_decorators, _init$2, _a$2;
+const tagName$2 = "GZM-BTN-MENU";
+const mutableAttributes$1 = ["label", "icon", "icon-only", "badge"];
+_MenuButton_decorators = [defineElement({ tagName: tagName$2, mutableAttributes: mutableAttributes$1 })];
+class MenuButton extends (_a$2 = BtnBase) {
+  createButton() {
+    const $btn = document.createElement("button");
+    $btn.type = "button";
+    $btn.className = "gzm-btn";
+    $btn.onclick = () => {
+      const m = this.model;
+      if (!m) return;
+      const sis = m.subItems ?? m.beforeShowMenu?.();
+      if (sis) {
+        const $sm = createMenu(...sis);
+        $sm.show(this, xy.rightBottom, xy.rightTop);
+      }
+    };
+    this._createLabel($btn);
+    const $s = document.createElement("small");
+    $s.textContent = "▼";
+    $btn.appendChild($s);
+    return $btn;
+  }
+}
+_init$2 = __decoratorStart$2(_a$2);
+MenuButton = __decorateElement$2(_init$2, 0, "MenuButton", _MenuButton_decorators, MenuButton);
+__runInitializers$2(_init$2, 1, MenuButton);
+var __create$1 = Object.create;
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$1 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$1 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$1 = (target, value) => __defProp$1(target, "name", { value, configurable: true });
+var __decoratorStart$1 = (base) => [, , , __create$1(base?.[__knownSymbol$1("metadata")] ?? null)];
+var __decoratorStrings$1 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$1 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$1("Function expected") : fn;
+var __decoratorContext$1 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$1[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$1("Already initialized") : fns.push(__expectFn$1(fn || null)) });
+var __decoratorMetadata$1 = (array, target) => __defNormalProp$1(target, __knownSymbol$1("metadata"), array[3]);
+var __runInitializers$1 = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement$1 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings$1[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc$1(k < 4 ? target : { get [name]() {
+    return __privateGet(this, extra);
+  }, set [name](x) {
+    return __privateSet(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$1(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$1(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$1(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn$1(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$1("Object expected");
+    else __expectFn$1(fn = it.get) && (desc.get = fn), __expectFn$1(fn = it.set) && (desc.set = fn), __expectFn$1(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$1(array, target), desc && __defProp$1(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError$1("Cannot " + msg);
+var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError$1('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _foldState_dec, _a$1, _BtnGroup_decorators, _init$1, _foldState, _BtnGroup_instances, canUnfold_fn, canFold_fn, fold2state_fn, _menuBtn, getMenuModelList_fn, createMenuModelList_fn;
+const styleSheet$1 = createStyleSheet({
+  /* 本以为能够将所有按钮高度一致，但没有用
+  ':host': `
+      display: inline-flex;
+  `,*/
+  ":host > :not([hidden]) ~ *": `
+        --gzm-left-radius: 0px;
+    `,
+  ":host > *:has(~ :not([hidden]))": `
+        --gzm-right-radius: 0px;
+    `
+});
+const foldStates = ["normal", "icon-only", "menu-btn"];
+const btnBarAlign = ["left", "center", "right"];
+const tagName$1 = "GZM-BTN-GROUP";
+const mutableAttributes = ["fold-state"];
+_BtnGroup_decorators = [defineElement({ tagName: tagName$1, mutableAttributes })];
+class BtnGroup extends (_a$1 = ViewListElement, _foldState_dec = [strAttr], _a$1) {
+  constructor() {
+    super();
+    __privateAdd(this, _BtnGroup_instances);
+    __privateAdd(this, _foldState, __runInitializers$1(_init$1, 8, this, foldStates[0])), __runInitializers$1(_init$1, 11, this);
+    __privateAdd(this, _menuBtn);
+    const sr = this.attachShadow({ mode: "open" });
+    sr.adoptedStyleSheets = [baseStyle, styleSheet$1, styleSheet$2];
+  }
+  // #region ViewListElement
+  _getViewItemTagName(options) {
+    return "gzm-btn-" + (options.tag ?? "click");
+  }
+  _fold_state_set(nv) {
+    __privateMethod(this, _BtnGroup_instances, fold2state_fn).call(this, nv ?? "normal");
+  }
+  unfold() {
+    const toState = __privateMethod(this, _BtnGroup_instances, canUnfold_fn).call(this);
+    if (!toState) return false;
+    this.setModelProperty("foldState", toState);
+    return true;
+  }
+  fold() {
+    const toState = __privateMethod(this, _BtnGroup_instances, canFold_fn).call(this);
+    if (!toState) return false;
+    this.setModelProperty("foldState", toState);
+    return true;
+  }
+  /**
+   * 判断是否可以处于某一个折叠状态
+   */
+  canFold2State(state) {
+    switch (state) {
+      case "normal":
+        return "normal";
+      //总是能够展开到 normal
+      case "icon-only":
+        return this.modelList.some((x) => x.icon && !x.iconOnly) ? "icon-only" : null;
+      case "menu-btn":
+        return !!this.model?.label && __privateMethod(this, _BtnGroup_instances, getMenuModelList_fn).call(this).length > 1 ? "menu-btn" : null;
+      default:
+        throw new Error("unknown btn group fold state");
+    }
+  }
+  // #endregion
+}
+_init$1 = __decoratorStart$1(_a$1);
+_foldState = /* @__PURE__ */ new WeakMap();
+_BtnGroup_instances = /* @__PURE__ */ new WeakSet();
+canUnfold_fn = function() {
+  switch (this.foldState) {
+    case "normal":
+      return null;
+    case "icon-only":
+      return "normal";
+    //总是能够展开到 normal
+    case "menu-btn":
+    default:
+      return this.canFold2State("icon-only") ?? "normal";
+  }
+};
+canFold_fn = function() {
+  switch (this.foldState) {
+    case "menu-btn":
+      return null;
+    case "icon-only":
+      return this.canFold2State("menu-btn");
+    case "normal":
+      return this.canFold2State("icon-only") ?? this.canFold2State("menu-btn");
+    default:
+      return null;
+  }
+};
+fold2state_fn = function(toState) {
+  let $mb = __privateGet(this, _menuBtn);
+  if (toState === "menu-btn") {
+    __privateMethod(this, _BtnGroup_instances, getMenuModelList_fn).call(this).forEach((b) => b.$view.hidden = true);
+    $mb = __privateSet(this, _menuBtn, document.createElement(tagName$2));
+    $mb.model = { label: this.model?.label, beforeShowMenu: () => __privateMethod(this, _BtnGroup_instances, createMenuModelList_fn).call(this) };
+    this.shadowRoot.append($mb);
+    return;
+  }
+  if ($mb) {
+    this.modelList.forEach((x) => {
+      const $v = x.$view;
+      if ($v && $v.hidden !== (x.hidden ?? false)) {
+        $v.hidden = x.hidden ?? false;
+      }
+    });
+    $mb.remove();
+    __privateSet(this, _menuBtn, void 0);
+  }
+  if (toState === "icon-only") {
+    this.$viewItems.filter(($x) => $x.icon && !$x.iconOnly).forEach(($x) => $x.iconOnly = true);
+  } else if (toState === "normal") {
+    this.$viewItems.filter(($x) => !!$x.model?.iconOnly !== $x.iconOnly).forEach(($x) => $x.iconOnly = !$x.iconOnly);
+  }
+};
+_menuBtn = /* @__PURE__ */ new WeakMap();
+getMenuModelList_fn = function() {
+  const types = ["click", "link", "check", "radio"];
+  const ret = this.modelList.filter((x) => x && (!x.tag || types.includes(x.tag)));
+  return ret;
+};
+createMenuModelList_fn = function(btns = __privateMethod(this, _BtnGroup_instances, getMenuModelList_fn).call(this)) {
+  return btns.map((b) => {
+    const ret = { ...b };
+    delete ret.$view;
+    const mic = Reflect.get(b, "onclick");
+    if (typeof mic === "function") {
+      Reflect.set(ret, "onclick", (e) => {
+        if ("checked" in ret) {
+          Reflect.set(b, "checked", ret.checked);
+        }
+        mic.call(b, e, b);
+      });
+    }
+    return ret;
+  });
+};
+__decorateElement$1(_init$1, 4, "foldState", _foldState_dec, BtnGroup, _foldState);
+BtnGroup = __decorateElement$1(_init$1, 0, "BtnGroup", _BtnGroup_decorators, BtnGroup);
+__runInitializers$1(_init$1, 1, BtnGroup);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __decoratorStart = (base) => [, , , __create(base?.[__knownSymbol("metadata")] ?? null)];
+var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
+var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
+var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
+var __runInitializers = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) fns[i].call(self);
+  return value;
+};
+var __decorateElement = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k = flags & 7, p = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (target = target.prototype, k < 5 && (k > 3 || !p) && __getOwnPropDesc(target, name));
+  __name(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i])(target, ctx), done._ = 1;
+    __expectFn(it) && (target = it);
+  }
+  return __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var _BtnBar_decorators, _init, _a;
+const tagName = "GZM-BTN-BAR";
+const styleSheet = createStyleSheet({
+  //如果不起效果，就给父元素递归添加 overflow:hidden
+  ":host": `
+        display: flex;
+        gap: 0.25rem;
+        overflow-x: hidden;
+    `,
+  ":host > div": `
+        display: flex;
+        justify-content: center;
+        gap: 0.25rem;
+
+        flex: 1 1 auto;
+        white-space: nowrap; /*按钮再多也不换行*/
+    `,
+  ":host > div:first-child": `
+        justify-content: start;
+    `,
+  ":host > div:last-child": `
+        justify-content: end;
+    `
+});
+_BtnBar_decorators = [defineElement({ tagName })];
+class BtnBar extends (_a = ViewListElement) {
+  constructor() {
+    super();
+    const root = this.attachShadow({ mode: "closed" });
+    root.adoptedStyleSheets = [baseStyle, styleSheet];
+    root.append(...btnBarAlign.map((x) => {
+      const $slot = document.createElement("slot");
+      $slot.name = x;
+      const $div = document.createElement("div");
+      $div.append($slot);
+      return $div;
+    }));
+  }
+  // #region ViewGroupElement
+  _getViewItemTagName() {
+    return tagName$1;
+  }
+  // #endregion
+  // #region 折叠或者展开按钮组
+  connectedCallback() {
+    this.#resizeObserver ??= new ResizeObserver(() => this.#groupFold());
+    this.#resizeObserver.observe(this);
+  }
+  disconnectedCallback() {
+    this.#resizeObserver?.unobserve(this);
+  }
+  #resizeObserver;
+  #groupFold = debounce(() => {
+    void (this.scrollWidth > this.clientWidth ? this.#fold() : this.#unfold());
+  });
+  #fold($bgs = this.$viewItems) {
+    while (this.scrollWidth > this.clientWidth) {
+      $bgs.sort(($g1, $g2) => $g2.offsetWidth - $g1.offsetWidth);
+      let folded = false;
+      for (const $bg of $bgs) {
+        if ($bg.fold()) {
+          folded = true;
+          break;
+        }
+      }
+      if (!folded) {
+        break;
+      }
+    }
+  }
+  #unfold($bgs = this.$viewItems) {
+    while (this.scrollWidth <= this.clientWidth) {
+      $bgs.sort(($g1, $g2) => $g1.offsetWidth - $g2.offsetWidth);
+      let unfolded = false;
+      for (const $bg of $bgs) {
+        if ($bg.unfold()) {
+          if (this.scrollWidth > this.clientWidth) {
+            $bg.fold();
+          } else {
+            unfolded = true;
+            break;
+          }
+        }
+      }
+      if (!unfolded) {
+        break;
+      }
+    }
+  }
+  // #endregion
+}
+_init = __decoratorStart(_a);
+BtnBar = __decorateElement(_init, 0, "BtnBar", _BtnBar_decorators, BtnBar);
+__runInitializers(_init, 1, BtnBar);
+export {
+  BtnBar,
+  BtnGroup,
+  CheckButton,
+  ClickButton,
+  DateButton,
+  LinkButton,
+  MenuButton,
+  NumButton,
+  RadioButton,
+  TextButton,
+  btnBarAlign,
+  tagName as btnBarTagName,
+  tagName$1 as btnGroupTagName,
+  tagName$7 as checkBtnTagName,
+  tagName$9 as clickBtnTagName,
+  tagName$3 as dateBtnTagName,
+  tagName$8 as linkBtnTagName,
+  tagName$2 as menuBtnTagName,
+  tagName$4 as numBtnTagName,
+  tagName$6 as radioBtnTagName,
+  tagName$5 as textBtnTagName
+};
+//# sourceMappingURL=button.es.js.map