aeico-components 0.1.6 → 0.1.8

package/dist/chunks/divider.cjs

@@ -1,80 +0,0 @@
-"use strict";
-const aeicoComponent = require("./aeico-component.cjs");
-const variables = require("./variables.cjs");
-const color = require("./color.cjs");
-const aeico = require("aeico");
-const style = ":host {\n  display: block;\n  width: 100%;\n  height: var(--thickness, 1px);\n  flex-shrink: 0;\n\n  /* Override colorCSS default --color-border from gray to the subtle border token */\n  --color-border: var(--border-default);\n\n  background: var(--color-border);\n}\n\n:host([vertical]) {\n  display: inline-block;\n  width: var(--thickness, 1px);\n  height: 1lh;\n  vertical-align: middle;\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 _color_dec, _thickness_dec, _vertical_dec, _a, _init, _vertical, _thickness, _color;
-class Divider extends (_a = aeicoComponent.AeicoComponent, _vertical_dec = [aeico.prop({ type: Boolean })], _thickness_dec = [aeico.prop({ type: String })], _color_dec = [aeico.prop({ type: String })], _a) {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _vertical, __runInitializers(_init, 8, this, false)), __runInitializers(_init, 11, this);
-    __privateAdd(this, _thickness, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
-    __privateAdd(this, _color, __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
-  }
-  render() {
-    if (this.thickness) {
-      this.style.setProperty("--thickness", this.thickness);
-    } else {
-      this.style.removeProperty("--thickness");
-    }
-  }
-}
-_init = __decoratorStart(_a);
-_vertical = /* @__PURE__ */ new WeakMap();
-_thickness = /* @__PURE__ */ new WeakMap();
-_color = /* @__PURE__ */ new WeakMap();
-__decorateElement(_init, 4, "vertical", _vertical_dec, Divider, _vertical);
-__decorateElement(_init, 4, "thickness", _thickness_dec, Divider, _thickness);
-__decorateElement(_init, 4, "color", _color_dec, Divider, _color);
-__decoratorMetadata(_init, Divider);
-__publicField(Divider, "tagName", "divider");
-__publicField(Divider, "styles", [variables.variables, color.colorCSS, style]);
-Divider.register();
-exports.Divider = Divider;
-//# sourceMappingURL=divider.cjs.map

package/dist/chunks/divider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.cjs","sources":["../../src/divider/divider.ts"],"sourcesContent":["import AeicoComponent from '../aeico-component';\nimport type { InferProps } from 'aeico';\nimport styleVariables from '../styles/variables.css?inline';\nimport colorCSS from '../styles/color.css?inline';\nimport style from '../styles/components/divider.css?inline';\nimport { prop } from 'aeico';\n/**\n * A simple divider component that can be used to separate content. It supports both horizontal and vertical orientations, as well as customizable thickness and color.\n * @example\n * ```html\n * <ae-divider></ae-divider>\n * <ae-divider vertical></ae-divider>\n * <ae-divider thickness=\"4px\" color=\"primary\"></ae-divider>\n * ```\n * @props\n * - `vertical` (boolean): If true, the divider will be vertical. Default is false (horizontal).\n * - `thickness` (string): Custom thickness for the divider (e.g., \"2px\", \"0.5rem\"). If not provided, it will use the default thickness defined in CSS.\n * - `color` (string): Color variant for the divider (e.g., \"primary\", \"secondary\"). If not provided, it will use the default color defined in CSS.\n *\n * @csspart divider - The main divider element that can be styled.\n *\n * @cssproperty --thickness - Custom property to set the thickness of the divider when the `thickness` prop is used.\n */\nclass Divider extends AeicoComponent {\n  static tagName = 'divider';\n\n  @prop({ type: Boolean })\n  accessor vertical: boolean = false;\n\n  @prop({ type: String })\n  accessor thickness: string | undefined;\n\n  @prop({ type: String })\n  accessor color: string | undefined;\n\n  protected static styles = [styleVariables, colorCSS, style];\n\n  protected render(): void {\n    if (this.thickness) {\n      this.style.setProperty('--thickness', this.thickness);\n    } else {\n      this.style.removeProperty('--thickness');\n    }\n  }\n}\n\nDivider.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-divider': Divider;\n  }\n}\n\nexport default Divider;\nexport type DividerProps = InferProps<typeof Divider>;\n"],"names":["prop","styleVariables","colorCSS"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,YAAA,gBAAA,eAAA,IAAA,OAAA,WAAA,YAAA;AAuBA,MAAM,iBAAgB,oCAGpB,gBAAA,CAACA,MAAAA,KAAK,EAAE,MAAM,QAAA,CAAS,CAAA,GAGvB,iBAAA,CAACA,MAAAA,KAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,aAAA,CAACA,WAAK,EAAE,MAAM,QAAQ,CAAA,GATF,IAAe;AAAA,EAArC,cAAA;AAAA,UAAA,GAAA,SAAA;AAIE,iBAAA,MAAS,WAAoB,kBAA7B,OAAA,GAAA,MAA6B,KAAA,CAAA,GAA7B,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,YAAT,kBAAA,OAAA,IAAA,IAAA,CAAA,GAAA,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,QAAT,kBAAA,OAAA,IAAA,IAAA,CAAA,GAAA,kBAAA,OAAA,IAAA,IAAA;AAAA,EAAA;AAAA,EAIU,SAAe;AACvB,QAAI,KAAK,WAAW;AAClB,WAAK,MAAM,YAAY,eAAe,KAAK,SAAS;AAAA,IACtD,OAAO;AACL,WAAK,MAAM,eAAe,aAAa;AAAA,IACzC;AAAA,EACF;AACF;AArBA,QAAA,iBAAA,EAAA;AAIW,YAAA,oBAAA,QAAA;AAGA,aAAA,oBAAA,QAAA;AAGA,SAAA,oBAAA,QAAA;AANT,kBAAA,OAAA,GAAS,YADT,eAHI,SAIK,SAAA;AAGT,kBAAA,OAAA,GAAS,aADT,gBANI,SAOK,UAAA;AAGT,kBAAA,OAAA,GAAS,SADT,YATI,SAUK,MAAA;AAVX,oBAAA,OAAM,OAAA;AACJ,cADI,SACG,WAAU,SAAA;AAWjB,cAZI,SAYa,UAAS,CAACC,UAAAA,WAAgBC,MAAAA,UAAU,KAAK,CAAA;AAW5D,QAAQ,SAAA;;"}

package/dist/chunks/divider.js

@@ -1,81 +0,0 @@
-import { A as AeicoComponent } from "./aeico-component.js";
-import { v as variables } from "./variables.js";
-import { c as colorCSS } from "./color.js";
-import { prop } from "aeico";
-const style = ":host {\n  display: block;\n  width: 100%;\n  height: var(--thickness, 1px);\n  flex-shrink: 0;\n\n  /* Override colorCSS default --color-border from gray to the subtle border token */\n  --color-border: var(--border-default);\n\n  background: var(--color-border);\n}\n\n:host([vertical]) {\n  display: inline-block;\n  width: var(--thickness, 1px);\n  height: 1lh;\n  vertical-align: middle;\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 _color_dec, _thickness_dec, _vertical_dec, _a, _init, _vertical, _thickness, _color;
-class Divider extends (_a = AeicoComponent, _vertical_dec = [prop({ type: Boolean })], _thickness_dec = [prop({ type: String })], _color_dec = [prop({ type: String })], _a) {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _vertical, __runInitializers(_init, 8, this, false)), __runInitializers(_init, 11, this);
-    __privateAdd(this, _thickness, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
-    __privateAdd(this, _color, __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
-  }
-  render() {
-    if (this.thickness) {
-      this.style.setProperty("--thickness", this.thickness);
-    } else {
-      this.style.removeProperty("--thickness");
-    }
-  }
-}
-_init = __decoratorStart(_a);
-_vertical = /* @__PURE__ */ new WeakMap();
-_thickness = /* @__PURE__ */ new WeakMap();
-_color = /* @__PURE__ */ new WeakMap();
-__decorateElement(_init, 4, "vertical", _vertical_dec, Divider, _vertical);
-__decorateElement(_init, 4, "thickness", _thickness_dec, Divider, _thickness);
-__decorateElement(_init, 4, "color", _color_dec, Divider, _color);
-__decoratorMetadata(_init, Divider);
-__publicField(Divider, "tagName", "divider");
-__publicField(Divider, "styles", [variables, colorCSS, style]);
-Divider.register();
-export {
-  Divider as D
-};
-//# sourceMappingURL=divider.js.map

package/dist/chunks/divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.js","sources":["../../src/divider/divider.ts"],"sourcesContent":["import AeicoComponent from '../aeico-component';\nimport type { InferProps } from 'aeico';\nimport styleVariables from '../styles/variables.css?inline';\nimport colorCSS from '../styles/color.css?inline';\nimport style from '../styles/components/divider.css?inline';\nimport { prop } from 'aeico';\n/**\n * A simple divider component that can be used to separate content. It supports both horizontal and vertical orientations, as well as customizable thickness and color.\n * @example\n * ```html\n * <ae-divider></ae-divider>\n * <ae-divider vertical></ae-divider>\n * <ae-divider thickness=\"4px\" color=\"primary\"></ae-divider>\n * ```\n * @props\n * - `vertical` (boolean): If true, the divider will be vertical. Default is false (horizontal).\n * - `thickness` (string): Custom thickness for the divider (e.g., \"2px\", \"0.5rem\"). If not provided, it will use the default thickness defined in CSS.\n * - `color` (string): Color variant for the divider (e.g., \"primary\", \"secondary\"). If not provided, it will use the default color defined in CSS.\n *\n * @csspart divider - The main divider element that can be styled.\n *\n * @cssproperty --thickness - Custom property to set the thickness of the divider when the `thickness` prop is used.\n */\nclass Divider extends AeicoComponent {\n  static tagName = 'divider';\n\n  @prop({ type: Boolean })\n  accessor vertical: boolean = false;\n\n  @prop({ type: String })\n  accessor thickness: string | undefined;\n\n  @prop({ type: String })\n  accessor color: string | undefined;\n\n  protected static styles = [styleVariables, colorCSS, style];\n\n  protected render(): void {\n    if (this.thickness) {\n      this.style.setProperty('--thickness', this.thickness);\n    } else {\n      this.style.removeProperty('--thickness');\n    }\n  }\n}\n\nDivider.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-divider': Divider;\n  }\n}\n\nexport default Divider;\nexport type DividerProps = InferProps<typeof Divider>;\n"],"names":["styleVariables"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,YAAA,gBAAA,eAAA,IAAA,OAAA,WAAA,YAAA;AAuBA,MAAM,iBAAgB,qBAGpB,gBAAA,CAAC,KAAK,EAAE,MAAM,QAAA,CAAS,CAAA,GAGvB,iBAAA,CAAC,KAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,aAAA,CAAC,KAAK,EAAE,MAAM,QAAQ,CAAA,GATF,IAAe;AAAA,EAArC,cAAA;AAAA,UAAA,GAAA,SAAA;AAIE,iBAAA,MAAS,WAAoB,kBAA7B,OAAA,GAAA,MAA6B,KAAA,CAAA,GAA7B,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,YAAT,kBAAA,OAAA,IAAA,IAAA,CAAA,GAAA,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,QAAT,kBAAA,OAAA,IAAA,IAAA,CAAA,GAAA,kBAAA,OAAA,IAAA,IAAA;AAAA,EAAA;AAAA,EAIU,SAAe;AACvB,QAAI,KAAK,WAAW;AAClB,WAAK,MAAM,YAAY,eAAe,KAAK,SAAS;AAAA,IACtD,OAAO;AACL,WAAK,MAAM,eAAe,aAAa;AAAA,IACzC;AAAA,EACF;AACF;AArBA,QAAA,iBAAA,EAAA;AAIW,YAAA,oBAAA,QAAA;AAGA,aAAA,oBAAA,QAAA;AAGA,SAAA,oBAAA,QAAA;AANT,kBAAA,OAAA,GAAS,YADT,eAHI,SAIK,SAAA;AAGT,kBAAA,OAAA,GAAS,aADT,gBANI,SAOK,UAAA;AAGT,kBAAA,OAAA,GAAS,SADT,YATI,SAUK,MAAA;AAVX,oBAAA,OAAM,OAAA;AACJ,cADI,SACG,WAAU,SAAA;AAWjB,cAZI,SAYa,UAAS,CAACA,WAAgB,UAAU,KAAK,CAAA;AAW5D,QAAQ,SAAA;"}

package/dist/chunks/drawer.cjs

@@ -1,180 +0,0 @@
-"use strict";
-const variables = require("./variables.cjs");
-const aeicoComponent = require("./aeico-component.cjs");
-const aeico = require("aeico");
-const style = "/**\n * :host is placed in the light DOM. Setting position:fixed on it guarantees\n * viewport-level coverage regardless of any z-index stacking inside the page.\n */\n:host {\n  display: none;\n}\n\n:host([data-open]) {\n  display: block;\n  position: fixed;\n  inset: 0;\n  z-index: var(--ae-drawer-z-index, 1000);\n  /* Host covers the viewport but passes pointer events through by default.\n     Backdrop and panel re-enable them selectively. */\n  pointer-events: none;\n}\n\n/* ── Backdrop ────────────────────────────────────────────────────── */\n.backdrop {\n  position: absolute;\n  inset: 0;\n  background: var(--color-overlay);\n  animation: drawer-backdrop-in 0.2s ease;\n  pointer-events: auto;\n}\n\n/* ── Panel ───────────────────────────────────────────────────────── */\n.panel {\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  background: var(--surface-overlay);\n  color: var(--color-text-main);\n  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.2);\n  overflow: hidden;\n  pointer-events: auto;\n  outline: none;\n}\n\n/* ── Placements ──────────────────────────────────────────────────── */\n.panel.placement-right {\n  inset: 0 0 0 auto;\n  width: var(--ae-drawer-size, 320px);\n  max-width: 100%;\n  border-radius: 8px 0 0 8px;\n  animation: drawer-slide-in-right 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.panel.placement-left {\n  inset: 0 auto 0 0;\n  width: var(--ae-drawer-size, 320px);\n  max-width: 100%;\n  border-radius: 0 8px 8px 0;\n  animation: drawer-slide-in-left 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.panel.placement-top {\n  inset: 0 0 auto 0;\n  height: var(--ae-drawer-size, 320px);\n  max-height: 100%;\n  border-radius: 0 0 8px 8px;\n  animation: drawer-slide-in-top 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.panel.placement-bottom {\n  inset: auto 0 0 0;\n  height: var(--ae-drawer-size, 320px);\n  max-height: 100%;\n  border-radius: 8px 8px 0 0;\n  animation: drawer-slide-in-bottom 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n/* ── Keyframes ───────────────────────────────────────────────────── */\n@keyframes drawer-backdrop-in {\n  from { opacity: 0; }\n  to   { opacity: 1; }\n}\n\n@keyframes drawer-slide-in-right {\n  from { transform: translateX(100%); }\n  to   { transform: translateX(0); }\n}\n\n@keyframes drawer-slide-in-left {\n  from { transform: translateX(-100%); }\n  to   { transform: translateX(0); }\n}\n\n@keyframes drawer-slide-in-top {\n  from { transform: translateY(-100%); }\n  to   { transform: translateY(0); }\n}\n\n@keyframes drawer-slide-in-bottom {\n  from { transform: translateY(100%); }\n  to   { transform: translateY(0); }\n}\n\n/* ── Header ──────────────────────────────────────────────────────── */\nheader {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--border-subtle);\n  flex-shrink: 0;\n}\n\n.label {\n  flex: 1;\n  font-size: var(--size-m, 1rem);\n  font-weight: 500;\n  margin: 0;\n  color: var(--color-text-main);\n}\n\n.close-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: none;\n  border-radius: 4px;\n  background: transparent;\n  color: var(--color-text-muted);\n  font-size: 18px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background 0.15s, color 0.15s;\n}\n\n.close-btn:hover {\n  background: var(--border-subtle);\n  color: var(--color-text-main);\n}\n\n/* ── Body ────────────────────────────────────────────────────────── */\n.body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n/* ── Footer ──────────────────────────────────────────────────────── */\nfooter {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 12px 20px;\n  border-top: 1px solid var(--border-subtle);\n  flex-shrink: 0;\n}\n\n::slotted([data-align-left]) {\n  margin-right: auto;\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 _closeOnOverlayClick_dec, _header_dec, _closable_dec, _modal_dec, _size_dec, _placement_dec, _label_dec, _a, _init, _label, _placement, _size, _modal, _closable, _header, _closeOnOverlayClick;
-class Drawer extends (_a = aeicoComponent.AeicoComponent, _label_dec = [aeico.prop({ type: String })], _placement_dec = [aeico.prop({ type: String })], _size_dec = [aeico.prop({ type: String })], _modal_dec = [aeico.prop({ type: Boolean })], _closable_dec = [aeico.prop({ type: Boolean })], _header_dec = [aeico.prop({ type: Boolean })], _closeOnOverlayClick_dec = [aeico.prop({ type: Boolean })], _a) {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _label, __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
-    __privateAdd(this, _placement, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
-    __privateAdd(this, _size, __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
-    __privateAdd(this, _modal, __runInitializers(_init, 20, this, true)), __runInitializers(_init, 23, this);
-    __privateAdd(this, _closable, __runInitializers(_init, 24, this, true)), __runInitializers(_init, 27, this);
-    __privateAdd(this, _header, __runInitializers(_init, 28, this, true)), __runInitializers(_init, 31, this);
-    __privateAdd(this, _closeOnOverlayClick, __runInitializers(_init, 32, this, true)), __runInitializers(_init, 35, this);
-    __publicField(this, "_panelEl", null);
-    __publicField(this, "_hasFooter", false);
-    __publicField(this, "_handleBackdropClick", () => {
-      if (this.closeOnOverlayClick) {
-        this.close();
-      }
-    });
-    __publicField(this, "_handlePanelClick", (e) => {
-      const path = e.composedPath();
-      for (const el of path) {
-        if (el instanceof Element && el.hasAttribute("data-close")) {
-          this.close();
-          return;
-        }
-        if (el === this._panelEl) break;
-      }
-    });
-    __publicField(this, "_handleKeydown", (e) => {
-      if (e.key === "Escape") {
-        e.stopPropagation();
-        this.close();
-      }
-    });
-    __publicField(this, "_handleFooterSlotChange", (e) => {
-      const slotEl = e.target;
-      const hasContent = slotEl.assignedElements().length > 0;
-      if (hasContent !== this._hasFooter) {
-        this._hasFooter = hasContent;
-        this.update();
-      }
-    });
-  }
-  render() {
-    const placement = this.placement || "right";
-    const isVertical = placement === "top" || placement === "bottom";
-    return aeico.html(({ div, header, footer, span, button, slot }) => {
-      if (this.modal) {
-        div({ className: "backdrop", "@click": this._handleBackdropClick });
-      }
-      this._panelEl = div(
-        {
-          className: `panel placement-${placement}`,
-          role: "dialog",
-          "aria-modal": this.modal ? "true" : "false",
-          "aria-label": this.label,
-          tabindex: "-1",
-          "@click": this._handlePanelClick,
-          style: {
-            [isVertical ? "height" : "width"]: this.size || ""
-          }
-        },
-        () => {
-          if (this.header) {
-            header({}, () => {
-              slot({ name: "header" }, () => {
-                span({ className: "label", textContent: this.label || "" });
-              });
-              if (this.closable) {
-                button({
-                  className: "close-btn",
-                  textContent: "×",
-                  "@click": () => this.close()
-                });
-              }
-            });
-          }
-          div({ className: "body" }, () => {
-            slot();
-          });
-          footer({ style: { display: this._hasFooter ? "" : "none" } }, () => {
-            slot({ name: "footer", "@slotchange": this._handleFooterSlotChange });
-          });
-        }
-      );
-    });
-  }
-  open() {
-    this.setAttribute("data-open", "");
-    document.addEventListener("keydown", this._handleKeydown);
-    requestAnimationFrame(() => {
-      var _a2, _b;
-      const btn = (_a2 = this.shadowRoot) == null ? void 0 : _a2.querySelector(".close-btn");
-      (_b = btn ?? this._panelEl) == null ? void 0 : _b.focus();
-    });
-    this.emit("open", { detail: { target: this } });
-  }
-  close() {
-    this.removeAttribute("data-open");
-    document.removeEventListener("keydown", this._handleKeydown);
-    this.emit("close", { detail: { target: this } });
-  }
-  isOpen() {
-    return this.hasAttribute("data-open");
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    document.removeEventListener("keydown", this._handleKeydown);
-  }
-}
-_init = __decoratorStart(_a);
-_label = /* @__PURE__ */ new WeakMap();
-_placement = /* @__PURE__ */ new WeakMap();
-_size = /* @__PURE__ */ new WeakMap();
-_modal = /* @__PURE__ */ new WeakMap();
-_closable = /* @__PURE__ */ new WeakMap();
-_header = /* @__PURE__ */ new WeakMap();
-_closeOnOverlayClick = /* @__PURE__ */ new WeakMap();
-__decorateElement(_init, 4, "label", _label_dec, Drawer, _label);
-__decorateElement(_init, 4, "placement", _placement_dec, Drawer, _placement);
-__decorateElement(_init, 4, "size", _size_dec, Drawer, _size);
-__decorateElement(_init, 4, "modal", _modal_dec, Drawer, _modal);
-__decorateElement(_init, 4, "closable", _closable_dec, Drawer, _closable);
-__decorateElement(_init, 4, "header", _header_dec, Drawer, _header);
-__decorateElement(_init, 4, "closeOnOverlayClick", _closeOnOverlayClick_dec, Drawer, _closeOnOverlayClick);
-__decoratorMetadata(_init, Drawer);
-__publicField(Drawer, "styles", [variables.variables, style]);
-Drawer.register();
-exports.Drawer = Drawer;
-//# sourceMappingURL=drawer.cjs.map

package/dist/chunks/drawer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.cjs","sources":["../../src/drawer/drawer.ts"],"sourcesContent":["import type { InferProps } from 'aeico';\nimport styleVariables from '../styles/variables.css?inline';\nimport style from '../styles/components/drawer.css?inline';\nimport AeicoComponent from '../aeico-component';\nimport { html, prop } from 'aeico';\nimport type { DrawerPlacement } from './defines';\n\nclass Drawer extends AeicoComponent {\n  protected static styles = [styleVariables, style];\n\n  @prop({ type: String })\n  accessor label: string | undefined;\n\n  @prop({ type: String })\n  accessor placement: DrawerPlacement | undefined;\n\n  @prop({ type: String })\n  accessor size: string | undefined;\n\n  @prop({ type: Boolean })\n  accessor modal: boolean = true;\n\n  @prop({ type: Boolean })\n  accessor closable: boolean = true;\n\n  @prop({ type: Boolean })\n  accessor header: boolean = true;\n\n  @prop({ type: Boolean })\n  accessor closeOnOverlayClick: boolean = true;\n\n  private _panelEl: HTMLDivElement | null = null;\n  private _hasFooter = false;\n\n  protected render() {\n    const placement = this.placement || 'right';\n    const isVertical = placement === 'top' || placement === 'bottom';\n\n    return html(({ div, header, footer, span, button, slot }) => {\n      // Backdrop (modal only)\n      if (this.modal) {\n        div({ className: 'backdrop', '@click': this._handleBackdropClick });\n      }\n\n      // Panel\n      this._panelEl = div(\n        {\n          className: `panel placement-${placement}`,\n          role: 'dialog',\n          'aria-modal': this.modal ? 'true' : 'false',\n          'aria-label': this.label,\n          tabindex: '-1',\n          '@click': this._handlePanelClick,\n          style: {\n            [isVertical ? 'height' : 'width']: this.size || '',\n          },\n        },\n        () => {\n          // Header\n          if (this.header) {\n            header({}, () => {\n              slot({ name: 'header' }, () => {\n                span({ className: 'label', textContent: this.label || '' });\n              });\n              if (this.closable) {\n                button({\n                  className: 'close-btn',\n                  textContent: '×',\n                  '@click': () => this.close(),\n                });\n              }\n            });\n          }\n\n          // Body\n          div({ className: 'body' }, () => {\n            slot();\n          });\n\n          // Footer — always rendered to capture slotchange, hidden when empty\n          footer({ style: { display: this._hasFooter ? '' : 'none' } }, () => {\n            slot({ name: 'footer', '@slotchange': this._handleFooterSlotChange });\n          });\n        },\n      );\n    });\n  }\n\n  private _handleBackdropClick = () => {\n    if (this.closeOnOverlayClick) {\n      this.close();\n    }\n  };\n\n  private _handlePanelClick = (e: Event) => {\n    const path = (e as MouseEvent).composedPath();\n    for (const el of path) {\n      if (el instanceof Element && el.hasAttribute('data-close')) {\n        this.close();\n        return;\n      }\n      if (el === this._panelEl) break;\n    }\n  };\n\n  private _handleKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      this.close();\n    }\n  };\n\n  private _handleFooterSlotChange = (e: Event) => {\n    const slotEl = e.target as HTMLSlotElement;\n    const hasContent = slotEl.assignedElements().length > 0;\n    if (hasContent !== this._hasFooter) {\n      this._hasFooter = hasContent;\n      this.update();\n    }\n  };\n\n  open() {\n    this.setAttribute('data-open', '');\n    document.addEventListener('keydown', this._handleKeydown);\n    requestAnimationFrame(() => {\n      const btn = this.shadowRoot?.querySelector<HTMLElement>('.close-btn');\n      (btn ?? this._panelEl)?.focus();\n    });\n    this.emit('open', { detail: { target: this } });\n  }\n\n  close() {\n    this.removeAttribute('data-open');\n    document.removeEventListener('keydown', this._handleKeydown);\n    this.emit('close', { detail: { target: this } });\n  }\n\n  isOpen(): boolean {\n    return this.hasAttribute('data-open');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener('keydown', this._handleKeydown);\n  }\n}\n\nDrawer.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-drawer': Drawer;\n  }\n}\n\nexport default Drawer;\nexport type DrawerProps = InferProps<typeof Drawer>;\n"],"names":["prop","html","_a","styleVariables"],"mappings":"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"}

package/dist/chunks/drawer.js

@@ -1,181 +0,0 @@
-import { v as variables } from "./variables.js";
-import { A as AeicoComponent } from "./aeico-component.js";
-import { prop, html } from "aeico";
-const style = "/**\n * :host is placed in the light DOM. Setting position:fixed on it guarantees\n * viewport-level coverage regardless of any z-index stacking inside the page.\n */\n:host {\n  display: none;\n}\n\n:host([data-open]) {\n  display: block;\n  position: fixed;\n  inset: 0;\n  z-index: var(--ae-drawer-z-index, 1000);\n  /* Host covers the viewport but passes pointer events through by default.\n     Backdrop and panel re-enable them selectively. */\n  pointer-events: none;\n}\n\n/* ── Backdrop ────────────────────────────────────────────────────── */\n.backdrop {\n  position: absolute;\n  inset: 0;\n  background: var(--color-overlay);\n  animation: drawer-backdrop-in 0.2s ease;\n  pointer-events: auto;\n}\n\n/* ── Panel ───────────────────────────────────────────────────────── */\n.panel {\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  background: var(--surface-overlay);\n  color: var(--color-text-main);\n  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.2);\n  overflow: hidden;\n  pointer-events: auto;\n  outline: none;\n}\n\n/* ── Placements ──────────────────────────────────────────────────── */\n.panel.placement-right {\n  inset: 0 0 0 auto;\n  width: var(--ae-drawer-size, 320px);\n  max-width: 100%;\n  border-radius: 8px 0 0 8px;\n  animation: drawer-slide-in-right 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.panel.placement-left {\n  inset: 0 auto 0 0;\n  width: var(--ae-drawer-size, 320px);\n  max-width: 100%;\n  border-radius: 0 8px 8px 0;\n  animation: drawer-slide-in-left 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.panel.placement-top {\n  inset: 0 0 auto 0;\n  height: var(--ae-drawer-size, 320px);\n  max-height: 100%;\n  border-radius: 0 0 8px 8px;\n  animation: drawer-slide-in-top 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.panel.placement-bottom {\n  inset: auto 0 0 0;\n  height: var(--ae-drawer-size, 320px);\n  max-height: 100%;\n  border-radius: 8px 8px 0 0;\n  animation: drawer-slide-in-bottom 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n/* ── Keyframes ───────────────────────────────────────────────────── */\n@keyframes drawer-backdrop-in {\n  from { opacity: 0; }\n  to   { opacity: 1; }\n}\n\n@keyframes drawer-slide-in-right {\n  from { transform: translateX(100%); }\n  to   { transform: translateX(0); }\n}\n\n@keyframes drawer-slide-in-left {\n  from { transform: translateX(-100%); }\n  to   { transform: translateX(0); }\n}\n\n@keyframes drawer-slide-in-top {\n  from { transform: translateY(-100%); }\n  to   { transform: translateY(0); }\n}\n\n@keyframes drawer-slide-in-bottom {\n  from { transform: translateY(100%); }\n  to   { transform: translateY(0); }\n}\n\n/* ── Header ──────────────────────────────────────────────────────── */\nheader {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--border-subtle);\n  flex-shrink: 0;\n}\n\n.label {\n  flex: 1;\n  font-size: var(--size-m, 1rem);\n  font-weight: 500;\n  margin: 0;\n  color: var(--color-text-main);\n}\n\n.close-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: none;\n  border-radius: 4px;\n  background: transparent;\n  color: var(--color-text-muted);\n  font-size: 18px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background 0.15s, color 0.15s;\n}\n\n.close-btn:hover {\n  background: var(--border-subtle);\n  color: var(--color-text-main);\n}\n\n/* ── Body ────────────────────────────────────────────────────────── */\n.body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n/* ── Footer ──────────────────────────────────────────────────────── */\nfooter {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 12px 20px;\n  border-top: 1px solid var(--border-subtle);\n  flex-shrink: 0;\n}\n\n::slotted([data-align-left]) {\n  margin-right: auto;\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 _closeOnOverlayClick_dec, _header_dec, _closable_dec, _modal_dec, _size_dec, _placement_dec, _label_dec, _a, _init, _label, _placement, _size, _modal, _closable, _header, _closeOnOverlayClick;
-class Drawer extends (_a = AeicoComponent, _label_dec = [prop({ type: String })], _placement_dec = [prop({ type: String })], _size_dec = [prop({ type: String })], _modal_dec = [prop({ type: Boolean })], _closable_dec = [prop({ type: Boolean })], _header_dec = [prop({ type: Boolean })], _closeOnOverlayClick_dec = [prop({ type: Boolean })], _a) {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _label, __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
-    __privateAdd(this, _placement, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
-    __privateAdd(this, _size, __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
-    __privateAdd(this, _modal, __runInitializers(_init, 20, this, true)), __runInitializers(_init, 23, this);
-    __privateAdd(this, _closable, __runInitializers(_init, 24, this, true)), __runInitializers(_init, 27, this);
-    __privateAdd(this, _header, __runInitializers(_init, 28, this, true)), __runInitializers(_init, 31, this);
-    __privateAdd(this, _closeOnOverlayClick, __runInitializers(_init, 32, this, true)), __runInitializers(_init, 35, this);
-    __publicField(this, "_panelEl", null);
-    __publicField(this, "_hasFooter", false);
-    __publicField(this, "_handleBackdropClick", () => {
-      if (this.closeOnOverlayClick) {
-        this.close();
-      }
-    });
-    __publicField(this, "_handlePanelClick", (e) => {
-      const path = e.composedPath();
-      for (const el of path) {
-        if (el instanceof Element && el.hasAttribute("data-close")) {
-          this.close();
-          return;
-        }
-        if (el === this._panelEl) break;
-      }
-    });
-    __publicField(this, "_handleKeydown", (e) => {
-      if (e.key === "Escape") {
-        e.stopPropagation();
-        this.close();
-      }
-    });
-    __publicField(this, "_handleFooterSlotChange", (e) => {
-      const slotEl = e.target;
-      const hasContent = slotEl.assignedElements().length > 0;
-      if (hasContent !== this._hasFooter) {
-        this._hasFooter = hasContent;
-        this.update();
-      }
-    });
-  }
-  render() {
-    const placement = this.placement || "right";
-    const isVertical = placement === "top" || placement === "bottom";
-    return html(({ div, header, footer, span, button, slot }) => {
-      if (this.modal) {
-        div({ className: "backdrop", "@click": this._handleBackdropClick });
-      }
-      this._panelEl = div(
-        {
-          className: `panel placement-${placement}`,
-          role: "dialog",
-          "aria-modal": this.modal ? "true" : "false",
-          "aria-label": this.label,
-          tabindex: "-1",
-          "@click": this._handlePanelClick,
-          style: {
-            [isVertical ? "height" : "width"]: this.size || ""
-          }
-        },
-        () => {
-          if (this.header) {
-            header({}, () => {
-              slot({ name: "header" }, () => {
-                span({ className: "label", textContent: this.label || "" });
-              });
-              if (this.closable) {
-                button({
-                  className: "close-btn",
-                  textContent: "×",
-                  "@click": () => this.close()
-                });
-              }
-            });
-          }
-          div({ className: "body" }, () => {
-            slot();
-          });
-          footer({ style: { display: this._hasFooter ? "" : "none" } }, () => {
-            slot({ name: "footer", "@slotchange": this._handleFooterSlotChange });
-          });
-        }
-      );
-    });
-  }
-  open() {
-    this.setAttribute("data-open", "");
-    document.addEventListener("keydown", this._handleKeydown);
-    requestAnimationFrame(() => {
-      var _a2, _b;
-      const btn = (_a2 = this.shadowRoot) == null ? void 0 : _a2.querySelector(".close-btn");
-      (_b = btn ?? this._panelEl) == null ? void 0 : _b.focus();
-    });
-    this.emit("open", { detail: { target: this } });
-  }
-  close() {
-    this.removeAttribute("data-open");
-    document.removeEventListener("keydown", this._handleKeydown);
-    this.emit("close", { detail: { target: this } });
-  }
-  isOpen() {
-    return this.hasAttribute("data-open");
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    document.removeEventListener("keydown", this._handleKeydown);
-  }
-}
-_init = __decoratorStart(_a);
-_label = /* @__PURE__ */ new WeakMap();
-_placement = /* @__PURE__ */ new WeakMap();
-_size = /* @__PURE__ */ new WeakMap();
-_modal = /* @__PURE__ */ new WeakMap();
-_closable = /* @__PURE__ */ new WeakMap();
-_header = /* @__PURE__ */ new WeakMap();
-_closeOnOverlayClick = /* @__PURE__ */ new WeakMap();
-__decorateElement(_init, 4, "label", _label_dec, Drawer, _label);
-__decorateElement(_init, 4, "placement", _placement_dec, Drawer, _placement);
-__decorateElement(_init, 4, "size", _size_dec, Drawer, _size);
-__decorateElement(_init, 4, "modal", _modal_dec, Drawer, _modal);
-__decorateElement(_init, 4, "closable", _closable_dec, Drawer, _closable);
-__decorateElement(_init, 4, "header", _header_dec, Drawer, _header);
-__decorateElement(_init, 4, "closeOnOverlayClick", _closeOnOverlayClick_dec, Drawer, _closeOnOverlayClick);
-__decoratorMetadata(_init, Drawer);
-__publicField(Drawer, "styles", [variables, style]);
-Drawer.register();
-export {
-  Drawer as D
-};
-//# sourceMappingURL=drawer.js.map

package/dist/chunks/drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.js","sources":["../../src/drawer/drawer.ts"],"sourcesContent":["import type { InferProps } from 'aeico';\nimport styleVariables from '../styles/variables.css?inline';\nimport style from '../styles/components/drawer.css?inline';\nimport AeicoComponent from '../aeico-component';\nimport { html, prop } from 'aeico';\nimport type { DrawerPlacement } from './defines';\n\nclass Drawer extends AeicoComponent {\n  protected static styles = [styleVariables, style];\n\n  @prop({ type: String })\n  accessor label: string | undefined;\n\n  @prop({ type: String })\n  accessor placement: DrawerPlacement | undefined;\n\n  @prop({ type: String })\n  accessor size: string | undefined;\n\n  @prop({ type: Boolean })\n  accessor modal: boolean = true;\n\n  @prop({ type: Boolean })\n  accessor closable: boolean = true;\n\n  @prop({ type: Boolean })\n  accessor header: boolean = true;\n\n  @prop({ type: Boolean })\n  accessor closeOnOverlayClick: boolean = true;\n\n  private _panelEl: HTMLDivElement | null = null;\n  private _hasFooter = false;\n\n  protected render() {\n    const placement = this.placement || 'right';\n    const isVertical = placement === 'top' || placement === 'bottom';\n\n    return html(({ div, header, footer, span, button, slot }) => {\n      // Backdrop (modal only)\n      if (this.modal) {\n        div({ className: 'backdrop', '@click': this._handleBackdropClick });\n      }\n\n      // Panel\n      this._panelEl = div(\n        {\n          className: `panel placement-${placement}`,\n          role: 'dialog',\n          'aria-modal': this.modal ? 'true' : 'false',\n          'aria-label': this.label,\n          tabindex: '-1',\n          '@click': this._handlePanelClick,\n          style: {\n            [isVertical ? 'height' : 'width']: this.size || '',\n          },\n        },\n        () => {\n          // Header\n          if (this.header) {\n            header({}, () => {\n              slot({ name: 'header' }, () => {\n                span({ className: 'label', textContent: this.label || '' });\n              });\n              if (this.closable) {\n                button({\n                  className: 'close-btn',\n                  textContent: '×',\n                  '@click': () => this.close(),\n                });\n              }\n            });\n          }\n\n          // Body\n          div({ className: 'body' }, () => {\n            slot();\n          });\n\n          // Footer — always rendered to capture slotchange, hidden when empty\n          footer({ style: { display: this._hasFooter ? '' : 'none' } }, () => {\n            slot({ name: 'footer', '@slotchange': this._handleFooterSlotChange });\n          });\n        },\n      );\n    });\n  }\n\n  private _handleBackdropClick = () => {\n    if (this.closeOnOverlayClick) {\n      this.close();\n    }\n  };\n\n  private _handlePanelClick = (e: Event) => {\n    const path = (e as MouseEvent).composedPath();\n    for (const el of path) {\n      if (el instanceof Element && el.hasAttribute('data-close')) {\n        this.close();\n        return;\n      }\n      if (el === this._panelEl) break;\n    }\n  };\n\n  private _handleKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      this.close();\n    }\n  };\n\n  private _handleFooterSlotChange = (e: Event) => {\n    const slotEl = e.target as HTMLSlotElement;\n    const hasContent = slotEl.assignedElements().length > 0;\n    if (hasContent !== this._hasFooter) {\n      this._hasFooter = hasContent;\n      this.update();\n    }\n  };\n\n  open() {\n    this.setAttribute('data-open', '');\n    document.addEventListener('keydown', this._handleKeydown);\n    requestAnimationFrame(() => {\n      const btn = this.shadowRoot?.querySelector<HTMLElement>('.close-btn');\n      (btn ?? this._panelEl)?.focus();\n    });\n    this.emit('open', { detail: { target: this } });\n  }\n\n  close() {\n    this.removeAttribute('data-open');\n    document.removeEventListener('keydown', this._handleKeydown);\n    this.emit('close', { detail: { target: this } });\n  }\n\n  isOpen(): boolean {\n    return this.hasAttribute('data-open');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener('keydown', this._handleKeydown);\n  }\n}\n\nDrawer.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-drawer': Drawer;\n  }\n}\n\nexport default Drawer;\nexport type DrawerProps = InferProps<typeof Drawer>;\n"],"names":["_a","styleVariables"],"mappings":"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"}