godown 2.3.0 → 2.4.0

package/glob.js

@@ -1,52 +1,129 @@
 import { css, LitElement, unsafeCSS } from "lit";
+import { deepQuerySelector, deepQuerySelectorAll } from "./lib/utils.js";
 import { EventsCollection } from "./lib/event-collection.js";
 import { conf } from "./conf.js";
+/**
+ * Define a custom element.
+ * @param name Name for the new custom element. Must be a valid custom element name.
+ * @param options Object that controls how the element is defined.
+ */
+export const define = (name, options) => (constructor) => {
+    const tagName = conf.tag(name);
+    if (!tagName) {
+        return;
+    }
+    if (customElements.get(tagName) === undefined) {
+        customElements.define(tagName, constructor, options);
+        conf.enabled.add(name);
+        conf.namemap.set(name, tagName);
+        conf.classmap.set(name, constructor);
+    }
+};
 /**
  * Custom CSS variable prefix, join with "--".
  */
 export const cssvar = unsafeCSS("--" + conf.cssvar.replace(/[^a-zA-Z0-9\\-]/g, ""));
+export function createScope(scope) {
+    return unsafeCSS(`${cssvar}--${scope}`);
+}
+export const cssvarValues = {
+    cssvar,
+    input: createScope("input"),
+    main: createScope("background"),
+    text: createScope("foreground"),
+    mainRGB: createScope("background-rgb"),
+    textRGB: createScope("foreground-rgb"),
+};
+/**
+ * Global element.
+ */
 export class GodownElement extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.__events = new EventsCollection();
-    }
+    /**
+     * No named slot element's assignedElements, as HTMLElement[].
+     */
     get assigned() {
-        var _a;
-        return (_a = this._slot) === null || _a === void 0 ? void 0 : _a.assignedElements();
+        return this._slot?.assignedElements();
     }
+    /**
+     * No named slot element's assignedElements, as Node[].
+     */
     get assignedNodes() {
-        var _a;
-        return (_a = this._slot) === null || _a === void 0 ? void 0 : _a.assignedNodes();
+        return this._slot?.assignedNodes();
     }
     /**
-     * no named slot
+     * No named slot element.
      */
     get _slot() {
         return this.shadowRoot.querySelector("slot:not([name])");
     }
+    /**
+     * Slot elements.
+     */
+    get _slots() {
+        return [...this.shadowRoot.querySelectorAll("slot")];
+    }
+    /**
+     * Named slot elements.
+     */
     get slottedChildren() {
         return [...this.querySelectorAll("[slot]")];
     }
+    /**
+     * Named slot elements' slot attribute.
+     */
     get slottedNames() {
         return this.slottedChildren.map((c) => c.getAttribute("slot")).filter((v) => v);
     }
+    /**
+     * Width of (`this.offsetParent` or `document.body`).
+     */
     get offsetsWidth() {
-        var _a, _b;
-        return (_b = (_a = this.offsetParent) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : document.body.offsetWidth;
+        return this.offsetParent?.clientWidth ?? document.body.offsetWidth;
     }
+    /**
+     * Height of (`this.offsetParent` or `document.body`).
+     */
     get offsetsHeight() {
-        var _a, _b;
-        return (_b = (_a = this.offsetParent) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : document.body.offsetHeight;
+        return this.offsetParent?.clientHeight ?? document.body.offsetHeight;
     }
+    /**
+     * ```
+     * src.addEventListener("type", listener)
+     * //as
+     * this.addEvent(src, "type", listener)
+     * ```
+     */
     addEvent(src, type, listener, alias) {
         this.__events.addEvent(src, type, listener, alias);
     }
+    /**
+     * ```
+     * src.removeEventListener("type", listener)
+     * //as
+     * this.removeEvent(src, "type", listener)
+     * ```
+     */
     removeEvent(src, type, id) {
         this.__events.removeEvent(src, type, id);
     }
     removeAllEvents() {
         this.__events.removeAllEvents();
     }
+    /**
+     * Assign to {@linkcode GodownElement}
+     * @param assign Assign value
+     */
+    constructor(assign = conf.assign) {
+        super();
+        this.__events = new EventsCollection();
+        if (assign) {
+            const classList = "classList";
+            if (classList in assign) {
+                assign[classList] = [...this[classList], ...assign[classList]];
+            }
+            Object.assign(this, assign);
+        }
+    }
     disconnectedCallback() {
         this.removeAllEvents();
     }
@@ -61,28 +138,78 @@ export class GodownElement extends LitElement {
         this.connectedCallback();
         this.mount(arg);
     }
-}
-GodownElement.styles = css `
-    :host {
-      ${cssvar}--text-selection: inherit;
-      ${cssvar}--text-selection-background: none;
+    deepQuerySelector(selectors, ignore = conf.enabled, root = this) {
+        return deepQuerySelector(selectors, ignore, root);
     }
-
-    * {
-      font-size: 100%;
-      font-style: normal;
-      color: inherit;
-      box-sizing: border-box;
-      margin: 0;
-      padding: 0;
-      border: 0;
-      outline: 0;
+    deepQuerySelectorAll(selectors, ignore = conf.enabled, root = this) {
+        return deepQuerySelectorAll(selectors, ignore, root);
     }
-
-    ::selection {
-      color: var(${cssvar}--text-selection);
-      background: var(${cssvar}--text-selection-background);
+    /**
+     * Add styles to shadowRoot.
+     *
+     * @param styles css strings
+     *
+     * @example
+     * ```
+     * this.applyStyles(
+     * "...",
+     * css`...`,
+     * )
+     * ```
+     */
+    adoptStyles(...styles) {
+        const sheet = new CSSStyleSheet();
+        styles.forEach((style) => sheet.insertRule(style.toString()));
+        this.shadowRoot.adoptedStyleSheets.push(sheet);
     }
-  `;
-GodownElement.disableWarning("change-in-update");
+}
+GodownElement.styles = [
+    css `
+      :host {
+        ${cssvar}--background-rgb: 12 12 12;
+        ${cssvar}--background: rgb(var(${cssvarValues.mainRGB}));
+        ${cssvar}--foreground-rgb: 240 240 240;
+        ${cssvar}--foreground: rgb(var(${cssvarValues.textRGB}));
+        ${cssvar}--size: 100%;
+        ${cssvar}--accept: rgb(25 130 180);
+        font-size: var(${cssvar}--size);
+      }
+    `,
+    css `
+      :host {
+        ${cssvarValues.input}--width: 10.6rem;
+        ${cssvarValues.input}--height: 1.6em;
+        ${cssvarValues.input}--background: var(${cssvarValues.main});
+        ${cssvarValues.input}--true: rgb(48 132 240);
+        ${cssvarValues.input}--false: rgb(198 198 198);
+        ${cssvarValues.input}--control: var(${cssvar}--text);
+        ${cssvarValues.input}--control-edge: var(${cssvarValues.input}--true);
+        ${cssvarValues.input}--outline-color: var(${cssvar}--accept);
+        ${cssvarValues.input}--outline-width: .15em;
+        ${cssvarValues.input}--outline-style: solid;
+        ${cssvarValues.input}--outline: var(${cssvarValues.input}--outline-width)  var(${cssvarValues.input}--outline-style) var(${cssvarValues.input}--outline-color);
+        ${cssvarValues.input}--radius: 0.2em;
+      }
+    `,
+    css `
+      * {
+        font-size: 100%;
+        font-style: normal;
+        color: inherit;
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+        border: 0;
+        outline: 0;
+      }
+
+      ::selection {
+        ${cssvar}--text-selection--color: inherit;
+        ${cssvar}--text-selection--background: none;
+        color: var(${cssvar}--text-selection--color);
+        background: var(${cssvar}--text-selection--background);
+      }
+    `,
+];
+GodownElement.disableWarning?.("change-in-update");
 //# sourceMappingURL=glob.js.map

package/glob.js.map

@@ -1 +1 @@
-{"version":3,"file":"glob.js","sourceRoot":"","sources":["../src/glob.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAkB,UAAU,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACjE,OAAO,EAAqB,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,CAAC;AAEpF,MAAM,OAAO,aAAc,SAAQ,UAAU;IAA7C;;QAuDE,aAAQ,GAAG,IAAI,gBAAgB,EAAE,CAAC;IA+BpC,CAAC;IA9DC,IAAI,QAAQ;;QACV,OAAO,MAAA,IAAI,CAAC,KAAK,0CAAE,gBAAgB,EAAmB,CAAC;IACzD,CAAC;IAED,IAAI,aAAa;;QACf,OAAO,MAAA,IAAI,CAAC,KAAK,0CAAE,aAAa,EAAE,CAAC;IACrC,CAAC;IAED;;OAEG;IACH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,kBAAkB,CAAoB,CAAC;IAC9E,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAc,QAAQ,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAClF,CAAC;IAED,IAAI,YAAY;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,WAAW,mCAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;IACrE,CAAC;IAED,IAAI,aAAa;;QACf,OAAO,MAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,YAAY,mCAAI,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC;IACvE,CAAC;IAID,QAAQ,CAAC,GAAQ,EAAE,IAAY,EAAE,QAA2B,EAAE,KAAc;QAC1E,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IACrD,CAAC;IAED,WAAW,CAAC,GAAQ,EAAE,IAAY,EAAE,EAA8B;QAChE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED,eAAe;QACb,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;IAClC,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,KAAK,CAAC,GAAS;QACb,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED,OAAO,CAAC,GAAS;QACf,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,CAAC;;AApFM,oBAAM,GAAG,GAAG,CAAA;;QAEb,MAAM;QACN,MAAM;;;;;;;;;;;;;;;mBAeK,MAAM;wBACD,MAAM;;GAET,AArBN,CAqBO;AAkEtB,aAAa,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"glob.js","sourceRoot":"","sources":["../src/glob.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAuC,UAAU,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAqB,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAGjC;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,IAAY,EAAE,OAAkC,EAAE,EAAE,CAAC,CAAC,WAAqC,EAAE,EAAE;IACpH,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC/B,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO;KACR;IACD,IAAI,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,SAAS,EAAE;QAC7C,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;KACtC;AACH,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,CAAC;AAEpF,MAAM,UAAU,WAAW,CAAC,KAAiB;IAC3C,OAAO,SAAS,CAAC,GAAG,MAAM,KAAK,KAAK,EAAE,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM;IACN,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC;IAC3B,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC;IAC/B,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC;IAC/B,OAAO,EAAE,WAAW,CAAC,gBAAgB,CAAC;IACtC,OAAO,EAAE,WAAW,CAAC,gBAAgB,CAAC;CACvC,CAAC;AAEF;;GAEG;AACH,MAAM,OAAO,aAAc,SAAQ,UAAU;IAkD3C;;OAEG;IACH,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,EAAE,gBAAgB,EAAmB,CAAC;IACzD,CAAC;IAED;;OAEG;IACH,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,CAAC;IACrC,CAAC;IAED;;OAEG;IACH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAkB,kBAAkB,CAAC,CAAC;IAC5E,CAAC;IAED;;OAEG;IACH,IAAI,MAAM;QACR,OAAO,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAkB,MAAM,CAAC,CAAC,CAAC;IACxE,CAAC;IAED;;OAEG;IACH,IAAI,eAAe;QACjB,OAAO,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAkB,QAAQ,CAAC,CAAC,CAAC;IAC/D,CAAC;IAED;;OAEG;IACH,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAClF,CAAC;IAED;;OAEG;IACH,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,YAAY,EAAE,WAAW,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;IACrE,CAAC;IAED;;OAEG;IACH,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,YAAY,EAAE,YAAY,IAAI,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC;IACvE,CAAC;IAID;;;;;;OAMG;IACH,QAAQ,CAAC,GAAQ,EAAE,IAAY,EAAE,QAA2B,EAAE,KAAc;QAC1E,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IACrD,CAAC;IAED;;;;;;OAMG;IACH,WAAW,CAAC,GAAQ,EAAE,IAAY,EAAE,EAA8B;QAChE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED,eAAe;QACb,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;IAClC,CAAC;IAED;;;OAGG;IACH,YAAY,SAAiF,IAAI,CAAC,MAAM;QACtG,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,EAAE,CAAC;QACvC,IAAI,MAAM,EAAE;YACV,MAAM,SAAS,GAAG,WAAW,CAAC;YAC9B,IAAI,SAAS,IAAI,MAAM,EAAE;gBACvB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;aAChE;YACD,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;SAC7B;IACH,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,KAAK,CAAC,GAAS;QACb,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED,OAAO,CAAC,GAAS;QACf,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,CAAC;IAED,iBAAiB,CAAkC,SAAkD,EAAE,SAAkD,IAAI,CAAC,OAAO,EAAE,OAAgD,IAAI;QACzN,OAAO,iBAAiB,CAAI,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IACvD,CAAC;IAED,oBAAoB,CAAkC,SAAqD,EAAE,SAAqD,IAAI,CAAC,OAAO,EAAE,OAAmD,IAAI;QACrO,OAAO,oBAAoB,CAAI,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IAC1D,CAAC;IAED;;;;;;;;;;;;OAYG;IACH,WAAW,CAAC,GAAG,MAAoB;QACjC,MAAM,KAAK,GAAG,IAAI,aAAa,EAAE,CAAC;QAClC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,UAAU,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC;;AAhMM,oBAAM,GAAG;IACd,GAAG,CAAA;;UAEG,MAAM;UACN,MAAM,yBAAyB,YAAY,CAAC,OAAO;UACnD,MAAM;UACN,MAAM,yBAAyB,YAAY,CAAC,OAAO;UACnD,MAAM;UACN,MAAM;yBACS,MAAM;;KAE1B;IACD,GAAG,CAAA;;UAEG,YAAY,CAAC,KAAK;UAClB,YAAY,CAAC,KAAK;UAClB,YAAY,CAAC,KAAK,qBAAqB,YAAY,CAAC,IAAI;UACxD,YAAY,CAAC,KAAK;UAClB,YAAY,CAAC,KAAK;UAClB,YAAY,CAAC,KAAK,kBAAkB,MAAM;UAC1C,YAAY,CAAC,KAAK,uBAAuB,YAAY,CAAC,KAAK;UAC3D,YAAY,CAAC,KAAK,wBAAwB,MAAM;UAChD,YAAY,CAAC,KAAK;UAClB,YAAY,CAAC,KAAK;UAClB,YAAY,CAAC,KAAK,kBAAkB,YAAY,CAAC,KAAK,yBAAyB,YAAY,CAAC,KAAK,wBAAwB,YAAY,CAAC,KAAK;UAC3I,YAAY,CAAC,KAAK;;KAEvB;IACD,GAAG,CAAA;;;;;;;;;;;;;UAaG,MAAM;UACN,MAAM;qBACK,MAAM;0BACD,MAAM;;KAE3B;CACgB,CAAC;AAoJtB,aAAa,CAAC,cAAc,EAAE,CAAC,kBAAkB,CAAC,CAAC"}

package/group/avatar-group.d.ts

@@ -1,12 +1,13 @@
+import { type HTMLTemplate } from "../tmpl.js";
 import AvatarAnchor from "../items/avatar-a.js";
 import GroupSTD from "./std.js";
 export declare class AvatarGroup extends GroupSTD {
     max: number;
     more: number;
-    static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+    protected render(): HTMLTemplate;
     private renderMore;
-    firstUpdated(): void;
+    protected firstUpdated(): void;
     append(args?: AvatarAnchor): void;
     subtract(): void;
 }

package/group/avatar-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"AAEA,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,qBACa,WAAY,SAAQ,QAAQ;IACX,GAAG,SAAK;IACR,IAAI,SAAK;IACrC,MAAM,CAAC,MAAM,0BAUX;IAEF,MAAM;IAKN,OAAO,CAAC,UAAU;IAQlB,YAAY;IAMZ,MAAM,CAAC,IAAI,eAAqB;IAehC,QAAQ;CAYT;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
+{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC,qBACa,WAAY,SAAQ,QAAQ;IACX,GAAG,SAAK;IACR,IAAI,SAAK;IACrC,MAAM,CAAC,MAAM,4BAYX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAKhC,OAAO,CAAC,UAAU;IAQlB,SAAS,CAAC,YAAY;IAMtB,MAAM,CAAC,IAAI,eAAqB;IAehC,QAAQ;CAYT;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/group/avatar-group.js

@@ -8,6 +8,7 @@ import { append, css, define, html, property } from "../deps.js";
 import { htmlSlot, htmlStyle } from "../tmpl.js";
 import AvatarAnchor from "../items/avatar-a.js";
 import GroupSTD from "./std.js";
+const defineName = "avatar-group";
 let AvatarGroup = class AvatarGroup extends GroupSTD {
     constructor() {
         super(...arguments);
@@ -60,17 +61,19 @@ let AvatarGroup = class AvatarGroup extends GroupSTD {
         }
     }
 };
-AvatarGroup.styles = css `
-    :host {
-      display: flex;
-      width: 100%;
-      height: 100%;
-    }
+AvatarGroup.styles = [
+    css `
+      :host {
+        display: flex;
+        width: 100%;
+        height: 100%;
+      }
 
-    div {
-      display: contents;
-    }
-  `;
+      div {
+        display: contents;
+      }
+    `,
+];
 __decorate([
     property({ type: Number })
 ], AvatarGroup.prototype, "max", void 0);
@@ -78,7 +81,7 @@ __decorate([
     property({ type: Number })
 ], AvatarGroup.prototype, "more", void 0);
 AvatarGroup = __decorate([
-    define("avatar-group")
+    define(defineName)
 ], AvatarGroup);
 export { AvatarGroup };
 export default AvatarGroup;

package/group/avatar-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.js","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"avatar-group.js","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"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"}

package/group/details-group.d.ts

@@ -1,10 +1,11 @@
+import { type HTMLTemplate } from "../tmpl.js";
 import GroupSTD from "./std.js";
 export declare class DetailsGroup extends GroupSTD {
     index: number;
     only: boolean;
-    static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
-    firstUpdated(): Promise<void>;
+    static styles: import("lit").CSSResult[];
+    protected render(): HTMLTemplate;
+    protected firstUpdated(): Promise<void>;
     protected _handleClick(e: MouseEvent): void;
 }
 export default DetailsGroup;

package/group/details-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"details-group.d.ts","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAGhC,qBACa,YAAa,SAAQ,QAAQ;IACZ,KAAK,SAAM;IACV,IAAI,UAAS;IAC1C,MAAM,CAAC,MAAM,0BAIX;IAEF,MAAM;IAIA,YAAY;IAQlB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAUrC;AAED,eAAe,YAAY,CAAC;AAE5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
+{"version":3,"file":"details-group.d.ts","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC,qBACa,YAAa,SAAQ,QAAQ;IACZ,KAAK,SAAM;IACV,IAAI,UAAS;IAC1C,MAAM,CAAC,MAAM,4BAMX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;cAIhB,YAAY;IAQ5B,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAUrC;AAED,eAAe,YAAY,CAAC;AAE5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/group/details-group.js

@@ -5,8 +5,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, define, property } from "../deps.js";
-import GroupSTD from "./std.js";
 import { htmlSlot } from "../tmpl.js";
+import GroupSTD from "./std.js";
+const defineName = "details-group";
 let DetailsGroup = class DetailsGroup extends GroupSTD {
     constructor() {
         super(...arguments);
@@ -17,10 +18,9 @@ let DetailsGroup = class DetailsGroup extends GroupSTD {
         return htmlSlot();
     }
     async firstUpdated() {
-        var _a;
         await this.updateComplete;
         if (this.index >= 0) {
-            (_a = this.assigned[this.index]) === null || _a === void 0 ? void 0 : _a.setAttribute("open", "");
+            this.assigned[this.index]?.setAttribute("open", "");
         }
         this.addEvent(this, "click", this._handleClick);
     }
@@ -35,11 +35,13 @@ let DetailsGroup = class DetailsGroup extends GroupSTD {
         }
     }
 };
-DetailsGroup.styles = css `
-    :host {
-      display: block;
-    }
-  `;
+DetailsGroup.styles = [
+    css `
+      :host {
+        display: block;
+      }
+    `,
+];
 __decorate([
     property({ type: Number })
 ], DetailsGroup.prototype, "index", void 0);
@@ -47,7 +49,7 @@ __decorate([
     property({ type: Boolean })
 ], DetailsGroup.prototype, "only", void 0);
 DetailsGroup = __decorate([
-    define("details-group")
+    define(defineName)
 ], DetailsGroup);
 export { DetailsGroup };
 export default DetailsGroup;

package/group/details-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"details-group.js","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAG/B,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAAnC;;QACuB,UAAK,GAAG,CAAC,CAAC,CAAC;QACV,SAAI,GAAG,KAAK,CAAC;IA6B5C,CAAC;IAtBC,MAAM;QACJ,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,KAAK,CAAC,YAAY;;QAChB,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE;YACnB,MAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,0CAAE,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;SACrD;QACD,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAClD,CAAC;IAES,YAAY,CAAC,CAAa;QAClC,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,MAAqB,CAAC,CAAC;YAC5D,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC7B,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE;oBACpB,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;iBAC3B;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;;AA3BM,mBAAM,GAAG,GAAG,CAAA;;;;GAIlB,AAJY,CAIX;AAN0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAY;AACV;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAc;AAF/B,YAAY;IADxB,MAAM,CAAC,eAAe,CAAC;GACX,YAAY,CA+BxB;;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"details-group.js","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAqB,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,eAAe,CAAC;AAG5B,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAAnC;;QACuB,UAAK,GAAG,CAAC,CAAC,CAAC;QACV,SAAI,GAAG,KAAK,CAAC;IA+B5C,CAAC;IAtBW,MAAM;QACd,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAES,KAAK,CAAC,YAAY;QAC1B,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE;YACnB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;SACrD;QACD,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAClD,CAAC;IAES,YAAY,CAAC,CAAa;QAClC,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,MAAqB,CAAC,CAAC;YAC5D,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC7B,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE;oBACpB,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;iBAC3B;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;;AA7BM,mBAAM,GAAG;IACd,GAAG,CAAA;;;;KAIF;CACF,AANY,CAMX;AAR0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAY;AACV;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAc;AAF/B,YAAY;IADxB,MAAM,CAAC,UAAU,CAAC;GACN,YAAY,CAiCxB;;AAED,eAAe,YAAY,CAAC"}

package/group/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./avatar-group.js";
 export * from "./details-group.js";
+export * from "./tab-group.js";
 //# sourceMappingURL=index.d.ts.map

package/group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/group/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/group/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}

package/group/index.js

@@ -1,3 +1,4 @@
 export * from "./avatar-group.js";
 export * from "./details-group.js";
+export * from "./tab-group.js";
 //# sourceMappingURL=index.js.map

package/group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/group/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/group/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}

package/group/tab-group.d.ts

@@ -0,0 +1,31 @@
+import { type HTMLTemplate } from "../tmpl.js";
+import GroupSTD from "./std.js";
+import type { PropertyValueMap } from "lit";
+export declare class TabGroup extends GroupSTD {
+    static styles: import("lit").CSSResultGroup[];
+    index: string;
+    def: string;
+    align: string;
+    headers: string[] | void;
+    contents: string[];
+    protected render(): HTMLTemplate;
+    protected updated(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    /**
+     * Select one tab.
+     * @param s New index.
+     * @param callSync if true, update all same elements (headers contains s).
+     */
+    select(s: string, callSync?: boolean): void;
+    connectedCallback(): void;
+    /**
+     * Update content controls (this.headers, this.contents).
+     */
+    getTabs(): void;
+}
+export default TabGroup;
+declare global {
+    interface HTMLElementTagNameMap {
+        "tab-group": TabGroup;
+    }
+}
+//# sourceMappingURL=tab-group.d.ts.map

package/group/tab-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-group.d.ts","sourceRoot":"","sources":["../../src/group/tab-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAChC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAM5C,qBACa,QAAS,SAAQ,QAAQ;IACpC,MAAM,CAAC,MAAM,iCA0CX;IAEU,KAAK,SAAM;IACX,GAAG,SAAM;IACT,KAAK,SAAW;IACnB,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,EAAE,CAAC;IAE5B,SAAS,CAAC,MAAM,IAAI,YAAY;IAoBhC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAetF;;;;OAIG;IACH,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,UAAQ;IAalC,iBAAiB;IAWjB;;OAEG;IACH,OAAO;CAGR;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/group/tab-group.js

@@ -0,0 +1,150 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { createScope, css, cssvarValues, define, html, property, state } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
+import GroupSTD from "./std.js";
+const defineName = "tab-group";
+const cssvarScope = createScope(defineName);
+let TabGroup = class TabGroup extends GroupSTD {
+    constructor() {
+        super(...arguments);
+        this.index = "";
+        this.def = "";
+        this.align = "start";
+    }
+    render() {
+        const headers = (this.headers || this.contents).map((value) => {
+            return html `<section
+        class="${this.index === value ? "active" : ""}"
+        @click="${() => {
+                this.select(value, true);
+            }}"
+      >
+        ${this.headers ? htmlSlot(value) : value}
+      </section>`;
+        });
+        return html `
+      <nav style="justify-content:${this.align}">
+        ${headers}
+        <section id="slider"></section>
+      </nav>
+      ${htmlSlot(this.index || this.def)}
+    `;
+    }
+    updated(changedProperties) {
+        if (changedProperties.has("index")) {
+            // Move slider.
+            const active = this.shadowRoot.querySelector(`section.active`);
+            const slider = this.shadowRoot.querySelector("#slider");
+            if (active) {
+                this.dispatchEvent(new CustomEvent("select", { detail: this.index }));
+                slider.style.width = `${active.clientWidth}px`;
+                slider.animate([{ left: `${active.offsetLeft + active.clientWidth / 2}px` }], { duration: 250, fill: "forwards" });
+            }
+            else {
+                slider.style.width = "0";
+            }
+        }
+    }
+    /**
+     * Select one tab.
+     * @param s New index.
+     * @param callSync if true, update all same elements (headers contains s).
+     */
+    select(s, callSync = false) {
+        if (callSync) {
+            const elements = this.deepQuerySelectorAll(`${this.tagName}`, null, document.body);
+            for (const e of elements) {
+                if ((e.headers || e.contents).includes(s)) {
+                    e.select(s);
+                }
+            }
+            return;
+        }
+        this.index = s;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.def) {
+            this.def = this.slottedNames[0] || "";
+        }
+        if (!this.index && this.def) {
+            this.index = this.def;
+        }
+        this.getTabs();
+    }
+    /**
+     * Update content controls (this.headers, this.contents).
+     */
+    getTabs() {
+        this.contents = this.slottedNames;
+    }
+};
+TabGroup.styles = [
+    GroupSTD.styles,
+    css `
+      :host {
+        ${cssvarScope}--background: var(${cssvarValues.main});
+        ${cssvarScope}--background-active: rgb(var(${cssvarValues.textRGB}) / 18%);
+        ${cssvarScope}--radius: .25em;
+        ${cssvarScope}--cursor: default;
+        background: var(${cssvarScope}--background);
+        display: block;
+      }
+
+      nav {
+        display: grid;
+        grid-auto-flow: column;
+        gap: 0.5em;
+        position: relative;
+        border-radius: inherit;
+      }
+
+      section {
+        white-space: nowrap;
+        min-width: 2em;
+        border-radius: inherit;
+        padding: 0 0.2em;
+        cursor: var(${cssvarScope}--cursor);
+        z-index: 1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      #slider {
+        height: 100%;
+        position: absolute;
+        padding: 0;
+        background: var(${cssvarScope}--background-active);
+        transform: translateX(-50%);
+        transition: all 0.25s ease 0s;
+        z-index: 0;
+      }
+    `,
+];
+__decorate([
+    property()
+], TabGroup.prototype, "index", void 0);
+__decorate([
+    property()
+], TabGroup.prototype, "def", void 0);
+__decorate([
+    property()
+], TabGroup.prototype, "align", void 0);
+__decorate([
+    state()
+], TabGroup.prototype, "headers", void 0);
+__decorate([
+    state()
+], TabGroup.prototype, "contents", void 0);
+TabGroup = __decorate([
+    define(defineName)
+], TabGroup);
+export { TabGroup };
+export default TabGroup;
+//# sourceMappingURL=tab-group.js.map

package/group/tab-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-group.js","sourceRoot":"","sources":["../../src/group/tab-group.ts"],"names":[],"mappings":"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"}