godown 1.1.3 → 1.1.5

package/items/base-button.js

@@ -6,129 +6,134 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, css, property, classMap, ifDefined, define } from "../deps.js";
 import STD from "./std.js";
-const originstyle = css `:host {
-  display:inline-block;
-  text-decoration:none;
-  cursor:pointer;
-}
-.ghost,
-.ghost:hover {
-  color: var(--background);
-  border-color: var(--background);
-  background-color: transparent;
-}
-.ghost:active {
-  color: var(--active);
-  background-color: var(--background-active);
-}
-a {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  white-space: inherit;
-  padding: 0;
-  box-sizing: border-box;
-  height:100%;
-  width:100%;
-  font-size: inherit;
-  border-radius: inherit;
-  border-width: .08em;
-  border-style: solid;
-  cursor: inherit;
-  text-decoration:inherit;
-  transition: all .2s ease-in;
-  color: var(--color);
-  border-color: var(--border);
-  background-color: var(--background);}
-a:hover {
-  color: var(--hover);
-  border-color: var(--border-hover);
-  background-color: var(--background-hover);
-}
-a:active {
-  transition:  0s;
-  color: var(--active);
-  border-color: var(--border-active);
-  background-color: var(--background-active);
-}
-a[disabled],
-a[disabled]:hover,
-a[disabled]:active {
-  color: var(--color-disabled);
-  border-color: var(--border-disabled);
-  background-color: var(--background-disabled);
-}`;
-const colorful = css `.black{
-  --color: #f0f0f0;
-  --border: #444444;
-  --background: #2c2c2c;
-  --hover: #fafafa;
-  --border-hover: #707070;
-  --background-hover: #303030;
-  --active: #fafafa;
-  --border-active: #5a5a5a;
-  --background-active: #3a3a3a;
-}
-.white {
-  --color: #2c2c2c;
-  --border: #44444450;
-  --background: #f8f8f8;
-  --hover: #707070;
-  --border-hover: #44444450;
-  --background-hover: #f4f4f4;
-  --border-active: #aaaaaa;
-  --background-active: #aaaaaa;
-}
-.yellow {
-  --color: #fafafa;
-  --border: #44444450;
-  --background: #ebb10d;
-  --hover: #ececec;
-  --border-hover: #44444450;
-  --background-hover: #f9bd10;
-  --background-active: #d7a422;
-  --border-active: #44444420;
-}
-.gary {
-  --color: #fafafa;
-  --border: #44444450;
-  --background: #51535e;
-  --hover: #ececec;
-  --border-hover: #44444450;
-  --background-hover: #5e616d;
-  --background-active: #3f3d47;
-  --border-active: #44444420;
-}
-.red {
-  --color: #fafafa;
-  --border: #44444450;
-  --background: #d11a2d;
-  --hover: #ececec;
-  --border-hover: #44444450;
-  --background-hover: #c62828;
-  --background-active: #a61b29;
-  --border-active: #44444420;
-}
-.blue {
-  --color: #fafafa;
-  --border: #44444450;
-  --background: #1177b0;
-  --hover: #ececec;
-  --border-hover: #44444450;
-  --background-hover: #11659a;
-  --background-active: #144a74;
-  --border-active: #44444420;
-}
-.green {
-  --color: #fafafa;
-  --border: #44444450;
-  --background: #12aa8c;
-  --hover: #ececec;
-  --border-hover: #44444450;
-  --background-hover: #1db68f;
-  --background-active: #248067;
-  --border-active: #44444420;
-}`;
+const originstyle = css `
+  :host {
+    display: inline-block;
+    text-decoration: none;
+    cursor: pointer;
+  }
+  .ghost,
+  .ghost:hover {
+    color: var(--background);
+    border-color: var(--background);
+    background-color: transparent;
+  }
+  .ghost:active {
+    color: var(--active);
+    background-color: var(--background-active);
+  }
+  a {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    white-space: inherit;
+    padding: 0;
+    box-sizing: border-box;
+    height: 100%;
+    width: 100%;
+    font-size: inherit;
+    border-radius: inherit;
+    border-width: 0.08em;
+    border-style: solid;
+    cursor: inherit;
+    text-decoration: inherit;
+    transition: all 0.2s ease-in;
+    color: var(--color);
+    border-color: var(--border);
+    background-color: var(--background);
+  }
+  a:hover {
+    color: var(--hover);
+    border-color: var(--border-hover);
+    background-color: var(--background-hover);
+  }
+  a:active {
+    transition: 0s;
+    color: var(--active);
+    border-color: var(--border-active);
+    background-color: var(--background-active);
+  }
+  a[disabled],
+  a[disabled]:hover,
+  a[disabled]:active {
+    color: var(--color-disabled);
+    border-color: var(--border-disabled);
+    background-color: var(--background-disabled);
+  }
+`;
+const colorful = css `
+  .black {
+    --color: #f0f0f0;
+    --border: #444444;
+    --background: #2c2c2c;
+    --hover: #fafafa;
+    --border-hover: #707070;
+    --background-hover: #303030;
+    --active: #fafafa;
+    --border-active: #5a5a5a;
+    --background-active: #3a3a3a;
+  }
+  .white {
+    --color: #2c2c2c;
+    --border: #44444450;
+    --background: #f8f8f8;
+    --hover: #707070;
+    --border-hover: #44444450;
+    --background-hover: #f4f4f4;
+    --border-active: #aaaaaa;
+    --background-active: #aaaaaa;
+  }
+  .yellow {
+    --color: #fafafa;
+    --border: #44444450;
+    --background: #ebb10d;
+    --hover: #ececec;
+    --border-hover: #44444450;
+    --background-hover: #f9bd10;
+    --background-active: #d7a422;
+    --border-active: #44444420;
+  }
+  .gary {
+    --color: #fafafa;
+    --border: #44444450;
+    --background: #51535e;
+    --hover: #ececec;
+    --border-hover: #44444450;
+    --background-hover: #5e616d;
+    --background-active: #3f3d47;
+    --border-active: #44444420;
+  }
+  .red {
+    --color: #fafafa;
+    --border: #44444450;
+    --background: #d11a2d;
+    --hover: #ececec;
+    --border-hover: #44444450;
+    --background-hover: #c62828;
+    --background-active: #a61b29;
+    --border-active: #44444420;
+  }
+  .blue {
+    --color: #fafafa;
+    --border: #44444450;
+    --background: #1177b0;
+    --hover: #ececec;
+    --border-hover: #44444450;
+    --background-hover: #11659a;
+    --background-active: #144a74;
+    --border-active: #44444420;
+  }
+  .green {
+    --color: #fafafa;
+    --border: #44444450;
+    --background: #12aa8c;
+    --hover: #ececec;
+    --border-hover: #44444450;
+    --background-hover: #1db68f;
+    --background-active: #248067;
+    --border-active: #44444420;
+  }
+`;
 let BaseButton = class BaseButton extends STD {
     constructor() {
         super(...arguments);
@@ -139,9 +144,7 @@ let BaseButton = class BaseButton extends STD {
         this.color = "black";
     }
     render() {
-        return html `<a href=${ifDefined(this.href)} target=${ifDefined(this.target)} ?disabled=${this.disabled} class=${classMap({ ghost: this.ghost, [this.color]: this.color })}>
-  <slot name="pre"></slot><slot></slot><slot name="suf"></slot>
-</a>`;
+        return html `<a href=${ifDefined(this.href)} target=${ifDefined(this.target)} ?disabled=${this.disabled} class=${classMap({ ghost: this.ghost, [this.color]: this.color })}> <slot name="pre"></slot><slot></slot><slot name="suf"></slot> </a>`;
     }
 };
 BaseButton.styles = [originstyle, colorful];

package/items/dialog-item.d.ts

@@ -7,7 +7,7 @@ export declare class DialogItem extends STD {
     modal: boolean;
     call: "left" | "center" | "right" | "top" | "bottom";
     get _div(): HTMLDivElement;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     firstUpdated(): void;
     show(): void;
     showModal(): void;

package/items/dialog-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-item.d.ts","sourceRoot":"","sources":["../../src/items/dialog-item.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,UAAW,SAAQ,GAAG;IACjC,MAAM,CAAC,MAAM,0BA8DT;IACwC,IAAI,UAAS;IAC7B,GAAG,SAAY;IACd,KAAK,UAAS;IACd,KAAK,UAAS;IACf,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAY;IAC5F,IAAI,IAAI,mBAEP;IACD,MAAM;IAKN,YAAY;IAWZ,IAAI;IAMJ,SAAS;IAKT,KAAK;IAKL,YAAY,CAAC,CAAC,KAAA;IAQd,cAAc,CAAC,CAAC,EAAE,aAAa;IAI/B,YAAY,CAAC,CAAC,EAAE,KAAK;CAGtB;AACD,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"dialog-item.d.ts","sourceRoot":"","sources":["../../src/items/dialog-item.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,UAAW,SAAQ,GAAG;IACjC,MAAM,CAAC,MAAM,0BA+DX;IAC0C,IAAI,UAAS;IAC7B,GAAG,SAAY;IACd,KAAK,UAAS;IACd,KAAK,UAAS;IACf,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAY;IAC5F,IAAI,IAAI,mBAEP;IACD,MAAM;IAKN,YAAY;IAQZ,IAAI;IAMJ,SAAS;IAKT,KAAK;IAIL,YAAY,CAAC,CAAC,KAAA;IAQd,cAAc,CAAC,CAAC,EAAE,aAAa;IAI/B,YAAY,CAAC,CAAC,EAAE,KAAK;CAGtB;AACD,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/items/dialog-item.js

@@ -19,19 +19,19 @@ let DialogItem = class DialogItem extends STD {
         return this.shadowRoot.querySelector("div");
     }
     render() {
-        return html `<div ?open=${this.open} ?modal=${this.modal}>
-  <slot class=${this.call}></slot>
-</div>`;
+        return html `<div ?open=${this.open} ?modal=${this.modal}>
+      <slot class=${this.call}></slot>
+    </div>`;
     }
     firstUpdated() {
-        this.addEventListener("submit", e => {
+        this.addEventListener("submit", (e) => {
             if (e.target.method === "dialog")
                 this.close();
         });
         if (this.scale)
             this.addEventListener("wheel", this._handleWheel);
         if (this.key)
-            document.addEventListener("keydown", e => this._handleKeydown(e));
+            document.addEventListener("keydown", (e) => this._handleKeydown(e));
         if (this.open)
             this.show();
     }
@@ -52,8 +52,8 @@ let DialogItem = class DialogItem extends STD {
             this._div.removeEventListener("click", this._handleModal);
     }
     _handleWheel(e) {
-        let s = this._div.style.transform.match(/scale\((.*)\)/);
-        var scale = 1;
+        const s = this._div.style.transform.match(/scale\((.*)\)/);
+        let scale = 1;
         if (s)
             scale = Number(s[1]);
         if (e.deltaY > 0)
@@ -63,7 +63,7 @@ let DialogItem = class DialogItem extends STD {
         this._div.style.transform = `scale(${scale})`;
     }
     _handleKeydown(e) {
-        const keys = this.key.split(/[^a-zA-Z0-9]/).filter(e => e !== "");
+        const keys = this.key.split(/[^a-zA-Z0-9]/).filter((e) => e !== "");
         if (keys.includes(e.key) || keys.includes(e.code))
             this.close();
     }
@@ -71,69 +71,70 @@ let DialogItem = class DialogItem extends STD {
         e.stopPropagation();
     }
 };
-DialogItem.styles = css `:host {
-      position: fixed;
-      height: 100%;
-      width: 100%;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      transition: all .3s;
-      display: flex;
-      visibility: hidden;
-      background: rgb(0 0 0 / 0%);
-    }
-    :host([open]) {
-      visibility: visible;
-    }
-    :host([open][modal]) {
-      backdrop-filter: blur(.25px);
-      background: rgb(0 0 0 / 20%);
-    }
-    [open] slot {
-      opacity: 1 !important;
-      transform: translateY(0) translateX(0) !important;
-    }
-    div{
-      height: 100%;
-      width: 100%;
-      display: flex;
-      transition: inherit;
-    }
-    slot {
-      display: block;
-      width: fit-content;
-      height: fit-content;
-      margin:auto;
-      opacity: 0;
-      transition: inherit;
-      pointer-events: all;
-    }
-    .center{
-      transform:translateY(-15%);
-    }
-    .top{
-      width: 100%;
-      margin-top:0;
-      transform: translateY(-15%);
-    }
-    .right{
-      height: 100%;
-      margin-right:0;
-      transform: translateX(15%);
-    }
-    .bottom{
-      width: 100%;
-      margin-bottom:0;
-      transform: translateY(15%);
-    }
-    .left{
-      height: 100%;
-      margin-left:0;
-      transform: translateX(-15%);
-    }
-    `;
+DialogItem.styles = css `
+    :host {
+      position: fixed;
+      height: 100%;
+      width: 100%;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      transition: all 0.3s;
+      display: flex;
+      visibility: hidden;
+      background: rgb(0 0 0 / 0%);
+    }
+    :host([open]) {
+      visibility: visible;
+    }
+    :host([open][modal]) {
+      backdrop-filter: blur(0.25px);
+      background: rgb(0 0 0 / 20%);
+    }
+    [open] slot {
+      opacity: 1 !important;
+      transform: translateY(0) translateX(0) !important;
+    }
+    div {
+      height: 100%;
+      width: 100%;
+      display: flex;
+      transition: inherit;
+    }
+    slot {
+      display: block;
+      width: fit-content;
+      height: fit-content;
+      margin: auto;
+      opacity: 0;
+      transition: inherit;
+      pointer-events: all;
+    }
+    .center {
+      transform: translateY(-15%);
+    }
+    .top {
+      width: 100%;
+      margin-top: 0;
+      transform: translateY(-15%);
+    }
+    .right {
+      height: 100%;
+      margin-right: 0;
+      transform: translateX(15%);
+    }
+    .bottom {
+      width: 100%;
+      margin-bottom: 0;
+      transform: translateY(15%);
+    }
+    .left {
+      height: 100%;
+      margin-left: 0;
+      transform: translateX(-15%);
+    }
+  `;
 __decorate([
     property({ type: Boolean, reflect: true })
 ], DialogItem.prototype, "open", void 0);

package/items/link-a.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-a.d.ts","sourceRoot":"","sources":["../../src/items/link-a.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,qBACa,UAAW,SAAQ,WAAW;IAC7B,MAAM,SAAM;IACK,OAAO,UAAS;IAC7C,MAAM,CAAC,MAAM,0BAqBV;IACH,YAAY;IAMZ,SAAS;IAUT,YAAY,CAAC,CAAC,EAAE,UAAU;IAY1B,SAAS,CAAC,GAAG,SAAY;IAIzB,YAAY,CAAC,GAAG,SAAY;IAI5B,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;IAIxD,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;CAI5D;AACD,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,UAAU,CAAC;KACtB;CACF"}
+{"version":3,"file":"link-a.d.ts","sourceRoot":"","sources":["../../src/items/link-a.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,qBACa,UAAW,SAAQ,WAAW;IAC7B,MAAM,SAAM;IACK,OAAO,UAAS;IAC7C,MAAM,CAAC,MAAM,0BAsBX;IACF,YAAY;IAMZ,SAAS;IAUT,YAAY,CAAC,CAAC,EAAE,UAAU;IAY1B,SAAS,CAAC,GAAG,SAAY;IAIzB,YAAY,CAAC,GAAG,SAAY;IAI5B,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;IAIxD,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;CAI5D;AACD,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,UAAU,CAAC;KACtB;CACF"}

package/items/link-a.js

@@ -62,28 +62,29 @@ let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
         RouteView.updateAll();
     }
 };
-LinkAnchor.styles = css `
-  :host{
-    display: inline-block;
-    color:currentColor;
-    text-decoration: none;
-    cursor: default;
-  }
-  :host([href]){
-    cursor: pointer;
-  }
-  a{
-    width: 100%;
-    display: flex;
-    color: inherit;
-    text-decoration: inherit;
-    justify-content: space-between;
-    align-items: center;
-  }
-  i{
-    display: inline-flex;
-    border-radius: 20%;
-  }`;
+LinkAnchor.styles = css `
+    :host {
+      display: inline-block;
+      color: currentColor;
+      text-decoration: none;
+      cursor: default;
+    }
+    :host([href]) {
+      cursor: pointer;
+    }
+    a {
+      width: 100%;
+      display: flex;
+      color: inherit;
+      text-decoration: inherit;
+      justify-content: space-between;
+      align-items: center;
+    }
+    i {
+      display: inline-flex;
+      border-radius: 20%;
+    }
+  `;
 __decorate([
     property()
 ], LinkAnchor.prototype, "active", void 0);

package/items/load-track.d.ts

@@ -8,7 +8,7 @@ export declare class LoadTrack extends STD {
     modify: boolean;
     set value(val: string);
     get value(): string;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     parsePercent(s?: string | number): number;
     _handleClick(e: any): void;
 }

package/items/load-track.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"load-track.d.ts","sourceRoot":"","sources":["../../src/items/load-track.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAE3B,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,4FAoCV;IACM,OAAO,SAAM;IACb,OAAO,EAAE,OAAO,CAAS;IACN,GAAG,SAAK;IACR,GAAG,SAAK;IACP,MAAM,UAAS;IAC5C,IAAI,KAAK,CAAC,GAAG,QAAA,EASZ;IACD,IAAI,KAAK,WAER;IACD,MAAM;IAON,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;IAM9C,YAAY,CAAC,CAAC,KAAA;CAMf;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"load-track.d.ts","sourceRoot":"","sources":["../../src/items/load-track.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAE3B,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,4FAwCX;IACO,OAAO,SAAM;IACb,OAAO,EAAE,OAAO,CAAS;IACN,GAAG,SAAK;IACR,GAAG,SAAK;IACP,MAAM,UAAS;IAC5C,IAAI,KAAK,CAAC,GAAG,QAAA,EASZ;IACD,IAAI,KAAK,WAER;IACD,MAAM;IASN,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;IAM9C,YAAY,CAAC,CAAC,KAAA;CAMf;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/items/load-track.js

@@ -35,13 +35,15 @@ let LoadTrack = class LoadTrack extends STD {
             this.isValue = true;
             this.current = this.parsePercent(this.value);
         }
-        return html `<div class=${classMap({ value: this.isValue })} @click=${this._handleClick} ><i style="width:${this.current}%;"><slot></slot></i></div>`;
+        return html `<div class=${classMap({ value: this.isValue })} @click=${this._handleClick}>
+      <i style="width:${this.current}%;"><slot></slot></i>
+    </div>`;
     }
     parsePercent(s = "0") {
         if (String(s).includes("%")) {
             return parseFloat(String(s));
         }
-        return parseFloat(String(s)) / (this.max - this.min) * 100;
+        return (parseFloat(String(s)) / (this.max - this.min)) * 100;
     }
     _handleClick(e) {
         if (this.modify) {
@@ -50,43 +52,47 @@ let LoadTrack = class LoadTrack extends STD {
         }
     }
 };
-LoadTrack.styles = [InputFormSTD.styles, css `
-  :host,div{
-    display:inline-flex;
-  }
-  div {
-    position: relative;
-    width: 10em;
-    height: .5em;
-    border-radius: .25em;
-    background-color: var(${cssvar}--input-false);
-    z-index: 1;
-  }
-  div i {
-    position: absolute;
-    border-radius: inherit;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 20%;
-    background-color: var(${cssvar}--input-true);
-    z-index: 2;
-    transition: all .3s;
-    animation: progress 1.5s ease-in-out infinite alternate;
-  }
-  @keyframes progress {
-    from {
-      left: 0%;
-    }
-    to {
-      left: 80%;
-    }
-  }
-  div.value i {
-    animation: none;
-    width: 20% ;
-  }
-  `];
+LoadTrack.styles = [
+    InputFormSTD.styles,
+    css `
+      :host,
+      div {
+        display: inline-flex;
+      }
+      div {
+        position: relative;
+        width: 10em;
+        height: 0.5em;
+        border-radius: 0.25em;
+        background-color: var(${cssvar}--input-false);
+        z-index: 1;
+      }
+      div i {
+        position: absolute;
+        border-radius: inherit;
+        top: 0;
+        left: 0;
+        height: 100%;
+        width: 20%;
+        background-color: var(${cssvar}--input-true);
+        z-index: 2;
+        transition: all 0.3s;
+        animation: progress 1.5s ease-in-out infinite alternate;
+      }
+      @keyframes progress {
+        from {
+          left: 0%;
+        }
+        to {
+          left: 80%;
+        }
+      }
+      div.value i {
+        animation: none;
+        width: 20%;
+      }
+    `,
+];
 __decorate([
     state()
 ], LoadTrack.prototype, "current", void 0);

package/items/std.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/items/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,OAAO;CAAI"}
+{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/items/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,OAAO;CAAG"}