duoyun-ui 0.0.2

package/elements/side-navigation.js

@@ -0,0 +1,137 @@
+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 _DuoyunSideNavigationElement_onClickChildren, _DuoyunSideNavigationElement_checkGroupStatus, _DuoyunSideNavigationElement_renderItem;
+import { html, adoptedStyle, createCSSSheet, css, customElement, property, history, connectStore, } from '@mantou/gem';
+import { createPath, matchPath } from '@mantou/gem/elements/route';
+import { theme } from '../lib/theme';
+import { commonHandle } from '../lib/hotkeys';
+import { DuoyunScrollBaseElement } from './base/scroll';
+import '@mantou/gem/elements/link';
+const style = createCSSSheet(css `
+  :host {
+    overflow: auto;
+    overscroll-behavior: contain;
+    user-select: none;
+  }
+  :host,
+  .group-body,
+  .children {
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+  }
+  .item {
+    display: flex;
+    justify-content: space-between;
+    position: relative;
+    padding: 0.5em 0.75em;
+    font-size: 0.875em;
+    border-radius: ${theme.normalRound};
+    color: unset;
+    text-decoration: none;
+    line-height: 1.2;
+  }
+  .children .item {
+    padding-inline-start: calc(0.75em + 1em);
+  }
+  .item:where(:focus-visible, :hover, :--active, [data-active]) {
+    background-color: ${theme.hoverBackgroundColor};
+  }
+  .group {
+    margin-block: 1.2em;
+  }
+  .group + .group {
+    margin-top: 0;
+  }
+  .group-title {
+    cursor: default;
+    padding: 0.945em;
+    text-transform: uppercase;
+    font-size: 0.7em;
+    color: ${theme.describeColor};
+  }
+`);
+/**
+ * @customElement dy-side-navigation
+ */
+let DuoyunSideNavigationElement = class DuoyunSideNavigationElement extends DuoyunScrollBaseElement {
+    constructor() {
+        super();
+        this.items = [];
+        // children open state
+        this.state = {};
+        _DuoyunSideNavigationElement_onClickChildren.set(this, (title) => {
+            this.setState({ [title]: !this.state[title] });
+        });
+        _DuoyunSideNavigationElement_checkGroupStatus.set(this, () => {
+            const { path } = history.getParams();
+            const matchChildren = (e) => {
+                var _a;
+                if ('group' in e) {
+                    e.group.forEach(matchChildren);
+                    return;
+                }
+                const has = (_a = e.children) === null || _a === void 0 ? void 0 : _a.some((e) => e.pattern ? matchPath(e.pattern, path) : e.children ? e.children.some(matchChildren) : false);
+                if (has && e.title) {
+                    this.setState({ [e.title]: true });
+                    return true;
+                }
+            };
+            this.items.forEach(matchChildren);
+        });
+        _DuoyunSideNavigationElement_renderItem.set(this, ({ pattern, title = '<No Title>', slot, params, query, children }) => {
+            return html `
+      <gem-active-link
+        class="item"
+        tabindex="0"
+        @keydown=${commonHandle}
+        @click=${children && (() => __classPrivateFieldGet(this, _DuoyunSideNavigationElement_onClickChildren, "f").call(this, title))}
+        doc-title=${title}
+        path=${pattern ? createPath({ pattern }, { params }) : ''}
+        query=${query ? query.toString() : ''}
+        pattern=${!pattern ? '' : pattern.endsWith('*') ? pattern : `${pattern}/*`}
+      >
+        <span>${title}</span>${slot}
+      </gem-active-link>
+      ${children && this.state[title] ? html `<div class="children">${children.map(__classPrivateFieldGet(this, _DuoyunSideNavigationElement_renderItem, "f"))}</div>` : ''}
+    `;
+        });
+        this.willMount = () => {
+            this.memo(() => __classPrivateFieldGet(this, _DuoyunSideNavigationElement_checkGroupStatus, "f").call(this), () => [history.getParams().path]);
+        };
+        this.render = () => {
+            if (!this.items.length)
+                return html ``;
+            return html `${this.items.map((item) => 'group' in item
+                ? html `
+            <div class="group" role="group">
+              <div class="group-title">${item.title}${item.slot}</div>
+              <div class="group-body">${item.group.map((e) => __classPrivateFieldGet(this, _DuoyunSideNavigationElement_renderItem, "f").call(this, e))}</div>
+            </div>
+          `
+                : __classPrivateFieldGet(this, _DuoyunSideNavigationElement_renderItem, "f").call(this, item))}`;
+        };
+        this.internals.role = 'navigation';
+        this.internals.ariaLabel = 'Side Navigation';
+    }
+};
+_DuoyunSideNavigationElement_onClickChildren = new WeakMap(), _DuoyunSideNavigationElement_checkGroupStatus = new WeakMap(), _DuoyunSideNavigationElement_renderItem = new WeakMap();
+__decorate([
+    property
+], DuoyunSideNavigationElement.prototype, "items", void 0);
+DuoyunSideNavigationElement = __decorate([
+    customElement('dy-side-navigation'),
+    adoptedStyle(style),
+    connectStore(history.store)
+], DuoyunSideNavigationElement);
+export { DuoyunSideNavigationElement };
+//# sourceMappingURL=side-navigation.js.map

package/elements/side-navigation.js.map

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

package/elements/slider.d.ts

@@ -0,0 +1,27 @@
+import { GemElement, RefObject, Emitter } from '@mantou/gem';
+import '@mantou/gem/elements/gesture';
+import './input';
+/**
+ * @customElement dy-slider
+ */
+export declare class DuoyunSliderElement extends GemElement {
+    #private;
+    label: string;
+    orientation: 'horizontal' | 'vertical';
+    editable: boolean;
+    disabled: boolean;
+    sliderRef: RefObject<HTMLDivElement>;
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+    change: Emitter<number>;
+    constructor();
+    state: {
+        position: number;
+        displayPosition: number;
+        start: boolean;
+    };
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=slider.d.ts.map

package/elements/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../src/elements/slider.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EAUV,SAAS,EAET,OAAO,EAER,MAAM,aAAa,CAAC;AAOrB,OAAO,8BAA8B,CAAC;AACtC,OAAO,SAAS,CAAC;AAyDjB;;GAEG;AACH,qBAEa,mBAAoB,SAAQ,UAAU;;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAElC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IAEZ,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;;IA6BvC,KAAK;;;;MAIH;IAwCF,MAAM,6CA2CJ;CACH"}

package/elements/slider.js

@@ -0,0 +1,219 @@
+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 _DuoyunSliderElement_instances, _DuoyunSliderElement_orientation_get, _DuoyunSliderElement_max_get, _DuoyunSliderElement_step_get, _DuoyunSliderElement_diff_get, _DuoyunSliderElement_getValue, _DuoyunSliderElement_onPan, _DuoyunSliderElement_setPrecisionValue, _DuoyunSliderElement_onKeydown;
+// https://spectrum.adobe.com/page/slider/
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, attribute, numattribute, boolattribute, refobject, globalemitter, classMap, } from '@mantou/gem';
+import { theme } from '../lib/theme';
+import { clamp } from '../lib/number';
+import { hotkeys } from '../lib/hotkeys';
+import '@mantou/gem/elements/gesture';
+import './input';
+const style = createCSSSheet(css `
+  :host {
+    font-size: 0.875em;
+    width: 15em;
+    --size: 1em;
+    --c: calc(var(--size) / 2 + 6px);
+    display: inline-flex;
+    align-items: center;
+    gap: 1em;
+    height: calc(2.2em + 2px);
+  }
+  .slider {
+    flex-grow: 1;
+    position: relative;
+    height: 2px;
+    border-radius: 1px;
+  }
+  .mark {
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    border-radius: 10em;
+    box-sizing: border-box;
+    width: var(--size);
+    height: var(--size);
+    border: 2px solid;
+    transition: border-width 0.1s;
+    opacity: 0.8;
+  }
+  .mark:hover {
+    opacity: 1;
+  }
+  :host(:focus-visible) .mark,
+  .mark.start {
+    border-width: 5px;
+  }
+  :host([disabled]) .mark {
+    cursor: not-allowed;
+    background: ${theme.disabledColor};
+  }
+  .label,
+  .value {
+    position: absolute;
+    font-size: 0.875em;
+    bottom: calc(50% + var(--size) / 2 + 0.5em);
+    color: ${theme.describeColor};
+  }
+  .value {
+    right: 0;
+  }
+  .input {
+    width: 50px;
+  }
+`);
+/**
+ * @customElement dy-slider
+ */
+let DuoyunSliderElement = class DuoyunSliderElement extends GemElement {
+    constructor() {
+        super();
+        _DuoyunSliderElement_instances.add(this);
+        this.state = {
+            position: 0,
+            displayPosition: 0,
+            start: false,
+        };
+        _DuoyunSliderElement_getValue.set(this, (precisionValue) => {
+            const remainder = precisionValue % __classPrivateFieldGet(this, _DuoyunSliderElement_instances, "a", _DuoyunSliderElement_step_get);
+            const rest = Math.round(remainder / __classPrivateFieldGet(this, _DuoyunSliderElement_instances, "a", _DuoyunSliderElement_step_get)) * __classPrivateFieldGet(this, _DuoyunSliderElement_instances, "a", _DuoyunSliderElement_step_get);
+            return precisionValue - remainder + rest;
+        });
+        _DuoyunSliderElement_onPan.set(this, ({ detail, target }) => {
+            if (this.disabled)
+                return;
+            const { width, height } = this.sliderRef.element.getBoundingClientRect();
+            const { left, right, top, bottom, width: w, height: h } = target.getBoundingClientRect();
+            const isV = __classPrivateFieldGet(this, _DuoyunSliderElement_instances, "a", _DuoyunSliderElement_orientation_get) === 'vertical';
+            const totalLength = isV ? height - h : width - w;
+            const center = (isV ? top + bottom : left + right) / 2;
+            const current = isV ? detail.clientY : detail.clientX;
+            const movement = isV ? detail.y : detail.x;
+            if (movement < 0 && current > center)
+                return;
+            if (movement > 0 && current < center)
+                return;
+            const position = clamp(0, this.state.position + movement / totalLength, 1);
+            const precisionValue = position * __classPrivateFieldGet(this, _DuoyunSliderElement_instances, "a", _DuoyunSliderElement_diff_get);
+            const value = __classPrivateFieldGet(this, _DuoyunSliderElement_getValue, "f").call(this, precisionValue);
+            const displayPosition = value / __classPrivateFieldGet(this, _DuoyunSliderElement_instances, "a", _DuoyunSliderElement_diff_get);
+            this.setState({ position, displayPosition });
+            this.change(value);
+        });
+        _DuoyunSliderElement_setPrecisionValue.set(this, (precisionValue) => {
+            const value = __classPrivateFieldGet(this, _DuoyunSliderElement_getValue, "f").call(this, clamp(this.min, precisionValue, __classPrivateFieldGet(this, _DuoyunSliderElement_instances, "a", _DuoyunSliderElement_max_get)));
+            const position = value / __classPrivateFieldGet(this, _DuoyunSliderElement_instances, "a", _DuoyunSliderElement_diff_get);
+            this.setState({ position, displayPosition: position });
+            this.change(value);
+        });
+        _DuoyunSliderElement_onKeydown.set(this, hotkeys({
+            up: () => __classPrivateFieldGet(this, _DuoyunSliderElement_setPrecisionValue, "f").call(this, this.value++),
+            down: () => __classPrivateFieldGet(this, _DuoyunSliderElement_setPrecisionValue, "f").call(this, this.value--),
+        }));
+        this.render = () => {
+            const { displayPosition, start } = this.state;
+            const position = `calc(var(--size) / 2 + calc(100% - var(--size)) * ${displayPosition})`;
+            return html `
+      <style>
+        .slider {
+          background: radial-gradient(
+            circle at ${position},
+            transparent,
+            transparent var(--c),
+            ${theme.borderColor} var(--c)
+          );
+        }
+        .mark {
+          left: ${position};
+        }
+      </style>
+      <div class="slider" ref=${this.sliderRef.ref}>
+        <gem-gesture
+          class=${classMap({ mark: true, start })}
+          @pan=${__classPrivateFieldGet(this, _DuoyunSliderElement_onPan, "f")}
+          @pointerdown=${() => !this.disabled && this.setState({ start: true })}
+          @end=${() => this.setState({ start: false })}
+        ></gem-gesture>
+        ${this.label
+                ? html `
+              <div class="label">${this.label}</div>
+              <div class="value">${this.value}</div>
+            `
+                : ''}
+      </div>
+      ${this.editable
+                ? html `
+            <dy-input
+              ?disabled=${this.disabled}
+              class="input"
+              type="number"
+              value=${String(this.value)}
+              @change=${({ detail }) => __classPrivateFieldGet(this, _DuoyunSliderElement_setPrecisionValue, "f").call(this, detail)}
+            ></dy-input>
+          `
+                : ''}
+    `;
+        };
+        this.tabIndex = 0;
+        this.addEventListener('keydown', __classPrivateFieldGet(this, _DuoyunSliderElement_onKeydown, "f"));
+        this.internals.role = 'slider';
+        this.effect(() => {
+            this.internals.ariaDisabled = String(this.disabled);
+            this.internals.ariaValueText = String(this.value);
+        });
+    }
+};
+_DuoyunSliderElement_getValue = new WeakMap(), _DuoyunSliderElement_onPan = new WeakMap(), _DuoyunSliderElement_setPrecisionValue = new WeakMap(), _DuoyunSliderElement_onKeydown = new WeakMap(), _DuoyunSliderElement_instances = new WeakSet(), _DuoyunSliderElement_orientation_get = function _DuoyunSliderElement_orientation_get() {
+    return this.orientation || 'horizontal';
+}, _DuoyunSliderElement_max_get = function _DuoyunSliderElement_max_get() {
+    return this.hasAttribute('max') ? this.max : 100;
+}, _DuoyunSliderElement_step_get = function _DuoyunSliderElement_step_get() {
+    return this.step || 1;
+}, _DuoyunSliderElement_diff_get = function _DuoyunSliderElement_diff_get() {
+    return __classPrivateFieldGet(this, _DuoyunSliderElement_instances, "a", _DuoyunSliderElement_max_get) - this.min;
+};
+__decorate([
+    attribute
+], DuoyunSliderElement.prototype, "label", void 0);
+__decorate([
+    attribute
+], DuoyunSliderElement.prototype, "orientation", void 0);
+__decorate([
+    boolattribute
+], DuoyunSliderElement.prototype, "editable", void 0);
+__decorate([
+    boolattribute
+], DuoyunSliderElement.prototype, "disabled", void 0);
+__decorate([
+    refobject
+], DuoyunSliderElement.prototype, "sliderRef", void 0);
+__decorate([
+    numattribute
+], DuoyunSliderElement.prototype, "value", void 0);
+__decorate([
+    numattribute
+], DuoyunSliderElement.prototype, "min", void 0);
+__decorate([
+    numattribute
+], DuoyunSliderElement.prototype, "max", void 0);
+__decorate([
+    numattribute
+], DuoyunSliderElement.prototype, "step", void 0);
+__decorate([
+    globalemitter
+], DuoyunSliderElement.prototype, "change", void 0);
+DuoyunSliderElement = __decorate([
+    customElement('dy-slider'),
+    adoptedStyle(style)
+], DuoyunSliderElement);
+export { DuoyunSliderElement };
+//# sourceMappingURL=slider.js.map

package/elements/slider.js.map

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

package/elements/space.d.ts

@@ -0,0 +1,10 @@
+import { GemElement } from '@mantou/gem';
+/**
+ * @customElement dy-space
+ * @attr size
+ */
+export declare class DuoyunSpaceElement extends GemElement {
+    size: 'nomal' | 'large';
+    constructor();
+}
+//# sourceMappingURL=space.d.ts.map

package/elements/space.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../src/elements/space.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA+D,MAAM,aAAa,CAAC;AAatG;;;GAGG;AACH,qBAEa,kBAAmB,SAAQ,UAAU;IACrC,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;;CAIpC"}

package/elements/space.js

@@ -0,0 +1,35 @@
+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, adoptedStyle, createCSSSheet, css, customElement, attribute } from '@mantou/gem';
+const style = createCSSSheet(css `
+  dy-space {
+    display: inline-flex;
+    flex-wrap: wrap;
+    gap: 0.2em;
+  }
+  dy-space[size='large'] {
+    gap: 0.4em;
+  }
+`);
+/**
+ * @customElement dy-space
+ * @attr size
+ */
+let DuoyunSpaceElement = class DuoyunSpaceElement extends GemElement {
+    constructor() {
+        super({ isLight: true });
+    }
+};
+__decorate([
+    attribute
+], DuoyunSpaceElement.prototype, "size", void 0);
+DuoyunSpaceElement = __decorate([
+    customElement('dy-space'),
+    adoptedStyle(style)
+], DuoyunSpaceElement);
+export { DuoyunSpaceElement };
+//# sourceMappingURL=space.js.map

package/elements/space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"space.js","sourceRoot":"","sources":["../src/elements/space.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAEtG,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;;;CAS/B,CAAC,CAAC;AAEH;;;GAGG;AAGH,IAAa,kBAAkB,GAA/B,MAAa,kBAAmB,SAAQ,UAAU;IAEhD;QACE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3B,CAAC;CACF,CAAA;AAJY;IAAV,SAAS;gDAAyB;AADxB,kBAAkB;IAF9B,aAAa,CAAC,UAAU,CAAC;IACzB,YAAY,CAAC,KAAK,CAAC;GACP,kBAAkB,CAK9B;SALY,kBAAkB"}

package/elements/statistic.d.ts

@@ -0,0 +1,24 @@
+import { GemElement, TemplateResult } from '@mantou/gem';
+import './placeholder';
+export declare type StatisticType = 'bandwidth' | 'traffic' | 'decimal' | 'percentage' | 'duration' | 'currency';
+export declare type StatisticNeutral = 'positive' | 'negative';
+export declare const formatFnMap: Record<StatisticType, (n: number) => {
+    number: string;
+    unit: string;
+}>;
+/**
+ * @customElement dy-statistic
+ * @attr loading
+ */
+export declare class DuoyunStatisticElement extends GemElement {
+    #private;
+    neutral: StatisticNeutral;
+    type: StatisticType;
+    text: string | TemplateResult;
+    loading: boolean;
+    value: number;
+    prevValue: number;
+    constructor();
+    render: () => TemplateResult;
+}
+//# sourceMappingURL=statistic.d.ts.map

package/elements/statistic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"statistic.d.ts","sourceRoot":"","sources":["../src/elements/statistic.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EASV,cAAc,EAEf,MAAM,aAAa,CAAC;AAMrB,OAAO,eAAe,CAAC;AAiCvB,oBAAY,aAAa,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;AACzG,oBAAY,gBAAgB,GAAG,UAAU,GAAG,UAAU,CAAC;AAEvD,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAO9F,CAAC;AAEF;;;GAGG;AACH,qBAEa,sBAAuB,SAAQ,UAAU;;IACzC,OAAO,EAAE,gBAAgB,CAAC;IAC1B,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;;IAehC,MAAM,uBAwBJ;CACH"}

package/elements/statistic.js

@@ -0,0 +1,116 @@
+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 _DuoyunStatisticElement_instances, _DuoyunStatisticElement_neutral_get, _DuoyunStatisticElement_type_get;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, attribute, numattribute, classMap, boolattribute, } from '@mantou/gem';
+import { parseDuration } from '../lib/time';
+import { theme } from '../lib/theme';
+import { formatBandwidth, formatDecimal, formatPercentage, formatTraffic, formatCurrency } from '../lib/number';
+import './placeholder';
+const style = createCSSSheet(css `
+  :host {
+    display: block;
+    font-size: 0.875em;
+    line-height: 1.2;
+  }
+  .title {
+    margin-block-end: 1em;
+  }
+  .values {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+    font-weight: bold;
+  }
+  .value {
+    display: flex;
+    align-items: baseline;
+    gap: 0.3em;
+  }
+  .number {
+    font-size: 2em;
+  }
+  .positive {
+    color: ${theme.positiveColor};
+  }
+  .negative {
+    color: ${theme.negativeColor};
+  }
+`);
+export const formatFnMap = {
+    bandwidth: formatBandwidth,
+    traffic: formatTraffic,
+    decimal: formatDecimal,
+    percentage: formatPercentage,
+    currency: formatCurrency,
+    duration: parseDuration,
+};
+/**
+ * @customElement dy-statistic
+ * @attr loading
+ */
+let DuoyunStatisticElement = class DuoyunStatisticElement extends GemElement {
+    constructor() {
+        super();
+        _DuoyunStatisticElement_instances.add(this);
+        this.render = () => {
+            const { number, unit } = formatFnMap[__classPrivateFieldGet(this, _DuoyunStatisticElement_instances, "a", _DuoyunStatisticElement_type_get)](this.value);
+            const diffValue = this.prevValue !== 0 && this.value === 0
+                ? Infinity
+                : Number((((this.value - this.prevValue) / this.prevValue) * 100).toFixed(2));
+            const [positive, negative] = __classPrivateFieldGet(this, _DuoyunStatisticElement_instances, "a", _DuoyunStatisticElement_neutral_get) === 'positive' ? [diffValue > 0, diffValue < 0] : [diffValue < 0, diffValue > 0];
+            return html `
+      <div class="title">${this.loading ? html `<dy-placeholder width="5em"></dy-placeholder>` : this.text}</div>
+      <div class="values">
+        <div class="value">
+          <span class="number">${this.loading ? html `<dy-placeholder width="6em"></dy-placeholder>` : number}</span>
+          <span class="unit">${this.loading ? '' : unit}</span>
+        </div>
+        ${this.loading || !this.hasAttribute('prev-value')
+                ? ''
+                : html `<span class=${classMap({ positive, negative })}>
+              ${isNaN(diffValue) ? '-' : diffValue === Infinity ? '∞' : diffValue}%
+            </span>`}
+      </div>
+    `;
+        };
+        this.internals.role = 'group';
+    }
+};
+_DuoyunStatisticElement_instances = new WeakSet(), _DuoyunStatisticElement_neutral_get = function _DuoyunStatisticElement_neutral_get() {
+    return this.neutral || 'positive';
+}, _DuoyunStatisticElement_type_get = function _DuoyunStatisticElement_type_get() {
+    return this.type || 'decimal';
+};
+__decorate([
+    attribute
+], DuoyunStatisticElement.prototype, "neutral", void 0);
+__decorate([
+    attribute
+], DuoyunStatisticElement.prototype, "type", void 0);
+__decorate([
+    attribute
+], DuoyunStatisticElement.prototype, "text", void 0);
+__decorate([
+    boolattribute
+], DuoyunStatisticElement.prototype, "loading", void 0);
+__decorate([
+    numattribute
+], DuoyunStatisticElement.prototype, "value", void 0);
+__decorate([
+    numattribute
+], DuoyunStatisticElement.prototype, "prevValue", void 0);
+DuoyunStatisticElement = __decorate([
+    customElement('dy-statistic'),
+    adoptedStyle(style)
+], DuoyunStatisticElement);
+export { DuoyunStatisticElement };
+//# sourceMappingURL=statistic.js.map

package/elements/statistic.js.map

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

package/elements/status-light.d.ts

@@ -0,0 +1,14 @@
+import { GemElement } from '@mantou/gem';
+import { StringList } from '../lib/types';
+export declare type Status = StringList<'default' | 'positive' | 'informative' | 'neutral' | 'notice' | 'negative'>;
+export declare function getStatusColor(status: Status): string;
+/**
+ * @customElement dy-status-light
+ */
+export declare class DuoyunStatusLightElement extends GemElement {
+    #private;
+    status: Status;
+    constructor();
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=status-light.d.ts.map

package/elements/status-light.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-light.d.ts","sourceRoot":"","sources":["../src/elements/status-light.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqE,MAAM,aAAa,CAAC;AAG5G,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAoB1C,oBAAY,MAAM,GAAG,UAAU,CAAC,SAAS,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;AAE5G,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,UAS5C;AAED;;GAEG;AACH,qBAEa,wBAAyB,SAAQ,UAAU;;IAC3C,MAAM,EAAE,MAAM,CAAC;;IAW1B,MAAM,6CAUJ;CACH"}