duoyun-ui 0.0.2

package/elements/code-block.d.ts

@@ -0,0 +1,14 @@
+import { GemElement, RefObject } from '@mantou/gem';
+/**
+ * @customElement dy-code-block
+ */
+export declare class DuoyunCodeBlockElement extends GemElement {
+    #private;
+    codelang: string;
+    range: string;
+    highlight: string;
+    codeRef: RefObject<HTMLElement>;
+    mounted(): void;
+    render(): import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=code-block.d.ts.map

package/elements/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../src/elements/code-block.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EAOV,SAAS,EAGV,MAAM,aAAa,CAAC;AA+TrB;;GAEG;AACH,qBAEa,sBAAuB,SAAQ,UAAU;;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAElB,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAwB3C,OAAO;IAkCP,MAAM;CA2BP"}

package/elements/code-block.js

@@ -0,0 +1,427 @@
+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 _DuoyunCodeBlockElement_instances, _DuoyunCodeBlockElement_getRanges, _DuoyunCodeBlockElement_getParts;
+// https://spectrum.adobe.com/page/code/
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, refobject, attribute, styleMap, } from '@mantou/gem';
+import { theme } from '../lib/theme';
+// https://github.com/PrismJS/prism/blob/master/plugins/autoloader/prism-autoloader.js
+const langDependencies = {
+    javascript: 'clike',
+    actionscript: 'javascript',
+    apex: ['clike', 'sql'],
+    arduino: 'cpp',
+    aspnet: ['markup', 'csharp'],
+    birb: 'clike',
+    bison: 'c',
+    c: 'clike',
+    csharp: 'clike',
+    cpp: 'c',
+    cfscript: 'clike',
+    chaiscript: ['clike', 'cpp'],
+    coffeescript: 'javascript',
+    crystal: 'ruby',
+    'css-extras': 'css',
+    d: 'clike',
+    dart: 'clike',
+    django: 'markup-templating',
+    ejs: ['javascript', 'markup-templating'],
+    etlua: ['lua', 'markup-templating'],
+    erb: ['ruby', 'markup-templating'],
+    fsharp: 'clike',
+    'firestore-security-rules': 'clike',
+    flow: 'javascript',
+    ftl: 'markup-templating',
+    gml: 'clike',
+    glsl: 'c',
+    go: 'clike',
+    groovy: 'clike',
+    haml: 'ruby',
+    handlebars: 'markup-templating',
+    haxe: 'clike',
+    hlsl: 'c',
+    idris: 'haskell',
+    java: 'clike',
+    javadoc: ['markup', 'java', 'javadoclike'],
+    jolie: 'clike',
+    jsdoc: ['javascript', 'javadoclike', 'typescript'],
+    'js-extras': 'javascript',
+    json5: 'json',
+    jsonp: 'json',
+    'js-templates': 'javascript',
+    kotlin: 'clike',
+    latte: ['clike', 'markup-templating', 'php'],
+    less: 'css',
+    lilypond: 'scheme',
+    liquid: 'markup-templating',
+    markdown: 'markup',
+    'markup-templating': 'markup',
+    mongodb: 'javascript',
+    n4js: 'javascript',
+    objectivec: 'c',
+    opencl: 'c',
+    parser: 'markup',
+    php: 'markup-templating',
+    phpdoc: ['php', 'javadoclike'],
+    'php-extras': 'php',
+    plsql: 'sql',
+    processing: 'clike',
+    protobuf: 'clike',
+    pug: ['markup', 'javascript'],
+    purebasic: 'clike',
+    purescript: 'haskell',
+    qsharp: 'clike',
+    qml: 'javascript',
+    qore: 'clike',
+    racket: 'scheme',
+    cshtml: ['markup', 'csharp'],
+    jsx: ['markup', 'javascript'],
+    tsx: ['jsx', 'typescript'],
+    reason: 'clike',
+    ruby: 'clike',
+    sass: 'css',
+    scss: 'css',
+    scala: 'java',
+    'shell-session': 'bash',
+    smarty: 'markup-templating',
+    solidity: 'clike',
+    soy: 'markup-templating',
+    sparql: 'turtle',
+    sqf: 'clike',
+    squirrel: 'clike',
+    't4-cs': ['t4-templating', 'csharp'],
+    't4-vb': ['t4-templating', 'vbnet'],
+    tap: 'yaml',
+    tt2: ['clike', 'markup-templating'],
+    textile: 'markup',
+    twig: 'markup-templating',
+    typescript: 'javascript',
+    v: 'clike',
+    vala: 'clike',
+    vbnet: 'basic',
+    velocity: 'markup',
+    wiki: 'markup',
+    xeora: 'markup',
+    'xml-doc': 'markup',
+    xquery: 'markup',
+};
+const langAliases = {
+    html: 'markup',
+    xml: 'markup',
+    svg: 'markup',
+    mathml: 'markup',
+    ssml: 'markup',
+    atom: 'markup',
+    rss: 'markup',
+    js: 'javascript',
+    g4: 'antlr4',
+    ino: 'arduino',
+    adoc: 'asciidoc',
+    avs: 'avisynth',
+    avdl: 'avro-idl',
+    shell: 'bash',
+    shortcode: 'bbcode',
+    rbnf: 'bnf',
+    oscript: 'bsl',
+    cs: 'csharp',
+    dotnet: 'csharp',
+    cfc: 'cfscript',
+    coffee: 'coffeescript',
+    conc: 'concurnas',
+    jinja2: 'django',
+    'dns-zone': 'dns-zone-file',
+    dockerfile: 'docker',
+    gv: 'dot',
+    eta: 'ejs',
+    xlsx: 'excel-formula',
+    xls: 'excel-formula',
+    gamemakerlanguage: 'gml',
+    gni: 'gn',
+    'go-mod': 'go-module',
+    hbs: 'handlebars',
+    hs: 'haskell',
+    idr: 'idris',
+    gitignore: 'ignore',
+    hgignore: 'ignore',
+    npmignore: 'ignore',
+    webmanifest: 'json',
+    kt: 'kotlin',
+    kts: 'kotlin',
+    kum: 'kumir',
+    tex: 'latex',
+    context: 'latex',
+    ly: 'lilypond',
+    emacs: 'lisp',
+    elisp: 'lisp',
+    'emacs-lisp': 'lisp',
+    md: 'markdown',
+    moon: 'moonscript',
+    n4jsd: 'n4js',
+    nani: 'naniscript',
+    objc: 'objectivec',
+    qasm: 'openqasm',
+    objectpascal: 'pascal',
+    px: 'pcaxis',
+    pcode: 'peoplecode',
+    pq: 'powerquery',
+    mscript: 'powerquery',
+    pbfasm: 'purebasic',
+    purs: 'purescript',
+    py: 'python',
+    qs: 'qsharp',
+    rkt: 'racket',
+    razor: 'cshtml',
+    rpy: 'renpy',
+    robot: 'robotframework',
+    rb: 'ruby',
+    'sh-session': 'shell-session',
+    shellsession: 'shell-session',
+    smlnj: 'sml',
+    sol: 'solidity',
+    sln: 'solution-file',
+    rq: 'sparql',
+    t4: 't4-cs',
+    trickle: 'tremor',
+    troy: 'tremor',
+    trig: 'turtle',
+    ts: 'typescript',
+    tsconfig: 'typoscript',
+    uscript: 'unrealscript',
+    uc: 'unrealscript',
+    url: 'uri',
+    vb: 'visual-basic',
+    vba: 'visual-basic',
+    webidl: 'web-idl',
+    mathematica: 'wolfram',
+    nb: 'wolfram',
+    wl: 'wolfram',
+    xeoracube: 'xeora',
+    yml: 'yaml',
+};
+const style = createCSSSheet(css `
+  :host {
+    position: relative;
+    display: block;
+    font-size: 0.875em;
+    background: ${theme.lightBackgroundColor};
+    border-radius: ${theme.normalRound};
+    --comment-color: var(--code-comment-color, #6e6e6e);
+    --section-color: var(--code-section-color, #c9252d);
+    --title-color: var(--code-title-color, #4646c6);
+    --variable-color: var(--code-variable-color, #ae0e66);
+    --literal-color: var(--code-literal-color, #6f38b1);
+    --string-color: var(--code-string-color, #12805c);
+    --function-color: var(--code-function-color, #0d66d0);
+    --keyword-color: var(--code-keyword-color, #93219e);
+    --attribute-color: var(--code-attribute-color, #4646c6);
+  }
+  .highlight {
+    display: block;
+    position: absolute;
+    pointer-events: none;
+    background: ${theme.highlightColor};
+    opacity: 0.1;
+    width: 100%;
+  }
+  .code {
+    display: block;
+    font-family: monospace;
+    text-align: left;
+    white-space: pre;
+    tab-size: 2;
+    hyphens: none;
+    overflow: auto;
+    overflow-clip-box: content-box;
+    box-shadow: none;
+    border: none;
+    background: transparent;
+    scrollbar-width: thin;
+  }
+  .code::-webkit-scrollbar {
+    height: 0.5em;
+  }
+  .code::-webkit-scrollbar-thumb {
+    border-radius: inherit;
+  }
+  .token.comment,
+  .token.prolog,
+  .token.doctype,
+  .token.cdata {
+    color: var(--comment-color);
+    font-style: italic;
+  }
+  .token.punctuation {
+    color: var(--title-color);
+  }
+  .token.tag .punctuation {
+    color: ${theme.textColor};
+  }
+  .token.tag,
+  .token.tag .class-name,
+  .token.property,
+  .token.constant,
+  .token.symbol,
+  .token.deleted,
+  .token.operator,
+  .token.entity {
+    color: var(--section-color);
+  }
+  .token.url,
+  .language-css .token.string,
+  .style .token.string,
+  .token.variable {
+    color: var(--variable-color);
+  }
+  .token.boolean,
+  .token.number {
+    color: var(--literal-color);
+  }
+  .token.attr-value,
+  .token.string,
+  .token.char,
+  .token.builtin,
+  .token.inserted {
+    color: var(--string-color);
+  }
+  .token.atrule,
+  .token.function,
+  .token.class-name {
+    color: var(--function-color);
+  }
+  .token.keyword {
+    color: var(--keyword-color);
+  }
+  .token.selector,
+  .token.attr-name,
+  .token.regex,
+  .token.important {
+    color: var(--attribute-color);
+  }
+  .token.important,
+  .token.bold {
+    font-weight: bold;
+  }
+  .token.italic {
+    font-style: italic;
+  }
+  .token.entity {
+    cursor: help;
+  }
+  @media print {
+    code {
+      border-left: 5px solid ${theme.borderColor};
+      white-space: pre-wrap;
+      word-break: break-word;
+    }
+    .highlight {
+      display: none;
+    }
+  }
+`);
+/**
+ * @customElement dy-code-block
+ */
+let DuoyunCodeBlockElement = class DuoyunCodeBlockElement extends GemElement {
+    constructor() {
+        super(...arguments);
+        _DuoyunCodeBlockElement_instances.add(this);
+    }
+    mounted() {
+        this.effect(async () => {
+            if (!this.codeRef.element)
+                return;
+            const esmHost = 'https://cdn.skypack.dev/prismjs@v1.26.0';
+            await import(/* @vite-ignore */ /* webpackIgnore: true */ `${esmHost}?min`);
+            const { Prism } = window;
+            if (this.codelang && !Prism.languages[this.codelang]) {
+                const lang = langAliases[this.codelang] || this.codelang;
+                const langDeps = [].concat(langDependencies[lang] || []);
+                try {
+                    await Promise.all(langDeps.map((langDep) => {
+                        if (!Prism.languages[langDep]) {
+                            return import(
+                            /* @vite-ignore */ /* webpackIgnore: true */ `${esmHost}/components/prism-${langDep}.min.js`);
+                        }
+                    }));
+                    await import(/* @vite-ignore */ /* webpackIgnore: true */ `${esmHost}/components/prism-${lang}.min.js`);
+                }
+                catch (_a) {
+                    //
+                }
+            }
+            const content = Prism.languages[this.codelang]
+                ? Prism.highlight(this.textContent || '', Prism.languages[this.codelang], this.codelang)
+                : this.innerHTML;
+            this.codeRef.element.innerHTML = __classPrivateFieldGet(this, _DuoyunCodeBlockElement_instances, "m", _DuoyunCodeBlockElement_getParts).call(this, content);
+        }, () => []);
+    }
+    render() {
+        const lineHeight = 1.5;
+        const padding = 1;
+        return html `
+      ${this.highlight
+            ? __classPrivateFieldGet(this, _DuoyunCodeBlockElement_instances, "m", _DuoyunCodeBlockElement_getRanges).call(this, this.highlight).map(([start, end]) => html `
+                <span
+                  class="highlight"
+                  style=${styleMap({
+                top: `${(start - 1) * lineHeight + padding}em`,
+                height: `${(end - start + 1) * lineHeight}em`,
+            })}
+                ></span>
+              `)
+            : ''}
+      <code ref=${this.codeRef.ref} class="code">${__classPrivateFieldGet(this, _DuoyunCodeBlockElement_instances, "m", _DuoyunCodeBlockElement_getParts).call(this, this.textContent || '')}</code>
+      <style>
+        code {
+          padding: ${padding}em;
+          line-height: ${lineHeight};
+        }
+      </style>
+    `;
+    }
+};
+_DuoyunCodeBlockElement_instances = new WeakSet(), _DuoyunCodeBlockElement_getRanges = function _DuoyunCodeBlockElement_getRanges(range) {
+    const ranges = range.split(/,\s*/);
+    return ranges.map((range) => {
+        const [start, end = start] = range.split('-');
+        return [parseInt(start) || 1, parseInt(end) || 0];
+    });
+}, _DuoyunCodeBlockElement_getParts = function _DuoyunCodeBlockElement_getParts(s) {
+    const lines = s.split(/\n|\r\n/);
+    const parts = this.range
+        ? __classPrivateFieldGet(this, _DuoyunCodeBlockElement_instances, "m", _DuoyunCodeBlockElement_getRanges).call(this, this.range).map(([start, end]) => {
+            let result = '';
+            for (let i = start - 1; i < (end || lines.length); i++) {
+                result += lines[i] + '\n';
+            }
+            return result;
+        })
+        : [s];
+    return parts.join('\n...\n\n');
+};
+__decorate([
+    attribute
+], DuoyunCodeBlockElement.prototype, "codelang", void 0);
+__decorate([
+    attribute
+], DuoyunCodeBlockElement.prototype, "range", void 0);
+__decorate([
+    attribute
+], DuoyunCodeBlockElement.prototype, "highlight", void 0);
+__decorate([
+    refobject
+], DuoyunCodeBlockElement.prototype, "codeRef", void 0);
+DuoyunCodeBlockElement = __decorate([
+    customElement('dy-code-block'),
+    adoptedStyle(style)
+], DuoyunCodeBlockElement);
+export { DuoyunCodeBlockElement };
+//# sourceMappingURL=code-block.js.map

package/elements/code-block.js.map

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

package/elements/collapse.d.ts

@@ -0,0 +1,22 @@
+import { GemElement } from '@mantou/gem';
+import '@mantou/gem/elements/use';
+declare type State = {
+    expand: boolean;
+};
+/**
+ * @customElement dy-collapse-panel
+ */
+export declare class DuoyunCollapsePanelElement extends GemElement<State> {
+    header: string;
+    constructor();
+    state: State;
+    render: () => import("@mantou/gem").TemplateResult;
+}
+/**
+ * @customElement dy-collapse
+ */
+export declare class DuoyunCollapseElement extends GemElement {
+    constructor();
+}
+export {};
+//# sourceMappingURL=collapse.d.ts.map

package/elements/collapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.d.ts","sourceRoot":"","sources":["../src/elements/collapse.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAA+E,MAAM,aAAa,CAAC;AAMtH,OAAO,0BAA0B,CAAC;AAkClC,aAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,qBAEa,0BAA2B,SAAQ,UAAU,CAAC,KAAK,CAAC;IACpD,MAAM,EAAE,MAAM,CAAC;;IAO1B,KAAK,EAAE,KAAK,CAEV;IAEF,MAAM,6CAsBJ;CACH;AAcD;;GAEG;AACH,qBAEa,qBAAsB,SAAQ,UAAU;;CAKpD"}

package/elements/collapse.js

@@ -0,0 +1,111 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+// https://ant.design/components/collapse/
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, attribute, classMap } from '@mantou/gem';
+import { icons } from '../lib/icons';
+import { theme } from '../lib/theme';
+import { commonHandle } from '../lib/hotkeys';
+import '@mantou/gem/elements/use';
+const panelStyle = createCSSSheet(css `
+  :host {
+    display: block;
+    border-block-start: 1px solid ${theme.borderColor};
+  }
+  .header {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+    padding: 1em;
+    background: ${theme.lightBackgroundColor};
+  }
+  .title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .icon {
+    width: 1.2em;
+    flex-shrink: 0;
+  }
+  .expand {
+    transform: rotate(90deg);
+  }
+  .content {
+    padding: 1em;
+    line-height: 1.5;
+    border-block-start: 1px solid ${theme.borderColor};
+  }
+`);
+/**
+ * @customElement dy-collapse-panel
+ */
+let DuoyunCollapsePanelElement = class DuoyunCollapsePanelElement extends GemElement {
+    constructor() {
+        super();
+        this.state = {
+            expand: false,
+        };
+        this.render = () => {
+            const { expand } = this.state;
+            return html `
+      <div
+        class="header"
+        part="header"
+        tabindex="0"
+        @keydown=${commonHandle}
+        @click=${() => this.setState({ expand: !expand })}
+      >
+        <gem-use class=${classMap({ icon: true, expand: expand })} .element=${icons.right}></gem-use>
+        <span class="title">${this.header}</span>
+      </div>
+      ${expand
+                ? html `
+            <div class="content" part="content">
+              <slot></slot>
+            </div>
+          `
+                : ''}
+    `;
+        };
+        this.internals.role = 'listitem';
+    }
+};
+__decorate([
+    attribute
+], DuoyunCollapsePanelElement.prototype, "header", void 0);
+DuoyunCollapsePanelElement = __decorate([
+    customElement('dy-collapse-panel'),
+    adoptedStyle(panelStyle)
+], DuoyunCollapsePanelElement);
+export { DuoyunCollapsePanelElement };
+const style = createCSSSheet(css `
+  dy-collapse {
+    display: block;
+    overflow: hidden;
+    border-radius: ${theme.normalRound};
+    border: 1px solid ${theme.borderColor};
+  }
+  dy-collapse dy-collapse-panel:first-child {
+    border-block-start: none;
+  }
+`);
+/**
+ * @customElement dy-collapse
+ */
+let DuoyunCollapseElement = class DuoyunCollapseElement extends GemElement {
+    constructor() {
+        super({ isLight: true });
+        this.internals.role = 'list';
+    }
+};
+DuoyunCollapseElement = __decorate([
+    customElement('dy-collapse'),
+    adoptedStyle(style)
+], DuoyunCollapseElement);
+export { DuoyunCollapseElement };
+//# sourceMappingURL=collapse.js.map

package/elements/collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.js","sourceRoot":"","sources":["../src/elements/collapse.ts"],"names":[],"mappings":";;;;;;AAAA,0CAA0C;AAC1C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEtH,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,0BAA0B,CAAC;AAElC,MAAM,UAAU,GAAG,cAAc,CAAC,GAAG,CAAA;;;oCAGD,KAAK,CAAC,WAAW;;;;;;;;kBAQnC,KAAK,CAAC,oBAAoB;;;;;;;;;;;;;;;;;oCAiBR,KAAK,CAAC,WAAW;;CAEpD,CAAC,CAAC;AAMH;;GAEG;AAGH,IAAa,0BAA0B,GAAvC,MAAa,0BAA2B,SAAQ,UAAiB;IAG/D;QACE,KAAK,EAAE,CAAC;QAIV,UAAK,GAAU;YACb,MAAM,EAAE,KAAK;SACd,CAAC;QAEF,WAAM,GAAG,GAAG,EAAE;YACZ,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAE9B,OAAO,IAAI,CAAA;;;;;mBAKI,YAAY;iBACd,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC;;yBAEhC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,aAAa,KAAK,CAAC,KAAK;8BAC3D,IAAI,CAAC,MAAM;;QAEjC,MAAM;gBACN,CAAC,CAAC,IAAI,CAAA;;;;WAIH;gBACH,CAAC,CAAC,EAAE;KACP,CAAC;QACJ,CAAC,CAAC;QA7BA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,UAAU,CAAC;IACnC,CAAC;CA6BF,CAAA;AAlCY;IAAV,SAAS;0DAAgB;AADf,0BAA0B;IAFtC,aAAa,CAAC,mBAAmB,CAAC;IAClC,YAAY,CAAC,UAAU,CAAC;GACZ,0BAA0B,CAmCtC;SAnCY,0BAA0B;AAqCvC,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;qBAIX,KAAK,CAAC,WAAW;wBACd,KAAK,CAAC,WAAW;;;;;CAKxC,CAAC,CAAC;AAEH;;GAEG;AAGH,IAAa,qBAAqB,GAAlC,MAAa,qBAAsB,SAAQ,UAAU;IACnD;QACE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACzB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC;IAC/B,CAAC;CACF,CAAA;AALY,qBAAqB;IAFjC,aAAa,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,KAAK,CAAC;GACP,qBAAqB,CAKjC;SALY,qBAAqB"}

package/elements/color-panel.d.ts

@@ -0,0 +1,30 @@
+import { GemElement, Emitter } from '@mantou/gem';
+import { HexColor } from '../lib/color';
+import '@mantou/gem/elements/gesture';
+import '@mantou/gem/elements/use';
+import './input';
+import './select';
+declare type Mode = 'Hex' | 'RGB' | 'HSL';
+declare type State = {
+    mode: Mode;
+    grabbingHue: boolean;
+    grabbingSV: boolean;
+    grabbingA: boolean;
+};
+/**
+ * @customElement dy-color-panel
+ * @attr value
+ * @attr alpha
+ */
+export declare class DuoyunColorPanelElement extends GemElement<State> {
+    #private;
+    value: HexColor;
+    alpha: boolean;
+    change: Emitter<HexColor>;
+    constructor();
+    state: State;
+    willMount: () => void;
+    render: () => import("@mantou/gem").TemplateResult;
+}
+export {};
+//# sourceMappingURL=color-panel.d.ts.map

package/elements/color-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-panel.d.ts","sourceRoot":"","sources":["../src/elements/color-panel.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EAQV,OAAO,EAIR,MAAM,aAAa,CAAC;AAGrB,OAAO,EACL,QAAQ,EAUT,MAAM,cAAc,CAAC;AAKtB,OAAO,8BAA8B,CAAC;AACtC,OAAO,0BAA0B,CAAC;AAClC,OAAO,SAAS,CAAC;AACjB,OAAO,UAAU,CAAC;AAqHlB,aAAK,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAElC,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,qBAEa,uBAAwB,SAAQ,UAAU,CAAC,KAAK,CAAC;;IACjD,KAAK,EAAE,QAAQ,CAAC;IACZ,KAAK,EAAE,OAAO,CAAC;IAEf,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;;IAOzC,KAAK,EAAE,KAAK,CAKV;IAoJF,SAAS,aAKP;IAEF,MAAM,6CAwEJ;CACH"}