duoyun-ui 0.0.2

package/elements/input.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 __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 _DuoyunInputElement_instances, _DuoyunInputElement_spellcheck_get, _DuoyunInputElement_type_get, _DuoyunInputElement_isNumberType_get, _DuoyunInputElement_rows_get, _DuoyunInputElement_step_get, _DuoyunInputElement_min_get, _DuoyunInputElement_max_get, _DuoyunInputElement_isComposing, _DuoyunInputElement_nextState, _DuoyunInputElement_isNumberNotChange, _DuoyunInputElement_isNumberInvalid, _DuoyunInputElement_editing, _DuoyunInputElement_inputHandle, _DuoyunInputElement_compositionstartHandle, _DuoyunInputElement_compositionendHandle, _DuoyunInputElement_onClear;
+import { adoptedStyle, attribute, boolattribute, createCSSSheet, css, customElement, emitter, GemElement, globalemitter, html, numattribute, property, refobject, state, } from '@mantou/gem';
+import { theme } from '../lib/theme';
+import { icons } from '../lib/icons';
+import { commonHandle } from '../lib/hotkeys';
+import '@mantou/gem/elements/use';
+const style = createCSSSheet(css `
+  :host {
+    font-size: 0.875em;
+    width: 15em;
+    position: relative;
+    display: inline-flex;
+    align-items: stretch;
+    line-height: 1;
+    background-color: transparent;
+    box-sizing: border-box;
+    border: 1px solid ${theme.borderColor};
+    border-radius: ${theme.normalRound};
+    outline: none;
+  }
+  :host(:not([type='textarea'])) {
+    block-size: calc(2.2em + 2px);
+  }
+  :host(:where(:focus-within, :hover)) {
+    border-color: ${theme.textColor};
+  }
+  :host([disabled]) {
+    cursor: not-allowed;
+    border-color: transparent;
+    background: ${theme.disabledColor};
+  }
+  .input {
+    outline: none;
+    font: inherit;
+    line-height: 1.5;
+    color: inherit;
+    width: 100%;
+    padding-inline: 0.5em;
+    border: none;
+    background-color: transparent;
+    resize: none;
+  }
+  .input::-webkit-calendar-picker-indicator,
+  .input::-webkit-search-cancel-button {
+    display: none !important;
+  }
+  .icon,
+  .clear {
+    width: 1.25em;
+    flex-shrink: 0;
+  }
+  .icon {
+    margin-left: 0.5em;
+  }
+  .clear {
+    display: none;
+    opacity: 0.2;
+    padding-inline: 0.35em;
+    margin-inline-start: -0.35em;
+  }
+  .clear:hover {
+    opacity: 0.4;
+  }
+  :host(:where(:focus-within, :hover)) .clear {
+    display: block;
+  }
+  .input::placeholder {
+    color: ${theme.describeColor};
+  }
+
+  @media (hover: none) {
+    .clear {
+      display: block;
+    }
+  }
+`);
+/**
+ * @customElement dy-input
+ * @attr value
+ * @attr type
+ * @attr disabled
+ * @attr autofocus
+ * @attr rows
+ * @attr step
+ * @attr min
+ * @attr max
+ */
+let DuoyunInputElement = class DuoyunInputElement extends GemElement {
+    constructor() {
+        super(...arguments);
+        _DuoyunInputElement_instances.add(this);
+        _DuoyunInputElement_isComposing.set(this, false);
+        _DuoyunInputElement_nextState.set(this, {
+            value: '',
+            selectionStart: 0,
+            selectionEnd: 0,
+        });
+        _DuoyunInputElement_isNumberNotChange.set(this, (value, nextValue) => {
+            if (__classPrivateFieldGet(this, _DuoyunInputElement_instances, "a", _DuoyunInputElement_isNumberType_get)) {
+                const isZero = value === '0' && nextValue === '';
+                const isEqual = Number(value) === Number(nextValue);
+                return isZero || isEqual;
+            }
+        });
+        _DuoyunInputElement_isNumberInvalid.set(this, (value) => {
+            if (__classPrivateFieldGet(this, _DuoyunInputElement_instances, "a", _DuoyunInputElement_isNumberType_get)) {
+                return !/^-?(\.|\d)*$/.test(value) || value.replace(/\d/g, '').includes('..');
+            }
+        });
+        _DuoyunInputElement_editing.set(this, false);
+        _DuoyunInputElement_inputHandle.set(this, () => {
+            if (!__classPrivateFieldGet(this, _DuoyunInputElement_isComposing, "f")) {
+                const { element } = this.inputRef;
+                if (!element)
+                    return;
+                const { value, selectionStart, selectionEnd } = element;
+                // `value` mission `2.`?
+                // number decimal point
+                if (value === this.value) {
+                    return;
+                }
+                if (__classPrivateFieldGet(this, _DuoyunInputElement_isNumberNotChange, "f").call(this, this.value, value)) {
+                    return;
+                }
+                if (__classPrivateFieldGet(this, _DuoyunInputElement_isNumberInvalid, "f").call(this, value)) {
+                    element.value = this.value;
+                    return;
+                }
+                __classPrivateFieldSet(this, _DuoyunInputElement_nextState, {
+                    value,
+                    selectionStart: selectionStart || 0,
+                    selectionEnd: selectionEnd || 0,
+                }, "f");
+                element.value = this.value;
+                this.change(value);
+                __classPrivateFieldSet(this, _DuoyunInputElement_editing, true, "f");
+                setTimeout(() => (__classPrivateFieldSet(this, _DuoyunInputElement_editing, false, "f")));
+            }
+        });
+        _DuoyunInputElement_compositionstartHandle.set(this, () => {
+            __classPrivateFieldSet(this, _DuoyunInputElement_isComposing, true, "f");
+        });
+        _DuoyunInputElement_compositionendHandle.set(this, () => {
+            // https://bugs.chromium.org/p/chromium/issues/detail?id=1263817
+            __classPrivateFieldSet(this, _DuoyunInputElement_isComposing, false, "f");
+            __classPrivateFieldGet(this, _DuoyunInputElement_inputHandle, "f").call(this);
+        });
+        _DuoyunInputElement_onClear.set(this, (evt) => {
+            evt.stopPropagation();
+            this.clear('');
+        });
+        this.mounted = () => {
+            this.effect(() => {
+                const { element } = this.inputRef;
+                if (!element)
+                    return;
+                const { value, selectionStart, selectionEnd } = __classPrivateFieldGet(this, _DuoyunInputElement_nextState, "f");
+                if (this.value === value) {
+                    Object.assign(element, { value, selectionStart, selectionEnd });
+                }
+                else {
+                    if (__classPrivateFieldGet(this, _DuoyunInputElement_editing, "f") && __classPrivateFieldGet(this, _DuoyunInputElement_isNumberNotChange, "f").call(this, this.value, value)) {
+                        element.value = value;
+                    }
+                    else {
+                        element.value = this.value;
+                    }
+                }
+                this.filled = !!element.value;
+            }, () => [this.value]);
+            this.autofocus && this.focus();
+        };
+        this.focus = () => {
+            var _a;
+            (_a = this.inputRef.element) === null || _a === void 0 ? void 0 : _a.focus();
+        };
+        this.blur = () => {
+            if (this.shadowRoot.activeElement instanceof HTMLElement) {
+                this.shadowRoot.activeElement.blur();
+            }
+        };
+    }
+    render() {
+        return html `
+      ${this.icon ? html `<gem-use class="icon" .element=${this.icon}></gem-use>` : ''}
+      ${__classPrivateFieldGet(this, _DuoyunInputElement_instances, "a", _DuoyunInputElement_type_get) === 'textarea'
+            ? html `
+            <textarea
+              ref=${this.inputRef.ref}
+              class="input"
+              part="input"
+              spellcheck=${__classPrivateFieldGet(this, _DuoyunInputElement_instances, "a", _DuoyunInputElement_spellcheck_get)}
+              placeholder=${this.placeholder}
+              ?disabled=${this.disabled}
+              rows=${__classPrivateFieldGet(this, _DuoyunInputElement_instances, "a", _DuoyunInputElement_rows_get)}
+              ?required=${this.required}
+              @input=${__classPrivateFieldGet(this, _DuoyunInputElement_inputHandle, "f")}
+              @compositionstart=${__classPrivateFieldGet(this, _DuoyunInputElement_compositionstartHandle, "f")}
+              @compositionend=${__classPrivateFieldGet(this, _DuoyunInputElement_compositionendHandle, "f")}
+            ></textarea>
+          `
+            : html `
+            <input
+              ref=${this.inputRef.ref}
+              type=${__classPrivateFieldGet(this, _DuoyunInputElement_instances, "a", _DuoyunInputElement_type_get)}
+              ?disabled=${this.disabled}
+              class="input"
+              part="input"
+              spellcheck=${__classPrivateFieldGet(this, _DuoyunInputElement_instances, "a", _DuoyunInputElement_spellcheck_get)}
+              list="datalist"
+              step=${__classPrivateFieldGet(this, _DuoyunInputElement_instances, "a", _DuoyunInputElement_step_get)}
+              min=${__classPrivateFieldGet(this, _DuoyunInputElement_instances, "a", _DuoyunInputElement_min_get)}
+              max=${__classPrivateFieldGet(this, _DuoyunInputElement_instances, "a", _DuoyunInputElement_max_get)}
+              placeholder=${this.placeholder}
+              ?required=${this.required}
+              @input=${__classPrivateFieldGet(this, _DuoyunInputElement_inputHandle, "f")}
+              @compositionstart=${__classPrivateFieldGet(this, _DuoyunInputElement_compositionstartHandle, "f")}
+              @compositionend=${__classPrivateFieldGet(this, _DuoyunInputElement_compositionendHandle, "f")}
+            />
+          `}
+      ${this.dataList &&
+            html `
+        <datalist id="datalist">
+          ${this.dataList.map(({ value, label }) => html `<option value=${value !== null && value !== void 0 ? value : label}>${label}</option>`)}
+        </datalist>
+      `}
+      ${this.clearable && this.value
+            ? html `
+            <gem-use
+              tabindex="0"
+              role="button"
+              @keydown=${commonHandle}
+              @click=${__classPrivateFieldGet(this, _DuoyunInputElement_onClear, "f")}
+              part="clear"
+              class="clear"
+              .element=${icons.close}
+            ></gem-use>
+          `
+            : ''}
+    `;
+    }
+};
+_DuoyunInputElement_isComposing = new WeakMap(), _DuoyunInputElement_nextState = new WeakMap(), _DuoyunInputElement_isNumberNotChange = new WeakMap(), _DuoyunInputElement_isNumberInvalid = new WeakMap(), _DuoyunInputElement_editing = new WeakMap(), _DuoyunInputElement_inputHandle = new WeakMap(), _DuoyunInputElement_compositionstartHandle = new WeakMap(), _DuoyunInputElement_compositionendHandle = new WeakMap(), _DuoyunInputElement_onClear = new WeakMap(), _DuoyunInputElement_instances = new WeakSet(), _DuoyunInputElement_spellcheck_get = function _DuoyunInputElement_spellcheck_get() {
+    return this.spellcheck ? 'true' : 'false';
+}, _DuoyunInputElement_type_get = function _DuoyunInputElement_type_get() {
+    // https://html.spec.whatwg.org/multipage/input.html#do-not-apply
+    return !this.type || this.type === 'number' ? 'text' : this.type;
+}, _DuoyunInputElement_isNumberType_get = function _DuoyunInputElement_isNumberType_get() {
+    return this.type === 'number';
+}, _DuoyunInputElement_rows_get = function _DuoyunInputElement_rows_get() {
+    return this.rows || 5;
+}, _DuoyunInputElement_step_get = function _DuoyunInputElement_step_get() {
+    return this.step || 1;
+}, _DuoyunInputElement_min_get = function _DuoyunInputElement_min_get() {
+    return this.hasAttribute('min') ? this.min : -Infinity;
+}, _DuoyunInputElement_max_get = function _DuoyunInputElement_max_get() {
+    return this.hasAttribute('max') ? this.max : Infinity;
+};
+__decorate([
+    refobject
+], DuoyunInputElement.prototype, "inputRef", void 0);
+__decorate([
+    globalemitter
+], DuoyunInputElement.prototype, "change", void 0);
+__decorate([
+    emitter
+], DuoyunInputElement.prototype, "clear", void 0);
+__decorate([
+    attribute
+], DuoyunInputElement.prototype, "value", void 0);
+__decorate([
+    attribute
+], DuoyunInputElement.prototype, "type", void 0);
+__decorate([
+    attribute
+], DuoyunInputElement.prototype, "placeholder", void 0);
+__decorate([
+    boolattribute
+], DuoyunInputElement.prototype, "spellcheck", void 0);
+__decorate([
+    boolattribute
+], DuoyunInputElement.prototype, "required", void 0);
+__decorate([
+    boolattribute
+], DuoyunInputElement.prototype, "disabled", void 0);
+__decorate([
+    boolattribute
+], DuoyunInputElement.prototype, "autofocus", void 0);
+__decorate([
+    boolattribute
+], DuoyunInputElement.prototype, "clearable", void 0);
+__decorate([
+    numattribute
+], DuoyunInputElement.prototype, "rows", void 0);
+__decorate([
+    numattribute
+], DuoyunInputElement.prototype, "step", void 0);
+__decorate([
+    numattribute
+], DuoyunInputElement.prototype, "min", void 0);
+__decorate([
+    numattribute
+], DuoyunInputElement.prototype, "max", void 0);
+__decorate([
+    property
+], DuoyunInputElement.prototype, "dataList", void 0);
+__decorate([
+    property
+], DuoyunInputElement.prototype, "icon", void 0);
+__decorate([
+    state
+], DuoyunInputElement.prototype, "filled", void 0);
+DuoyunInputElement = __decorate([
+    customElement('dy-input'),
+    adoptedStyle(style)
+], DuoyunInputElement);
+export { DuoyunInputElement };
+const inputGroupStyle = createCSSSheet(css `
+  dy-input-group {
+    display: flex;
+  }
+  dy-input-group :where(dy-input, dy-select):where(:focus, :focus-within, :hover, :--active, [data-active]) {
+    position: relative;
+    z-index: 1;
+  }
+  dy-input-group > * {
+    flex-grow: 1;
+  }
+  dy-input-group > :not(:last-child) {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  dy-input-group > :nth-child(n + 2),
+  /* dy-input-group > dy-tooltip > dy-button */
+  dy-input-group > dy-tooltip:last-child > * {
+    margin-inline-start: -1px;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+`);
+/**
+ * @customElement dy-input-group
+ */
+let DuoyunInputGroupElement = class DuoyunInputGroupElement extends GemElement {
+    constructor() {
+        super({ isLight: true });
+        this.internals.role = 'group';
+    }
+};
+DuoyunInputGroupElement = __decorate([
+    customElement('dy-input-group'),
+    adoptedStyle(inputGroupStyle)
+], DuoyunInputGroupElement);
+export { DuoyunInputGroupElement };
+//# sourceMappingURL=input.js.map

package/elements/input.js.map

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

package/elements/keyboard-access.d.ts

@@ -0,0 +1,26 @@
+import { GemElement } from '@mantou/gem';
+import { HotKeyHandles } from '../lib/hotkeys';
+import './paragraph';
+declare type FocusableElement = {
+    key: string;
+    top: number;
+    left: number;
+};
+declare type State = {
+    active: boolean;
+    waiting: boolean;
+    keydownHandles: HotKeyHandles;
+    deepQuerySelectorAll?: (selector: string) => HTMLElement[];
+    focusableElements?: FocusableElement[];
+};
+/**
+ * @customElement dy-keyboard-access
+ */
+export declare class DuoyunKeyboardAccessElement extends GemElement<State> {
+    #private;
+    state: State;
+    mounted: () => () => void;
+    render: () => import("@mantou/gem").TemplateResult;
+}
+export {};
+//# sourceMappingURL=keyboard-access.d.ts.map

package/elements/keyboard-access.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-access.d.ts","sourceRoot":"","sources":["../src/elements/keyboard-access.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAoE,MAAM,aAAa,CAAC;AAE3G,OAAO,EAAW,aAAa,EAAU,MAAM,gBAAgB,CAAC;AAKhE,OAAO,aAAa,CAAC;AAuBrB,aAAK,gBAAgB,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,aAAa,CAAC;IAC9B,oBAAoB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,WAAW,EAAE,CAAC;IAC3D,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACxC,CAAC;AAWF;;GAEG;AACH,qBAEa,2BAA4B,SAAQ,UAAU,CAAC,KAAK,CAAC;;IAChE,KAAK,EAAE,KAAK,CAIV;IAyHF,OAAO,mBA4BL;IAEF,MAAM,6CAsBJ;CACH"}

package/elements/keyboard-access.js

@@ -0,0 +1,217 @@
+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 _DuoyunKeyboardAccessElement_instances, _DuoyunKeyboardAccessElement_preventEvent, _DuoyunKeyboardAccessElement_handler, _DuoyunKeyboardAccessElement_isInputTarget, _DuoyunKeyboardAccessElement_onActive, _DuoyunKeyboardAccessElement_onInavtive, _DuoyunKeyboardAccessElement_onCancal, _DuoyunKeyboardAccessElement_onKeydown;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, styleMap } from '@mantou/gem';
+import { hotkeys, unlock } from '../lib/hotkeys';
+import { isNotNullish } from '../lib/types';
+import { Toast } from './toast';
+import './paragraph';
+const style = createCSSSheet(css `
+  :host {
+    display: contents;
+    font-size: 0.75em;
+  }
+  .contaner {
+    position: fixed;
+    z-index: 9999999999999;
+    pointer-events: none;
+    inset: 0;
+    margin: 0;
+    line-height: 1;
+  }
+  .key {
+    position: absolute;
+    background: yellow;
+    border-color: #0002;
+    text-transform: uppercase;
+  }
+`);
+/**
+ * a,b,b...,y,za,zb...,zy
+ */
+function getChars(index) {
+    if (index > 50)
+        return;
+    const prefix = index >= 25 ? 'z' : '';
+    return prefix + String.fromCharCode(97 + (index % 25));
+}
+/**
+ * @customElement dy-keyboard-access
+ */
+let DuoyunKeyboardAccessElement = class DuoyunKeyboardAccessElement extends GemElement {
+    constructor() {
+        super(...arguments);
+        _DuoyunKeyboardAccessElement_instances.add(this);
+        this.state = {
+            active: false,
+            waiting: false,
+            keydownHandles: {},
+        };
+        _DuoyunKeyboardAccessElement_preventEvent.set(this, (evt) => {
+            evt.stopPropagation();
+            evt.preventDefault();
+        });
+        _DuoyunKeyboardAccessElement_handler.set(this, (evt) => {
+            hotkeys(this.state.keydownHandles)(evt);
+            __classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_preventEvent, "f").call(this, evt);
+        });
+        _DuoyunKeyboardAccessElement_onActive.set(this, (evt) => {
+            if (__classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_instances, "m", _DuoyunKeyboardAccessElement_isInputTarget).call(this, evt))
+                return;
+            const { deepQuerySelectorAll, active } = this.state;
+            if (!deepQuerySelectorAll || active)
+                return;
+            const eles = deepQuerySelectorAll('>>> :is([tabindex],input,textarea,button,select,area,a[href])');
+            if (!eles.length) {
+                Toast.open('default', 'Not found focusable element');
+                return;
+            }
+            let index = 0;
+            const keydownHandles = {
+                onLock: () => this.setState({ waiting: true }),
+                onUnlock: () => this.setState({ waiting: false }),
+                // eslint-disable-next-line no-console
+                onUncapture: () => console.warn('Un Capture!'),
+            };
+            this.setState({
+                active: true,
+                waiting: false,
+                keydownHandles,
+                focusableElements: eles
+                    .map((element) => {
+                    const root = element.getRootNode();
+                    const { top, left, right, bottom, width, height } = element.getBoundingClientRect();
+                    if (element.disabeld ||
+                        element.inert ||
+                        element.tabIndex < 0 ||
+                        !width ||
+                        !height ||
+                        right < 0 ||
+                        bottom < 0 ||
+                        left > innerWidth ||
+                        top > innerHeight) {
+                        return;
+                    }
+                    // Firefox Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1750907
+                    const eleFromLeftTop = root.elementFromPoint(left + 2, top + 2);
+                    const eleFromRightBottom = root.elementFromPoint(left + width - 2, top + height - 2);
+                    if (eleFromLeftTop !== element &&
+                        eleFromRightBottom !== element &&
+                        // https://bugs.chromium.org/p/chromium/issues/detail?id=1188919&q=elementFromPoint&can=2
+                        eleFromLeftTop !== root.host &&
+                        eleFromRightBottom !== root.host &&
+                        // ligth dom
+                        (eleFromLeftTop === null || eleFromLeftTop === void 0 ? void 0 : eleFromLeftTop.parentElement) !== element &&
+                        (eleFromRightBottom === null || eleFromRightBottom === void 0 ? void 0 : eleFromRightBottom.parentElement) !== element) {
+                        return;
+                    }
+                    const key = getChars(index);
+                    if (!key)
+                        return;
+                    // `a-b`
+                    keydownHandles[[...key].join('-')] = (evt) => {
+                        this.setState({ active: false });
+                        element.focus();
+                        element.click();
+                        __classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_preventEvent, "f").call(this, evt);
+                    };
+                    index++;
+                    return { key, top, left };
+                })
+                    .filter(isNotNullish),
+            });
+            __classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_preventEvent, "f").call(this, evt);
+        });
+        _DuoyunKeyboardAccessElement_onInavtive.set(this, (evt) => {
+            if (!this.state.active)
+                return;
+            this.setState({ active: false });
+            __classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_preventEvent, "f").call(this, evt);
+        });
+        _DuoyunKeyboardAccessElement_onCancal.set(this, () => {
+            if (!this.state.active)
+                return;
+            unlock();
+            this.setState({ active: false });
+        });
+        _DuoyunKeyboardAccessElement_onKeydown.set(this, (evt) => {
+            if (__classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_instances, "m", _DuoyunKeyboardAccessElement_isInputTarget).call(this, evt))
+                return;
+            hotkeys({
+                f: __classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_onActive, "f"),
+                j: () => document.body.scrollBy(0, -innerHeight / 3),
+                k: () => document.body.scrollBy(0, innerHeight / 3),
+                h: () => document.body.scrollBy(0, -innerHeight),
+                l: () => document.body.scrollBy(0, innerHeight),
+                esc: __classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_onInavtive, "f"),
+            })(evt);
+        });
+        this.mounted = () => {
+            this.effect(() => {
+                if (this.state.active) {
+                    document.body.style.pointerEvents = 'none';
+                    addEventListener('keydown', __classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_handler, "f"), { capture: true });
+                    return () => {
+                        document.body.style.pointerEvents = 'auto';
+                        removeEventListener('keydown', __classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_handler, "f"), { capture: true });
+                    };
+                }
+            }, () => [this.state.active]);
+            this.effect(async () => {
+                const url = 'https://cdn.skypack.dev/deep-query-selector@1.0.1';
+                const { deepQuerySelectorAll } = await import(/* @vite-ignore */ /* webpackIgnore: true */ `${url}?min`);
+                this.setState({ deepQuerySelectorAll });
+            }, () => []);
+            addEventListener('keydown', __classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_onKeydown, "f"), { capture: true });
+            addEventListener('pointerdown', __classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_onCancal, "f"));
+            return () => {
+                removeEventListener('keydown', __classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_onKeydown, "f"), { capture: true });
+                removeEventListener('pointerdown', __classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_onCancal, "f"));
+            };
+        };
+        this.render = () => {
+            const { active, focusableElements, waiting } = this.state;
+            if (!active || !focusableElements)
+                return html ``;
+            return html `
+      <dy-paragraph class="contaner">
+        ${focusableElements.map(({ key, left, top }) => html `
+              <kbd
+                class="key"
+                style=${styleMap({
+                left: `${left}px`,
+                top: `${top}px`,
+                display: waiting && key.length === 1 ? 'none' : undefined,
+            })}
+              >
+                ${[...key].map((char, index) => (waiting && !index ? '' : html `<span>${char}</span>`))}
+              </kbd>
+            `)}
+      </dy-paragraph>
+    `;
+        };
+    }
+};
+_DuoyunKeyboardAccessElement_preventEvent = new WeakMap(), _DuoyunKeyboardAccessElement_handler = new WeakMap(), _DuoyunKeyboardAccessElement_onActive = new WeakMap(), _DuoyunKeyboardAccessElement_onInavtive = new WeakMap(), _DuoyunKeyboardAccessElement_onCancal = new WeakMap(), _DuoyunKeyboardAccessElement_onKeydown = new WeakMap(), _DuoyunKeyboardAccessElement_instances = new WeakSet(), _DuoyunKeyboardAccessElement_isInputTarget = function _DuoyunKeyboardAccessElement_isInputTarget(evt) {
+    const originElement = evt.composedPath()[0];
+    if (originElement.isContentEditable ||
+        originElement instanceof HTMLInputElement ||
+        originElement instanceof HTMLTextAreaElement) {
+        return true;
+    }
+};
+DuoyunKeyboardAccessElement = __decorate([
+    customElement('dy-keyboard-access'),
+    adoptedStyle(style)
+], DuoyunKeyboardAccessElement);
+export { DuoyunKeyboardAccessElement };
+//# sourceMappingURL=keyboard-access.js.map

package/elements/keyboard-access.js.map

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

package/elements/legend.d.ts

@@ -0,0 +1,21 @@
+import { Emitter } from '@mantou/gem';
+import { DuoyunScrollBaseElement } from './base/scroll';
+import './tooltip';
+export interface Legend {
+    label: string;
+    value?: string;
+    tooltip?: string;
+}
+/**
+ * @customElement dy-legend
+ */
+export declare class DuoyunLegendElement extends DuoyunScrollBaseElement {
+    #private;
+    colors: `#${string}`[];
+    legends?: Legend[];
+    value?: string[];
+    change: Emitter<string[]>;
+    constructor();
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=legend.d.ts.map