duoyun-ui 0.0.2

package/elements/form.js

@@ -0,0 +1,372 @@
+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 _DuoyunFormItemElement_instances, _DuoyunFormItemElement_type_get, _DuoyunFormItemElement_slotAssignedElement_get, _DuoyunFormItemElement_onCheckboxChange, _DuoyunFormItemElement_onChange, _DuoyunFormItemElement_onTextChangeWithIndex, _DuoyunFormItemElement_onTextCleanWithIndex, _DuoyunFormItemElement_onTextAdd;
+import { GemElement, customElement, html, attribute, property, createCSSSheet, css, boolattribute, adoptedStyle, refobject, state, } from '@mantou/gem';
+import { mediaQuery } from '@mantou/gem/helper/mediaquery';
+import { theme } from '../lib/theme';
+import { locale } from '../lib/locale';
+import './input';
+import './pick';
+import './button';
+import './checkbox';
+import './radio';
+import './select';
+import './help-text';
+const formStyle = createCSSSheet(css `
+  dy-form {
+    display: block;
+  }
+  dy-form-item {
+    flex-grow: 1;
+    margin-bottom: 1.8em;
+  }
+  dy-form-item[type='checkbox'] {
+    flex-grow: 0;
+  }
+  dy-form-item:where(:--invalid, [data-invalid]) * {
+    border-color: ${theme.negativeColor};
+  }
+  dy-form-item-inline-group {
+    display: flex;
+    gap: 0.875em;
+  }
+  @media ${mediaQuery.PHONE} {
+    dy-form-item-inline-group {
+      display: contents;
+    }
+  }
+`);
+/**
+ * @customElement dy-form
+ */
+let DuoyunFormElement = class DuoyunFormElement extends GemElement {
+    get items() {
+        return [...this.querySelectorAll('dy-form-item')];
+    }
+    get data() {
+        const data = {};
+        this.items.forEach((item) => {
+            if (!item.name)
+                return;
+            Object.assign(data, { [item.name]: item.data });
+        });
+        return data;
+    }
+    constructor() {
+        super({ isLight: true });
+        this.internals.role = 'form';
+    }
+    async valid() {
+        let valid = true;
+        for await (const item of this.items) {
+            valid = (await item.valid()) && valid;
+        }
+        return valid;
+    }
+    clearInvalidMessage() {
+        this.items.forEach((e) => e.clearInvalidMessage());
+    }
+};
+DuoyunFormElement = __decorate([
+    customElement('dy-form'),
+    adoptedStyle(formStyle)
+], DuoyunFormElement);
+export { DuoyunFormElement };
+/**
+ * @customElement dy-form-item-inline-group
+ */
+let DuoyunFormItemInlineGroupElement = class DuoyunFormItemInlineGroupElement extends GemElement {
+    constructor() {
+        super({ isLight: true });
+    }
+};
+DuoyunFormItemInlineGroupElement = __decorate([
+    customElement('dy-form-item-inline-group')
+], DuoyunFormItemInlineGroupElement);
+export { DuoyunFormItemInlineGroupElement };
+const formItemStyle = createCSSSheet(css `
+  :host {
+    display: flex;
+    flex-direction: column;
+  }
+  :host([required]) .label::after {
+    content: '＊';
+  }
+  :host([hidden]) {
+    display: none;
+  }
+  .label {
+    font-size: 0.875em;
+    line-height: 1.2;
+    margin-bottom: 0.4em;
+    color: ${theme.describeColor};
+  }
+  :host(:where(:--invalid, [data-invalid])) .input {
+    border-color: ${theme.negativeColor};
+  }
+  .input {
+    width: 100%;
+    flex-grow: 1;
+    flex-shrink: 1;
+  }
+  .input + .input,
+  .footer {
+    margin-top: 10px;
+  }
+  :host([type='checkbox']) {
+    flex-direction: row;
+    align-items: center;
+  }
+  :host([type='checkbox']) .lable {
+    flex-direction: row;
+    align-items: center;
+    margin-bottom: 0;
+  }
+`);
+/**
+ * @customElement dy-form-item
+ * @attr type
+ * @attr multiple
+ * @attr name
+ * @attr label
+ * @attr placeholder
+ * @attr required
+ * @attr checked
+ * @attr disabled
+ * @attr searchable
+ */
+let DuoyunFormItemElement = class DuoyunFormItemElement extends GemElement {
+    constructor() {
+        super(...arguments);
+        _DuoyunFormItemElement_instances.add(this);
+        this.state = {};
+        _DuoyunFormItemElement_onCheckboxChange.set(this, ({ detail }) => {
+            this.setState({ checked: detail });
+        });
+        _DuoyunFormItemElement_onChange.set(this, ({ detail }) => {
+            this.setState({ value: detail });
+        });
+        _DuoyunFormItemElement_onTextChangeWithIndex.set(this, ({ detail }, index) => {
+            const value = (this.state.value || []);
+            this.setState({
+                value: [...value.slice(0, index), detail, ...value.slice(index + 1)],
+            });
+        });
+        _DuoyunFormItemElement_onTextCleanWithIndex.set(this, async (index) => {
+            const value = (this.state.value || []);
+            this.setState({
+                value: [...value.slice(0, index), ...value.slice(index + 1)],
+            });
+        });
+        _DuoyunFormItemElement_onTextAdd.set(this, async () => {
+            const value = (this.state.value || []);
+            this.setState({ value: [...value, ''] });
+        });
+        this.mounted = () => {
+            this.effect(([value, checked]) => {
+                this.setState({ value, checked });
+                if (__classPrivateFieldGet(this, _DuoyunFormItemElement_instances, "a", _DuoyunFormItemElement_type_get) === 'slot') {
+                    const ele = __classPrivateFieldGet(this, _DuoyunFormItemElement_instances, "a", _DuoyunFormItemElement_slotAssignedElement_get);
+                    if (ele)
+                        ele.value = value;
+                }
+                this.clearInvalidMessage();
+            }, () => [this.value, this.checked]);
+            this.effect(() => {
+                this.invalid = !!this.state.invalidMessage;
+            }, () => [this.state.invalidMessage]);
+        };
+        this.render = () => {
+            const { value, checked, invalidMessage } = this.state;
+            return html `
+      ${__classPrivateFieldGet(this, _DuoyunFormItemElement_instances, "a", _DuoyunFormItemElement_type_get) === 'checkbox' ? '' : html `<div class="label">${this.label}</div>`}
+      ${__classPrivateFieldGet(this, _DuoyunFormItemElement_instances, "a", _DuoyunFormItemElement_type_get) === 'select'
+                ? html `
+            <dy-select
+              ?disabled=${this.disabled}
+              ?searchable=${this.searchable}
+              class="input"
+              @change=${__classPrivateFieldGet(this, _DuoyunFormItemElement_onChange, "f")}
+              .multiple=${this.multiple}
+              .value=${value}
+              .placeholder=${this.placeholder}
+              .options=${this.dataList}
+              .renderLabel=${this.renderLabel}
+            ></dy-select>
+          `
+                : __classPrivateFieldGet(this, _DuoyunFormItemElement_instances, "a", _DuoyunFormItemElement_type_get) === 'pick'
+                    ? html `
+            <dy-pick
+              ?disabled=${this.disabled}
+              class="input"
+              @change=${__classPrivateFieldGet(this, _DuoyunFormItemElement_onChange, "f")}
+              .multiple=${this.multiple}
+              .value=${value}
+              .fit=${true}
+              .placeholder=${this.placeholder}
+              .options=${this.dataList}
+            ></dy-pick>
+          `
+                    : __classPrivateFieldGet(this, _DuoyunFormItemElement_instances, "a", _DuoyunFormItemElement_type_get) === 'checkbox'
+                        ? html `
+            <dy-checkbox
+              @change=${__classPrivateFieldGet(this, _DuoyunFormItemElement_onCheckboxChange, "f")}
+              ?checked=${checked}
+              ?disabled=${this.disabled}
+              .value=${value}
+            >
+              ${this.label}
+            </dy-checkbox>
+          `
+                        : __classPrivateFieldGet(this, _DuoyunFormItemElement_instances, "a", _DuoyunFormItemElement_type_get) === 'radio'
+                            ? html `
+            <dy-radio-group
+              @change=${__classPrivateFieldGet(this, _DuoyunFormItemElement_onChange, "f")}
+              ?disabled=${this.disabled}
+              .options=${this.dataList}
+              .value=${this.value}
+            >
+            </dy-radio-group>
+          `
+                            : this.name && __classPrivateFieldGet(this, _DuoyunFormItemElement_instances, "a", _DuoyunFormItemElement_type_get) !== 'slot'
+                                ? this.multiple
+                                    ? html `
+              ${value.map((value, index) => html `
+                    <dy-input
+                      class="input"
+                      ?disabled=${this.disabled}
+                      @change=${(evt) => __classPrivateFieldGet(this, _DuoyunFormItemElement_onTextChangeWithIndex, "f").call(this, evt, index)}
+                      @clear=${() => __classPrivateFieldGet(this, _DuoyunFormItemElement_onTextCleanWithIndex, "f").call(this, index)}
+                      .clearable=${true}
+                      .dataList=${this.dataList}
+                      .value=${value}
+                    ></dy-input>
+                  `)}
+              <div class="footer">
+                <dy-button .color=${'cancel'} @click=${__classPrivateFieldGet(this, _DuoyunFormItemElement_onTextAdd, "f")}>+</dy-button>
+              </div>
+            `
+                                    : html `
+              <dy-input
+                class="input"
+                type=${__classPrivateFieldGet(this, _DuoyunFormItemElement_instances, "a", _DuoyunFormItemElement_type_get)}
+                ?disabled=${this.disabled}
+                @change=${__classPrivateFieldGet(this, _DuoyunFormItemElement_onChange, "f")}
+                .value=${value}
+                .placeholder=${this.placeholder}
+                .required=${this.required}
+                .dataList=${this.dataList}
+              ></dy-input>
+            `
+                                : ''}
+      <slot ref=${this.slotRef.ref}></slot>
+      ${invalidMessage ? html `<dy-help-text class="tip" color="negative">${invalidMessage}</dy-help-text>` : ''}
+    `;
+        };
+    }
+    get data() {
+        const { value, checked } = this.state;
+        if (__classPrivateFieldGet(this, _DuoyunFormItemElement_instances, "a", _DuoyunFormItemElement_type_get) === 'checkbox') {
+            return value ? (checked ? value : '') : checked;
+        }
+        return value;
+    }
+    clearInvalidMessage() {
+        this.setState({ invalidMessage: undefined });
+    }
+    async valid() {
+        const rules = [...(this.rules || [])];
+        if (this.required && !rules.find((e) => 'required' in e)) {
+            rules.push({ required: true });
+        }
+        for await (const rule of rules) {
+            let invalidMessage = '';
+            if (rule.required && (!this.value || !this.value.length)) {
+                invalidMessage = rule.message || locale.requiredMeg;
+            }
+            else if (rule.pattern && !new RegExp(rule.pattern).test(String(this.value || ''))) {
+                invalidMessage = rule.message || locale.ptternMsg;
+            }
+            else if (rule.validator) {
+                try {
+                    await rule.validator(this.value);
+                }
+                catch (err) {
+                    if (err instanceof Error) {
+                        invalidMessage = err.message;
+                    }
+                }
+            }
+            if (invalidMessage) {
+                this.setState({ invalidMessage });
+                return false;
+            }
+        }
+        return true;
+    }
+};
+_DuoyunFormItemElement_onCheckboxChange = new WeakMap(), _DuoyunFormItemElement_onChange = new WeakMap(), _DuoyunFormItemElement_onTextChangeWithIndex = new WeakMap(), _DuoyunFormItemElement_onTextCleanWithIndex = new WeakMap(), _DuoyunFormItemElement_onTextAdd = new WeakMap(), _DuoyunFormItemElement_instances = new WeakSet(), _DuoyunFormItemElement_type_get = function _DuoyunFormItemElement_type_get() {
+    return this.type || 'text';
+}, _DuoyunFormItemElement_slotAssignedElement_get = function _DuoyunFormItemElement_slotAssignedElement_get() {
+    return this.slotRef.element.assignedElements()[0];
+};
+__decorate([
+    attribute
+], DuoyunFormItemElement.prototype, "type", void 0);
+__decorate([
+    boolattribute
+], DuoyunFormItemElement.prototype, "multiple", void 0);
+__decorate([
+    attribute
+], DuoyunFormItemElement.prototype, "name", void 0);
+__decorate([
+    attribute
+], DuoyunFormItemElement.prototype, "label", void 0);
+__decorate([
+    attribute
+], DuoyunFormItemElement.prototype, "placeholder", void 0);
+__decorate([
+    boolattribute
+], DuoyunFormItemElement.prototype, "required", void 0);
+__decorate([
+    boolattribute
+], DuoyunFormItemElement.prototype, "checked", void 0);
+__decorate([
+    boolattribute
+], DuoyunFormItemElement.prototype, "disabled", void 0);
+__decorate([
+    boolattribute
+], DuoyunFormItemElement.prototype, "searchable", void 0);
+__decorate([
+    state
+], DuoyunFormItemElement.prototype, "invalid", void 0);
+__decorate([
+    property
+], DuoyunFormItemElement.prototype, "value", void 0);
+__decorate([
+    property
+], DuoyunFormItemElement.prototype, "renderLabel", void 0);
+__decorate([
+    property
+], DuoyunFormItemElement.prototype, "rules", void 0);
+__decorate([
+    property
+], DuoyunFormItemElement.prototype, "dataList", void 0);
+__decorate([
+    refobject
+], DuoyunFormItemElement.prototype, "slotRef", void 0);
+DuoyunFormItemElement = __decorate([
+    customElement('dy-form-item'),
+    adoptedStyle(formItemStyle)
+], DuoyunFormItemElement);
+export { DuoyunFormItemElement };
+//# sourceMappingURL=form.js.map

package/elements/form.js.map

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

package/elements/heading.d.ts

@@ -0,0 +1,13 @@
+import { GemElement } from '@mantou/gem';
+/**
+ * @customElement dy-heading
+ * @attr lv
+ */
+export declare class DuoyunheadingElement extends GemElement {
+    #private;
+    lv: '1' | '2' | '3' | '4';
+    mounted: () => void;
+    updated: () => void;
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=heading.d.ts.map

package/elements/heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../src/elements/heading.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EASX,MAAM,aAAa,CAAC;AAgCrB;;;GAGG;AACH,qBAGa,oBAAqB,SAAQ,UAAU;;IACvC,EAAE,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAarC,OAAO,aAEL;IAEF,OAAO,aAEL;IAEF,MAAM,6CAWJ;CACH"}

package/elements/heading.js

@@ -0,0 +1,88 @@
+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 _DuoyunheadingElement_instances, _DuoyunheadingElement_lv_get, _DuoyunheadingElement_checkHash;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, attribute, history, connectStore, } from '@mantou/gem';
+import { theme } from '../lib/theme';
+const style = createCSSSheet(css `
+  :host {
+    display: block;
+    font-size: 2.5em;
+    line-height: 1;
+    font-weight: bold;
+    color: ${theme.highlightColor};
+    margin-block: 0.75em 0.25em;
+    scroll-margin-top: 1em;
+  }
+  :host([lv='2']) {
+    font-size: 2em;
+  }
+  :host([lv='3']) {
+    font-size: 1.5em;
+  }
+  :host([lv='4']) {
+    font-size: 1.2em;
+  }
+  h1,
+  h2,
+  h3,
+  h4 {
+    display: contents;
+    font: inherit;
+  }
+`);
+/**
+ * @customElement dy-heading
+ * @attr lv
+ */
+let DuoyunheadingElement = class DuoyunheadingElement extends GemElement {
+    constructor() {
+        super(...arguments);
+        _DuoyunheadingElement_instances.add(this);
+        _DuoyunheadingElement_checkHash.set(this, () => {
+            const { hash } = history.getParams();
+            if (hash === `#${this.id}`) {
+                this.scrollIntoView();
+            }
+        });
+        this.mounted = () => {
+            __classPrivateFieldGet(this, _DuoyunheadingElement_checkHash, "f").call(this);
+        };
+        this.updated = () => {
+            __classPrivateFieldGet(this, _DuoyunheadingElement_checkHash, "f").call(this);
+        };
+        this.render = () => {
+            switch (__classPrivateFieldGet(this, _DuoyunheadingElement_instances, "a", _DuoyunheadingElement_lv_get)) {
+                case '1':
+                    return html `<h1><slot></slot></h1>`;
+                case '2':
+                    return html `<h2><slot></slot></h2>`;
+                case '3':
+                    return html `<h3><slot></slot></h3>`;
+                case '4':
+                    return html `<h4><slot></slot></h4>`;
+            }
+        };
+    }
+};
+_DuoyunheadingElement_checkHash = new WeakMap(), _DuoyunheadingElement_instances = new WeakSet(), _DuoyunheadingElement_lv_get = function _DuoyunheadingElement_lv_get() {
+    return this.lv || '1';
+};
+__decorate([
+    attribute
+], DuoyunheadingElement.prototype, "lv", void 0);
+DuoyunheadingElement = __decorate([
+    customElement('dy-heading'),
+    adoptedStyle(style),
+    connectStore(history.store)
+], DuoyunheadingElement);
+export { DuoyunheadingElement };
+//# sourceMappingURL=heading.js.map

package/elements/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../src/elements/heading.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,SAAS,EACT,OAAO,EACP,YAAY,GACb,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;aAMnB,KAAK,CAAC,cAAc;;;;;;;;;;;;;;;;;;;;CAoBhC,CAAC,CAAC;AAEH;;;GAGG;AAIH,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,UAAU;IAApD;;;QAOE,0CAAa,GAAG,EAAE;YAChB,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;YACrC,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC,EAAE,EAAE,EAAE;gBAC1B,IAAI,CAAC,cAAc,EAAE,CAAC;aACvB;QACH,CAAC,EAAC;QAEF,YAAO,GAAG,GAAG,EAAE;YACb,uBAAA,IAAI,uCAAW,MAAf,IAAI,CAAa,CAAC;QACpB,CAAC,CAAC;QAEF,YAAO,GAAG,GAAG,EAAE;YACb,uBAAA,IAAI,uCAAW,MAAf,IAAI,CAAa,CAAC;QACpB,CAAC,CAAC;QAEF,WAAM,GAAG,GAAG,EAAE;YACZ,QAAQ,uBAAA,IAAI,qEAAI,EAAE;gBAChB,KAAK,GAAG;oBACN,OAAO,IAAI,CAAA,wBAAwB,CAAC;gBACtC,KAAK,GAAG;oBACN,OAAO,IAAI,CAAA,wBAAwB,CAAC;gBACtC,KAAK,GAAG;oBACN,OAAO,IAAI,CAAA,wBAAwB,CAAC;gBACtC,KAAK,GAAG;oBACN,OAAO,IAAI,CAAA,wBAAwB,CAAC;aACvC;QACH,CAAC,CAAC;IACJ,CAAC;CAAA,CAAA;;IA9BG,OAAO,IAAI,CAAC,EAAE,IAAI,GAAG,CAAC;AACxB,CAAC;AAJU;IAAV,SAAS;gDAA2B;AAD1B,oBAAoB;IAHhC,aAAa,CAAC,YAAY,CAAC;IAC3B,YAAY,CAAC,KAAK,CAAC;IACnB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC;GACf,oBAAoB,CAkChC;SAlCY,oBAAoB"}

package/elements/help-text.d.ts

@@ -0,0 +1,11 @@
+import { GemElement } from '@mantou/gem';
+/**
+ * @customElement dy-help-text
+ * @attr color
+ */
+export declare class DuoyunHelpTextElement extends GemElement {
+    #private;
+    color: 'default' | 'neutral' | 'negative';
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=help-text.d.ts.map

package/elements/help-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"help-text.d.ts","sourceRoot":"","sources":["../src/elements/help-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqE,MAAM,aAAa,CAAC;AAY5G;;;GAGG;AACH,qBAEa,qBAAsB,SAAQ,UAAU;;IACxC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAMrD,MAAM,6CASJ;CACH"}

package/elements/help-text.js

@@ -0,0 +1,53 @@
+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 _DuoyunHelpTextElement_instances, _DuoyunHelpTextElement_color_get;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, attribute } from '@mantou/gem';
+import { getStatusColor } from './status-light';
+const style = createCSSSheet(css `
+  :host {
+    margin-block: 0.2em;
+    font-size: 0.875em;
+    line-height: 1.5;
+  }
+`);
+/**
+ * @customElement dy-help-text
+ * @attr color
+ */
+let DuoyunHelpTextElement = class DuoyunHelpTextElement extends GemElement {
+    constructor() {
+        super(...arguments);
+        _DuoyunHelpTextElement_instances.add(this);
+        this.render = () => {
+            return html `
+      <style>
+        :host {
+          color: ${getStatusColor(__classPrivateFieldGet(this, _DuoyunHelpTextElement_instances, "a", _DuoyunHelpTextElement_color_get))};
+        }
+      </style>
+      <slot></slot>
+    `;
+        };
+    }
+};
+_DuoyunHelpTextElement_instances = new WeakSet(), _DuoyunHelpTextElement_color_get = function _DuoyunHelpTextElement_color_get() {
+    return this.color || 'neutral';
+};
+__decorate([
+    attribute
+], DuoyunHelpTextElement.prototype, "color", void 0);
+DuoyunHelpTextElement = __decorate([
+    customElement('dy-help-text'),
+    adoptedStyle(style)
+], DuoyunHelpTextElement);
+export { DuoyunHelpTextElement };
+//# sourceMappingURL=help-text.js.map

package/elements/help-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"help-text.js","sourceRoot":"","sources":["../src/elements/help-text.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE5G,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;CAM/B,CAAC,CAAC;AAEH;;;GAGG;AAGH,IAAa,qBAAqB,GAAlC,MAAa,qBAAsB,SAAQ,UAAU;IAArD;;;QAOE,WAAM,GAAG,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA;;;mBAGI,cAAc,CAAC,uBAAA,IAAI,0EAAO,CAAC;;;;KAIzC,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CAAA,CAAA;;IAbG,OAAO,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;AACjC,CAAC;AAJU;IAAV,SAAS;oDAA2C;AAD1C,qBAAqB;IAFjC,aAAa,CAAC,cAAc,CAAC;IAC7B,YAAY,CAAC,KAAK,CAAC;GACP,qBAAqB,CAiBjC;SAjBY,qBAAqB"}

package/elements/icons.d.ts

@@ -0,0 +1,10 @@
+import { GemElement } from '@mantou/gem';
+import '@mantou/gem/elements/use';
+/**
+ * @customElement dy-icons
+ */
+export declare class DuoyunIconsElement extends GemElement {
+    #private;
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=icons.d.ts.map

package/elements/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/elements/icons.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAA0D,MAAM,aAAa,CAAC;AAQjG,OAAO,0BAA0B,CAAC;AA0BlC;;GAEG;AACH,qBAEa,kBAAmB,SAAQ,UAAU;;IAQhD,MAAM,6CAOJ;CACH"}

package/elements/icons.js

@@ -0,0 +1,71 @@
+// TODO: move to docs
+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 _DuoyunIconsElement_onCopy;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement } from '@mantou/gem';
+import { icons } from '../lib/icons';
+import { theme } from '../lib/theme';
+import { locale } from '../lib/locale';
+import { Toast } from './toast';
+import '@mantou/gem/elements/use';
+const style = createCSSSheet(css `
+  :host {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(6em, 1fr));
+    gap: ${theme.gridGutter};
+  }
+  div {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1em;
+    border-radius: ${theme.normalRound};
+    padding: 1em;
+    cursor: default;
+    background-color: ${theme.lightBackgroundColor};
+  }
+  div:hover {
+    background-color: ${theme.hoverBackgroundColor};
+  }
+  gem-use {
+    width: 2em;
+  }
+`);
+/**
+ * @customElement dy-icons
+ */
+let DuoyunIconsElement = class DuoyunIconsElement extends GemElement {
+    constructor() {
+        super(...arguments);
+        _DuoyunIconsElement_onCopy.set(this, async (name) => {
+            await navigator.clipboard.writeText(`<gem-use .element=\${icons.${name}}></gem-use>`);
+            Toast.open('success', locale.copySuccess, {
+                duration: 1000,
+            });
+        });
+        this.render = () => {
+            const entries = Object.entries(icons);
+            return html `
+      ${entries.map(([name, value]) => {
+                return html `<div @click=${() => __classPrivateFieldGet(this, _DuoyunIconsElement_onCopy, "f").call(this, name)}><gem-use .element=${value}></gem-use>${name}</div>`;
+            })}
+    `;
+        };
+    }
+};
+_DuoyunIconsElement_onCopy = new WeakMap();
+DuoyunIconsElement = __decorate([
+    customElement('dy-icons'),
+    adoptedStyle(style)
+], DuoyunIconsElement);
+export { DuoyunIconsElement };
+//# sourceMappingURL=icons.js.map

package/elements/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../src/elements/icons.ts"],"names":[],"mappings":"AAAA,qBAAqB;;;;;;;;;;;;;AAErB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjG,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,0BAA0B,CAAC;AAElC,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;WAIrB,KAAK,CAAC,UAAU;;;;;;;qBAON,KAAK,CAAC,WAAW;;;wBAGd,KAAK,CAAC,oBAAoB;;;wBAG1B,KAAK,CAAC,oBAAoB;;;;;CAKjD,CAAC,CAAC;AAEH;;GAEG;AAGH,IAAa,kBAAkB,GAA/B,MAAa,kBAAmB,SAAQ,UAAU;IAAlD;;QACE,qCAAU,KAAK,EAAE,IAAY,EAAE,EAAE;YAC/B,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,8BAA8B,IAAI,cAAc,CAAC,CAAC;YACtF,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE;gBACxC,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC;QACL,CAAC,EAAC;QAEF,WAAM,GAAG,GAAG,EAAE;YACZ,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACtC,OAAO,IAAI,CAAA;QACP,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE;gBAC9B,OAAO,IAAI,CAAA,eAAe,GAAG,EAAE,CAAC,uBAAA,IAAI,kCAAQ,MAAZ,IAAI,EAAS,IAAI,CAAC,sBAAsB,KAAK,cAAc,IAAI,QAAQ,CAAC;YAC1G,CAAC,CAAC;KACH,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CAAA,CAAA;;AAhBY,kBAAkB;IAF9B,aAAa,CAAC,UAAU,CAAC;IACzB,YAAY,CAAC,KAAK,CAAC;GACP,kBAAkB,CAgB9B;SAhBY,kBAAkB"}