duoyun-ui 0.0.2

package/elements/tabs.js

@@ -0,0 +1,130 @@
+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 { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, property, boolattribute, emitter, partMap, } from '@mantou/gem';
+import { theme } from '../lib/theme';
+import { DuoyunScrollBaseElement } from './base/scroll';
+import '@mantou/gem/elements/use';
+import './compartment';
+import './divider';
+const style = createCSSSheet(css `
+  :host {
+    display: flex;
+    flex-direction: column;
+  }
+  [part~='tabs'] {
+    display: flex;
+    font-size: 0.875em;
+    gap: 2em;
+    flex-shrink: 0;
+  }
+  .divider {
+    flex-shrink: 0;
+  }
+  :host([center]) [part~='tabs'] {
+    justify-content: center;
+  }
+  [part~='tab'] {
+    position: relative;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    line-height: 1.5;
+    padding: 0.8em 0;
+    gap: 0.3em;
+  }
+  [part~='icon'] {
+    width: 1.2em;
+  }
+  [part~='tab']:hover,
+  [part~='current'] {
+    color: ${theme.primaryColor};
+  }
+  [part~='mark'] {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    transform: translateY(100%);
+  }
+`);
+/**
+ * @customElement dy-tabs
+ */
+let DuoyunTabsElement = class DuoyunTabsElement extends GemElement {
+    constructor() {
+        super();
+        this.render = () => {
+            if (!this.data)
+                return html ``;
+            let currentContent = '';
+            return html `
+      <div part="tabs">
+        ${this.data.map(({ value, tab, icon, getContent }, index) => {
+                const isCurrent = (value !== null && value !== void 0 ? value : index) === this.value;
+                if (isCurrent)
+                    currentContent = (getContent === null || getContent === void 0 ? void 0 : getContent()) || '';
+                return html `
+            <div
+              role="tab"
+              part=${partMap({ tab: true, current: isCurrent })}
+              @click=${() => this.change(value !== null && value !== void 0 ? value : index)}
+            >
+              ${icon ? html `<gem-use part="icon" .element=${icon}></gem-use>` : ''}${tab}
+              ${isCurrent ? html `<dy-divider part="mark" size="medium" .color=${theme.primaryColor}></dy-divider>` : ''}
+            </div>
+          `;
+            })}
+      </div>
+      <dy-divider class="divider" size="medium"></dy-divider>
+      <dy-compartment .content=${currentContent}></dy-compartment>
+    `;
+        };
+        this.internals.role = 'tablist';
+    }
+};
+__decorate([
+    boolattribute
+], DuoyunTabsElement.prototype, "center", void 0);
+__decorate([
+    property
+], DuoyunTabsElement.prototype, "data", void 0);
+__decorate([
+    property
+], DuoyunTabsElement.prototype, "value", void 0);
+__decorate([
+    emitter
+], DuoyunTabsElement.prototype, "change", void 0);
+DuoyunTabsElement = __decorate([
+    customElement('dy-tabs'),
+    adoptedStyle(style)
+], DuoyunTabsElement);
+export { DuoyunTabsElement };
+const panelStyle = createCSSSheet(css `
+  :host {
+    display: block;
+    flex-shrink: 1;
+    flex-grow: 1;
+    line-height: 1.5;
+    margin-block-start: 1em;
+    overflow: auto;
+  }
+`);
+/**
+ * @customElement dy-tab-panel
+ */
+let DyTabPanelElement = class DyTabPanelElement extends DuoyunScrollBaseElement {
+    constructor() {
+        super();
+        this.internals.role = 'tabpanel';
+    }
+};
+DyTabPanelElement = __decorate([
+    customElement('dy-tab-panel'),
+    adoptedStyle(panelStyle)
+], DyTabPanelElement);
+export { DyTabPanelElement };
+//# sourceMappingURL=tabs.js.map

package/elements/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../src/elements/tabs.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,QAAQ,EAER,aAAa,EACb,OAAO,EAEP,OAAO,GACR,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,0BAA0B,CAAC;AAClC,OAAO,eAAe,CAAC;AACvB,OAAO,WAAW,CAAC;AAEnB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA+BnB,KAAK,CAAC,YAAY;;;;;;;;;CAS9B,CAAC,CAAC;AAQH;;GAEG;AAGH,IAAa,iBAAiB,GAA9B,MAAa,iBAAkB,SAAQ,UAAU;IAM/C;QACE,KAAK,EAAE,CAAC;QAIV,WAAM,GAAG,GAAG,EAAE;YACZ,IAAI,CAAC,IAAI,CAAC,IAAI;gBAAE,OAAO,IAAI,CAAA,EAAE,CAAC;YAC9B,IAAI,cAAc,GAA4B,EAAE,CAAC;YACjD,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE;gBAC1D,MAAM,SAAS,GAAG,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC;gBAClD,IAAI,SAAS;oBAAE,cAAc,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,KAAI,EAAE,CAAC;gBACrD,OAAO,IAAI,CAAA;;;qBAGA,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;uBACxC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC;;gBAExC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,iCAAiC,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG;gBACxE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,gDAAgD,KAAK,CAAC,YAAY,gBAAgB,CAAC,CAAC,CAAC,EAAE;;WAE5G,CAAC;YACJ,CAAC,CAAC;;;iCAGuB,cAAc;KAC1C,CAAC;QACJ,CAAC,CAAC;QA1BA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC;IAClC,CAAC;CA0BF,CAAA;AAlCgB;IAAd,aAAa;iDAAiB;AACrB;IAAT,QAAQ;+CAAkB;AACjB;IAAT,QAAQ;gDAAa;AACb;IAAR,OAAO;iDAAsB;AAJnB,iBAAiB;IAF7B,aAAa,CAAC,SAAS,CAAC;IACxB,YAAY,CAAC,KAAK,CAAC;GACP,iBAAiB,CAmC7B;SAnCY,iBAAiB;AAqC9B,MAAM,UAAU,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;;;CASpC,CAAC,CAAC;AAEH;;GAEG;AAGH,IAAa,iBAAiB,GAA9B,MAAa,iBAAkB,SAAQ,uBAAuB;IAC5D;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,UAAU,CAAC;IACnC,CAAC;CACF,CAAA;AALY,iBAAiB;IAF7B,aAAa,CAAC,cAAc,CAAC;IAC7B,YAAY,CAAC,UAAU,CAAC;GACZ,iBAAiB,CAK7B;SALY,iBAAiB"}

package/elements/tag.d.ts

@@ -0,0 +1,20 @@
+import { GemElement, Emitter } from '@mantou/gem';
+import { StringList } from '../lib/types';
+import '@mantou/gem/elements/use';
+export declare type PresetColor = 'positive' | 'informative' | 'negative' | 'notice' | 'default';
+/**
+ * @customElement dy-tag
+ * @attr small
+ * @fires close
+ */
+export declare class DuoyunTagElement extends GemElement {
+    #private;
+    closeable: boolean;
+    color: StringList<PresetColor>;
+    mode: 'solid' | 'reverse';
+    small: boolean;
+    close: Emitter<null>;
+    constructor();
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=tag.d.ts.map

package/elements/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../src/elements/tag.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAQV,OAAO,EAGR,MAAM,aAAa,CAAC;AAIrB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,0BAA0B,CAAC;AA4BlC,oBAAY,WAAW,GAAG,UAAU,GAAG,aAAa,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEzF;;;;GAIG;AACH,qBAGa,gBAAiB,SAAQ,UAAU;;IAC/B,SAAS,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAC/B,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IACtB,KAAK,EAAE,OAAO,CAAC;IAErB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;;IA4B9B,MAAM,6CA0BJ;CACH"}

package/elements/tag.js

@@ -0,0 +1,120 @@
+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 _DuoyunTagElement_instances, _DuoyunTagElement_color_get, _DuoyunTagElement_mode_get, _DuoyunTagElement_onClose;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, connectStore, emitter, boolattribute, attribute, } from '@mantou/gem';
+import { icons } from '../lib/icons';
+import { theme, getSemanticColor } from '../lib/theme';
+import { commonHandle } from '../lib/hotkeys';
+import '@mantou/gem/elements/use';
+const style = createCSSSheet(css `
+  :host {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.3em;
+    font-size: 0.875em;
+    line-height: 1.2;
+    padding: 0.5em 0.6em;
+    border-radius: ${theme.normalRound};
+    border-width: 1px;
+    border-style: solid;
+  }
+  :host([small]) {
+    font-size: 0.75em;
+  }
+  .close {
+    width: 1.2em;
+    opacity: 0.7;
+    flex-shrink: 0;
+  }
+  .close:hover {
+    opacity: 1;
+  }
+`);
+/**
+ * @customElement dy-tag
+ * @attr small
+ * @fires close
+ */
+let DuoyunTagElement = class DuoyunTagElement extends GemElement {
+    constructor() {
+        super();
+        _DuoyunTagElement_instances.add(this);
+        _DuoyunTagElement_onClose.set(this, (e) => {
+            e.stopPropagation();
+            this.close(null);
+        });
+        this.render = () => {
+            const isSolid = __classPrivateFieldGet(this, _DuoyunTagElement_instances, "a", _DuoyunTagElement_mode_get) === 'solid';
+            const isDefault = this.color === 'default' || this.color === '';
+            return html `
+      <style>
+        :host {
+          color: ${isDefault ? theme.textColor : isSolid ? theme.backgroundColor : __classPrivateFieldGet(this, _DuoyunTagElement_instances, "a", _DuoyunTagElement_color_get)};
+          background-color: ${isSolid ? __classPrivateFieldGet(this, _DuoyunTagElement_instances, "a", _DuoyunTagElement_color_get) : 'transparent'};
+          border-color: ${__classPrivateFieldGet(this, _DuoyunTagElement_instances, "a", _DuoyunTagElement_color_get)};
+        }
+      </style>
+      <slot></slot>
+      ${this.closeable
+                ? html `
+            <gem-use
+              tabindex="0"
+              role="button"
+              class="close"
+              @keydown=${commonHandle}
+              @click=${__classPrivateFieldGet(this, _DuoyunTagElement_onClose, "f")}
+              .element=${icons.close}
+            ></gem-use>
+          `
+                : ''}
+    `;
+        };
+        this.internals.role = 'mark';
+    }
+};
+_DuoyunTagElement_onClose = new WeakMap(), _DuoyunTagElement_instances = new WeakSet(), _DuoyunTagElement_color_get = function _DuoyunTagElement_color_get() {
+    const semanticColor = getSemanticColor(this.color);
+    if (semanticColor)
+        return semanticColor;
+    switch (this.color) {
+        case '':
+        case 'default':
+            return theme.hoverBackgroundColor;
+        default:
+            return this.color;
+    }
+}, _DuoyunTagElement_mode_get = function _DuoyunTagElement_mode_get() {
+    return this.mode || 'solid';
+};
+__decorate([
+    boolattribute
+], DuoyunTagElement.prototype, "closeable", void 0);
+__decorate([
+    attribute
+], DuoyunTagElement.prototype, "color", void 0);
+__decorate([
+    attribute
+], DuoyunTagElement.prototype, "mode", void 0);
+__decorate([
+    boolattribute
+], DuoyunTagElement.prototype, "small", void 0);
+__decorate([
+    emitter
+], DuoyunTagElement.prototype, "close", void 0);
+DuoyunTagElement = __decorate([
+    customElement('dy-tag'),
+    adoptedStyle(style),
+    connectStore(icons)
+], DuoyunTagElement);
+export { DuoyunTagElement };
+//# sourceMappingURL=tag.js.map

package/elements/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../src/elements/tag.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,YAAY,EACZ,OAAO,EAEP,aAAa,EACb,SAAS,GACV,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,0BAA0B,CAAC;AAElC,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;;;qBASX,KAAK,CAAC,WAAW;;;;;;;;;;;;;;;CAerC,CAAC,CAAC;AAIH;;;;GAIG;AAIH,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,UAAU;IAwB9C;QACE,KAAK,EAAE,CAAC;;QAIV,oCAAW,CAAC,CAAa,EAAE,EAAE;YAC3B,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC,EAAC;QAEF,WAAM,GAAG,GAAG,EAAE;YACZ,MAAM,OAAO,GAAG,uBAAA,IAAI,+DAAM,KAAK,OAAO,CAAC;YACvC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;YAEhE,OAAO,IAAI,CAAA;;;mBAGI,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,uBAAA,IAAI,gEAAO;8BAChE,OAAO,CAAC,CAAC,CAAC,uBAAA,IAAI,gEAAO,CAAC,CAAC,CAAC,aAAa;0BACzC,uBAAA,IAAI,gEAAO;;;;QAI7B,IAAI,CAAC,SAAS;gBACd,CAAC,CAAC,IAAI,CAAA;;;;;yBAKW,YAAY;uBACd,uBAAA,IAAI,iCAAS;yBACX,KAAK,CAAC,KAAK;;WAEzB;gBACH,CAAC,CAAC,EAAE;KACP,CAAC;QACJ,CAAC,CAAC;QAlCA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC;IAC/B,CAAC;CAkCF,CAAA;;IApDG,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnD,IAAI,aAAa;QAAE,OAAO,aAAa,CAAC;IACxC,QAAQ,IAAI,CAAC,KAAK,EAAE;QAClB,KAAK,EAAE,CAAC;QACR,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,oBAAoB,CAAC;QACpC;YACE,OAAO,IAAI,CAAC,KAAK,CAAC;KACrB;AACH,CAAC;IAGC,OAAO,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC;AAC9B,CAAC;AArBc;IAAd,aAAa;mDAAoB;AACvB;IAAV,SAAS;+CAAgC;AAC/B;IAAV,SAAS;8CAA2B;AACtB;IAAd,aAAa;+CAAgB;AAErB;IAAR,OAAO;+CAAsB;AANnB,gBAAgB;IAH5B,aAAa,CAAC,QAAQ,CAAC;IACvB,YAAY,CAAC,KAAK,CAAC;IACnB,YAAY,CAAC,KAAK,CAAC;GACP,gBAAgB,CA6D5B;SA7DY,gBAAgB"}

package/elements/timeline.d.ts

@@ -0,0 +1,19 @@
+import { TemplateResult } from '@mantou/gem';
+import { DuoyunScrollBaseElement } from './base/scroll';
+import '@mantou/gem/elements/use';
+declare type Item = {
+    title: string;
+    description: string | TemplateResult;
+    icon?: string | DocumentFragment | Element;
+    color?: string;
+};
+/**
+ * @customElement dy-timeline
+ */
+export declare class DuoyunTimelineElement extends DuoyunScrollBaseElement {
+    events?: Item[];
+    constructor();
+    render: () => TemplateResult;
+}
+export {};
+//# sourceMappingURL=timeline.d.ts.map

package/elements/timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../src/elements/timeline.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,cAAc,EAGf,MAAM,aAAa,CAAC;AAIrB,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,0BAA0B,CAAC;AA+ClC,aAAK,IAAI,GAAG;IACV,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,cAAc,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,OAAO,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,qBAEa,qBAAsB,SAAQ,uBAAuB;IACtD,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC;;IAO1B,MAAM,uBAoBJ;CACH"}

package/elements/timeline.js

@@ -0,0 +1,92 @@
+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;
+};
+// https://ant.design/components/timeline/
+import { html, adoptedStyle, createCSSSheet, css, customElement, property, classMap, styleMap, } from '@mantou/gem';
+import { theme } from '../lib/theme';
+import { DuoyunScrollBaseElement } from './base/scroll';
+import '@mantou/gem/elements/use';
+const style = createCSSSheet(css `
+  :host {
+    --size: 1.5em;
+    line-height: var(--size);
+    display: block;
+    overflow: auto;
+  }
+  .item {
+    position: relative;
+    padding-inline-start: var(--size);
+  }
+  .line,
+  .dot {
+    position: absolute;
+    content: '';
+    left: calc(var(--size) / 4);
+  }
+  .line {
+    top: var(--size);
+    bottom: 0;
+    transform: translateX(-50%);
+    width: 2px;
+    background-color: ${theme.borderColor};
+  }
+  .last {
+    display: none;
+  }
+  .dot {
+    top: calc(var(--size) / 2);
+    box-sizing: border-box;
+    width: calc(var(--size) / 2);
+    aspect-ratio: 1;
+    transform: translate(-50%, -50%);
+  }
+  .circle {
+    border-radius: 50%;
+    color: ${theme.informativeColor};
+    border: 2px solid currentColor;
+  }
+  .desc {
+    color: ${theme.describeColor};
+    padding-block-end: 0.5em;
+  }
+`);
+/**
+ * @customElement dy-timeline
+ */
+let DuoyunTimelineElement = class DuoyunTimelineElement extends DuoyunScrollBaseElement {
+    constructor() {
+        super();
+        this.render = () => {
+            const events = this.events;
+            if (!events)
+                return html ``;
+            return html `
+      ${events.map(({ title, description, icon, color }, index) => html `
+          <div role="listitem" class="item">
+            <div class=${classMap({ line: true, last: index === events.length - 1 })}></div>
+            <gem-use
+              class=${classMap({ dot: true, circle: !icon })}
+              style=${styleMap({ color })}
+              .element=${icon}
+            ></gem-use>
+            <div class="title">${title}</div>
+            <div class="desc">${description}</div>
+          </div>
+        `)}
+    `;
+        };
+        this.internals.role = 'list';
+    }
+};
+__decorate([
+    property
+], DuoyunTimelineElement.prototype, "events", void 0);
+DuoyunTimelineElement = __decorate([
+    customElement('dy-timeline'),
+    adoptedStyle(style)
+], DuoyunTimelineElement);
+export { DuoyunTimelineElement };
+//# sourceMappingURL=timeline.js.map

package/elements/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.js","sourceRoot":"","sources":["../src/elements/timeline.ts"],"names":[],"mappings":";;;;;;AAAA,0CAA0C;AAC1C,OAAO,EACL,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,QAAQ,EAER,QAAQ,EACR,QAAQ,GACT,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,0BAA0B,CAAC;AAElC,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;wBAsBR,KAAK,CAAC,WAAW;;;;;;;;;;;;;;aAc5B,KAAK,CAAC,gBAAgB;;;;aAItB,KAAK,CAAC,aAAa;;;CAG/B,CAAC,CAAC;AASH;;GAEG;AAGH,IAAa,qBAAqB,GAAlC,MAAa,qBAAsB,SAAQ,uBAAuB;IAGhE;QACE,KAAK,EAAE,CAAC;QAIV,WAAM,GAAG,GAAG,EAAE;YACZ,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;YAC3B,IAAI,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAA,EAAE,CAAC;YAE3B,OAAO,IAAI,CAAA;QACP,MAAM,CAAC,GAAG,CACV,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;yBAEnC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;;sBAE9D,QAAQ,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC;sBACtC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC;yBAChB,IAAI;;iCAEI,KAAK;gCACN,WAAW;;SAElC,CACF;KACF,CAAC;QACJ,CAAC,CAAC;QAvBA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC;IAC/B,CAAC;CAuBF,CAAA;AA5BW;IAAT,QAAQ;qDAAiB;AADf,qBAAqB;IAFjC,aAAa,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,KAAK,CAAC;GACP,qBAAqB,CA6BjC;SA7BY,qBAAqB"}

package/elements/toast.d.ts

@@ -0,0 +1,26 @@
+import { GemElement, TemplateResult } from '@mantou/gem';
+import '@mantou/gem/elements/use';
+declare type Type = 'success' | 'warning' | 'error' | 'default';
+interface Item {
+    type: Type;
+    content: string | TemplateResult;
+}
+interface Option {
+    duration?: number;
+    debug?: boolean;
+}
+/**
+ * @customElement dy-toast
+ */
+export declare class DuoyunToastElement extends GemElement {
+    #private;
+    data?: Item[];
+    static instance?: DuoyunToastElement;
+    static open(type: Type, content: string | TemplateResult, { debug, duration }?: Option): void;
+    constructor();
+    mounted: () => () => undefined;
+    render: () => TemplateResult;
+}
+export declare const Toast: typeof DuoyunToastElement;
+export {};
+//# sourceMappingURL=toast.d.ts.map

package/elements/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../src/elements/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,UAAU,EAGV,cAAc,EAEf,MAAM,aAAa,CAAC;AAKrB,OAAO,0BAA0B,CAAC;AAiDlC,aAAK,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAExD,UAAU,IAAI;IACZ,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,MAAM,GAAG,cAAc,CAAC;CAClC;AAID,UAAU,MAAM;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,qBAEa,kBAAmB,SAAQ,UAAU;;IACtC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IAExB,MAAM,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAErC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,cAAc,EAAE,EAAE,KAAK,EAAE,QAAe,EAAE,GAAE,MAAW;;IAsDjG,OAAO,wBAGL;IAEF,MAAM,uBAWJ;CACH;AAED,eAAO,MAAM,KAAK,2BAAqB,CAAC"}

package/elements/toast.js

@@ -0,0 +1,149 @@
+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 _DuoyunToastElement_over, _DuoyunToastElement_getIcon;
+import { adoptedStyle, classMap, createCSSSheet, css, customElement, GemElement, html, property, isArrayChange, } from '@mantou/gem';
+import { icons } from '../lib/icons';
+import { theme } from '../lib/theme';
+import '@mantou/gem/elements/use';
+const style = createCSSSheet(css `
+  :host {
+    z-index: 999999;
+    position: fixed;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    gap: 1em;
+    top: calc(1em + env(titlebar-area-height, 0px));
+    left: 50%;
+    transform: translateX(-50%);
+    max-width: 90%;
+    font-size: 0.875em;
+  }
+  .item {
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+    color: white;
+    background: ${theme.informativeColor};
+    border-radius: ${theme.normalRound};
+    padding: 0.6em 0.8em;
+    line-height: 1;
+    max-width: 100%;
+  }
+  .success {
+    background: ${theme.positiveColor};
+  }
+  .warning {
+    background: ${theme.noticeColor};
+  }
+  .error {
+    background: ${theme.negativeColor};
+  }
+  gem-use {
+    width: 1.2em;
+  }
+  .body {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .body::first-letter {
+    text-transform: capitalize;
+  }
+`);
+const itemMap = new Map();
+/**
+ * @customElement dy-toast
+ */
+let DuoyunToastElement = class DuoyunToastElement extends GemElement {
+    constructor() {
+        super();
+        _DuoyunToastElement_over.set(this, Promise.resolve());
+        _DuoyunToastElement_getIcon.set(this, (type) => {
+            switch (type) {
+                case 'success':
+                    return icons.success;
+                case 'warning':
+                    return icons.warning;
+                case 'error':
+                    return icons.error;
+                default:
+                    return icons.info;
+            }
+        });
+        this.mounted = () => {
+            Toast.instance = this;
+            return () => (Toast.instance = undefined);
+        };
+        this.render = () => {
+            var _a;
+            return html `
+      ${(_a = this.data) === null || _a === void 0 ? void 0 : _a.map(({ type, content }) => html `
+          <div class=${classMap({ item: true, [type]: true })}>
+            <gem-use .element=${__classPrivateFieldGet(this, _DuoyunToastElement_getIcon, "f").call(this, type)}></gem-use>
+            <span class="body">${content}</span>
+          </div>
+        `)}
+    `;
+        };
+        this.internals.role = 'alert';
+        this.internals.ariaLive = 'polite';
+        if (Toast.instance)
+            throw new Error('Single instance component');
+        document.body.append(this);
+        this.addEventListener('mouseover', () => {
+            __classPrivateFieldSet(this, _DuoyunToastElement_over, new Promise((res) => {
+                this.addEventListener('mouseout', () => res(), { once: true });
+            }), "f");
+        });
+    }
+    static open(type, content, { debug, duration = 3000 } = {}) {
+        var _a;
+        const toast = Toast.instance || new Toast();
+        const item = ((_a = toast.data) === null || _a === void 0 ? void 0 : _a.find((e) => {
+            if (e.type !== type)
+                return false;
+            // support simple `TemplateResult`
+            return typeof e.content === 'string' || typeof content === 'string'
+                ? e.content === content
+                : !isArrayChange(content.values, e.content.values);
+        })) || { type, content };
+        clearTimeout(itemMap.get(item));
+        toast.data = [...(toast.data || []).filter((e) => e !== item), item];
+        itemMap.set(item, window.setTimeout(async () => {
+            await __classPrivateFieldGet(toast, _DuoyunToastElement_over, "f");
+            if (!toast.data)
+                return;
+            itemMap.delete(item);
+            toast.data = toast.data.filter((e) => e !== item);
+            if (toast.data.length === 0)
+                toast.remove();
+        }, debug ? 1000000 : duration));
+    }
+};
+_DuoyunToastElement_over = new WeakMap(), _DuoyunToastElement_getIcon = new WeakMap();
+__decorate([
+    property
+], DuoyunToastElement.prototype, "data", void 0);
+DuoyunToastElement = __decorate([
+    customElement('dy-toast'),
+    adoptedStyle(style)
+], DuoyunToastElement);
+export { DuoyunToastElement };
+export const Toast = DuoyunToastElement;
+//# sourceMappingURL=toast.js.map

package/elements/toast.js.map

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

package/elements/tooltip.d.ts

@@ -0,0 +1,12 @@
+import { DuoyunPopoverElement } from './popover';
+/**
+ * @customElement dy-tooltip
+ */
+export declare class DuoyunTooltipElement extends DuoyunPopoverElement {
+    ghostStyle: {
+        '--bg': string;
+        '--color': string;
+        'max-width': string;
+    };
+}
+//# sourceMappingURL=tooltip.d.ts.map

package/elements/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/elements/tooltip.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD;;GAEG;AACH,qBACa,oBAAqB,SAAQ,oBAAoB;IAC5D,UAAU;;;;MAIR;CACH"}

package/elements/tooltip.js

@@ -0,0 +1,27 @@
+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 { customElement } from '@mantou/gem';
+import { theme } from '../lib/theme';
+import { DuoyunPopoverElement } from './popover';
+/**
+ * @customElement dy-tooltip
+ */
+let DuoyunTooltipElement = class DuoyunTooltipElement extends DuoyunPopoverElement {
+    constructor() {
+        super(...arguments);
+        this.ghostStyle = {
+            '--bg': theme.highlightColor,
+            '--color': theme.backgroundColor,
+            'max-width': '15em',
+        };
+    }
+};
+DuoyunTooltipElement = __decorate([
+    customElement('dy-tooltip')
+], DuoyunTooltipElement);
+export { DuoyunTooltipElement };
+//# sourceMappingURL=tooltip.js.map

package/elements/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../src/elements/tooltip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD;;GAEG;AAEH,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,oBAAoB;IAA9D;;QACE,eAAU,GAAG;YACX,MAAM,EAAE,KAAK,CAAC,cAAc;YAC5B,SAAS,EAAE,KAAK,CAAC,eAAe;YAChC,WAAW,EAAE,MAAM;SACpB,CAAC;IACJ,CAAC;CAAA,CAAA;AANY,oBAAoB;IADhC,aAAa,CAAC,YAAY,CAAC;GACf,oBAAoB,CAMhC;SANY,oBAAoB"}