duoyun-ui 0.0.2

package/elements/color-panel.js

@@ -0,0 +1,383 @@
+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 _DuoyunColorPanelElement_r, _DuoyunColorPanelElement_g, _DuoyunColorPanelElement_b, _DuoyunColorPanelElement_h, _DuoyunColorPanelElement_s, _DuoyunColorPanelElement_l, _DuoyunColorPanelElement_a, _DuoyunColorPanelElement_sa, _DuoyunColorPanelElement_v, _DuoyunColorPanelElement_value, _DuoyunColorPanelElement_typeOptions, _DuoyunColorPanelElement_getColor, _DuoyunColorPanelElement_getPosition, _DuoyunColorPanelElement_setRgb, _DuoyunColorPanelElement_onPanHue, _DuoyunColorPanelElement_onPanSV, _DuoyunColorPanelElement_onPanA, _DuoyunColorPanelElement_onChangeType, _DuoyunColorPanelElement_onChangeValue, _DuoyunColorPanelElement_onChangeA, _DuoyunColorPanelElement_onChange, _DuoyunColorPanelElement_openEyeDropper, _DuoyunColorPanelElement_init;
+// https://spectrum.adobe.com/page/color-area/
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, attribute, globalemitter, styleMap, classMap, boolattribute, } from '@mantou/gem';
+import { parseHexColor, rgbToHexColor, rgbToHslColor, rgbToRgbColor, hslToRgb, rgbToHsl, hslToHsv, hsvToHsl, isValidHexColor, } from '../lib/color';
+import { theme } from '../lib/theme';
+import { icons } from '../lib/icons';
+import { clamp, formatToPrecision } from '../lib/number';
+import '@mantou/gem/elements/gesture';
+import '@mantou/gem/elements/use';
+import './input';
+import './select';
+const style = createCSSSheet(css `
+  :host {
+    display: flex;
+    flex-direction: column;
+    gap: 1em;
+    width: 20em;
+    font-size: 0.875em;
+    --hsl: hsl(var(--h), var(--s), var(--l));
+    --hue: hsl(var(--h), 100%, 50%);
+    --alpha: linear-gradient(var(--hue), transparent),
+      conic-gradient(transparent 0.25turn, #d3cfcf 0.25turn 0.5turn, transparent 0.5turn 0.75turn, #d3cfcf 0.75turn) top
+        left / 1.2em 1.2em repeat;
+  }
+  .color {
+    display: flex;
+    align-items: stretch;
+    gap: 1em;
+  }
+  .area {
+    flex-grow: 1;
+    aspect-ratio: 1 / 1;
+    background-color: var(--hue);
+    background-image: linear-gradient(transparent, #000), linear-gradient(90deg, #fff, transparent);
+  }
+  .hue-bar,
+  .alpha-bar {
+    width: 1.8em;
+  }
+  .hue-bar {
+    background-image: linear-gradient(
+      ${Array.from({ length: 15 }, (_, i) => `hsl(${360 - (360 / (15 - 1)) * i}, 100%, 50%)`).join(',')}
+    );
+  }
+  .alpha-bar {
+    background: var(--alpha);
+  }
+  .area,
+  .hue-bar,
+  .alpha-bar {
+    position: relative;
+    border-radius: ${theme.normalRound};
+    box-shadow: inset 0 0 0 1px #0002;
+  }
+  .current {
+    transition: transform 0.1s;
+    background: radial-gradient(transparent 50%, white 50%);
+  }
+  .current.grabbing {
+    transform: translate(-50%, -50%) scale(1.3);
+  }
+  .current,
+  .current span {
+    position: absolute;
+    width: 1.2em;
+    aspect-ratio: 1;
+    border-radius: 10em;
+    border: 1px solid #0008;
+    transform: translate(-50%, -50%);
+  }
+  .current span {
+    left: 50%;
+    top: 50%;
+    width: 66%;
+    background-clip: content-box;
+  }
+  .area .current span {
+    background-color: var(--hsl);
+  }
+  .hue-bar .current span {
+    background-color: var(--hue);
+  }
+  .alpha-bar .current span {
+    background-color: transparent;
+  }
+  .input {
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+  }
+  .type {
+    width: 5em;
+    flex-shrink: 0;
+  }
+  .value,
+  .alpha {
+    border-radius: 0;
+    border-top-color: transparent;
+    border-inline: none;
+  }
+  :where(.value, .alpha)::part(input) {
+    padding-inline: 0;
+  }
+  .value {
+    width: auto;
+    flex-shrink: 1;
+  }
+  .alpha {
+    width: 3em;
+    margin-inline-end: 2em;
+  }
+  .hidden {
+    pointer-events: none;
+    opacity: 0;
+  }
+  .colorize {
+    padding: 0.15em;
+    width: 1.5em;
+    flex-shrink: 0;
+    border-radius: ${theme.normalRound};
+  }
+  .colorize:hover {
+    background: ${theme.lightBackgroundColor};
+  }
+`);
+/**
+ * @customElement dy-color-panel
+ * @attr value
+ * @attr alpha
+ */
+let DuoyunColorPanelElement = class DuoyunColorPanelElement extends GemElement {
+    constructor() {
+        super();
+        this.state = {
+            mode: 'Hex',
+            grabbingHue: false,
+            grabbingA: false,
+            grabbingSV: false,
+        };
+        // stringify
+        _DuoyunColorPanelElement_r.set(this, 0);
+        _DuoyunColorPanelElement_g.set(this, 0);
+        _DuoyunColorPanelElement_b.set(this, 0);
+        _DuoyunColorPanelElement_h.set(this, 0);
+        _DuoyunColorPanelElement_s.set(this, 0);
+        _DuoyunColorPanelElement_l.set(this, 0);
+        _DuoyunColorPanelElement_a.set(this, 0);
+        // hsv
+        _DuoyunColorPanelElement_sa.set(this, 0);
+        _DuoyunColorPanelElement_v.set(this, 0);
+        // without alpha
+        _DuoyunColorPanelElement_value.set(this, '');
+        _DuoyunColorPanelElement_typeOptions.set(this, [
+            {
+                label: 'Hex',
+            },
+            {
+                label: 'RGB',
+            },
+            {
+                label: 'HSL',
+            },
+        ]);
+        _DuoyunColorPanelElement_getColor.set(this, (mode) => {
+            switch (mode) {
+                case 'Hex':
+                    return rgbToHexColor([__classPrivateFieldGet(this, _DuoyunColorPanelElement_r, "f"), __classPrivateFieldGet(this, _DuoyunColorPanelElement_g, "f"), __classPrivateFieldGet(this, _DuoyunColorPanelElement_b, "f")]);
+                case 'RGB':
+                    return rgbToRgbColor([__classPrivateFieldGet(this, _DuoyunColorPanelElement_r, "f"), __classPrivateFieldGet(this, _DuoyunColorPanelElement_g, "f"), __classPrivateFieldGet(this, _DuoyunColorPanelElement_b, "f")]);
+                case 'HSL':
+                    return rgbToHslColor([__classPrivateFieldGet(this, _DuoyunColorPanelElement_r, "f"), __classPrivateFieldGet(this, _DuoyunColorPanelElement_g, "f"), __classPrivateFieldGet(this, _DuoyunColorPanelElement_b, "f")]);
+            }
+        });
+        _DuoyunColorPanelElement_getPosition.set(this, (target, { clientX, clientY }) => {
+            const { left, top, width, height } = target.getBoundingClientRect();
+            return {
+                left: clamp(0, clientX - left, width) / width,
+                top: clamp(0, clientY - top, height) / height,
+            };
+        });
+        _DuoyunColorPanelElement_setRgb.set(this, () => {
+            const [r, g, b] = hslToRgb([__classPrivateFieldGet(this, _DuoyunColorPanelElement_h, "f"), __classPrivateFieldGet(this, _DuoyunColorPanelElement_s, "f"), __classPrivateFieldGet(this, _DuoyunColorPanelElement_l, "f")]);
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_r, r, "f");
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_g, g, "f");
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_b, b, "f");
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_value, __classPrivateFieldGet(this, _DuoyunColorPanelElement_getColor, "f").call(this, 'Hex'), "f");
+        });
+        _DuoyunColorPanelElement_onPanHue.set(this, ({ detail, target }) => {
+            const { top } = __classPrivateFieldGet(this, _DuoyunColorPanelElement_getPosition, "f").call(this, target, detail);
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_h, 1 - top, "f");
+            __classPrivateFieldGet(this, _DuoyunColorPanelElement_setRgb, "f").call(this);
+            this.setState({ grabbingHue: true });
+        });
+        _DuoyunColorPanelElement_onPanSV.set(this, ({ detail, target }) => {
+            const { left, top } = __classPrivateFieldGet(this, _DuoyunColorPanelElement_getPosition, "f").call(this, target, detail);
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_v, 1 - top, "f");
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_sa, left, "f");
+            const [_, s, l] = hsvToHsl([__classPrivateFieldGet(this, _DuoyunColorPanelElement_h, "f"), __classPrivateFieldGet(this, _DuoyunColorPanelElement_sa, "f"), __classPrivateFieldGet(this, _DuoyunColorPanelElement_v, "f")]);
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_s, s, "f");
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_l, l, "f");
+            __classPrivateFieldGet(this, _DuoyunColorPanelElement_setRgb, "f").call(this);
+            this.setState({ grabbingSV: true });
+        });
+        _DuoyunColorPanelElement_onPanA.set(this, ({ detail, target }) => {
+            const { top } = __classPrivateFieldGet(this, _DuoyunColorPanelElement_getPosition, "f").call(this, target, detail);
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_a, 1 - top, "f");
+            this.setState({ grabbingA: true });
+        });
+        _DuoyunColorPanelElement_onChangeType.set(this, (evt) => {
+            evt.stopPropagation();
+            this.setState({ mode: evt.detail });
+        });
+        _DuoyunColorPanelElement_onChangeValue.set(this, (evt) => {
+            evt.stopPropagation();
+            if (this.state.mode !== 'Hex') {
+                this.setState({ mode: 'Hex' });
+            }
+            else {
+                __classPrivateFieldSet(this, _DuoyunColorPanelElement_value, '#' + evt.detail.trim().replace('#', '').replace(/[g-z]/gi, '').toLowerCase(), "f");
+                // valid color emit event
+                if (isValidHexColor(__classPrivateFieldGet(this, _DuoyunColorPanelElement_value, "f"))) {
+                    __classPrivateFieldGet(this, _DuoyunColorPanelElement_init, "f").call(this, __classPrivateFieldGet(this, _DuoyunColorPanelElement_value, "f"));
+                    __classPrivateFieldGet(this, _DuoyunColorPanelElement_onChange, "f").call(this);
+                }
+                else {
+                    this.update();
+                }
+            }
+        });
+        _DuoyunColorPanelElement_onChangeA.set(this, (evt) => {
+            evt.stopPropagation();
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_a, clamp(0, Number(evt.detail) || 0, 1), "f");
+            __classPrivateFieldGet(this, _DuoyunColorPanelElement_onChange, "f").call(this);
+        });
+        _DuoyunColorPanelElement_onChange.set(this, () => {
+            const isShort = __classPrivateFieldGet(this, _DuoyunColorPanelElement_value, "f").length === 4;
+            const aStr = Math.round(__classPrivateFieldGet(this, _DuoyunColorPanelElement_a, "f") * 255)
+                .toString(16)
+                .padStart(2, '0');
+            const supportSingle = aStr[0] === aStr[1];
+            const useShort = isShort && supportSingle;
+            if (!useShort) {
+                __classPrivateFieldSet(this, _DuoyunColorPanelElement_value, __classPrivateFieldGet(this, _DuoyunColorPanelElement_getColor, "f").call(this, 'Hex'), "f");
+            }
+            const color = (this.alpha && __classPrivateFieldGet(this, _DuoyunColorPanelElement_a, "f") !== 1 ? __classPrivateFieldGet(this, _DuoyunColorPanelElement_value, "f") + (useShort ? aStr[0] : aStr) : __classPrivateFieldGet(this, _DuoyunColorPanelElement_value, "f"));
+            this.setState({ grabbingHue: false, grabbingSV: false, grabbingA: false });
+            this.change(color);
+        });
+        _DuoyunColorPanelElement_openEyeDropper.set(this, async () => {
+            const result = await new window.EyeDropper().open();
+            this.change(result.sRGBHex);
+        });
+        _DuoyunColorPanelElement_init.set(this, (value) => {
+            const [r, g, b, a] = parseHexColor(value);
+            const [h, s, l] = rgbToHsl([r, g, b]);
+            const [_, sa, v] = hslToHsv([h, s, l]);
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_r, r, "f");
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_g, g, "f");
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_b, b, "f");
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_a, a, "f");
+            if (v !== 0 && sa !== 0) {
+                __classPrivateFieldSet(this, _DuoyunColorPanelElement_h, h, "f");
+            }
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_s, s, "f");
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_l, l, "f");
+            if (v !== 0) {
+                __classPrivateFieldSet(this, _DuoyunColorPanelElement_sa, sa, "f");
+            }
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_v, v, "f");
+            __classPrivateFieldSet(this, _DuoyunColorPanelElement_value, value.length === 5 ? value.slice(0, 4) : value.length === 9 ? value.slice(0, 7) : value, "f");
+        });
+        this.willMount = () => {
+            this.memo(() => __classPrivateFieldGet(this, _DuoyunColorPanelElement_init, "f").call(this, this.value || '#fff'), () => [this.value]);
+        };
+        this.render = () => {
+            const { mode, grabbingHue, grabbingSV, grabbingA } = this.state;
+            return html `
+      <style>
+        :host {
+          --h: ${__classPrivateFieldGet(this, _DuoyunColorPanelElement_h, "f") * 360};
+          --s: ${__classPrivateFieldGet(this, _DuoyunColorPanelElement_s, "f") * 100}%;
+          --l: ${__classPrivateFieldGet(this, _DuoyunColorPanelElement_l, "f") * 100}%;
+          --a: ${__classPrivateFieldGet(this, _DuoyunColorPanelElement_a, "f")};
+        }
+      </style>
+      <div class="color">
+        <gem-gesture class="area" @pan=${__classPrivateFieldGet(this, _DuoyunColorPanelElement_onPanSV, "f")} @end=${__classPrivateFieldGet(this, _DuoyunColorPanelElement_onChange, "f")}>
+          <div
+            class=${classMap({ current: true, grabbing: grabbingSV })}
+            style=${styleMap({ left: `${__classPrivateFieldGet(this, _DuoyunColorPanelElement_sa, "f") * 100}%`, top: `${(1 - __classPrivateFieldGet(this, _DuoyunColorPanelElement_v, "f")) * 100}%` })}
+          >
+            <span></span>
+          </div>
+        </gem-gesture>
+        <gem-gesture class="hue-bar" @pan=${__classPrivateFieldGet(this, _DuoyunColorPanelElement_onPanHue, "f")} @end=${__classPrivateFieldGet(this, _DuoyunColorPanelElement_onChange, "f")}>
+          <div
+            class=${classMap({ current: true, grabbing: grabbingHue })}
+            style=${styleMap({ top: `${(1 - __classPrivateFieldGet(this, _DuoyunColorPanelElement_h, "f")) * 100}%`, left: '50%' })}
+          >
+            <span></span>
+          </div>
+        </gem-gesture>
+        ${this.alpha
+                ? html `
+              <gem-gesture class="alpha-bar" @pan=${__classPrivateFieldGet(this, _DuoyunColorPanelElement_onPanA, "f")} @end=${__classPrivateFieldGet(this, _DuoyunColorPanelElement_onChange, "f")}>
+                <div
+                  class=${classMap({ current: true, grabbing: grabbingA })}
+                  style=${styleMap({ top: `${(1 - __classPrivateFieldGet(this, _DuoyunColorPanelElement_a, "f")) * 100}%`, left: '50%' })}
+                >
+                  <span></span>
+                </div>
+              </gem-gesture>
+            `
+                : ''}
+      </div>
+      <div class="input">
+        <dy-select
+          class="type"
+          ?borderless=${true}
+          .options=${__classPrivateFieldGet(this, _DuoyunColorPanelElement_typeOptions, "f")}
+          .value=${mode}
+          .dropdownStyle=${{ fontSize: '0.75em' }}
+          @change=${__classPrivateFieldGet(this, _DuoyunColorPanelElement_onChangeType, "f")}
+        ></dy-select>
+        <dy-input
+          class="value"
+          value=${mode === 'Hex' ? __classPrivateFieldGet(this, _DuoyunColorPanelElement_value, "f") : __classPrivateFieldGet(this, _DuoyunColorPanelElement_getColor, "f").call(this, mode)}
+          @change=${__classPrivateFieldGet(this, _DuoyunColorPanelElement_onChangeValue, "f")}
+        ></dy-input>
+        <dy-input
+          class=${classMap({ alpha: true, hidden: !this.alpha })}
+          aria-hidden=${!this.alpha}
+          type="number"
+          value=${String(formatToPrecision(__classPrivateFieldGet(this, _DuoyunColorPanelElement_a, "f")))}
+          step=${0.1}
+          @change=${__classPrivateFieldGet(this, _DuoyunColorPanelElement_onChangeA, "f")}
+        ></dy-input>
+        <gem-use
+          role="button"
+          aria-hidden=${!('EyeDropper' in window)}
+          class=${classMap({ colorize: true, hidden: !('EyeDropper' in window) })}
+          .element=${icons.colorize}
+          @click=${__classPrivateFieldGet(this, _DuoyunColorPanelElement_openEyeDropper, "f")}
+        ></gem-use>
+      </div>
+    `;
+        };
+        this.internals.role = 'widget';
+    }
+};
+_DuoyunColorPanelElement_r = new WeakMap(), _DuoyunColorPanelElement_g = new WeakMap(), _DuoyunColorPanelElement_b = new WeakMap(), _DuoyunColorPanelElement_h = new WeakMap(), _DuoyunColorPanelElement_s = new WeakMap(), _DuoyunColorPanelElement_l = new WeakMap(), _DuoyunColorPanelElement_a = new WeakMap(), _DuoyunColorPanelElement_sa = new WeakMap(), _DuoyunColorPanelElement_v = new WeakMap(), _DuoyunColorPanelElement_value = new WeakMap(), _DuoyunColorPanelElement_typeOptions = new WeakMap(), _DuoyunColorPanelElement_getColor = new WeakMap(), _DuoyunColorPanelElement_getPosition = new WeakMap(), _DuoyunColorPanelElement_setRgb = new WeakMap(), _DuoyunColorPanelElement_onPanHue = new WeakMap(), _DuoyunColorPanelElement_onPanSV = new WeakMap(), _DuoyunColorPanelElement_onPanA = new WeakMap(), _DuoyunColorPanelElement_onChangeType = new WeakMap(), _DuoyunColorPanelElement_onChangeValue = new WeakMap(), _DuoyunColorPanelElement_onChangeA = new WeakMap(), _DuoyunColorPanelElement_onChange = new WeakMap(), _DuoyunColorPanelElement_openEyeDropper = new WeakMap(), _DuoyunColorPanelElement_init = new WeakMap();
+__decorate([
+    attribute
+], DuoyunColorPanelElement.prototype, "value", void 0);
+__decorate([
+    boolattribute
+], DuoyunColorPanelElement.prototype, "alpha", void 0);
+__decorate([
+    globalemitter
+], DuoyunColorPanelElement.prototype, "change", void 0);
+DuoyunColorPanelElement = __decorate([
+    customElement('dy-color-panel'),
+    adoptedStyle(style)
+], DuoyunColorPanelElement);
+export { DuoyunColorPanelElement };
+//# sourceMappingURL=color-panel.js.map

package/elements/color-panel.js.map

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

package/elements/color-pick.d.ts

@@ -0,0 +1,14 @@
+import { GemElement, Emitter } from '@mantou/gem';
+import { HexColor } from '../lib/color';
+import './popover';
+import './color-panel';
+/**
+ * @customElement dy-color-pick
+ */
+export declare class DuoyunColorPickElement extends GemElement {
+    value: HexColor;
+    alpha: boolean;
+    change: Emitter<HexColor>;
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=color-pick.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-pick.d.ts","sourceRoot":"","sources":["../src/elements/color-pick.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EAQV,OAAO,EAGR,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIxC,OAAO,WAAW,CAAC;AACnB,OAAO,eAAe,CAAC;AA0BvB;;GAEG;AACH,qBAEa,sBAAuB,SAAQ,UAAU;IACzC,KAAK,EAAE,QAAQ,CAAC;IACZ,KAAK,EAAE,OAAO,CAAC;IAEf,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEzC,MAAM,6CAsBJ;CACH"}

package/elements/color-pick.js

@@ -0,0 +1,81 @@
+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://spectrum.adobe.com/page/color-area/
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, attribute, globalemitter, styleMap, boolattribute, } from '@mantou/gem';
+import { theme } from '../lib/theme';
+import { commonHandle } from '../lib/hotkeys';
+import './popover';
+import './color-panel';
+const style = createCSSSheet(css `
+  :host {
+    cursor: pointer;
+    display: inline-flex;
+    font-size: 0.875em;
+    width: 4em;
+    overflow: hidden;
+    border-radius: ${theme.normalRound};
+    background: conic-gradient(
+        transparent 0.25turn,
+        #d3cfcf 0.25turn 0.5turn,
+        transparent 0.5turn 0.75turn,
+        #d3cfcf 0.75turn
+      )
+      top left / 1.2em 1.2em repeat;
+  }
+  .picker {
+    width: 100%;
+    height: calc(2.2em + 2px);
+    border-radius: ${theme.normalRound};
+    box-shadow: inset 0 0 0 1px #0002;
+  }
+`);
+/**
+ * @customElement dy-color-pick
+ */
+let DuoyunColorPickElement = class DuoyunColorPickElement extends GemElement {
+    constructor() {
+        super(...arguments);
+        this.render = () => {
+            return html `
+      <dy-popover
+        trigger="click"
+        .content=${html `
+          <dy-color-panel
+            style=${styleMap({ marginBlock: '.6em' })}
+            value=${this.value}
+            ?alpha=${this.alpha}
+            @change=${({ detail }) => this.change(detail)}
+          ></dy-color-panel>
+        `}
+      >
+        <div
+          role="combobox"
+          tabindex="0"
+          @keydown=${commonHandle}
+          class="picker"
+          style=${styleMap({ backgroundColor: this.value })}
+        ></div>
+      </dy-popover>
+    `;
+        };
+    }
+};
+__decorate([
+    attribute
+], DuoyunColorPickElement.prototype, "value", void 0);
+__decorate([
+    boolattribute
+], DuoyunColorPickElement.prototype, "alpha", void 0);
+__decorate([
+    globalemitter
+], DuoyunColorPickElement.prototype, "change", void 0);
+DuoyunColorPickElement = __decorate([
+    customElement('dy-color-pick'),
+    adoptedStyle(style)
+], DuoyunColorPickElement);
+export { DuoyunColorPickElement };
+//# sourceMappingURL=color-pick.js.map

package/elements/color-pick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-pick.js","sourceRoot":"","sources":["../src/elements/color-pick.ts"],"names":[],"mappings":";;;;;;AAAA,8CAA8C;AAC9C,OAAO,EACL,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,SAAS,EACT,aAAa,EAEb,QAAQ,EACR,aAAa,GACd,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,WAAW,CAAC;AACnB,OAAO,eAAe,CAAC;AAEvB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;qBAOX,KAAK,CAAC,WAAW;;;;;;;;;;;;qBAYjB,KAAK,CAAC,WAAW;;;CAGrC,CAAC,CAAC;AAEH;;GAEG;AAGH,IAAa,sBAAsB,GAAnC,MAAa,sBAAuB,SAAQ,UAAU;IAAtD;;QAME,WAAM,GAAG,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA;;;mBAGI,IAAI,CAAA;;oBAEH,QAAQ,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC;oBACjC,IAAI,CAAC,KAAK;qBACT,IAAI,CAAC,KAAK;sBACT,CAAC,EAAE,MAAM,EAAyB,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;;SAEvE;;;;;qBAKY,YAAY;;kBAEf,QAAQ,CAAC,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;;;KAGtD,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CAAA,CAAA;AA5BY;IAAV,SAAS;qDAAiB;AACZ;IAAd,aAAa;qDAAgB;AAEf;IAAd,aAAa;sDAA2B;AAJ9B,sBAAsB;IAFlC,aAAa,CAAC,eAAe,CAAC;IAC9B,YAAY,CAAC,KAAK,CAAC;GACP,sBAAsB,CA6BlC;SA7BY,sBAAsB"}

package/elements/compartment.d.ts

@@ -0,0 +1,9 @@
+import { GemElement, TemplateResult } from '@mantou/gem';
+/**
+ * @customElement dy-compartment
+ */
+export declare class DuoyunCompartmentElement extends GemElement {
+    content: string | number | TemplateResult;
+    render: () => TemplateResult;
+}
+//# sourceMappingURL=compartment.d.ts.map

package/elements/compartment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compartment.d.ts","sourceRoot":"","sources":["../src/elements/compartment.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAOV,cAAc,EACf,MAAM,aAAa,CAAC;AAQrB;;GAEG;AACH,qBAEa,wBAAyB,SAAQ,UAAU;IAC5C,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc,CAAC;IACpD,MAAM,uBAEJ;CACH"}

package/elements/compartment.js

@@ -0,0 +1,32 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, property, } from '@mantou/gem';
+const style = createCSSSheet(css `
+  :host {
+    display: contents;
+  }
+`);
+/**
+ * @customElement dy-compartment
+ */
+let DuoyunCompartmentElement = class DuoyunCompartmentElement extends GemElement {
+    constructor() {
+        super(...arguments);
+        this.render = () => {
+            return html `${this.content}`;
+        };
+    }
+};
+__decorate([
+    property
+], DuoyunCompartmentElement.prototype, "content", void 0);
+DuoyunCompartmentElement = __decorate([
+    customElement('dy-compartment'),
+    adoptedStyle(style)
+], DuoyunCompartmentElement);
+export { DuoyunCompartmentElement };
+//# sourceMappingURL=compartment.js.map

package/elements/compartment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compartment.js","sourceRoot":"","sources":["../src/elements/compartment.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,QAAQ,GAET,MAAM,aAAa,CAAC;AAErB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;CAI/B,CAAC,CAAC;AAEH;;GAEG;AAGH,IAAa,wBAAwB,GAArC,MAAa,wBAAyB,SAAQ,UAAU;IAAxD;;QAEE,WAAM,GAAG,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC;CAAA,CAAA;AAJW;IAAT,QAAQ;yDAA2C;AADzC,wBAAwB;IAFpC,aAAa,CAAC,gBAAgB,CAAC;IAC/B,YAAY,CAAC,KAAK,CAAC;GACP,wBAAwB,CAKpC;SALY,wBAAwB"}

package/elements/copy.d.ts

@@ -0,0 +1,20 @@
+import { GemElement } from '@mantou/gem';
+import '@mantou/gem/elements/use';
+import '../elements/tooltip';
+declare type State = {
+    status: 'none' | 'success' | 'fail';
+};
+/**
+ * @customElement dy-copy
+ */
+export declare class DuoyunCopyElement extends GemElement<State> {
+    #private;
+    silent: boolean;
+    block: boolean;
+    tooltip: string;
+    content?: string;
+    state: State;
+    render: () => import("@mantou/gem").TemplateResult;
+}
+export {};
+//# sourceMappingURL=copy.d.ts.map

package/elements/copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../src/elements/copy.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAUX,MAAM,aAAa,CAAC;AAOrB,OAAO,0BAA0B,CAAC;AAClC,OAAO,qBAAqB,CAAC;AA4D7B,aAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;CACrC,CAAC;AAEF;;GAEG;AACH,qBAEa,iBAAkB,SAAQ,UAAU,CAAC,KAAK,CAAC;;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAEjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAE3B,KAAK,EAAE,KAAK,CAEV;IAgCF,MAAM,6CAwBJ;CACH"}