duoyun-ui 0.0.2

package/elements/tree.d.ts

@@ -0,0 +1,48 @@
+import { GemElement, Emitter, TemplateResult } from '@mantou/gem';
+import '@mantou/gem/elements/use';
+declare type Status = 'positive' | 'notice' | 'negative';
+export declare type TreeItem = {
+    label: string;
+    value?: any;
+    icon?: string | Element | DocumentFragment;
+    context?: TemplateResult;
+    children?: TreeItem[];
+    status?: Status;
+    tags?: string[];
+};
+/**
+ * @customElement dy-tree-item
+ * @fires click-item
+ */
+export declare class DuoyunTreeItemElement extends GemElement {
+    expanded: boolean;
+    highlight: boolean;
+    hastags: boolean;
+    color?: string;
+    level: number;
+    item: TreeItem;
+    constructor();
+    render: () => TemplateResult;
+}
+declare type State = {
+    expandItem: Set<any>;
+};
+/**
+ * @customElement dy-tree
+ * @fires click-item
+ */
+export declare class DuoyunTreeElement extends GemElement<State> {
+    #private;
+    data?: TreeItem[];
+    /**value array */
+    highlights?: any[];
+    clickItem: Emitter;
+    item: string;
+    state: State;
+    constructor();
+    willMount: () => void;
+    mounted: () => void;
+    render: () => TemplateResult;
+}
+export {};
+//# sourceMappingURL=tree.d.ts.map

package/elements/tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../src/elements/tree.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EAUV,OAAO,EACP,cAAc,EAEf,MAAM,aAAa,CAAC;AAOrB,OAAO,0BAA0B,CAAC;AAElC,aAAK,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;AAQjD,oBAAY,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,gBAAgB,CAAC;IAC3C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IAGtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB,CAAC;AA2CF;;;GAGG;AACH,qBAEa,qBAAsB,SAAQ,UAAU;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEhB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;;IAOzB,MAAM,uBAmBJ;CACH;AAED,aAAK,KAAK,GAAG;IACX,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;CACtB,CAAC;AASF;;;GAGG;AACH,qBAEa,iBAAkB,SAAQ,UAAU,CAAC,KAAK,CAAC;;IAC5C,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC5B,iBAAiB;IACP,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;IAEpB,SAAS,EAAE,OAAO,CAAC;IAEtB,IAAI,EAAE,MAAM,CAAC;IAEnB,KAAK,EAAE,KAAK,CAEV;;IAmDF,SAAS,aAmBP;IAEF,OAAO,aAgBL;IAEF,MAAM,uBAEJ;CACH"}

package/elements/tree.js

@@ -0,0 +1,231 @@
+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;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _DuoyunTreeElement_highlights, _DuoyunTreeElement_tagsMap, _DuoyunTreeElement_statusMap, _DuoyunTreeElement_onClick, _DuoyunTreeElement_getItemColor, _DuoyunTreeElement_renderItem;
+// https://spectrum.adobe.com/page/tree-view/
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, property, boolattribute, attribute, emitter, part, } from '@mantou/gem';
+import { icons } from '../lib/icons';
+import { commonHandle } from '../lib/hotkeys';
+import { theme, getSemanticColor } from '../lib/theme';
+import { getCascaderBubbleWeakMap } from '../lib/utils';
+import '@mantou/gem/elements/use';
+const statusRank = {
+    negative: 3,
+    notice: 2,
+    positive: 1,
+};
+const itemStyle = createCSSSheet(css `
+  :host {
+    display: flex;
+    align-items: center;
+    gap: 0.3em;
+    cursor: pointer;
+    line-height: 2;
+    user-select: none;
+  }
+  :host(:hover) {
+    background-color: ${theme.lightBackgroundColor};
+  }
+  :host([highlight]) {
+    background-color: ${theme.hoverBackgroundColor};
+  }
+  .icon {
+    width: 1.3em;
+    flex-shrink: 0;
+  }
+  .expandable {
+    margin-inline-start: 0.3em;
+  }
+  .label {
+    flex-grow: 1;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .tags {
+    flex-shrink: 1;
+    white-space: nowrap;
+    margin-inline: 1em;
+  }
+  .children {
+    width: 0.5em;
+    aspect-ratio: 1;
+    background: currentColor;
+    border-radius: 10em;
+  }
+`);
+/**
+ * @customElement dy-tree-item
+ * @fires click-item
+ */
+let DuoyunTreeItemElement = class DuoyunTreeItemElement extends GemElement {
+    constructor() {
+        super();
+        this.render = () => {
+            const { label, children, icon, context, tags } = this.item;
+            return html `
+      <style>
+        :host {
+          padding-left: ${this.level}em;
+          color: ${this.color};
+        }
+      </style>
+      <gem-use
+        class="icon expandable"
+        .element=${!children ? undefined : this.expanded ? icons.expand : icons.right}
+      ></gem-use>
+      ${icon ? html `<gem-use class="icon" .element=${icon}></gem-use>` : ''}
+      ${context ? html `<div class="context">${context}</div>` : ''}
+      <span class="label">${label}</span>
+      ${this.hastags ? html `<div class="tags children"></div>` : ''}
+      ${tags ? html `<div class="tags">${tags.join(', ')}</div>` : ''}
+    `;
+        };
+        this.internals.role = 'treeitem';
+    }
+};
+__decorate([
+    boolattribute
+], DuoyunTreeItemElement.prototype, "expanded", void 0);
+__decorate([
+    boolattribute
+], DuoyunTreeItemElement.prototype, "highlight", void 0);
+__decorate([
+    boolattribute
+], DuoyunTreeItemElement.prototype, "hastags", void 0);
+__decorate([
+    attribute
+], DuoyunTreeItemElement.prototype, "color", void 0);
+__decorate([
+    property
+], DuoyunTreeItemElement.prototype, "level", void 0);
+__decorate([
+    property
+], DuoyunTreeItemElement.prototype, "item", void 0);
+DuoyunTreeItemElement = __decorate([
+    customElement('dy-tree-item'),
+    adoptedStyle(itemStyle)
+], DuoyunTreeItemElement);
+export { DuoyunTreeItemElement };
+const style = createCSSSheet(css `
+  :host {
+    display: block;
+    font-size: 0.875em;
+  }
+`);
+/**
+ * @customElement dy-tree
+ * @fires click-item
+ */
+let DuoyunTreeElement = class DuoyunTreeElement extends GemElement {
+    constructor() {
+        super();
+        this.state = {
+            expandItem: new Set(),
+        };
+        _DuoyunTreeElement_highlights.set(this, void 0);
+        // folder
+        _DuoyunTreeElement_tagsMap.set(this, void 0);
+        _DuoyunTreeElement_statusMap.set(this, void 0);
+        _DuoyunTreeElement_onClick.set(this, (item) => {
+            var _a;
+            const value = (_a = item.value) !== null && _a !== void 0 ? _a : item.label;
+            this.clickItem(value);
+            if (item.children) {
+                const { expandItem } = this.state;
+                if (expandItem.has(value)) {
+                    expandItem.delete(value);
+                }
+                else {
+                    expandItem.add(value);
+                }
+                this.setState({});
+            }
+        });
+        _DuoyunTreeElement_getItemColor.set(this, (item) => {
+            const status = item.status || __classPrivateFieldGet(this, _DuoyunTreeElement_statusMap, "f").get(item);
+            return (status && getSemanticColor(status)) || theme.textColor;
+        });
+        _DuoyunTreeElement_renderItem.set(this, (item, level) => {
+            var _a, _b, _c;
+            const value = (_a = item.value) !== null && _a !== void 0 ? _a : item.label;
+            const expanded = this.state.expandItem.has((_b = item.value) !== null && _b !== void 0 ? _b : item.label);
+            return html `
+      <dy-tree-item
+        tabindex="0"
+        @keydown=${commonHandle}
+        @click=${() => __classPrivateFieldGet(this, _DuoyunTreeElement_onClick, "f").call(this, item)}
+        part=${this.item}
+        .hastags=${__classPrivateFieldGet(this, _DuoyunTreeElement_tagsMap, "f").has(item)}
+        .color=${__classPrivateFieldGet(this, _DuoyunTreeElement_getItemColor, "f").call(this, item)}
+        .item=${item}
+        .level=${level}
+        .expanded=${expanded}
+        .highlight=${__classPrivateFieldGet(this, _DuoyunTreeElement_highlights, "f").has(value)}
+      ></dy-tree-item>
+      ${expanded ? (_c = item.children) === null || _c === void 0 ? void 0 : _c.map((item) => __classPrivateFieldGet(this, _DuoyunTreeElement_renderItem, "f").call(this, item, level + 1)) : ''}
+    `;
+        });
+        this.willMount = () => {
+            this.memo(() => {
+                __classPrivateFieldSet(this, _DuoyunTreeElement_highlights, new Set(this.highlights), "f");
+            }, () => [this.highlights]);
+            this.memo(() => {
+                __classPrivateFieldSet(this, _DuoyunTreeElement_tagsMap, getCascaderBubbleWeakMap(this.data, 'children', (e) => e.tags), "f");
+                __classPrivateFieldSet(this, _DuoyunTreeElement_statusMap, getCascaderBubbleWeakMap(this.data, 'children', (e) => e.status, (a, b) => (statusRank[a] > statusRank[b] ? a : b)), "f");
+            }, () => [this.data]);
+        };
+        this.mounted = () => {
+            this.effect(() => {
+                if (!this.data)
+                    return;
+                const getExpandableValues = (list) => list.map((e) => { var _a; return (e.children ? [(_a = e.label) !== null && _a !== void 0 ? _a : e.value, ...getExpandableValues(e.children)] : undefined); });
+                const newValue = new Set(getExpandableValues(this.data).flat());
+                this.state.expandItem.forEach((e) => {
+                    if (!newValue.has(e)) {
+                        this.state.expandItem.delete(e);
+                        this.setState({});
+                    }
+                });
+            }, () => [this.data]);
+        };
+        this.render = () => {
+            var _a;
+            return html `${(_a = this.data) === null || _a === void 0 ? void 0 : _a.map((item) => __classPrivateFieldGet(this, _DuoyunTreeElement_renderItem, "f").call(this, item, 0))}`;
+        };
+        this.internals.role = 'tree';
+    }
+};
+_DuoyunTreeElement_highlights = new WeakMap(), _DuoyunTreeElement_tagsMap = new WeakMap(), _DuoyunTreeElement_statusMap = new WeakMap(), _DuoyunTreeElement_onClick = new WeakMap(), _DuoyunTreeElement_getItemColor = new WeakMap(), _DuoyunTreeElement_renderItem = new WeakMap();
+__decorate([
+    property
+], DuoyunTreeElement.prototype, "data", void 0);
+__decorate([
+    property
+], DuoyunTreeElement.prototype, "highlights", void 0);
+__decorate([
+    emitter
+], DuoyunTreeElement.prototype, "clickItem", void 0);
+__decorate([
+    part
+], DuoyunTreeElement.prototype, "item", void 0);
+DuoyunTreeElement = __decorate([
+    customElement('dy-tree'),
+    adoptedStyle(style)
+], DuoyunTreeElement);
+export { DuoyunTreeElement };
+//# sourceMappingURL=tree.js.map

package/elements/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","sourceRoot":"","sources":["../src/elements/tree.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,6CAA6C;AAC7C,OAAO,EACL,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,QAAQ,EACR,aAAa,EACb,SAAS,EACT,OAAO,EAGP,IAAI,GACL,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,0BAA0B,CAAC;AAIlC,MAAM,UAAU,GAA2B;IACzC,QAAQ,EAAE,CAAC;IACX,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,CAAC;CACZ,CAAC;AAeF,MAAM,SAAS,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;;;;wBAUZ,KAAK,CAAC,oBAAoB;;;wBAG1B,KAAK,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BjD,CAAC,CAAC;AAEH;;;GAGG;AAGH,IAAa,qBAAqB,GAAlC,MAAa,qBAAsB,SAAQ,UAAU;IASnD;QACE,KAAK,EAAE,CAAC;QAIV,WAAM,GAAG,GAAG,EAAE;YACZ,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC;YAC3D,OAAO,IAAI,CAAA;;;0BAGW,IAAI,CAAC,KAAK;mBACjB,IAAI,CAAC,KAAK;;;;;mBAKV,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;;QAE7E,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,kCAAkC,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE;QACnE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,wBAAwB,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE;4BACtC,KAAK;QACzB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,CAAC,CAAC,CAAC,EAAE;QAC3D,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;KAC/D,CAAC;QACJ,CAAC,CAAC;QAtBA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,UAAU,CAAC;IACnC,CAAC;CAsBF,CAAA;AAjCgB;IAAd,aAAa;uDAAmB;AAClB;IAAd,aAAa;wDAAoB;AACnB;IAAd,aAAa;sDAAkB;AACrB;IAAV,SAAS;oDAAgB;AAEhB;IAAT,QAAQ;oDAAe;AACd;IAAT,QAAQ;mDAAgB;AAPd,qBAAqB;IAFjC,aAAa,CAAC,cAAc,CAAC;IAC7B,YAAY,CAAC,SAAS,CAAC;GACX,qBAAqB,CAkCjC;SAlCY,qBAAqB;AAwClC,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;CAK/B,CAAC,CAAC;AAEH;;;GAGG;AAGH,IAAa,iBAAiB,GAA9B,MAAa,iBAAkB,SAAQ,UAAiB;IAatD;QACE,KAAK,EAAE,CAAC;QALV,UAAK,GAAU;YACb,UAAU,EAAE,IAAI,GAAG,EAAE;SACtB,CAAC;QAOF,gDAAsB;QACtB,SAAS;QACT,6CAAsC;QACtC,+CAAsC;QAEtC,qCAAW,CAAC,IAAc,EAAE,EAAE;;YAC5B,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,KAAK,CAAC;YACvC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YACtB,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;gBAClC,IAAI,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;oBACzB,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;iBAC1B;qBAAM;oBACL,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;iBACvB;gBACD,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;aACnB;QACH,CAAC,EAAC;QAEF,0CAAgB,CAAC,IAAc,EAAE,EAAE;YACjC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,uBAAA,IAAI,oCAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACxD,OAAO,CAAC,MAAM,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC;QACjE,CAAC,EAAC;QAEF,wCAAc,CAAC,IAAc,EAAE,KAAa,EAAkB,EAAE;;YAC9D,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,KAAK,CAAC;YACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,KAAK,CAAC,CAAC;YACrE,OAAO,IAAI,CAAA;;;mBAGI,YAAY;iBACd,GAAG,EAAE,CAAC,uBAAA,IAAI,kCAAS,MAAb,IAAI,EAAU,IAAI,CAAC;eAC3B,IAAI,CAAC,IAAI;mBACL,uBAAA,IAAI,kCAAS,CAAC,GAAG,CAAC,IAAI,CAAC;iBACzB,uBAAA,IAAI,uCAAc,MAAlB,IAAI,EAAe,IAAI,CAAC;gBACzB,IAAI;iBACH,KAAK;oBACF,QAAQ;qBACP,uBAAA,IAAI,qCAAY,CAAC,GAAG,CAAC,KAAK,CAAC;;QAExC,QAAQ,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,QAAQ,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAA,IAAI,qCAAY,MAAhB,IAAI,EAAa,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;KAClF,CAAC;QACJ,CAAC,EAAC;QAEF,cAAS,GAAG,GAAG,EAAE;YACf,IAAI,CAAC,IAAI,CACP,GAAG,EAAE;gBACH,uBAAA,IAAI,iCAAe,IAAI,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,MAAA,CAAC;YAC9C,CAAC,EACD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CACxB,CAAC;YACF,IAAI,CAAC,IAAI,CACP,GAAG,EAAE;gBACH,uBAAA,IAAI,8BAAY,wBAAwB,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAA,CAAC;gBAC/E,uBAAA,IAAI,gCAAc,wBAAwB,CACxC,IAAI,CAAC,IAAI,EACT,UAAU,EACV,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EACf,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAClD,MAAA,CAAC;YACJ,CAAC,EACD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAClB,CAAC;QACJ,CAAC,CAAC;QAEF,YAAO,GAAG,GAAG,EAAE;YACb,IAAI,CAAC,MAAM,CACT,GAAG,EAAE;gBACH,IAAI,CAAC,IAAI,CAAC,IAAI;oBAAE,OAAO;gBACvB,MAAM,mBAAmB,GAAG,CAAC,IAAgB,EAAS,EAAE,CACtD,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAA,CAAC,CAAC,KAAK,mCAAI,CAAC,CAAC,KAAK,EAAE,GAAG,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA,EAAA,CAAC,CAAC;gBACvG,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;gBAChE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;oBAClC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;wBACpB,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;wBAChC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;qBACnB;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,EACD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAClB,CAAC;QACJ,CAAC,CAAC;QAEF,WAAM,GAAG,GAAG,EAAE;;YACZ,OAAO,IAAI,CAAA,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAA,IAAI,qCAAY,MAAhB,IAAI,EAAa,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACtE,CAAC,CAAC;QAxFA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC;IAC/B,CAAC;CAwFF,CAAA;;AAvGW;IAAT,QAAQ;+CAAmB;AAElB;IAAT,QAAQ;qDAAoB;AAEpB;IAAR,OAAO;oDAAoB;AAEtB;IAAL,IAAI;+CAAc;AAPR,iBAAiB;IAF7B,aAAa,CAAC,SAAS,CAAC;IACxB,YAAY,CAAC,KAAK,CAAC;GACP,iBAAiB,CAwG7B;SAxGY,iBAAiB"}

package/elements/wait.d.ts

@@ -0,0 +1,19 @@
+import { GemElement } from '@mantou/gem';
+import './loading';
+interface Option {
+    minDelay?: number;
+    text?: string;
+}
+export declare function waitLoading<T>(promise: Promise<T>, { minDelay, text }?: Option): Promise<T>;
+/**
+ * @customElement dy-wait
+ */
+export declare class DuoyunWaitElement extends GemElement {
+    #private;
+    static instance?: DuoyunWaitElement;
+    constructor(text?: string);
+    mounted: () => () => void;
+    render: () => import("@mantou/gem").TemplateResult;
+}
+export {};
+//# sourceMappingURL=wait.d.ts.map

package/elements/wait.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wait.d.ts","sourceRoot":"","sources":["../src/elements/wait.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA0D,MAAM,aAAa,CAAC;AAMjG,OAAO,WAAW,CAAC;AAmBnB,UAAU,MAAM;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAsB,WAAW,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,QAAc,EAAE,IAAI,EAAE,GAAE,MAAW,GAAG,OAAO,CAAC,CAAC,CAAC,CAsB3G;AAED;;GAEG;AACH,qBAEa,iBAAkB,SAAQ,UAAU;;IAC/C,MAAM,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;gBAExB,IAAI,SAAK;IAWrB,OAAO,mBAOL;IAEF,MAAM,6CAEJ;CACH"}

package/elements/wait.js

@@ -0,0 +1,97 @@
+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;
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _DuoyunWaitElement_text;
+var DuoyunWaitElement_1;
+import { GemElement, customElement, html, adoptedStyle, css, createCSSSheet } from '@mantou/gem';
+import { sleep, setBodyInert } from '../lib/utils';
+import { theme } from '../lib/theme';
+import { commonAnimationOpions, fadeIn, fadeOut } from '../lib/animations';
+import './loading';
+const style = createCSSSheet(css `
+  :host {
+    position: fixed;
+    z-index: 999998;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: env(titlebar-area-height, 0);
+    color: white;
+    background-color: rgba(0, 0, 0, ${theme.maskAlpha});
+    justify-content: center;
+    padding-top: 1em;
+    align-items: flex-start;
+  }
+`);
+export async function waitLoading(promise, { minDelay = 500, text } = {}) {
+    let ele = undefined;
+    try {
+        const token = Symbol();
+        const r = await Promise.any([sleep(16).then(() => token), promise]);
+        if (r === token) {
+            ele = new DuoyunWaitElement(text);
+            const [, result] = await Promise.all([
+                sleep(minDelay),
+                promise,
+                ele.animate(fadeIn, commonAnimationOpions).finished,
+            ]);
+            return result;
+        }
+        else {
+            return r;
+        }
+    }
+    finally {
+        if (ele) {
+            await ele.animate(fadeOut, commonAnimationOpions).finished;
+            ele === null || ele === void 0 ? void 0 : ele.remove();
+        }
+    }
+}
+/**
+ * @customElement dy-wait
+ */
+let DuoyunWaitElement = DuoyunWaitElement_1 = class DuoyunWaitElement extends GemElement {
+    constructor(text = '') {
+        super();
+        _DuoyunWaitElement_text.set(this, '');
+        this.mounted = () => {
+            DuoyunWaitElement_1.instance = this;
+            const restoreInert = setBodyInert(this);
+            return () => {
+                restoreInert();
+                DuoyunWaitElement_1.instance = undefined;
+            };
+        };
+        this.render = () => {
+            return html `<dy-loading>${__classPrivateFieldGet(this, _DuoyunWaitElement_text, "f")}</dy-loading>`;
+        };
+        __classPrivateFieldSet(this, _DuoyunWaitElement_text, text, "f");
+        this.internals.role = 'alert';
+        this.internals.ariaBusy = 'true';
+        this.internals.ariaLabel = __classPrivateFieldGet(this, _DuoyunWaitElement_text, "f");
+        document.documentElement.append(this);
+    }
+};
+_DuoyunWaitElement_text = new WeakMap();
+DuoyunWaitElement = DuoyunWaitElement_1 = __decorate([
+    customElement('dy-wait'),
+    adoptedStyle(style)
+], DuoyunWaitElement);
+export { DuoyunWaitElement };
+//# sourceMappingURL=wait.js.map

package/elements/wait.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wait.js","sourceRoot":"","sources":["../src/elements/wait.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEjG,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE3E,OAAO,WAAW,CAAC;AAEnB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;;;;sCAUM,KAAK,CAAC,SAAS;;;;;CAKpD,CAAC,CAAC;AAOH,MAAM,CAAC,KAAK,UAAU,WAAW,CAAI,OAAmB,EAAE,EAAE,QAAQ,GAAG,GAAG,EAAE,IAAI,KAAa,EAAE;IAC7F,IAAI,GAAG,GAAkC,SAAS,CAAC;IACnD,IAAI;QACF,MAAM,KAAK,GAAG,MAAM,EAAE,CAAC;QACvB,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAa,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;QAChF,IAAI,CAAC,KAAK,KAAK,EAAE;YACf,GAAG,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC;YAClC,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;gBACnC,KAAK,CAAC,QAAQ,CAAC;gBACf,OAAO;gBACP,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC,QAAQ;aACpD,CAAC,CAAC;YACH,OAAO,MAAM,CAAC;SACf;aAAM;YACL,OAAO,CAAM,CAAC;SACf;KACF;YAAS;QACR,IAAI,GAAG,EAAE;YACP,MAAM,GAAG,CAAC,OAAO,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC,QAAQ,CAAC;YAC3D,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,EAAE,CAAC;SACf;KACF;AACH,CAAC;AAED;;GAEG;AAGH,IAAa,iBAAiB,yBAA9B,MAAa,iBAAkB,SAAQ,UAAU;IAG/C,YAAY,IAAI,GAAG,EAAE;QACnB,KAAK,EAAE,CAAC;QAQV,kCAAQ,EAAE,EAAC;QAEX,YAAO,GAAG,GAAG,EAAE;YACb,mBAAiB,CAAC,QAAQ,GAAG,IAAI,CAAC;YAClC,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;YACxC,OAAO,GAAG,EAAE;gBACV,YAAY,EAAE,CAAC;gBACf,mBAAiB,CAAC,QAAQ,GAAG,SAAS,CAAC;YACzC,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,WAAM,GAAG,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA,eAAe,uBAAA,IAAI,+BAAM,eAAe,CAAC;QACtD,CAAC,CAAC;QApBA,uBAAA,IAAI,2BAAS,IAAI,MAAA,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,OAAO,CAAC;QAC9B,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,uBAAA,IAAI,+BAAM,CAAC;QACtC,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;CAgBF,CAAA;;AA1BY,iBAAiB;IAF7B,aAAa,CAAC,SAAS,CAAC;IACxB,YAAY,CAAC,KAAK,CAAC;GACP,iBAAiB,CA0B7B;SA1BY,iBAAiB"}

package/lib/animations.d.ts

@@ -0,0 +1,4 @@
+export declare const commonAnimationOpions: KeyframeAnimationOptions;
+export declare const fadeIn: Keyframe[];
+export declare const fadeOut: Keyframe[];
+//# sourceMappingURL=animations.d.ts.map

package/lib/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../src/lib/animations.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,EAAE,wBAGnC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,EAAqC,CAAC;AACnE,eAAO,MAAM,OAAO,EAAE,QAAQ,EAAqC,CAAC"}

package/lib/animations.js

@@ -0,0 +1,8 @@
+import { themeStore } from './theme';
+export const commonAnimationOpions = {
+    easing: themeStore.timingFunction,
+    duration: 300,
+};
+export const fadeIn = [{ opacity: 0 }, { opacity: 1 }];
+export const fadeOut = [{ opacity: 1 }, { opacity: 0 }];
+//# sourceMappingURL=animations.js.map

package/lib/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.js","sourceRoot":"","sources":["../src/lib/animations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,CAAC,MAAM,qBAAqB,GAA6B;IAC7D,MAAM,EAAE,UAAU,CAAC,cAAc;IACjC,QAAQ,EAAE,GAAG;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAe,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AACnE,MAAM,CAAC,MAAM,OAAO,GAAe,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC"}

package/lib/cache.d.ts

@@ -0,0 +1,12 @@
+interface Options {
+    max?: number;
+    maxAge?: number;
+}
+export declare class Cache<T = any> {
+    #private;
+    constructor({ max, maxAge }?: Options);
+    set(key: string, value: T): void;
+    get(key: string, callback?: (result: T) => void): T | undefined;
+}
+export {};
+//# sourceMappingURL=cache.d.ts.map

package/lib/cache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.d.ts","sourceRoot":"","sources":["../src/lib/cache.ts"],"names":[],"mappings":"AAEA,UAAU,OAAO;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAOD,qBAAa,KAAK,CAAC,CAAC,GAAG,GAAG;;gBAQZ,EAAE,GAAc,EAAE,MAAiB,EAAE,GAAE,OAAY;IAc/D,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAOzB,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI;CAehD"}

package/lib/cache.js

@@ -0,0 +1,56 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Cache_instances, _Cache_max, _Cache_maxAge, _Cache_map, _Cache_reverseMap, _Cache_linkedList, _Cache_trim;
+import { LinkedList } from '@mantou/gem';
+export class Cache {
+    constructor({ max = Infinity, maxAge = Infinity } = {}) {
+        _Cache_instances.add(this);
+        _Cache_max.set(this, void 0);
+        _Cache_maxAge.set(this, void 0);
+        _Cache_map.set(this, new Map());
+        _Cache_reverseMap.set(this, new Map());
+        _Cache_linkedList.set(this, new LinkedList());
+        __classPrivateFieldSet(this, _Cache_max, max, "f");
+        __classPrivateFieldSet(this, _Cache_maxAge, maxAge, "f");
+    }
+    set(key, value) {
+        __classPrivateFieldGet(this, _Cache_linkedList, "f").add(value);
+        __classPrivateFieldGet(this, _Cache_reverseMap, "f").set(value, key);
+        __classPrivateFieldGet(this, _Cache_map, "f").set(key, { value, timestamp: Date.now() });
+        __classPrivateFieldGet(this, _Cache_instances, "m", _Cache_trim).call(this);
+    }
+    get(key, callback) {
+        const cache = __classPrivateFieldGet(this, _Cache_map, "f").get(key);
+        if (!cache)
+            return;
+        const { timestamp, value } = cache;
+        if (Date.now() - timestamp > __classPrivateFieldGet(this, _Cache_maxAge, "f")) {
+            __classPrivateFieldGet(this, _Cache_linkedList, "f").delete(value);
+            __classPrivateFieldGet(this, _Cache_reverseMap, "f").delete(value);
+            __classPrivateFieldGet(this, _Cache_map, "f").delete(key);
+            return;
+        }
+        __classPrivateFieldGet(this, _Cache_linkedList, "f").get();
+        __classPrivateFieldGet(this, _Cache_linkedList, "f").add(value);
+        callback === null || callback === void 0 ? void 0 : callback(value);
+        return value;
+    }
+}
+_Cache_max = new WeakMap(), _Cache_maxAge = new WeakMap(), _Cache_map = new WeakMap(), _Cache_reverseMap = new WeakMap(), _Cache_linkedList = new WeakMap(), _Cache_instances = new WeakSet(), _Cache_trim = function _Cache_trim() {
+    for (let i = __classPrivateFieldGet(this, _Cache_linkedList, "f").size - __classPrivateFieldGet(this, _Cache_max, "f"); i > 0; i--) {
+        const value = __classPrivateFieldGet(this, _Cache_linkedList, "f").get();
+        const key = __classPrivateFieldGet(this, _Cache_reverseMap, "f").get(value);
+        __classPrivateFieldGet(this, _Cache_reverseMap, "f").delete(value);
+        __classPrivateFieldGet(this, _Cache_map, "f").delete(key);
+    }
+};
+//# sourceMappingURL=cache.js.map

package/lib/cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.js","sourceRoot":"","sources":["../src/lib/cache.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAYzC,MAAM,OAAO,KAAK;IAQhB,YAAY,EAAE,GAAG,GAAG,QAAQ,EAAE,MAAM,GAAG,QAAQ,KAAc,EAAE;;QAP/D,6BAAa;QACb,gCAAgB;QAEhB,qBAAO,IAAI,GAAG,EAAwB,EAAC;QACvC,4BAAc,IAAI,GAAG,EAAa,EAAC;QACnC,4BAAc,IAAI,UAAU,EAAK,EAAC;QAGhC,uBAAA,IAAI,cAAQ,GAAG,MAAA,CAAC;QAChB,uBAAA,IAAI,iBAAW,MAAM,MAAA,CAAC;IACxB,CAAC;IAWD,GAAG,CAAC,GAAW,EAAE,KAAQ;QACvB,uBAAA,IAAI,yBAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC5B,uBAAA,IAAI,yBAAY,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACjC,uBAAA,IAAI,kBAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACrD,uBAAA,IAAI,qCAAM,MAAV,IAAI,CAAQ,CAAC;IACf,CAAC;IAED,GAAG,CAAC,GAAW,EAAE,QAA8B;QAC7C,MAAM,KAAK,GAAG,uBAAA,IAAI,kBAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACjC,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;QACnC,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,GAAG,uBAAA,IAAI,qBAAQ,EAAE;YACzC,uBAAA,IAAI,yBAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/B,uBAAA,IAAI,yBAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/B,uBAAA,IAAI,kBAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACtB,OAAO;SACR;QACD,uBAAA,IAAI,yBAAY,CAAC,GAAG,EAAE,CAAC;QACvB,uBAAA,IAAI,yBAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC5B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;QAClB,OAAO,KAAK,CAAC;IACf,CAAC;CACF;;IA9BG,KAAK,IAAI,CAAC,GAAG,uBAAA,IAAI,yBAAY,CAAC,IAAI,GAAG,uBAAA,IAAI,kBAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;QAC1D,MAAM,KAAK,GAAG,uBAAA,IAAI,yBAAY,CAAC,GAAG,EAAE,CAAC;QACrC,MAAM,GAAG,GAAG,uBAAA,IAAI,yBAAY,CAAC,GAAG,CAAC,KAAM,CAAE,CAAC;QAC1C,uBAAA,IAAI,yBAAY,CAAC,MAAM,CAAC,KAAM,CAAC,CAAC;QAChC,uBAAA,IAAI,kBAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;KACvB;AACH,CAAC"}

package/lib/color.d.ts

@@ -0,0 +1,37 @@
+export declare type RGB = readonly [number, number, number];
+export declare type RGBA = readonly [number, number, number, number];
+export declare type HSL = readonly [number, number, number];
+export declare type HSLA = readonly [number, number, number, number];
+export declare type HSV = readonly [number, number, number];
+export declare type HexColor = `#${string}`;
+export declare type RGBColor = `rgb${'a' | ''}(${string})`;
+export declare type HSLColor = `hsl${'a' | ''}(${string})`;
+export declare const commonColors: `#${string}`[];
+export declare function rgbToRgbColor([r, g, b, a]: RGB | RGBA): RGBColor;
+export declare function rgbToHslColor([r, g, b, a]: RGB | RGBA): HSLColor;
+export declare function rgbToHexColor(rgba: RGB | RGBA): HexColor;
+export declare function randomColor(): RGB;
+export declare function randomColor(type: 'rgba'): RGBColor;
+export declare function randomColor(type: 'hsla'): HSLColor;
+export declare function randomColor(type: 'hex'): HexColor;
+export declare function isValidHexColor(str: string): str is HexColor;
+export declare function parseHexColor(str: HexColor): RGBA;
+/**
+ * note: ignore alpha
+ */
+export declare function luminance([r, g, b]: RGB | RGBA): number;
+/**
+ * note: ignore alpha
+ */
+export declare function contrast(rgb1: RGB | RGBA, rgb2: RGB | RGBA): number;
+/**
+ * note: ignore alpha
+ * edit for https://stackoverflow.com/questions/8022885/rgb-to-hsv-color-in-javascript
+ */
+export declare function rgbToHsl(rgb: RGB | RGBA): HSL;
+export declare function hslToRgb([h, s, l]: HSL | HSLA): RGB;
+export declare function rgbToHsv(rgb: RGB | RGBA): HSV;
+export declare function hsvToRgb([h, s, v]: HSV): RGB;
+export declare function hslToHsv([h, s, l]: HSL | HSLA): HSV;
+export declare function hsvToHsl([h, s, v]: HSV): HSL;
+//# sourceMappingURL=color.d.ts.map

package/lib/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../src/lib/color.ts"],"names":[],"mappings":"AACA,oBAAY,GAAG,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAEpD,oBAAY,IAAI,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAE7D,oBAAY,GAAG,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAEpD,oBAAY,IAAI,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAE7D,oBAAY,GAAG,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACpD,oBAAY,QAAQ,GAAG,IAAI,MAAM,EAAE,CAAC;AACpC,oBAAY,QAAQ,GAAG,MAAM,GAAG,GAAG,EAAE,IAAI,MAAM,GAAG,CAAC;AACnD,oBAAY,QAAQ,GAAG,MAAM,GAAG,GAAG,EAAE,IAAI,MAAM,GAAG,CAAC;AAGnD,eAAO,MAAM,YAAY,gBAKU,CAAC;AAEpC,wBAAgB,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAK,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,QAAQ,CAGpE;AAED,wBAAgB,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAK,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,QAAQ,CAIpE;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,GAAG,QAAQ,CAKxD;AAED,wBAAgB,WAAW,IAAI,GAAG,CAAC;AACnC,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC;AACpD,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC;AACpD,wBAAgB,WAAW,CAAC,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;AAgBnD,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,QAAQ,CAG5D;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,CAQjD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,IAAI,UAM9C;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI,UAI1D;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,GAAG,GAAG,CAO7C;AAED,wBAAgB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,GAAG,CAInD;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,GAAG,GAAG,CAM7C;AAED,wBAAgB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,GAAG,CAG5C;AAED,wBAAgB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,GAAG,CAGnD;AAED,wBAAgB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,GAAG,CAI5C"}