duoyun-ui 0.0.2

package/elements/select.js

@@ -0,0 +1,416 @@
+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 _DuoyunSelectElement_instances, _DuoyunSelectElement_searchable_get, _DuoyunSelectElement_fiteredOptions_get, _DuoyunSelectElement_value_get, _DuoyunSelectElement_open, _DuoyunSelectElement_close, _DuoyunSelectElement_onKeydown, _DuoyunSelectElement_onSearchKeydown, _DuoyunSelectElement_onSearch, _DuoyunSelectElement_onChange, _DuoyunSelectElement_onRemoveTag, _DuoyunSelectElement_valueSet, _DuoyunSelectElement_valueOptions;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, property, connectStore, attribute, state, globalemitter, boolattribute, classMap, styleMap, refobject, } from '@mantou/gem';
+import { theme } from '../lib/theme';
+import { icons } from '../lib/icons';
+import { locale } from '../lib/locale';
+import { isIncludesString, setBodyInert } from '../lib/utils';
+import { hotkeys } from '../lib/hotkeys';
+import { isNotNullish } from '../lib/types';
+import '@mantou/gem/elements/reflect';
+import '@mantou/gem/elements/use';
+import './options';
+import './input';
+import './tag';
+const style = createCSSSheet(css `
+  :host {
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    border: 1px solid ${theme.borderColor};
+    border-radius: ${theme.normalRound};
+    line-height: 2;
+    padding: 0.1em 0.5em;
+    box-sizing: border-box;
+    gap: 0.5em;
+    font-size: 0.875em;
+    width: 15em;
+  }
+  :host(:where(:focus-visible, :hover, :--active, [data-active])) {
+    border-color: ${theme.textColor};
+  }
+  :host([borderless]) {
+    width: auto;
+    border-color: transparent;
+  }
+  :host([inline]) {
+    display: contents;
+    font-size: 1em;
+    border-color: ${theme.textColor};
+  }
+  :host([disabled]) {
+    cursor: not-allowed;
+    border-color: transparent;
+    background: ${theme.disabledColor};
+  }
+  .inline-options {
+    box-shadow: none;
+    max-height: inherit;
+    padding-block: 0;
+  }
+  .value-wrap {
+    width: 0;
+    flex-grow: 1;
+    display: flex;
+    align-items: center;
+  }
+  :host([borderless]) .value-wrap {
+    width: auto;
+  }
+  .placeholder {
+    color: ${theme.describeColor};
+  }
+  .value {
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    padding-inline-end: 0.4em;
+    --m: linear-gradient(to right, #000 calc(100% - 0.6em), #fff0 100%);
+    -webkit-mask-image: var(--m);
+    mask-image: var(--m);
+  }
+  .search {
+    width: 2em;
+    flex-grow: 1;
+    flex-shrink: 0;
+    border: none;
+    font-size: 1em;
+    margin-block: -1em;
+  }
+  .search::part(input) {
+    padding: 0;
+  }
+  .icon {
+    flex-shrink: 0;
+    width: 1.2em;
+    padding-block: 0.4em;
+    color: ${theme.borderColor};
+  }
+  :host(:where(:hover, :--active, [data-active])) .icon {
+    color: ${theme.textColor};
+  }
+`);
+/**
+ * @customElement dy-select
+ * @attr multiple
+ * @attr disabled
+ * @attr searchable
+ * @attr inline
+ * @attr placeholder
+ * @attr borderless
+ */
+let DuoyunSelectElement = class DuoyunSelectElement extends GemElement {
+    constructor() {
+        super();
+        _DuoyunSelectElement_instances.add(this);
+        this.state = {
+            open: false,
+            left: 0,
+            top: 0,
+            width: 0,
+            maxHeight: 'auto',
+            transform: 'none',
+            search: '',
+        };
+        _DuoyunSelectElement_open.set(this, () => {
+            if (this.disabled)
+                return;
+            this.setState({ open: true });
+        });
+        _DuoyunSelectElement_close.set(this, () => {
+            this.setState({ open: false });
+        });
+        _DuoyunSelectElement_onKeydown.set(this, hotkeys({
+            esc: (evt) => {
+                if (this.state.open) {
+                    __classPrivateFieldGet(this, _DuoyunSelectElement_close, "f").call(this);
+                    if (!this.inline) {
+                        evt.stopPropagation();
+                    }
+                }
+            },
+            'space,enter': (evt) => {
+                var _a;
+                __classPrivateFieldGet(this, _DuoyunSelectElement_open, "f").call(this);
+                (_a = this.searchRef.element) === null || _a === void 0 ? void 0 : _a.focus();
+                evt.preventDefault();
+            },
+        }));
+        _DuoyunSelectElement_onSearchKeydown.set(this, hotkeys({
+            backspace: () => {
+                var _a;
+                if (!this.state.search && ((_a = __classPrivateFieldGet(this, _DuoyunSelectElement_valueOptions, "f")) === null || _a === void 0 ? void 0 : _a.length)) {
+                    __classPrivateFieldGet(this, _DuoyunSelectElement_onRemoveTag, "f").call(this, __classPrivateFieldGet(this, _DuoyunSelectElement_valueOptions, "f")[__classPrivateFieldGet(this, _DuoyunSelectElement_valueOptions, "f").length - 1]);
+                }
+            },
+            esc: (evt) => {
+                __classPrivateFieldGet(this, _DuoyunSelectElement_close, "f").call(this);
+                this.focus();
+                evt.stopPropagation();
+            },
+            enter: (evt) => {
+                const options = __classPrivateFieldGet(this, _DuoyunSelectElement_instances, "a", _DuoyunSelectElement_fiteredOptions_get);
+                if ((options === null || options === void 0 ? void 0 : options.length) === 1) {
+                    const { value, label } = options[0];
+                    __classPrivateFieldGet(this, _DuoyunSelectElement_onChange, "f").call(this, value !== null && value !== void 0 ? value : label);
+                }
+                evt.stopPropagation();
+            },
+        }));
+        _DuoyunSelectElement_onSearch.set(this, (evt) => {
+            this.setState({ search: evt.detail });
+            evt.stopPropagation();
+        });
+        _DuoyunSelectElement_onChange.set(this, (value) => {
+            if (this.multiple) {
+                if (!this.value) {
+                    this.change([value]);
+                }
+                else if (this.value.includes(value)) {
+                    this.change(this.value.filter((e) => e !== value));
+                }
+                else {
+                    this.change([...this.value, value]);
+                }
+            }
+            else {
+                this.change(value);
+                this.setState({ open: false });
+            }
+            this.setState({ search: '' });
+        });
+        _DuoyunSelectElement_onRemoveTag.set(this, ({ value, label }) => {
+            __classPrivateFieldGet(this, _DuoyunSelectElement_onChange, "f").call(this, value !== null && value !== void 0 ? value : label);
+        });
+        _DuoyunSelectElement_valueSet.set(this, void 0);
+        _DuoyunSelectElement_valueOptions.set(this, void 0);
+        this.willMount = () => {
+            this.memo(() => {
+                var _a, _b;
+                const map = new Map();
+                (_a = this.options) === null || _a === void 0 ? void 0 : _a.forEach((option) => {
+                    const { value, label } = option;
+                    map.set(value !== null && value !== void 0 ? value : label, option);
+                });
+                __classPrivateFieldSet(this, _DuoyunSelectElement_valueSet, new Set(__classPrivateFieldGet(this, _DuoyunSelectElement_instances, "a", _DuoyunSelectElement_value_get)), "f");
+                __classPrivateFieldSet(this, _DuoyunSelectElement_valueOptions, (_b = __classPrivateFieldGet(this, _DuoyunSelectElement_instances, "a", _DuoyunSelectElement_value_get)) === null || _b === void 0 ? void 0 : _b.map((value) => map.get(value)).filter(isNotNullish), "f");
+            }, () => [this.value, this.options]);
+        };
+        this.mounted = () => {
+            this.effect(() => {
+                const { open } = this.state;
+                this.active = open;
+                if (open) {
+                    const { top, bottom, left, width, height } = this.getBoundingClientRect();
+                    const isShowTop = innerHeight - bottom < 300;
+                    this.setState({
+                        left,
+                        width,
+                        open: true,
+                        top: bottom + 4,
+                        maxHeight: isShowTop ? `${top - 8}px` : `calc(100vh - ${bottom + 8}px)`,
+                        transform: isShowTop ? `translateY(calc(-100% - 8px - ${height}px))` : 'none',
+                    });
+                    addEventListener('pointerup', __classPrivateFieldGet(this, _DuoyunSelectElement_close, "f"));
+                }
+                else {
+                    this.setState({ open: false });
+                }
+                return () => removeEventListener('pointerup', __classPrivateFieldGet(this, _DuoyunSelectElement_close, "f"));
+            }, () => [this.state.open]);
+            this.effect(() => {
+                var _a;
+                if (this.state.open && !this.searchable && !this.inline) {
+                    const restoreInert = setBodyInert(this.optionsRef.element);
+                    (_a = this.optionsRef.element) === null || _a === void 0 ? void 0 : _a.focus();
+                    return () => {
+                        restoreInert();
+                        this.focus();
+                    };
+                }
+            }, () => [this.state.open]);
+        };
+        this.render = () => {
+            var _a;
+            const { open, left, top, width, maxHeight, transform, search } = this.state;
+            const isEmpty = !((_a = __classPrivateFieldGet(this, _DuoyunSelectElement_valueOptions, "f")) === null || _a === void 0 ? void 0 : _a.length);
+            const getOptions = () => {
+                var _a;
+                const options = (_a = __classPrivateFieldGet(this, _DuoyunSelectElement_instances, "a", _DuoyunSelectElement_fiteredOptions_get)) === null || _a === void 0 ? void 0 : _a.map((option) => {
+                    const { value, label, description, disabled } = option;
+                    return {
+                        label: this.renderLabel ? this.renderLabel(option) : label,
+                        description,
+                        icon: __classPrivateFieldGet(this, _DuoyunSelectElement_valueSet, "f").has(value !== null && value !== void 0 ? value : label) ? icons.check : undefined,
+                        onPointerUp: (e) => e.stopPropagation(),
+                        onClick: () => __classPrivateFieldGet(this, _DuoyunSelectElement_onChange, "f").call(this, value !== null && value !== void 0 ? value : label),
+                        disabled,
+                    };
+                });
+                return search && (options === null || options === void 0 ? void 0 : options.length) === 0
+                    ? [{ label: locale.noData, disabled: true, onPointerUp: () => this.setState({ search: '' }) }]
+                    : options;
+            };
+            return html `
+      ${this.inline
+                ? html `<dy-options class="inline-options" .options=${getOptions()}></dy-options>`
+                : html `
+            <div class=${classMap({ 'value-wrap': true, placeholder: isEmpty })}>
+              ${!isEmpty || this.placeholder
+                    ? html `
+                    <div class="value">
+                      ${isEmpty
+                        ? this.placeholder
+                        : this.multiple
+                            ? html `
+                            ${__classPrivateFieldGet(this, _DuoyunSelectElement_valueOptions, "f").map(({ label }, index) => typeof label === 'string'
+                                ? html `
+                                    <dy-tag
+                                      small
+                                      .closeable=${this.disabled ? false : true}
+                                      @keydown=${(evt) => evt.stopPropagation()}
+                                      @close=${() => __classPrivateFieldGet(this, _DuoyunSelectElement_onRemoveTag, "f").call(this, __classPrivateFieldGet(this, _DuoyunSelectElement_valueOptions, "f")[index])}
+                                    >
+                                      ${label}
+                                    </dy-tag>
+                                  `
+                                : this.renderTag
+                                    ? this.renderTag(__classPrivateFieldGet(this, _DuoyunSelectElement_valueOptions, "f")[index])
+                                    : label)}
+                          `
+                            : __classPrivateFieldGet(this, _DuoyunSelectElement_valueOptions, "f")[0].label}
+                    </div>
+                  `
+                    : ''}
+              ${__classPrivateFieldGet(this, _DuoyunSelectElement_instances, "a", _DuoyunSelectElement_searchable_get)
+                    ? html `
+                    <dy-input
+                      ref=${this.searchRef.ref}
+                      class="search"
+                      type="search"
+                      value=${search}
+                      @keydown=${__classPrivateFieldGet(this, _DuoyunSelectElement_onSearchKeydown, "f")}
+                      @change=${__classPrivateFieldGet(this, _DuoyunSelectElement_onSearch, "f")}
+                    ></dy-input>
+                  `
+                    : ''}
+            </div>
+            <gem-use class="icon" .element=${icons.expand}></gem-use>
+            ${this.options && open
+                    ? html `
+                  <gem-reflect .target=${document.body}>
+                    <dy-options
+                      ref=${this.optionsRef.ref}
+                      @keydown=${hotkeys({ esc: __classPrivateFieldGet(this, _DuoyunSelectElement_close, "f") })}
+                      aria-multiselectable=${this.multiple}
+                      style=${styleMap({
+                        width: `${Math.max(120, width)}px`,
+                        ...this.dropdownStyle,
+                        position: 'fixed',
+                        zIndex: '99999999',
+                        left: `${left}px`,
+                        top: `${top}px`,
+                        maxHeight,
+                        transform,
+                    })}
+                      .options=${getOptions()}
+                    ></dy-options>
+                  </gem-reflect>
+                `
+                    : ''}
+          `}
+    `;
+        };
+        this.tabIndex = 0;
+        this.effect(() => {
+            this.internals.role = this.inline ? undefined : 'combobox';
+            this.internals.ariaExpanded = String(this.state.open);
+            this.internals.ariaReadOnly = String(this.disabled);
+        });
+        this.addEventListener('click', __classPrivateFieldGet(this, _DuoyunSelectElement_open, "f"));
+        this.addEventListener('keydown', __classPrivateFieldGet(this, _DuoyunSelectElement_onKeydown, "f"));
+    }
+};
+_DuoyunSelectElement_open = new WeakMap(), _DuoyunSelectElement_close = new WeakMap(), _DuoyunSelectElement_onKeydown = new WeakMap(), _DuoyunSelectElement_onSearchKeydown = new WeakMap(), _DuoyunSelectElement_onSearch = new WeakMap(), _DuoyunSelectElement_onChange = new WeakMap(), _DuoyunSelectElement_onRemoveTag = new WeakMap(), _DuoyunSelectElement_valueSet = new WeakMap(), _DuoyunSelectElement_valueOptions = new WeakMap(), _DuoyunSelectElement_instances = new WeakSet(), _DuoyunSelectElement_searchable_get = function _DuoyunSelectElement_searchable_get() {
+    return this.searchable && !this.disabled && !this.borderless;
+}, _DuoyunSelectElement_fiteredOptions_get = function _DuoyunSelectElement_fiteredOptions_get() {
+    var _a;
+    return (_a = this.options) === null || _a === void 0 ? void 0 : _a.filter(({ label, description = '' }) => isIncludesString(html `${label}${description}`, this.state.search));
+}, _DuoyunSelectElement_value_get = function _DuoyunSelectElement_value_get() {
+    return this.multiple && Array.isArray(this.value)
+        ? this.value
+        : isNotNullish(this.value)
+            ? [this.value]
+            : undefined;
+};
+__decorate([
+    boolattribute
+], DuoyunSelectElement.prototype, "multiple", void 0);
+__decorate([
+    boolattribute
+], DuoyunSelectElement.prototype, "disabled", void 0);
+__decorate([
+    boolattribute
+], DuoyunSelectElement.prototype, "searchable", void 0);
+__decorate([
+    boolattribute
+], DuoyunSelectElement.prototype, "inline", void 0);
+__decorate([
+    attribute
+], DuoyunSelectElement.prototype, "placeholder", void 0);
+__decorate([
+    boolattribute
+], DuoyunSelectElement.prototype, "borderless", void 0);
+__decorate([
+    property
+], DuoyunSelectElement.prototype, "dropdownStyle", void 0);
+__decorate([
+    property
+], DuoyunSelectElement.prototype, "options", void 0);
+__decorate([
+    property
+], DuoyunSelectElement.prototype, "value", void 0);
+__decorate([
+    property
+], DuoyunSelectElement.prototype, "renderLabel", void 0);
+__decorate([
+    property
+], DuoyunSelectElement.prototype, "renderTag", void 0);
+__decorate([
+    state
+], DuoyunSelectElement.prototype, "active", void 0);
+__decorate([
+    globalemitter
+], DuoyunSelectElement.prototype, "change", void 0);
+__decorate([
+    refobject
+], DuoyunSelectElement.prototype, "searchRef", void 0);
+__decorate([
+    refobject
+], DuoyunSelectElement.prototype, "optionsRef", void 0);
+DuoyunSelectElement = __decorate([
+    customElement('dy-select'),
+    adoptedStyle(style),
+    connectStore(icons)
+], DuoyunSelectElement);
+export { DuoyunSelectElement };
+//# sourceMappingURL=select.js.map

package/elements/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../src/elements/select.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EACL,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,QAAQ,EAER,YAAY,EACZ,SAAS,EACT,KAAK,EACL,aAAa,EAEb,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,SAAS,GAEV,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,8BAA8B,CAAC;AACtC,OAAO,0BAA0B,CAAC;AAClC,OAAO,WAAW,CAAC;AACnB,OAAO,SAAS,CAAC;AACjB,OAAO,OAAO,CAAC;AAEf,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;wBAKR,KAAK,CAAC,WAAW;qBACpB,KAAK,CAAC,WAAW;;;;;;;;;oBASlB,KAAK,CAAC,SAAS;;;;;;;;;oBASf,KAAK,CAAC,SAAS;;;;;kBAKjB,KAAK,CAAC,aAAa;;;;;;;;;;;;;;;;;aAiBxB,KAAK,CAAC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA6BnB,KAAK,CAAC,WAAW;;;aAGjB,KAAK,CAAC,SAAS;;CAE3B,CAAC,CAAC;AAmBH;;;;;;;;GAQG;AAIH,IAAa,mBAAmB,GAAhC,MAAa,mBAAoB,SAAQ,UAAiB;IAqCxD;QACE,KAAK,EAAE,CAAC;;QAWV,UAAK,GAAG;YACN,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,CAAC;YACR,SAAS,EAAE,MAAM;YACjB,SAAS,EAAE,MAAM;YACjB,MAAM,EAAE,EAAE;SACX,CAAC;QAEF,oCAAQ,GAAG,EAAE;YACX,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC1B,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAChC,CAAC,EAAC;QAEF,qCAAS,GAAG,EAAE;YACZ,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QACjC,CAAC,EAAC;QAEF,yCAAa,OAAO,CAAC;YACnB,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE;gBACX,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;oBACnB,uBAAA,IAAI,kCAAO,MAAX,IAAI,CAAS,CAAC;oBACd,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;wBAChB,GAAG,CAAC,eAAe,EAAE,CAAC;qBACvB;iBACF;YACH,CAAC;YACD,aAAa,EAAE,CAAC,GAAG,EAAE,EAAE;;gBACrB,uBAAA,IAAI,iCAAM,MAAV,IAAI,CAAQ,CAAC;gBACb,MAAA,IAAI,CAAC,SAAS,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;gBAChC,GAAG,CAAC,cAAc,EAAE,CAAC;YACvB,CAAC;SACF,CAAC,EAAC;QAEH,+CAAmB,OAAO,CAAC;YACzB,SAAS,EAAE,GAAG,EAAE;;gBACd,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,KAAI,MAAA,uBAAA,IAAI,yCAAc,0CAAE,MAAM,CAAA,EAAE;oBACpD,uBAAA,IAAI,wCAAa,MAAjB,IAAI,EAAc,uBAAA,IAAI,yCAAc,CAAC,uBAAA,IAAI,yCAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;iBACtE;YACH,CAAC;YACD,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE;gBACX,uBAAA,IAAI,kCAAO,MAAX,IAAI,CAAS,CAAC;gBACd,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,GAAG,CAAC,eAAe,EAAE,CAAC;YACxB,CAAC;YACD,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE;gBACb,MAAM,OAAO,GAAG,uBAAA,IAAI,+EAAgB,CAAC;gBACrC,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,CAAC,EAAE;oBACzB,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;oBACpC,uBAAA,IAAI,qCAAU,MAAd,IAAI,EAAW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC,CAAC;iBAChC;gBACD,GAAG,CAAC,eAAe,EAAE,CAAC;YACxB,CAAC;SACF,CAAC,EAAC;QAEH,wCAAY,CAAC,GAAwB,EAAE,EAAE;YACvC,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;YACtC,GAAG,CAAC,eAAe,EAAE,CAAC;QACxB,CAAC,EAAC;QAEF,wCAAY,CAAC,KAAU,EAAE,EAAE;YACzB,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;oBACf,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;iBACtB;qBAAM,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACrC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;iBACzD;qBAAM;oBACL,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;iBACrC;aACF;iBAAM;gBACL,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACnB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;aAChC;YACD,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;QAChC,CAAC,EAAC;QAEF,2CAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAU,EAAE,EAAE;YAC1C,uBAAA,IAAI,qCAAU,MAAd,IAAI,EAAW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC,CAAC;QACjC,CAAC,EAAC;QAEF,gDAAoB;QACpB,oDAAoC;QAEpC,cAAS,GAAG,GAAG,EAAE;YACf,IAAI,CAAC,IAAI,CACP,GAAG,EAAE;;gBACH,MAAM,GAAG,GAAG,IAAI,GAAG,EAAe,CAAC;gBACnC,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;oBAC/B,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;oBAChC,GAAG,CAAC,GAAG,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,EAAE,MAAM,CAAC,CAAC;gBAClC,CAAC,CAAC,CAAC;gBACH,uBAAA,IAAI,iCAAa,IAAI,GAAG,CAAC,uBAAA,IAAI,sEAAO,CAAC,MAAA,CAAC;gBACtC,uBAAA,IAAI,qCAAiB,MAAA,uBAAA,IAAI,sEAAO,0CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC,MAAA,CAAC;YACxF,CAAC,EACD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CACjC,CAAC;QACJ,CAAC,CAAC;QAEF,YAAO,GAAG,GAAG,EAAE;YACb,IAAI,CAAC,MAAM,CACT,GAAG,EAAE;gBACH,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;gBAC5B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;gBACnB,IAAI,IAAI,EAAE;oBACR,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;oBAC1E,MAAM,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,GAAG,CAAC;oBAC7C,IAAI,CAAC,QAAQ,CAAC;wBACZ,IAAI;wBACJ,KAAK;wBACL,IAAI,EAAE,IAAI;wBACV,GAAG,EAAE,MAAM,GAAG,CAAC;wBACf,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,MAAM,GAAG,CAAC,KAAK;wBACvE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,iCAAiC,MAAM,MAAM,CAAC,CAAC,CAAC,MAAM;qBAC9E,CAAC,CAAC;oBACH,gBAAgB,CAAC,WAAW,EAAE,uBAAA,IAAI,kCAAO,CAAC,CAAC;iBAC5C;qBAAM;oBACL,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;iBAChC;gBACD,OAAO,GAAG,EAAE,CAAC,mBAAmB,CAAC,WAAW,EAAE,uBAAA,IAAI,kCAAO,CAAC,CAAC;YAC7D,CAAC,EACD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CACxB,CAAC;YACF,IAAI,CAAC,MAAM,CACT,GAAG,EAAE;;gBACH,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;oBACvD,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,OAAQ,CAAC,CAAC;oBAC5D,MAAA,IAAI,CAAC,UAAU,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;oBACjC,OAAO,GAAG,EAAE;wBACV,YAAY,EAAE,CAAC;wBACf,IAAI,CAAC,KAAK,EAAE,CAAC;oBACf,CAAC,CAAC;iBACH;YACH,CAAC,EACD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CACxB,CAAC;QACJ,CAAC,CAAC;QAEF,WAAM,GAAG,GAAG,EAAE;;YACZ,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC5E,MAAM,OAAO,GAAG,CAAC,CAAA,MAAA,uBAAA,IAAI,yCAAc,0CAAE,MAAM,CAAA,CAAC;YAC5C,MAAM,UAAU,GAAG,GAAG,EAAE;;gBACtB,MAAM,OAAO,GAAG,MAAA,uBAAA,IAAI,+EAAgB,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACnD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;oBACvD,OAAO;wBACL,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK;wBAC1D,WAAW;wBACX,IAAI,EAAE,uBAAA,IAAI,qCAAU,CAAC,GAAG,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;wBAClE,WAAW,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;wBAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,uBAAA,IAAI,qCAAU,MAAd,IAAI,EAAW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC;wBAC7C,QAAQ;qBACT,CAAC;gBACJ,CAAC,CAAC,CAAC;gBACH,OAAO,MAAM,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,CAAC;oBACpC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;oBAC9F,CAAC,CAAC,OAAO,CAAC;YACd,CAAC,CAAC;YACF,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,MAAM;gBACX,CAAC,CAAC,IAAI,CAAA,+CAA+C,UAAU,EAAE,gBAAgB;gBACjF,CAAC,CAAC,IAAI,CAAA;yBACW,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC;gBAC/D,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW;oBAC5B,CAAC,CAAC,IAAI,CAAA;;wBAEE,OAAO;wBACP,CAAC,CAAC,IAAI,CAAC,WAAW;wBAClB,CAAC,CAAC,IAAI,CAAC,QAAQ;4BACf,CAAC,CAAC,IAAI,CAAA;8BACA,uBAAA,IAAI,yCAAe,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAC7C,OAAO,KAAK,KAAK,QAAQ;gCACvB,CAAC,CAAC,IAAI,CAAA;;;mDAGa,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;iDAC9B,CAAC,GAAkB,EAAE,EAAE,CAAC,GAAG,CAAC,eAAe,EAAE;+CAC/C,GAAG,EAAE,CAAC,uBAAA,IAAI,wCAAa,MAAjB,IAAI,EAAc,uBAAA,IAAI,yCAAe,CAAC,KAAK,CAAC,CAAC;;wCAE1D,KAAK;;mCAEV;gCACH,CAAC,CAAC,IAAI,CAAC,SAAS;oCAChB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,uBAAA,IAAI,yCAAe,CAAC,KAAK,CAAC,CAAC;oCAC5C,CAAC,CAAC,KAAK,CACV;2BACF;4BACH,CAAC,CAAC,uBAAA,IAAI,yCAAe,CAAC,CAAC,CAAC,CAAC,KAAK;;mBAEnC;oBACH,CAAC,CAAC,EAAE;gBACJ,uBAAA,IAAI,2EAAY;oBAChB,CAAC,CAAC,IAAI,CAAA;;4BAEM,IAAI,CAAC,SAAS,CAAC,GAAG;;;8BAGhB,MAAM;iCACH,uBAAA,IAAI,4CAAiB;gCACtB,uBAAA,IAAI,qCAAU;;mBAE3B;oBACH,CAAC,CAAC,EAAE;;6CAEyB,KAAK,CAAC,MAAM;cAC3C,IAAI,CAAC,OAAO,IAAI,IAAI;oBACpB,CAAC,CAAC,IAAI,CAAA;yCACqB,QAAQ,CAAC,IAAI;;4BAE1B,IAAI,CAAC,UAAU,CAAC,GAAG;iCACd,OAAO,CAAC,EAAE,GAAG,EAAE,uBAAA,IAAI,kCAAO,EAAE,CAAC;6CACjB,IAAI,CAAC,QAAQ;8BAC5B,QAAQ,CAAC;wBACf,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI;wBAClC,GAAG,IAAI,CAAC,aAAa;wBACrB,QAAQ,EAAE,OAAO;wBACjB,MAAM,EAAE,UAAU;wBAClB,IAAI,EAAE,GAAG,IAAI,IAAI;wBACjB,GAAG,EAAE,GAAG,GAAG,IAAI;wBACf,SAAS;wBACT,SAAS;qBACV,CAAC;iCACS,UAAU,EAAE;;;iBAG5B;oBACH,CAAC,CAAC,EAAE;WACP;KACN,CAAC;QACJ,CAAC,CAAC;QA9OA,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;YAC3D,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACtD,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,uBAAA,IAAI,iCAAM,CAAC,CAAC;QAC3C,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,uBAAA,IAAI,sCAAW,CAAC,CAAC;IACpD,CAAC;CAuOF,CAAA;;IAlQG,OAAO,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;AAC/D,CAAC;;IAGC,OAAO,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,GAAG,EAAE,EAAE,EAAE,EAAE,CAC1D,gBAAgB,CAAC,IAAI,CAAA,GAAG,KAAK,GAAG,WAAW,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAClE,CAAC;AACJ,CAAC;IAGC,OAAO,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;QAC/C,CAAC,CAAC,IAAI,CAAC,KAAK;QACZ,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;YAC1B,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;YACd,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC;AAlCc;IAAd,aAAa;qDAAmB;AAClB;IAAd,aAAa;qDAAmB;AAClB;IAAd,aAAa;uDAAqB;AACpB;IAAd,aAAa;mDAAiB;AACpB;IAAV,SAAS;wDAAqB;AAChB;IAAd,aAAa;uDAAqB;AAEzB;IAAT,QAAQ;0DAA8C;AAC7C;IAAT,QAAQ;oDAAoB;AACnB;IAAT,QAAQ;kDAAqB;AACpB;IAAT,QAAQ;wDAAqD;AACpD;IAAT,QAAQ;sDAAmD;AACrD;IAAN,KAAK;mDAAiB;AACR;IAAd,aAAa;mDAA8B;AAEjC;IAAV,SAAS;sDAAmC;AAClC;IAAV,SAAS;uDAAoC;AAjBnC,mBAAmB;IAH/B,aAAa,CAAC,WAAW,CAAC;IAC1B,YAAY,CAAC,KAAK,CAAC;IACnB,YAAY,CAAC,KAAK,CAAC;GACP,mBAAmB,CAsR/B;SAtRY,mBAAmB"}

package/elements/shortcut-record.d.ts

@@ -0,0 +1,19 @@
+import { GemElement, Emitter } from '@mantou/gem';
+import './paragraph';
+/**
+ * @customElement dy-shortcut-record
+ * @attr placeholder
+ * @attr tooltip
+ * @attr disabled
+ */
+export declare class DuoyunShortcutRecordElement extends GemElement {
+    #private;
+    placeholder: string;
+    tooltip: string;
+    disabled: number;
+    change: Emitter<string[]>;
+    value?: string[];
+    constructor();
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=shortcut-record.d.ts.map

package/elements/shortcut-record.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortcut-record.d.ts","sourceRoot":"","sources":["../src/elements/shortcut-record.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAQV,OAAO,EAGR,MAAM,aAAa,CAAC;AAMrB,OAAO,aAAa,CAAC;AAsCrB;;;;;GAKG;AACH,qBAEa,2BAA4B,SAAQ,UAAU;;IAC9C,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;;IAuC3B,MAAM,6CAWJ;CACH"}

package/elements/shortcut-record.js

@@ -0,0 +1,127 @@
+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 _DuoyunShortcutRecordElement_instances, _DuoyunShortcutRecordElement_tooltip_get, _DuoyunShortcutRecordElement_onKeydown;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, attribute, globalemitter, property, boolattribute, } from '@mantou/gem';
+import { theme } from '../lib/theme';
+import { isNotNullish } from '../lib/types';
+import { normalizeKey, getDisplayKey } from '../lib/hotkeys';
+import './paragraph';
+const style = createCSSSheet(css `
+  :host {
+    display: inline-flex;
+    align-items: center;
+    font-size: 0.875em;
+    box-sizing: border-box;
+    width: 15em;
+    height: calc(2.2em + 2px);
+    padding-inline: 0.4em;
+    gap: 0.2em;
+    border-radius: ${theme.normalRound};
+    border: 1px solid ${theme.borderColor};
+  }
+  :host(:focus) {
+    border-color: ${theme.textColor};
+    background-color: ${theme.lightBackgroundColor};
+  }
+  .paragraph {
+    display: contents;
+    line-height: 1.2;
+  }
+  .placeholder,
+  .tooltip {
+    color: ${theme.describeColor};
+  }
+  :host(:focus) .placeholder {
+    display: none;
+  }
+  .tooltip {
+    font-style: italic;
+  }
+  :host(:not(:focus)) .tooltip {
+    display: none;
+  }
+`);
+/**
+ * @customElement dy-shortcut-record
+ * @attr placeholder
+ * @attr tooltip
+ * @attr disabled
+ */
+let DuoyunShortcutRecordElement = class DuoyunShortcutRecordElement extends GemElement {
+    constructor() {
+        super();
+        _DuoyunShortcutRecordElement_instances.add(this);
+        _DuoyunShortcutRecordElement_onKeydown.set(this, (evt) => {
+            const keys = [
+                ...new Set([
+                    evt.ctrlKey ? 'ctrl' : null,
+                    evt.metaKey ? 'meta' : null,
+                    evt.shiftKey ? 'shift' : null,
+                    evt.altKey ? 'alt' : null,
+                    evt.code,
+                ]
+                    .filter(isNotNullish)
+                    .map(normalizeKey)),
+            ];
+            this.change(keys);
+            evt.stopPropagation();
+            evt.preventDefault();
+        });
+        this.render = () => {
+            return html `
+      <dy-paragraph class="paragraph">
+        ${this.value
+                ? html `${this.value.map((key) => html `<kbd>${getDisplayKey(key)}</kbd>`)}`
+                : html `
+              <div class="placeholder">${this.placeholder}</div>
+              <div class="tooltip">${__classPrivateFieldGet(this, _DuoyunShortcutRecordElement_instances, "a", _DuoyunShortcutRecordElement_tooltip_get)}</div>
+            `}
+      </dy-paragraph>
+    `;
+        };
+        this.internals.role = 'input';
+        this.addEventListener('keydown', __classPrivateFieldGet(this, _DuoyunShortcutRecordElement_onKeydown, "f"));
+        this.effect(() => {
+            if (this.disabled) {
+                this.removeAttribute('tabindex');
+            }
+            else {
+                this.tabIndex = 0;
+            }
+            this.internals.ariaDisabled = String(this.disabled);
+        });
+    }
+};
+_DuoyunShortcutRecordElement_onKeydown = new WeakMap(), _DuoyunShortcutRecordElement_instances = new WeakSet(), _DuoyunShortcutRecordElement_tooltip_get = function _DuoyunShortcutRecordElement_tooltip_get() {
+    return this.tooltip || 'Please keypress...';
+};
+__decorate([
+    attribute
+], DuoyunShortcutRecordElement.prototype, "placeholder", void 0);
+__decorate([
+    attribute
+], DuoyunShortcutRecordElement.prototype, "tooltip", void 0);
+__decorate([
+    boolattribute
+], DuoyunShortcutRecordElement.prototype, "disabled", void 0);
+__decorate([
+    globalemitter
+], DuoyunShortcutRecordElement.prototype, "change", void 0);
+__decorate([
+    property
+], DuoyunShortcutRecordElement.prototype, "value", void 0);
+DuoyunShortcutRecordElement = __decorate([
+    customElement('dy-shortcut-record'),
+    adoptedStyle(style)
+], DuoyunShortcutRecordElement);
+export { DuoyunShortcutRecordElement };
+//# sourceMappingURL=shortcut-record.js.map

package/elements/shortcut-record.js.map

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

package/elements/side-navigation.d.ts

@@ -0,0 +1,31 @@
+import { QueryString, TemplateResult } from '@mantou/gem';
+import { DuoyunScrollBaseElement } from './base/scroll';
+import '@mantou/gem/elements/link';
+interface Item {
+    title?: string;
+    slot?: TemplateResult;
+    pattern?: string;
+    params?: Record<string, string>;
+    query?: QueryString | string;
+    children?: Item[];
+}
+interface NavItemGroup {
+    title?: string;
+    slot?: TemplateResult;
+    group: Item[];
+}
+export declare type NavItems = (Item | NavItemGroup)[];
+declare type State = Record<string, boolean>;
+/**
+ * @customElement dy-side-navigation
+ */
+export declare class DuoyunSideNavigationElement extends DuoyunScrollBaseElement<State> {
+    #private;
+    items: NavItems;
+    state: State;
+    constructor();
+    willMount: () => void;
+    render: () => TemplateResult;
+}
+export {};
+//# sourceMappingURL=side-navigation.d.ts.map

package/elements/side-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation.d.ts","sourceRoot":"","sources":["../src/elements/side-navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,WAAW,EACX,cAAc,EAGf,MAAM,aAAa,CAAC;AAMrB,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,2BAA2B,CAAC;AAEnC,UAAU,IAAI;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;CACnB;AAED,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAED,oBAAY,QAAQ,GAAG,CAAC,IAAI,GAAG,YAAY,CAAC,EAAE,CAAC;AA+C/C,aAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAErC;;GAEG;AACH,qBAGa,2BAA4B,SAAQ,uBAAuB,CAAC,KAAK,CAAC;;IACnE,KAAK,EAAE,QAAQ,CAAM;IAG/B,KAAK,EAAE,KAAK,CAAM;;IAgDlB,SAAS,aAKP;IAEF,MAAM,uBAYJ;CACH"}