aeico-components 0.1.6 → 0.1.8

package/dist/chunks/spinner.cjs

@@ -1,102 +0,0 @@
-"use strict";
-const aeicoComponent = require("./aeico-component.cjs");
-const aeico = require("aeico");
-const variables = require("./variables.cjs");
-const size = require("./size.cjs");
-const color = require("./color.cjs");
-const style = ':host {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  vertical-align: middle;\n  --spinner-size: 1.75em;\n  --spinner-thickness: 0.15em;\n  --spinner-color: var(--color-solid);\n  --spinner-track-color: var(--color-bg-subtle, rgba(0, 0, 0, 0.08));\n  --spinner-speed: 0.75s;\n}\n\n:host([size="xs"]) { font-size: 0.75rem; }\n:host([size="sm"]) { font-size: 0.875rem; }\n:host([size="md"]) { font-size: 1rem; }\n:host([size="lg"]) { font-size: 1.5rem; }\n\n.track {\n  display: inline-block;\n  width: var(--spinner-size);\n  height: var(--spinner-size);\n  border-radius: 50%;\n  border: var(--spinner-thickness) solid var(--spinner-track-color);\n  border-top-color: var(--spinner-color);\n  animation: ae-spin var(--spinner-speed) linear infinite;\n  box-sizing: border-box;\n}\n\n:host([variant="dots"]) .track {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: calc(var(--spinner-size) * 0.2);\n  width: auto;\n  height: var(--spinner-size);\n  border: none;\n  border-radius: 0;\n  animation: none;\n  background: transparent;\n}\n\n:host([variant="dots"]) .dot {\n  display: inline-block;\n  width: calc(var(--spinner-size) * 0.28);\n  height: calc(var(--spinner-size) * 0.28);\n  border-radius: 50%;\n  background: var(--spinner-color);\n  animation: ae-bounce var(--spinner-speed) ease-in-out infinite;\n}\n\n:host([variant="dots"]) .dot:nth-child(2) {\n  animation-delay: calc(var(--spinner-speed) / 6);\n}\n\n:host([variant="dots"]) .dot:nth-child(3) {\n  animation-delay: calc(var(--spinner-speed) / 3);\n}\n\n@keyframes ae-spin {\n  to { transform: rotate(360deg); }\n}\n\n@keyframes ae-bounce {\n  0%, 80%, 100% { transform: scale(0.6); opacity: 0.5; }\n  40%           { transform: scale(1);   opacity: 1;   }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .track {\n    animation: none;\n    border-top-color: var(--spinner-color);\n    opacity: 0.6;\n  }\n\n  :host([variant="dots"]) .dot {\n    animation: none;\n    opacity: 0.6;\n  }\n}\n';
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : 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 __decoratorStart = (base) => [, , , __create((base == null ? void 0 : 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++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
-  return value;
-};
-var __decorateElement = (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[k + 5];
-  var initializers = array[j - 1] = [], extraInitializers = array[j] || (array[j] = []);
-  var desc = (target = target.prototype, __getOwnPropDesc({ get [name]() {
-    return __privateGet(this, extra);
-  }, set [name](x) {
-    return __privateSet(this, extra, x);
-  } }, name));
-  for (var i = decorators.length - 1; i >= 0; i--) {
-    ctx = __decoratorContext(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(it) && (desc[key] = it);
-    else if (typeof it !== "object" || it === null) __typeError("Object expected");
-    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
-  }
-  return desc && __defProp(target, name, desc), target;
-};
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("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"), member.set(obj, value), value);
-var _speed_dec, _label_dec, _color_dec, _size_dec, _variant_dec, _a, _init, _variant, _size, _color, _label, _speed;
-class Spinner extends (_a = aeicoComponent.AeicoComponent, _variant_dec = [aeico.prop({ type: String })], _size_dec = [aeico.prop({ type: String })], _color_dec = [aeico.prop({ type: String })], _label_dec = [aeico.prop({ type: String })], _speed_dec = [aeico.prop({ type: String })], _a) {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _variant, __runInitializers(_init, 8, this, "border")), __runInitializers(_init, 11, this);
-    __privateAdd(this, _size, __runInitializers(_init, 12, this, "md")), __runInitializers(_init, 15, this);
-    __privateAdd(this, _color, __runInitializers(_init, 16, this, "default")), __runInitializers(_init, 19, this);
-    __privateAdd(this, _label, __runInitializers(_init, 20, this, "Loading…")), __runInitializers(_init, 23, this);
-    __privateAdd(this, _speed, __runInitializers(_init, 24, this)), __runInitializers(_init, 27, this);
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "status");
-  }
-  render() {
-    this.setAttribute("aria-label", this.label);
-    if (this.speed) {
-      this.style.setProperty("--spinner-speed", this.speed);
-    } else {
-      this.style.removeProperty("--spinner-speed");
-    }
-    const isDots = this.variant === "dots";
-    return aeico.html(({ span }) => {
-      span({ part: "track", className: "track", "aria-hidden": "true" }, () => {
-        if (isDots) {
-          span({ className: "dot" });
-          span({ className: "dot" });
-          span({ className: "dot" });
-        }
-      });
-    });
-  }
-}
-_init = __decoratorStart(_a);
-_variant = /* @__PURE__ */ new WeakMap();
-_size = /* @__PURE__ */ new WeakMap();
-_color = /* @__PURE__ */ new WeakMap();
-_label = /* @__PURE__ */ new WeakMap();
-_speed = /* @__PURE__ */ new WeakMap();
-__decorateElement(_init, 4, "variant", _variant_dec, Spinner, _variant);
-__decorateElement(_init, 4, "size", _size_dec, Spinner, _size);
-__decorateElement(_init, 4, "color", _color_dec, Spinner, _color);
-__decorateElement(_init, 4, "label", _label_dec, Spinner, _label);
-__decorateElement(_init, 4, "speed", _speed_dec, Spinner, _speed);
-__decoratorMetadata(_init, Spinner);
-__publicField(Spinner, "tagName", "spinner");
-__publicField(Spinner, "styles", [variables.variables, size.sizeCSS, color.colorCSS, style]);
-Spinner.register();
-exports.Spinner = Spinner;
-//# sourceMappingURL=spinner.cjs.map

package/dist/chunks/spinner.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"spinner.cjs","sources":["../../src/spinner/spinner.ts"],"sourcesContent":["import AeicoComponent from '../aeico-component';\nimport type { InferProps } from 'aeico';\nimport { html, prop } from 'aeico';\nimport styleVariables from '../styles/variables.css?inline';\nimport sizeCSS from '../styles/size.css?inline';\nimport colorCSS from '../styles/color.css?inline';\nimport style from '../styles/components/spinner.css?inline';\nimport type { SpinnerColor, SpinnerSize, SpinnerVariant } from './defines';\n\n/**\n * Spinner — animated loading indicator.\n *\n * Supports two visual variants: a rotating ring (`border`, default) and\n * three bouncing dots (`dots`). Size and colour are driven by the shared\n * design-token system.\n *\n * @example\n * ```html\n * <ae-spinner></ae-spinner>\n * <ae-spinner variant=\"dots\" color=\"primary\" size=\"lg\"></ae-spinner>\n * <ae-spinner color=\"success\" speed=\"0.5s\" label=\"Saving…\"></ae-spinner>\n * ```\n */\nclass Spinner extends AeicoComponent {\n  static tagName = 'spinner';\n\n  @prop({ type: String })\n  accessor variant: SpinnerVariant = 'border';\n\n  @prop({ type: String })\n  accessor size: SpinnerSize = 'md';\n\n  @prop({ type: String })\n  accessor color: SpinnerColor = 'default';\n\n  @prop({ type: String })\n  accessor label: string = 'Loading…';\n\n  @prop({ type: String })\n  accessor speed: string | undefined;\n\n  protected static styles = [styleVariables, sizeCSS, colorCSS, style];\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'status');\n  }\n\n  protected render() {\n    this.setAttribute('aria-label', this.label);\n\n    if (this.speed) {\n      this.style.setProperty('--spinner-speed', this.speed);\n    } else {\n      this.style.removeProperty('--spinner-speed');\n    }\n\n    const isDots = this.variant === 'dots';\n\n    return html(({ span }) => {\n      span({ part: 'track', className: 'track', 'aria-hidden': 'true' }, () => {\n        if (isDots) {\n          span({ className: 'dot' });\n          span({ className: 'dot' });\n          span({ className: 'dot' });\n        }\n      });\n    });\n  }\n}\n\nSpinner.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-spinner': Spinner;\n  }\n}\n\nexport default Spinner;\nexport type SpinnerProps = InferProps<typeof Spinner>;\n"],"names":["AeicoComponent","prop","html","styleVariables","sizeCSS","colorCSS"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,YAAA,YAAA,YAAA,WAAA,cAAA,IAAA,OAAA,UAAA,OAAA,QAAA,QAAA;AAuBA,MAAM,iBAAgB,KAAAA,+BAGpB,eAAA,CAACC,WAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,YAAA,CAACA,MAAAA,KAAK,EAAE,MAAM,QAAQ,IAGtB,aAAA,CAACA,MAAAA,KAAK,EAAE,MAAM,QAAQ,CAAA,GAGtB,aAAA,CAACA,MAAAA,KAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,cAACA,WAAK,EAAE,MAAM,OAAA,CAAQ,IAfF,IAAe;AAAA,EAArC,cAAA;AAAA,UAAA,GAAA,SAAA;AAIE,iBAAA,MAAS,UAA0B,kBAAnC,OAAA,GAAA,MAAmC,QAAA,CAAA,GAAnC,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,OAAoB,kBAA7B,OAAA,IAAA,MAA6B,IAAA,CAAA,GAA7B,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,QAAsB,kBAA/B,OAAA,IAAA,MAA+B,SAAA,CAAA,GAA/B,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,QAAgB,kBAAzB,OAAA,IAAA,MAAyB,UAAA,CAAA,GAAzB,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,QAAT,kBAAA,OAAA,IAAA,IAAA,CAAA,GAAA,kBAAA,OAAA,IAAA,IAAA;AAAA,EAAA;AAAA,EAIA,oBAAoB;AAClB,UAAM,kBAAA;AACN,SAAK,aAAa,QAAQ,QAAQ;AAAA,EACpC;AAAA,EAEU,SAAS;AACjB,SAAK,aAAa,cAAc,KAAK,KAAK;AAE1C,QAAI,KAAK,OAAO;AACd,WAAK,MAAM,YAAY,mBAAmB,KAAK,KAAK;AAAA,IACtD,OAAO;AACL,WAAK,MAAM,eAAe,iBAAiB;AAAA,IAC7C;AAEA,UAAM,SAAS,KAAK,YAAY;AAEhC,WAAOC,MAAAA,KAAK,CAAC,EAAE,WAAW;AACxB,WAAK,EAAE,MAAM,SAAS,WAAW,SAAS,eAAe,OAAA,GAAU,MAAM;AACvE,YAAI,QAAQ;AACV,eAAK,EAAE,WAAW,OAAO;AACzB,eAAK,EAAE,WAAW,OAAO;AACzB,eAAK,EAAE,WAAW,OAAO;AAAA,QAC3B;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AA9CA,QAAA,iBAAA,EAAA;AAIW,WAAA,oBAAA,QAAA;AAGA,QAAA,oBAAA,QAAA;AAGA,SAAA,oBAAA,QAAA;AAGA,SAAA,oBAAA,QAAA;AAGA,SAAA,oBAAA,QAAA;AAZT,kBAAA,OAAA,GAAS,WADT,cAHI,SAIK,QAAA;AAGT,kBAAA,OAAA,GAAS,QADT,WANI,SAOK,KAAA;AAGT,kBAAA,OAAA,GAAS,SADT,YATI,SAUK,MAAA;AAGT,kBAAA,OAAA,GAAS,SADT,YAZI,SAaK,MAAA;AAGT,kBAAA,OAAA,GAAS,SADT,YAfI,SAgBK,MAAA;AAhBX,oBAAA,OAAM,OAAA;AACJ,cADI,SACG,WAAU,SAAA;AAiBjB,cAlBI,SAkBa,UAAS,CAACC,UAAAA,WAAgBC,KAAAA,SAASC,MAAAA,UAAU,KAAK,CAAA;AA8BrE,QAAQ,SAAA;;"}

package/dist/chunks/spinner.js

@@ -1,103 +0,0 @@
-import { A as AeicoComponent } from "./aeico-component.js";
-import { prop, html } from "aeico";
-import { v as variables } from "./variables.js";
-import { s as sizeCSS } from "./size.js";
-import { c as colorCSS } from "./color.js";
-const style = ':host {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  vertical-align: middle;\n  --spinner-size: 1.75em;\n  --spinner-thickness: 0.15em;\n  --spinner-color: var(--color-solid);\n  --spinner-track-color: var(--color-bg-subtle, rgba(0, 0, 0, 0.08));\n  --spinner-speed: 0.75s;\n}\n\n:host([size="xs"]) { font-size: 0.75rem; }\n:host([size="sm"]) { font-size: 0.875rem; }\n:host([size="md"]) { font-size: 1rem; }\n:host([size="lg"]) { font-size: 1.5rem; }\n\n.track {\n  display: inline-block;\n  width: var(--spinner-size);\n  height: var(--spinner-size);\n  border-radius: 50%;\n  border: var(--spinner-thickness) solid var(--spinner-track-color);\n  border-top-color: var(--spinner-color);\n  animation: ae-spin var(--spinner-speed) linear infinite;\n  box-sizing: border-box;\n}\n\n:host([variant="dots"]) .track {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: calc(var(--spinner-size) * 0.2);\n  width: auto;\n  height: var(--spinner-size);\n  border: none;\n  border-radius: 0;\n  animation: none;\n  background: transparent;\n}\n\n:host([variant="dots"]) .dot {\n  display: inline-block;\n  width: calc(var(--spinner-size) * 0.28);\n  height: calc(var(--spinner-size) * 0.28);\n  border-radius: 50%;\n  background: var(--spinner-color);\n  animation: ae-bounce var(--spinner-speed) ease-in-out infinite;\n}\n\n:host([variant="dots"]) .dot:nth-child(2) {\n  animation-delay: calc(var(--spinner-speed) / 6);\n}\n\n:host([variant="dots"]) .dot:nth-child(3) {\n  animation-delay: calc(var(--spinner-speed) / 3);\n}\n\n@keyframes ae-spin {\n  to { transform: rotate(360deg); }\n}\n\n@keyframes ae-bounce {\n  0%, 80%, 100% { transform: scale(0.6); opacity: 0.5; }\n  40%           { transform: scale(1);   opacity: 1;   }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .track {\n    animation: none;\n    border-top-color: var(--spinner-color);\n    opacity: 0.6;\n  }\n\n  :host([variant="dots"]) .dot {\n    animation: none;\n    opacity: 0.6;\n  }\n}\n';
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : 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 __decoratorStart = (base) => [, , , __create((base == null ? void 0 : 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++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
-  return value;
-};
-var __decorateElement = (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[k + 5];
-  var initializers = array[j - 1] = [], extraInitializers = array[j] || (array[j] = []);
-  var desc = (target = target.prototype, __getOwnPropDesc({ get [name]() {
-    return __privateGet(this, extra);
-  }, set [name](x) {
-    return __privateSet(this, extra, x);
-  } }, name));
-  for (var i = decorators.length - 1; i >= 0; i--) {
-    ctx = __decoratorContext(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(it) && (desc[key] = it);
-    else if (typeof it !== "object" || it === null) __typeError("Object expected");
-    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
-  }
-  return desc && __defProp(target, name, desc), target;
-};
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("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"), member.set(obj, value), value);
-var _speed_dec, _label_dec, _color_dec, _size_dec, _variant_dec, _a, _init, _variant, _size, _color, _label, _speed;
-class Spinner extends (_a = AeicoComponent, _variant_dec = [prop({ type: String })], _size_dec = [prop({ type: String })], _color_dec = [prop({ type: String })], _label_dec = [prop({ type: String })], _speed_dec = [prop({ type: String })], _a) {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _variant, __runInitializers(_init, 8, this, "border")), __runInitializers(_init, 11, this);
-    __privateAdd(this, _size, __runInitializers(_init, 12, this, "md")), __runInitializers(_init, 15, this);
-    __privateAdd(this, _color, __runInitializers(_init, 16, this, "default")), __runInitializers(_init, 19, this);
-    __privateAdd(this, _label, __runInitializers(_init, 20, this, "Loading…")), __runInitializers(_init, 23, this);
-    __privateAdd(this, _speed, __runInitializers(_init, 24, this)), __runInitializers(_init, 27, this);
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "status");
-  }
-  render() {
-    this.setAttribute("aria-label", this.label);
-    if (this.speed) {
-      this.style.setProperty("--spinner-speed", this.speed);
-    } else {
-      this.style.removeProperty("--spinner-speed");
-    }
-    const isDots = this.variant === "dots";
-    return html(({ span }) => {
-      span({ part: "track", className: "track", "aria-hidden": "true" }, () => {
-        if (isDots) {
-          span({ className: "dot" });
-          span({ className: "dot" });
-          span({ className: "dot" });
-        }
-      });
-    });
-  }
-}
-_init = __decoratorStart(_a);
-_variant = /* @__PURE__ */ new WeakMap();
-_size = /* @__PURE__ */ new WeakMap();
-_color = /* @__PURE__ */ new WeakMap();
-_label = /* @__PURE__ */ new WeakMap();
-_speed = /* @__PURE__ */ new WeakMap();
-__decorateElement(_init, 4, "variant", _variant_dec, Spinner, _variant);
-__decorateElement(_init, 4, "size", _size_dec, Spinner, _size);
-__decorateElement(_init, 4, "color", _color_dec, Spinner, _color);
-__decorateElement(_init, 4, "label", _label_dec, Spinner, _label);
-__decorateElement(_init, 4, "speed", _speed_dec, Spinner, _speed);
-__decoratorMetadata(_init, Spinner);
-__publicField(Spinner, "tagName", "spinner");
-__publicField(Spinner, "styles", [variables, sizeCSS, colorCSS, style]);
-Spinner.register();
-export {
-  Spinner as S
-};
-//# sourceMappingURL=spinner.js.map

package/dist/chunks/spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spinner.js","sources":["../../src/spinner/spinner.ts"],"sourcesContent":["import AeicoComponent from '../aeico-component';\nimport type { InferProps } from 'aeico';\nimport { html, prop } from 'aeico';\nimport styleVariables from '../styles/variables.css?inline';\nimport sizeCSS from '../styles/size.css?inline';\nimport colorCSS from '../styles/color.css?inline';\nimport style from '../styles/components/spinner.css?inline';\nimport type { SpinnerColor, SpinnerSize, SpinnerVariant } from './defines';\n\n/**\n * Spinner — animated loading indicator.\n *\n * Supports two visual variants: a rotating ring (`border`, default) and\n * three bouncing dots (`dots`). Size and colour are driven by the shared\n * design-token system.\n *\n * @example\n * ```html\n * <ae-spinner></ae-spinner>\n * <ae-spinner variant=\"dots\" color=\"primary\" size=\"lg\"></ae-spinner>\n * <ae-spinner color=\"success\" speed=\"0.5s\" label=\"Saving…\"></ae-spinner>\n * ```\n */\nclass Spinner extends AeicoComponent {\n  static tagName = 'spinner';\n\n  @prop({ type: String })\n  accessor variant: SpinnerVariant = 'border';\n\n  @prop({ type: String })\n  accessor size: SpinnerSize = 'md';\n\n  @prop({ type: String })\n  accessor color: SpinnerColor = 'default';\n\n  @prop({ type: String })\n  accessor label: string = 'Loading…';\n\n  @prop({ type: String })\n  accessor speed: string | undefined;\n\n  protected static styles = [styleVariables, sizeCSS, colorCSS, style];\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'status');\n  }\n\n  protected render() {\n    this.setAttribute('aria-label', this.label);\n\n    if (this.speed) {\n      this.style.setProperty('--spinner-speed', this.speed);\n    } else {\n      this.style.removeProperty('--spinner-speed');\n    }\n\n    const isDots = this.variant === 'dots';\n\n    return html(({ span }) => {\n      span({ part: 'track', className: 'track', 'aria-hidden': 'true' }, () => {\n        if (isDots) {\n          span({ className: 'dot' });\n          span({ className: 'dot' });\n          span({ className: 'dot' });\n        }\n      });\n    });\n  }\n}\n\nSpinner.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-spinner': Spinner;\n  }\n}\n\nexport default Spinner;\nexport type SpinnerProps = InferProps<typeof Spinner>;\n"],"names":["styleVariables"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,YAAA,YAAA,YAAA,WAAA,cAAA,IAAA,OAAA,UAAA,OAAA,QAAA,QAAA;AAuBA,MAAM,iBAAgB,KAAA,gBAGpB,eAAA,CAAC,KAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,YAAA,CAAC,KAAK,EAAE,MAAM,QAAQ,IAGtB,aAAA,CAAC,KAAK,EAAE,MAAM,QAAQ,CAAA,GAGtB,aAAA,CAAC,KAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,cAAC,KAAK,EAAE,MAAM,OAAA,CAAQ,IAfF,IAAe;AAAA,EAArC,cAAA;AAAA,UAAA,GAAA,SAAA;AAIE,iBAAA,MAAS,UAA0B,kBAAnC,OAAA,GAAA,MAAmC,QAAA,CAAA,GAAnC,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,OAAoB,kBAA7B,OAAA,IAAA,MAA6B,IAAA,CAAA,GAA7B,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,QAAsB,kBAA/B,OAAA,IAAA,MAA+B,SAAA,CAAA,GAA/B,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,QAAgB,kBAAzB,OAAA,IAAA,MAAyB,UAAA,CAAA,GAAzB,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,QAAT,kBAAA,OAAA,IAAA,IAAA,CAAA,GAAA,kBAAA,OAAA,IAAA,IAAA;AAAA,EAAA;AAAA,EAIA,oBAAoB;AAClB,UAAM,kBAAA;AACN,SAAK,aAAa,QAAQ,QAAQ;AAAA,EACpC;AAAA,EAEU,SAAS;AACjB,SAAK,aAAa,cAAc,KAAK,KAAK;AAE1C,QAAI,KAAK,OAAO;AACd,WAAK,MAAM,YAAY,mBAAmB,KAAK,KAAK;AAAA,IACtD,OAAO;AACL,WAAK,MAAM,eAAe,iBAAiB;AAAA,IAC7C;AAEA,UAAM,SAAS,KAAK,YAAY;AAEhC,WAAO,KAAK,CAAC,EAAE,WAAW;AACxB,WAAK,EAAE,MAAM,SAAS,WAAW,SAAS,eAAe,OAAA,GAAU,MAAM;AACvE,YAAI,QAAQ;AACV,eAAK,EAAE,WAAW,OAAO;AACzB,eAAK,EAAE,WAAW,OAAO;AACzB,eAAK,EAAE,WAAW,OAAO;AAAA,QAC3B;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AA9CA,QAAA,iBAAA,EAAA;AAIW,WAAA,oBAAA,QAAA;AAGA,QAAA,oBAAA,QAAA;AAGA,SAAA,oBAAA,QAAA;AAGA,SAAA,oBAAA,QAAA;AAGA,SAAA,oBAAA,QAAA;AAZT,kBAAA,OAAA,GAAS,WADT,cAHI,SAIK,QAAA;AAGT,kBAAA,OAAA,GAAS,QADT,WANI,SAOK,KAAA;AAGT,kBAAA,OAAA,GAAS,SADT,YATI,SAUK,MAAA;AAGT,kBAAA,OAAA,GAAS,SADT,YAZI,SAaK,MAAA;AAGT,kBAAA,OAAA,GAAS,SADT,YAfI,SAgBK,MAAA;AAhBX,oBAAA,OAAM,OAAA;AACJ,cADI,SACG,WAAU,SAAA;AAiBjB,cAlBI,SAkBa,UAAS,CAACA,WAAgB,SAAS,UAAU,KAAK,CAAA;AA8BrE,QAAQ,SAAA;"}

package/dist/chunks/switch.cjs

@@ -1,167 +0,0 @@
-"use strict";
-const actionButton = require("./action-button.cjs");
-const aeico = require("aeico");
-const variables = require("./variables.cjs");
-const size = require("./size.cjs");
-const color = require("./color.cjs");
-const styles = ":host {\n  display: block;\n  font-size: var(--size-base);\n\n  --switch-field-gap: 4px;\n\n  --toggle-width:       2.667em;\n  --toggle-height:      1.333em;\n  --toggle-slider-size: 1em;\n  --toggle-gap:         calc((var(--toggle-height) - var(--toggle-slider-size)) / 2);\n  --toggle-border-radius: calc(var(--toggle-height) / 2);\n  --toggle-bg:          var(--color-gray);\n  --toggle-bg-checked:  var(--color-solid);\n  --toggle-slider-bg:   white;\n  --toggle-transition:  0.2s;\n\n  /* Default color when no [color] attribute — overridden by color.css :host([color=...]) */\n  --color-solid: var(--color-primary);\n}\n\n.switch-container {\n  display: flex;\n  align-items: center;\n  gap: var(--switch-field-gap);\n}\n\n.switch-wrapper {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  width: var(--toggle-width);\n  height: var(--toggle-height);\n  flex-shrink: 0;\n}\n\n.field-input {\n  position: absolute;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  margin: 0;\n  z-index: 1;\n  border: none;\n  border-radius: 0;\n  background: none;\n  accent-color: unset;\n}\n\n.field-input:disabled {\n  cursor: not-allowed;\n}\n\n.toggle-slider {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--toggle-bg);\n  border-radius: var(--toggle-border-radius);\n  transition: var(--toggle-transition);\n  pointer-events: none;\n}\n\n.toggle-slider::before {\n  content: '';\n  position: absolute;\n  height: var(--toggle-slider-size);\n  width: var(--toggle-slider-size);\n  left: var(--toggle-gap);\n  top: var(--toggle-gap);\n  background: var(--toggle-slider-bg);\n  border-radius: 50%;\n  transition: var(--toggle-transition);\n}\n\n.field-input:checked + .toggle-slider {\n  background: var(--toggle-bg-checked);\n}\n\n.field-input:checked + .toggle-slider::before {\n  transform: translateX(calc(var(--toggle-width) - var(--toggle-height)));\n}\n\n.field-input:disabled + .toggle-slider {\n  opacity: 0.5;\n  pointer-events: auto;\n}\n\n/* ===== Icon size override ===== */\n/* ae-icon shadow DOM sets :host { font-size: 20px }, external styles beat it.\n   Font-size on the CONTAINER span must NOT be set here — doing so causes\n   double-multiplying (container 0.72× then ae-icon 0.72× again = tiny icons).\n   Only the ae-icon element itself is targeted. */\n.toggle-knob-icon ae-icon,\n.track-icon ae-icon {\n  font-size: var(--toggle-icon-size, calc(var(--toggle-slider-size) * 0.72));\n  width: 1em;\n  height: 1em;\n}\n\n/* ===== Knob icons ===== */\n.toggle-knob-icon {\n  position: absolute;\n  height: var(--toggle-slider-size);\n  width: var(--toggle-slider-size);\n  left: var(--toggle-gap);\n  top: var(--toggle-gap);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  color: var(--toggle-knob-icon-color, rgba(0, 0, 0, 0.6));\n  transition: var(--toggle-transition);\n}\n\n.field-input:checked + .toggle-slider .toggle-knob-icon {\n  transform: translateX(calc(var(--toggle-width) - var(--toggle-height)));\n}\n\n.toggle-knob-icon.icon-checked {\n  opacity: 0;\n}\n\n.field-input:checked + .toggle-slider .toggle-knob-icon.icon-checked {\n  opacity: 1;\n}\n\n.field-input:checked + .toggle-slider .toggle-knob-icon.icon-unchecked {\n  opacity: 0;\n}\n\n/* ===== Track icons ===== */\n/* Positioned at the same location as the knob in each state (the circular ends),\n   so the icon appears to live inside the circle, not on the flat track sides. */\n.track-icon {\n  position: absolute;\n  top: var(--toggle-gap);\n  width: var(--toggle-slider-size);\n  height: var(--toggle-slider-size);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  color: var(--toggle-track-icon-color, white);\n  transition: opacity var(--toggle-transition);\n}\n\n.track-icon-left {\n  left: var(--toggle-gap);\n  opacity: 0;\n}\n\n.track-icon-right {\n  right: var(--toggle-gap);\n  opacity: 1;\n}\n\n.field-input:checked + .toggle-slider .track-icon-left {\n  opacity: 1;\n}\n\n.field-input:checked + .toggle-slider .track-icon-right {\n  opacity: 0;\n}\n";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : 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 __decoratorStart = (base) => [, , , __create((base == null ? void 0 : 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++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
-  return value;
-};
-var __decorateElement = (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[k + 5];
-  var initializers = array[j - 1] = [], extraInitializers = array[j] || (array[j] = []);
-  var desc = (target = target.prototype, __getOwnPropDesc({ get [name]() {
-    return __privateGet(this, extra);
-  }, set [name](x) {
-    return __privateSet(this, extra, x);
-  } }, name));
-  for (var i = decorators.length - 1; i >= 0; i--) {
-    ctx = __decoratorContext(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(it) && (desc[key] = it);
-    else if (typeof it !== "object" || it === null) __typeError("Object expected");
-    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
-  }
-  return desc && __defProp(target, name, desc), target;
-};
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("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"), member.set(obj, value), value);
-var _iconPlacement_dec, _iconChecked_dec, _icon_dec, _defaultChecked_dec, _checked_dec, _a, _init, _checked, _defaultChecked, _icon, _iconChecked, _iconPlacement;
-class Switch extends (_a = actionButton.AeicoField, _checked_dec = [aeico.prop({ type: Boolean })], _defaultChecked_dec = [aeico.prop({ type: Boolean })], _icon_dec = [aeico.prop({ type: String })], _iconChecked_dec = [aeico.prop({ type: String })], _iconPlacement_dec = [aeico.prop({ type: String })], _a) {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "fieldElement", null);
-    __privateAdd(this, _checked, __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
-    __privateAdd(this, _defaultChecked, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
-    __privateAdd(this, _icon, __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
-    __privateAdd(this, _iconChecked, __runInitializers(_init, 20, this)), __runInitializers(_init, 23, this);
-    __privateAdd(this, _iconPlacement, __runInitializers(_init, 24, this)), __runInitializers(_init, 27, this);
-  }
-  getValue() {
-    var _a2;
-    return ((_a2 = this.fieldElement) == null ? void 0 : _a2.checked) ?? false;
-  }
-  writeValue(checked) {
-    if (this.fieldElement) {
-      this.fieldElement.checked = Boolean(checked);
-    }
-  }
-  getEventPayload(checked, oldChecked, action) {
-    return { checked, oldChecked, action };
-  }
-  setValue(checked, options) {
-    const oldChecked = this.getValue();
-    this.checked = checked;
-    this.writeValue(checked);
-    if ((options == null ? void 0 : options.silent) === false) {
-      this.emit("change", {
-        detail: this.getEventPayload(checked, oldChecked, options.action || "change")
-      });
-    }
-  }
-  reset(checked, options) {
-    this.setValue(checked !== void 0 ? checked : this.defaultChecked ?? false, {
-      ...options,
-      action: "reset"
-    });
-  }
-  clear(options) {
-    this.setValue(false, { ...options, action: "clear" });
-  }
-  render() {
-    return aeico.html(({ div, input, span, aeIcon }) => {
-      const id = this.getFieldId();
-      this.renderLabel(id);
-      div({ className: "switch-container field-body" }, () => {
-        div({ className: "switch-wrapper" }, () => {
-          this.fieldElement = input({
-            id,
-            type: "checkbox",
-            className: "field-input",
-            checked: Boolean(this.checked),
-            disabled: Boolean(this.disabled),
-            required: Boolean(this.required),
-            "@change": this.boundOnChange
-          });
-          const hasIcon = this.icon || this.iconChecked;
-          const placement = this.iconPlacement ?? "knob";
-          span({ className: "toggle-slider" }, () => {
-            if (!hasIcon) return;
-            if (placement === "track") {
-              span({ className: "track-icon track-icon-left" }, () => {
-                aeIcon({ name: this.iconChecked ?? this.icon });
-              });
-              span({ className: "track-icon track-icon-right" }, () => {
-                aeIcon({ name: this.icon ?? this.iconChecked });
-              });
-            } else {
-              if (this.icon && this.iconChecked) {
-                span({ className: "toggle-knob-icon icon-unchecked" }, () => {
-                  aeIcon({ name: this.icon });
-                });
-                span({ className: "toggle-knob-icon icon-checked" }, () => {
-                  aeIcon({ name: this.iconChecked });
-                });
-              } else {
-                span({ className: "toggle-knob-icon" }, () => {
-                  aeIcon({ name: this.icon ?? this.iconChecked });
-                });
-              }
-            }
-          });
-        });
-        this.renderActionButtons();
-      });
-      this.renderHelperText();
-      this.renderError();
-    });
-  }
-}
-_init = __decoratorStart(_a);
-_checked = /* @__PURE__ */ new WeakMap();
-_defaultChecked = /* @__PURE__ */ new WeakMap();
-_icon = /* @__PURE__ */ new WeakMap();
-_iconChecked = /* @__PURE__ */ new WeakMap();
-_iconPlacement = /* @__PURE__ */ new WeakMap();
-__decorateElement(_init, 4, "checked", _checked_dec, Switch, _checked);
-__decorateElement(_init, 4, "defaultChecked", _defaultChecked_dec, Switch, _defaultChecked);
-__decorateElement(_init, 4, "icon", _icon_dec, Switch, _icon);
-__decorateElement(_init, 4, "iconChecked", _iconChecked_dec, Switch, _iconChecked);
-__decorateElement(_init, 4, "iconPlacement", _iconPlacement_dec, Switch, _iconPlacement);
-__decoratorMetadata(_init, Switch);
-__publicField(Switch, "tagName", "switch");
-__publicField(Switch, "styles", [
-  variables.variables,
-  size.sizeCSS,
-  color.colorCSS,
-  actionButton.fieldLabelCSS,
-  actionButton.actionButtonCSS,
-  styles
-]);
-Switch.register();
-exports.Switch = Switch;
-//# sourceMappingURL=switch.cjs.map

package/dist/chunks/switch.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch.cjs","sources":["../../src/switch/switch.ts"],"sourcesContent":["import AeicoField, { type FieldAction } from '../aeico-field';\nimport type { InferProps } from 'aeico';\nimport { html, prop } from 'aeico';\nimport type { SwitchIconPlacement } from './defines';\nimport '../icon/icon';\nimport styleVariables from '../styles/variables.css?inline';\nimport sizeCSS from '../styles/size.css?inline';\nimport colorCSS from '../styles/color.css?inline';\nimport fieldLabelCSS from '../styles/components/field-label.css?inline';\nimport actionButtonCSS from '../styles/components/action-button.css?inline';\nimport styles from '../styles/components/switch.css?inline';\n\nclass Switch extends AeicoField<boolean> {\n  protected fieldElement: HTMLInputElement | null = null;\n\n  static tagName = 'switch';\n\n  @prop({ type: Boolean })\n  accessor checked: boolean | undefined;\n\n  @prop({ type: Boolean })\n  accessor defaultChecked: boolean | undefined;\n\n  @prop({ type: String })\n  accessor icon: string | undefined;\n\n  @prop({ type: String })\n  accessor iconChecked: string | undefined;\n\n  @prop({ type: String })\n  accessor iconPlacement: SwitchIconPlacement | undefined;\n\n  protected static styles = [\n    styleVariables,\n    sizeCSS,\n    colorCSS,\n    fieldLabelCSS,\n    actionButtonCSS,\n    styles,\n  ];\n\n  protected getValue(): boolean {\n    return this.fieldElement?.checked ?? false;\n  }\n\n  protected writeValue(checked: boolean): void {\n    if (this.fieldElement) {\n      this.fieldElement.checked = Boolean(checked);\n    }\n  }\n\n  protected getEventPayload(checked: boolean, oldChecked: boolean, action: FieldAction) {\n    return { checked, oldChecked, action };\n  }\n\n  protected setValue(checked: boolean, options?: { silent?: boolean; action?: FieldAction }): void {\n    const oldChecked = this.getValue();\n    this.checked = checked;\n    this.writeValue(checked);\n    if (options?.silent === false) {\n      this.emit('change', {\n        detail: this.getEventPayload(checked, oldChecked, options.action || 'change'),\n      });\n    }\n  }\n\n  public reset(checked?: boolean, options?: { silent?: boolean }): void {\n    this.setValue(checked !== undefined ? checked : (this.defaultChecked ?? false), {\n      ...options,\n      action: 'reset',\n    });\n  }\n\n  public clear(options?: { silent?: boolean }): void {\n    this.setValue(false, { ...options, action: 'clear' });\n  }\n\n  render() {\n    return html(({ div, input, span, aeIcon }) => {\n      const id = this.getFieldId();\n      this.renderLabel(id);\n      div({ className: 'switch-container field-body' }, () => {\n        div({ className: 'switch-wrapper' }, () => {\n          this.fieldElement = input({\n            id,\n            type: 'checkbox',\n            className: 'field-input',\n            checked: Boolean(this.checked),\n            disabled: Boolean(this.disabled),\n            required: Boolean(this.required),\n            '@change': this.boundOnChange,\n          });\n          const hasIcon = this.icon || this.iconChecked;\n          const placement = this.iconPlacement ?? 'knob';\n          span({ className: 'toggle-slider' }, () => {\n            if (!hasIcon) return;\n            if (placement === 'track') {\n              span({ className: 'track-icon track-icon-left' }, () => {\n                aeIcon({ name: this.iconChecked ?? this.icon! });\n              });\n              span({ className: 'track-icon track-icon-right' }, () => {\n                aeIcon({ name: this.icon ?? this.iconChecked! });\n              });\n            } else {\n              if (this.icon && this.iconChecked) {\n                span({ className: 'toggle-knob-icon icon-unchecked' }, () => {\n                  aeIcon({ name: this.icon! });\n                });\n                span({ className: 'toggle-knob-icon icon-checked' }, () => {\n                  aeIcon({ name: this.iconChecked! });\n                });\n              } else {\n                span({ className: 'toggle-knob-icon' }, () => {\n                  aeIcon({ name: (this.icon ?? this.iconChecked)! });\n                });\n              }\n            }\n          });\n        });\n        this.renderActionButtons();\n      });\n      this.renderHelperText();\n      this.renderError();\n    });\n  }\n}\n\nSwitch.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-switch': Switch;\n  }\n}\n\nexport default Switch;\nexport type SwitchProps = InferProps<typeof Switch>;\n"],"names":["AeicoField","prop","_a","html","styleVariables","sizeCSS","colorCSS","fieldLabelCSS","actionButtonCSS"],"mappings":"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"}

package/dist/chunks/switch.js

@@ -1,168 +0,0 @@
-import { A as AeicoField, f as fieldLabelCSS, a as actionButtonCSS } from "./action-button.js";
-import { prop, html } from "aeico";
-import { v as variables } from "./variables.js";
-import { s as sizeCSS } from "./size.js";
-import { c as colorCSS } from "./color.js";
-const styles = ":host {\n  display: block;\n  font-size: var(--size-base);\n\n  --switch-field-gap: 4px;\n\n  --toggle-width:       2.667em;\n  --toggle-height:      1.333em;\n  --toggle-slider-size: 1em;\n  --toggle-gap:         calc((var(--toggle-height) - var(--toggle-slider-size)) / 2);\n  --toggle-border-radius: calc(var(--toggle-height) / 2);\n  --toggle-bg:          var(--color-gray);\n  --toggle-bg-checked:  var(--color-solid);\n  --toggle-slider-bg:   white;\n  --toggle-transition:  0.2s;\n\n  /* Default color when no [color] attribute — overridden by color.css :host([color=...]) */\n  --color-solid: var(--color-primary);\n}\n\n.switch-container {\n  display: flex;\n  align-items: center;\n  gap: var(--switch-field-gap);\n}\n\n.switch-wrapper {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  width: var(--toggle-width);\n  height: var(--toggle-height);\n  flex-shrink: 0;\n}\n\n.field-input {\n  position: absolute;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  margin: 0;\n  z-index: 1;\n  border: none;\n  border-radius: 0;\n  background: none;\n  accent-color: unset;\n}\n\n.field-input:disabled {\n  cursor: not-allowed;\n}\n\n.toggle-slider {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--toggle-bg);\n  border-radius: var(--toggle-border-radius);\n  transition: var(--toggle-transition);\n  pointer-events: none;\n}\n\n.toggle-slider::before {\n  content: '';\n  position: absolute;\n  height: var(--toggle-slider-size);\n  width: var(--toggle-slider-size);\n  left: var(--toggle-gap);\n  top: var(--toggle-gap);\n  background: var(--toggle-slider-bg);\n  border-radius: 50%;\n  transition: var(--toggle-transition);\n}\n\n.field-input:checked + .toggle-slider {\n  background: var(--toggle-bg-checked);\n}\n\n.field-input:checked + .toggle-slider::before {\n  transform: translateX(calc(var(--toggle-width) - var(--toggle-height)));\n}\n\n.field-input:disabled + .toggle-slider {\n  opacity: 0.5;\n  pointer-events: auto;\n}\n\n/* ===== Icon size override ===== */\n/* ae-icon shadow DOM sets :host { font-size: 20px }, external styles beat it.\n   Font-size on the CONTAINER span must NOT be set here — doing so causes\n   double-multiplying (container 0.72× then ae-icon 0.72× again = tiny icons).\n   Only the ae-icon element itself is targeted. */\n.toggle-knob-icon ae-icon,\n.track-icon ae-icon {\n  font-size: var(--toggle-icon-size, calc(var(--toggle-slider-size) * 0.72));\n  width: 1em;\n  height: 1em;\n}\n\n/* ===== Knob icons ===== */\n.toggle-knob-icon {\n  position: absolute;\n  height: var(--toggle-slider-size);\n  width: var(--toggle-slider-size);\n  left: var(--toggle-gap);\n  top: var(--toggle-gap);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  color: var(--toggle-knob-icon-color, rgba(0, 0, 0, 0.6));\n  transition: var(--toggle-transition);\n}\n\n.field-input:checked + .toggle-slider .toggle-knob-icon {\n  transform: translateX(calc(var(--toggle-width) - var(--toggle-height)));\n}\n\n.toggle-knob-icon.icon-checked {\n  opacity: 0;\n}\n\n.field-input:checked + .toggle-slider .toggle-knob-icon.icon-checked {\n  opacity: 1;\n}\n\n.field-input:checked + .toggle-slider .toggle-knob-icon.icon-unchecked {\n  opacity: 0;\n}\n\n/* ===== Track icons ===== */\n/* Positioned at the same location as the knob in each state (the circular ends),\n   so the icon appears to live inside the circle, not on the flat track sides. */\n.track-icon {\n  position: absolute;\n  top: var(--toggle-gap);\n  width: var(--toggle-slider-size);\n  height: var(--toggle-slider-size);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  color: var(--toggle-track-icon-color, white);\n  transition: opacity var(--toggle-transition);\n}\n\n.track-icon-left {\n  left: var(--toggle-gap);\n  opacity: 0;\n}\n\n.track-icon-right {\n  right: var(--toggle-gap);\n  opacity: 1;\n}\n\n.field-input:checked + .toggle-slider .track-icon-left {\n  opacity: 1;\n}\n\n.field-input:checked + .toggle-slider .track-icon-right {\n  opacity: 0;\n}\n";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : 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 __decoratorStart = (base) => [, , , __create((base == null ? void 0 : 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++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
-  return value;
-};
-var __decorateElement = (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[k + 5];
-  var initializers = array[j - 1] = [], extraInitializers = array[j] || (array[j] = []);
-  var desc = (target = target.prototype, __getOwnPropDesc({ get [name]() {
-    return __privateGet(this, extra);
-  }, set [name](x) {
-    return __privateSet(this, extra, x);
-  } }, name));
-  for (var i = decorators.length - 1; i >= 0; i--) {
-    ctx = __decoratorContext(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(it) && (desc[key] = it);
-    else if (typeof it !== "object" || it === null) __typeError("Object expected");
-    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
-  }
-  return desc && __defProp(target, name, desc), target;
-};
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("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"), member.set(obj, value), value);
-var _iconPlacement_dec, _iconChecked_dec, _icon_dec, _defaultChecked_dec, _checked_dec, _a, _init, _checked, _defaultChecked, _icon, _iconChecked, _iconPlacement;
-class Switch extends (_a = AeicoField, _checked_dec = [prop({ type: Boolean })], _defaultChecked_dec = [prop({ type: Boolean })], _icon_dec = [prop({ type: String })], _iconChecked_dec = [prop({ type: String })], _iconPlacement_dec = [prop({ type: String })], _a) {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "fieldElement", null);
-    __privateAdd(this, _checked, __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
-    __privateAdd(this, _defaultChecked, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
-    __privateAdd(this, _icon, __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
-    __privateAdd(this, _iconChecked, __runInitializers(_init, 20, this)), __runInitializers(_init, 23, this);
-    __privateAdd(this, _iconPlacement, __runInitializers(_init, 24, this)), __runInitializers(_init, 27, this);
-  }
-  getValue() {
-    var _a2;
-    return ((_a2 = this.fieldElement) == null ? void 0 : _a2.checked) ?? false;
-  }
-  writeValue(checked) {
-    if (this.fieldElement) {
-      this.fieldElement.checked = Boolean(checked);
-    }
-  }
-  getEventPayload(checked, oldChecked, action) {
-    return { checked, oldChecked, action };
-  }
-  setValue(checked, options) {
-    const oldChecked = this.getValue();
-    this.checked = checked;
-    this.writeValue(checked);
-    if ((options == null ? void 0 : options.silent) === false) {
-      this.emit("change", {
-        detail: this.getEventPayload(checked, oldChecked, options.action || "change")
-      });
-    }
-  }
-  reset(checked, options) {
-    this.setValue(checked !== void 0 ? checked : this.defaultChecked ?? false, {
-      ...options,
-      action: "reset"
-    });
-  }
-  clear(options) {
-    this.setValue(false, { ...options, action: "clear" });
-  }
-  render() {
-    return html(({ div, input, span, aeIcon }) => {
-      const id = this.getFieldId();
-      this.renderLabel(id);
-      div({ className: "switch-container field-body" }, () => {
-        div({ className: "switch-wrapper" }, () => {
-          this.fieldElement = input({
-            id,
-            type: "checkbox",
-            className: "field-input",
-            checked: Boolean(this.checked),
-            disabled: Boolean(this.disabled),
-            required: Boolean(this.required),
-            "@change": this.boundOnChange
-          });
-          const hasIcon = this.icon || this.iconChecked;
-          const placement = this.iconPlacement ?? "knob";
-          span({ className: "toggle-slider" }, () => {
-            if (!hasIcon) return;
-            if (placement === "track") {
-              span({ className: "track-icon track-icon-left" }, () => {
-                aeIcon({ name: this.iconChecked ?? this.icon });
-              });
-              span({ className: "track-icon track-icon-right" }, () => {
-                aeIcon({ name: this.icon ?? this.iconChecked });
-              });
-            } else {
-              if (this.icon && this.iconChecked) {
-                span({ className: "toggle-knob-icon icon-unchecked" }, () => {
-                  aeIcon({ name: this.icon });
-                });
-                span({ className: "toggle-knob-icon icon-checked" }, () => {
-                  aeIcon({ name: this.iconChecked });
-                });
-              } else {
-                span({ className: "toggle-knob-icon" }, () => {
-                  aeIcon({ name: this.icon ?? this.iconChecked });
-                });
-              }
-            }
-          });
-        });
-        this.renderActionButtons();
-      });
-      this.renderHelperText();
-      this.renderError();
-    });
-  }
-}
-_init = __decoratorStart(_a);
-_checked = /* @__PURE__ */ new WeakMap();
-_defaultChecked = /* @__PURE__ */ new WeakMap();
-_icon = /* @__PURE__ */ new WeakMap();
-_iconChecked = /* @__PURE__ */ new WeakMap();
-_iconPlacement = /* @__PURE__ */ new WeakMap();
-__decorateElement(_init, 4, "checked", _checked_dec, Switch, _checked);
-__decorateElement(_init, 4, "defaultChecked", _defaultChecked_dec, Switch, _defaultChecked);
-__decorateElement(_init, 4, "icon", _icon_dec, Switch, _icon);
-__decorateElement(_init, 4, "iconChecked", _iconChecked_dec, Switch, _iconChecked);
-__decorateElement(_init, 4, "iconPlacement", _iconPlacement_dec, Switch, _iconPlacement);
-__decoratorMetadata(_init, Switch);
-__publicField(Switch, "tagName", "switch");
-__publicField(Switch, "styles", [
-  variables,
-  sizeCSS,
-  colorCSS,
-  fieldLabelCSS,
-  actionButtonCSS,
-  styles
-]);
-Switch.register();
-export {
-  Switch as S
-};
-//# sourceMappingURL=switch.js.map

package/dist/chunks/switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch.js","sources":["../../src/switch/switch.ts"],"sourcesContent":["import AeicoField, { type FieldAction } from '../aeico-field';\nimport type { InferProps } from 'aeico';\nimport { html, prop } from 'aeico';\nimport type { SwitchIconPlacement } from './defines';\nimport '../icon/icon';\nimport styleVariables from '../styles/variables.css?inline';\nimport sizeCSS from '../styles/size.css?inline';\nimport colorCSS from '../styles/color.css?inline';\nimport fieldLabelCSS from '../styles/components/field-label.css?inline';\nimport actionButtonCSS from '../styles/components/action-button.css?inline';\nimport styles from '../styles/components/switch.css?inline';\n\nclass Switch extends AeicoField<boolean> {\n  protected fieldElement: HTMLInputElement | null = null;\n\n  static tagName = 'switch';\n\n  @prop({ type: Boolean })\n  accessor checked: boolean | undefined;\n\n  @prop({ type: Boolean })\n  accessor defaultChecked: boolean | undefined;\n\n  @prop({ type: String })\n  accessor icon: string | undefined;\n\n  @prop({ type: String })\n  accessor iconChecked: string | undefined;\n\n  @prop({ type: String })\n  accessor iconPlacement: SwitchIconPlacement | undefined;\n\n  protected static styles = [\n    styleVariables,\n    sizeCSS,\n    colorCSS,\n    fieldLabelCSS,\n    actionButtonCSS,\n    styles,\n  ];\n\n  protected getValue(): boolean {\n    return this.fieldElement?.checked ?? false;\n  }\n\n  protected writeValue(checked: boolean): void {\n    if (this.fieldElement) {\n      this.fieldElement.checked = Boolean(checked);\n    }\n  }\n\n  protected getEventPayload(checked: boolean, oldChecked: boolean, action: FieldAction) {\n    return { checked, oldChecked, action };\n  }\n\n  protected setValue(checked: boolean, options?: { silent?: boolean; action?: FieldAction }): void {\n    const oldChecked = this.getValue();\n    this.checked = checked;\n    this.writeValue(checked);\n    if (options?.silent === false) {\n      this.emit('change', {\n        detail: this.getEventPayload(checked, oldChecked, options.action || 'change'),\n      });\n    }\n  }\n\n  public reset(checked?: boolean, options?: { silent?: boolean }): void {\n    this.setValue(checked !== undefined ? checked : (this.defaultChecked ?? false), {\n      ...options,\n      action: 'reset',\n    });\n  }\n\n  public clear(options?: { silent?: boolean }): void {\n    this.setValue(false, { ...options, action: 'clear' });\n  }\n\n  render() {\n    return html(({ div, input, span, aeIcon }) => {\n      const id = this.getFieldId();\n      this.renderLabel(id);\n      div({ className: 'switch-container field-body' }, () => {\n        div({ className: 'switch-wrapper' }, () => {\n          this.fieldElement = input({\n            id,\n            type: 'checkbox',\n            className: 'field-input',\n            checked: Boolean(this.checked),\n            disabled: Boolean(this.disabled),\n            required: Boolean(this.required),\n            '@change': this.boundOnChange,\n          });\n          const hasIcon = this.icon || this.iconChecked;\n          const placement = this.iconPlacement ?? 'knob';\n          span({ className: 'toggle-slider' }, () => {\n            if (!hasIcon) return;\n            if (placement === 'track') {\n              span({ className: 'track-icon track-icon-left' }, () => {\n                aeIcon({ name: this.iconChecked ?? this.icon! });\n              });\n              span({ className: 'track-icon track-icon-right' }, () => {\n                aeIcon({ name: this.icon ?? this.iconChecked! });\n              });\n            } else {\n              if (this.icon && this.iconChecked) {\n                span({ className: 'toggle-knob-icon icon-unchecked' }, () => {\n                  aeIcon({ name: this.icon! });\n                });\n                span({ className: 'toggle-knob-icon icon-checked' }, () => {\n                  aeIcon({ name: this.iconChecked! });\n                });\n              } else {\n                span({ className: 'toggle-knob-icon' }, () => {\n                  aeIcon({ name: (this.icon ?? this.iconChecked)! });\n                });\n              }\n            }\n          });\n        });\n        this.renderActionButtons();\n      });\n      this.renderHelperText();\n      this.renderError();\n    });\n  }\n}\n\nSwitch.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-switch': Switch;\n  }\n}\n\nexport default Switch;\nexport type SwitchProps = InferProps<typeof Switch>;\n"],"names":["_a","styleVariables"],"mappings":"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"}