godown 2.3.1 → 2.4.0

package/items/avatar-a.js

@@ -4,9 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { css, cssvar, define, html, ifDefined, property } from "../deps.js";
+import { createScope, css, define, html, ifDefined, property } from "../deps.js";
 import { htmlSlot } from "../tmpl.js";
 import ItemsSTD from "./std.js";
+const defineName = "avatar-a";
+const cssvarScope = createScope(defineName);
 let AvatarAnchor = class AvatarAnchor extends ItemsSTD {
     constructor() {
         super(...arguments);
@@ -35,7 +37,7 @@ let AvatarAnchor = class AvatarAnchor extends ItemsSTD {
             name = name[0].toUpperCase() + name.slice(1);
             return html `<span>${name}</span>`;
         }
-        return html `<slot name="avatar"></slot>`;
+        return htmlSlot("avatar");
     }
     imgOnError(e) {
         if (this.def) {
@@ -46,45 +48,47 @@ let AvatarAnchor = class AvatarAnchor extends ItemsSTD {
         }
     }
 };
-AvatarAnchor.styles = css `
-    :host {
-      ${cssvar}--ava: 1.5em;
-      display: inline-flex;
-    }
+AvatarAnchor.styles = [
+    css `
+      :host {
+        ${cssvarScope}--ava: 1.5em;
+        display: inline-flex;
+      }
 
-    * {
-      border-radius: inherit;
-    }
+      * {
+        border-radius: inherit;
+      }
 
-    img {
-      width: 100%;
-      height: 100%;
-    }
+      img {
+        width: 100%;
+        height: 100%;
+      }
 
-    a {
-      height: var(${cssvar}--ava);
-      width: var(${cssvar}--ava);
-      color: inherit;
-      display: flex;
-      position: relative;
-      align-items: inherit;
-    }
+      a {
+        height: var(${cssvarScope}--ava);
+        width: var(${cssvarScope}--ava);
+        color: inherit;
+        display: flex;
+        position: relative;
+        align-items: inherit;
+      }
 
-    span {
-      position: absolute;
-      width: 100%;
-      text-align: center;
-    }
+      span {
+        position: absolute;
+        width: 100%;
+        text-align: center;
+      }
 
-    slot[name="mask"] {
-      position: absolute;
-      display: flex;
-      width: 100%;
-      height: 100%;
-      align-items: center;
-      justify-content: center;
-    }
-  `;
+      slot[name="mask"] {
+        position: absolute;
+        display: flex;
+        width: 100%;
+        height: 100%;
+        align-items: center;
+        justify-content: center;
+      }
+    `,
+];
 __decorate([
     property()
 ], AvatarAnchor.prototype, "src", void 0);
@@ -101,7 +105,7 @@ __decorate([
     property({ type: Number })
 ], AvatarAnchor.prototype, "more", void 0);
 AvatarAnchor = __decorate([
-    define("avatar-a")
+    define(defineName)
 ], AvatarAnchor);
 export { AvatarAnchor };
 export default AvatarAnchor;

package/items/avatar-a.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-a.js","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,QAAQ,MAAM,UAAU,CAAC;AAGzB,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAAnC;;QAwCO,QAAG,GAA8B,EAAE,CAAC;QACpC,QAAG,GAAW,SAAS,CAAC;QACxB,SAAI,GAAG,SAAS,CAAC;QACjB,SAAI,GAAG,EAAE,CAAC;QACM,SAAI,GAAG,CAAC,CAAC;IAgCvC,CAAC;IA9BC,MAAM;QACJ,OAAO,IAAI,CAAA;iBACE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,IAAI,QAAQ,CAAC,MAAM,CAAC;QACvE,QAAQ,EAAE;KACb,CAAC;IACJ,CAAC;IAED,SAAS;QACP,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;YAChD,OAAO,IAAI,CAAA,UAAU,IAAI,SAAS,CAAC;SACpC;QACD,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,GAAG,YAAY,IAAI,CAAC,UAAU,YAAY,CAAC;SACzE;QACD,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACjC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC7C,OAAO,IAAI,CAAA,SAAS,IAAI,SAAS,CAAC;SACnC;QACD,OAAO,IAAI,CAAA,6BAA6B,CAAC;IAC3C,CAAC;IAED,UAAU,CAAC,CAAa;QACtB,IAAI,IAAI,CAAC,GAAG,EAAE;YACX,CAAC,CAAC,MAA2B,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;SAC/C;aAAM;YACL,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;SACtB;IACH,CAAC;;AA1EM,mBAAM,GAAG,GAAG,CAAA;;QAEb,MAAM;;;;;;;;;;;;;;oBAcM,MAAM;mBACP,MAAM;;;;;;;;;;;;;;;;;;;;;GAqBtB,AAtCY,CAsCX;AACU;IAAX,QAAQ,EAAE;yCAAqC;AACpC;IAAX,QAAQ,EAAE;yCAAyB;AACxB;IAAX,QAAQ,EAAE;0CAAkB;AACjB;IAAX,QAAQ,EAAE;0CAAW;AACM;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAU;AA5C1B,YAAY;IADxB,MAAM,CAAC,UAAU,CAAC;GACN,YAAY,CA4ExB;;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"avatar-a.js","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAqB,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,UAAU,CAAC;AAC9B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAAnC;;QA0CO,QAAG,GAA8B,EAAE,CAAC;QACpC,QAAG,GAAW,SAAS,CAAC;QACxB,SAAI,GAAG,SAAS,CAAC;QACjB,SAAI,GAAG,EAAE,CAAC;QACM,SAAI,GAAG,CAAC,CAAC;IAgCvC,CAAC;IA9BW,MAAM;QACd,OAAO,IAAI,CAAA;iBACE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,IAAI,QAAQ,CAAC,MAAM,CAAC;QACvE,QAAQ,EAAE;KACb,CAAC;IACJ,CAAC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;YAChD,OAAO,IAAI,CAAA,UAAU,IAAI,SAAS,CAAC;SACpC;QACD,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,GAAG,YAAY,IAAI,CAAC,UAAU,YAAY,CAAC;SACzE;QACD,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACjC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC7C,OAAO,IAAI,CAAA,SAAS,IAAI,SAAS,CAAC;SACnC;QACD,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC;IAED,UAAU,CAAC,CAAa;QACtB,IAAI,IAAI,CAAC,GAAG,EAAE;YACX,CAAC,CAAC,MAA2B,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;SAC/C;aAAM;YACL,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;SACtB;IACH,CAAC;;AA5EM,mBAAM,GAAG;IACd,GAAG,CAAA;;UAEG,WAAW;;;;;;;;;;;;;;sBAcC,WAAW;qBACZ,WAAW;;;;;;;;;;;;;;;;;;;;;KAqB3B;CACF,AAxCY,CAwCX;AACU;IAAX,QAAQ,EAAE;yCAAqC;AACpC;IAAX,QAAQ,EAAE;yCAAyB;AACxB;IAAX,QAAQ,EAAE;0CAAkB;AACjB;IAAX,QAAQ,EAAE;0CAAW;AACM;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAU;AA9C1B,YAAY;IADxB,MAAM,CAAC,UAAU,CAAC;GACN,YAAY,CA8ExB;;AAED,eAAe,YAAY,CAAC"}

package/items/base-button.d.ts

@@ -1,3 +1,4 @@
+import { type HTMLTemplate } from "../tmpl.js";
 import ItemsSTD from "./std.js";
 declare const colors: {
     black: string[];
@@ -18,10 +19,10 @@ export declare class BaseButton extends ItemsSTD {
     _i: HTMLElement;
     _b: HTMLElement;
     _div: HTMLButtonElement;
-    render(): import("lit").TemplateResult<1>;
+    protected render(): HTMLTemplate;
     focus(): void;
     blur(): void;
-    firstUpdated(): void;
+    protected firstUpdated(): void;
     protected _handleModal(e: MouseEvent): void;
     protected _handleClick(e: MouseEvent): void;
 }

package/items/base-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../src/items/base-button.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAGhC,QAAA,MAAM,MAAM;;;;;;;CAOX,CAAC;AAIF,qBACa,UAAW,SAAQ,QAAQ;IACM,QAAQ,UAAS;IACjB,OAAO,UAAS;IAChB,KAAK,UAAS;IACd,MAAM,UAAS;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAC/D,IAAI,SAAM;IACtB,MAAM,CAAC,MAAM,4BAwGX;IACU,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IAEtC,MAAM;IAaN,KAAK;IAIL,IAAI;IAIJ,YAAY;IAcZ,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAapC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAOrC;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../src/items/base-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAMhC,QAAA,MAAM,MAAM;;;;;;;CAOX,CAAC;AAIF,qBACa,UAAW,SAAQ,QAAQ;IACM,QAAQ,UAAS;IACjB,OAAO,UAAS;IAChB,KAAK,UAAS;IACd,MAAM,UAAS;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAC/D,IAAI,SAAM;IACtB,MAAM,CAAC,MAAM,4BA0GX;IACU,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IAEtC,SAAS,CAAC,MAAM,IAAI,YAAY;IAahC,KAAK;IAIL,IAAI;IAIJ,SAAS,CAAC,YAAY;IAStB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAepC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAOrC;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/items/base-button.js

@@ -4,9 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { constructCSS, css, cssvar, define, html, property, query, unsafeCSS } from "../deps.js";
+import { constructCSS, createScope, css, define, html, property, query, unsafeCSS } from "../deps.js";
 import { htmlSlot, htmlStyle } from "../tmpl.js";
 import ItemsSTD from "./std.js";
+const defineName = "base-button";
+const cssvarScope = createScope(defineName);
 const vars = ["--color", "--background", "--box-shadow", "--ghost-color"];
 const colors = {
     black: ["#fff", "linear-gradient(45deg, rgb(41 40 40), #2d3034)", "-2px 2px 5px 0px rgb(0 0 0 / 20%), 2px -2px 5px 0 rgb(99 99 99 / 20%)", "rgb(0 0 0 / 80%)"],
@@ -16,7 +18,7 @@ const colors = {
     blue: ["#fff", "linear-gradient(45deg, rgb(22 119 255 / 85%), rgb(21 198 198 / 65%))", "-2px 2px 5px 0px rgb(92 182 255 / 20%), 2px -2px 5px 0 rgb(135 232 222 / 20%)", "rgb(42 141 221 / 80%)"],
     yellow: ["#fff", "linear-gradient(45deg, rgb(223 194 0 / 85%), rgb(230 255 0 / 65%))", "-2px 2px 5px 0px rgb(214 203 55 / 20%), 2px -2px 5px 0 rgb(202 203 137 / 20%)", "rgb(237 224 43 / 80%)"],
 };
-const outlineBoxShadow = `0 0 0 var(${cssvar}--ghost-width) var(${cssvar}--ghost-color);`;
+const outlineBoxShadow = unsafeCSS(`0 0 0 var(${cssvarScope}--ghost-width) var(${cssvarScope}--ghost-color);`);
 let BaseButton = class BaseButton extends ItemsSTD {
     constructor() {
         super(...arguments);
@@ -46,11 +48,6 @@ let BaseButton = class BaseButton extends ItemsSTD {
         this.active = false;
     }
     firstUpdated() {
-        const padding = getComputedStyle(this).padding;
-        if (padding) {
-            this._slot.style.padding = padding;
-            this.style.padding = "0px";
-        }
         if (this.outline) {
             this.addEvent(window, "click", this._handleClick.bind(this));
         }
@@ -64,7 +61,9 @@ let BaseButton = class BaseButton extends ItemsSTD {
             return;
         }
         this.blur();
-        const size = `${Math.max(this._div.offsetHeight, this._div.offsetWidth) * 2.8285}px`;
+        const a = this._div.offsetHeight + 1;
+        const b = this._div.offsetWidth + 1;
+        const size = `${Math.sqrt(a * a + b * b) * 2}px`;
         const translate = `translate(calc(-50% + ${e.offsetX}px), calc(-50% + ${e.offsetY}px))`;
         this._b.style.width = size;
         this._b.style.height = size;
@@ -81,16 +80,17 @@ let BaseButton = class BaseButton extends ItemsSTD {
     }
 };
 BaseButton.styles = [
-    unsafeCSS(constructCSS(vars, colors, (raw) => `:host([color="${raw}"])`, (k, v) => `${cssvar}${k}:${v}`)),
+    unsafeCSS(constructCSS(vars, colors, (raw) => `:host([color="${raw}"])`, (k, v) => `${cssvarScope}${k}:${v}`)),
     css `
       :host {
-        ${cssvar}--ghost-width: 4px;
-        ${cssvar}--modal-opacity: .18;
-        ${cssvar}--modal-opacity-end: 0;
-        ${cssvar}--modal-animation-duration: .8s;
-        color: var(${cssvar}--color);
-        background: var(${cssvar}--background);
-        box-shadow: var(${cssvar}--box-shadow);
+        ${cssvarScope}--padding: .125em .25em;
+        ${cssvarScope}--ghost-width: .15em;
+        ${cssvarScope}--modal-opacity: .15;
+        ${cssvarScope}--modal-opacity-end: 0;
+        ${cssvarScope}--modal-animation-duration: .8s;
+        color: var(${cssvarScope}--color);
+        background: var(${cssvarScope}--background);
+        box-shadow: var(${cssvarScope}--box-shadow);
         display: inline-flex;
         width: fit-content;
         border-radius: 4px;
@@ -107,6 +107,7 @@ BaseButton.styles = [
       }
 
       div {
+        padding: var(${cssvarScope}--padding);
         width: 100%;
         height: 100%;
         position: relative;
@@ -126,7 +127,7 @@ BaseButton.styles = [
         border-radius: 50%;
         transform: translate(0, 0);
         background: currentColor;
-        opacity: var(${cssvar}--modal-opacity-end);
+        opacity: var(${cssvarScope}--modal-opacity-end);
       }
 
       b {
@@ -139,7 +140,7 @@ BaseButton.styles = [
       :host([active]) i {
         visibility: visible;
         animation-name: i;
-        animation-duration: var(${cssvar}--modal-animation-duration);
+        animation-duration: var(${cssvarScope}--modal-animation-duration);
       }
 
       p {
@@ -147,34 +148,34 @@ BaseButton.styles = [
       }
 
       :host([ghost]) p {
-        background-image: var(${cssvar}--background);
+        background-image: var(${cssvarScope}--background);
         background-clip: text;
         -webkit-background-clip: text;
         color: transparent;
       }
 
       :host([ghost]) {
-        ${cssvar}--modal-opacity: .2;
+        ${cssvarScope}--modal-opacity: .2;
         background: transparent;
-        box-shadow: ${unsafeCSS(outlineBoxShadow)};
+        box-shadow: ${outlineBoxShadow};
       }
 
       :host([ghost]) i {
-        background: var(${cssvar}--ghost-color);
+        background: var(${cssvarScope}--ghost-color);
       }
 
       @keyframes i {
         0% {
           transform: scale(0);
-          opacity: var(${cssvar}--modal-opacity);
+          opacity: var(${cssvarScope}--modal-opacity);
         }
         100% {
           transform: scale(1);
-          opacity: var(${cssvar}--modal-opacity-end);
+          opacity: var(${cssvarScope}--modal-opacity-end);
         }
       }
       :host([outline]) {
-        ${cssvar}--modal-opacity-end:var( ${cssvar}--modal-opacity);
+        ${cssvarScope}--modal-opacity-end:var( ${cssvarScope}--modal-opacity);
       }
     `,
 ];
@@ -206,7 +207,7 @@ __decorate([
     query("div")
 ], BaseButton.prototype, "_div", void 0);
 BaseButton = __decorate([
-    define("base-button")
+    define(defineName)
 ], BaseButton);
 export { BaseButton };
 export default BaseButton;

package/items/base-button.js.map

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

package/items/card-item.d.ts

@@ -0,0 +1,27 @@
+import { type CSSResultGroup } from "../deps.js";
+import { type HTMLTemplate } from "../tmpl.js";
+import ItemsSTD from "./std.js";
+export declare class CardItem extends ItemsSTD {
+    static styles: CSSResultGroup;
+    rotate: boolean;
+    protected _main: HTMLElement;
+    protected _aside: HTMLElement;
+    protected render(): HTMLTemplate;
+    protected firstUpdated(): void;
+    /**
+     * Cancel the aside offset
+     */
+    reset(): void;
+    /**
+     * Offset aside
+     * @param e Mouse move event
+     */
+    protected _drawRotate(e: MouseEvent): void;
+}
+export default CardItem;
+declare global {
+    interface HTMLElementTagNameMap {
+        "card-item": CardItem;
+    }
+}
+//# sourceMappingURL=card-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-item.d.ts","sourceRoot":"","sources":["../../src/items/card-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAA+C,MAAM,YAAY,CAAC;AAChH,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAKhC,qBACa,QAAS,SAAQ,QAAQ;IACpC,MAAM,CAAC,MAAM,iBA+CO;IACS,MAAM,UAAS;IAC7B,SAAS,CAAC,KAAK,EAAG,WAAW,CAAC;IAC7B,SAAS,CAAC,MAAM,EAAG,WAAW,CAAC;IAE/C,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,SAAS,CAAC,YAAY;IAUtB;;OAEG;IACH,KAAK;IAKL;;;OAGG;IACH,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;CAUpC;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/items/card-item.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;
+};
+import { createScope, css, cssvarValues, define, html, property, query } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
+import ItemsSTD from "./std.js";
+const defineName = "card-item";
+const cssvarScope = createScope(defineName);
+let CardItem = class CardItem extends ItemsSTD {
+    constructor() {
+        super(...arguments);
+        this.rotate = false;
+    }
+    render() {
+        return html `<div>
+      <aside></aside>
+      <main>${htmlSlot("header")} ${htmlSlot()} ${htmlSlot("footer")}</main>
+    </div>`;
+    }
+    firstUpdated() {
+        if (this.rotate) {
+            this.addEvent(this._main, "mousemove", (e) => {
+                this._drawRotate(e);
+                this._main.style.transition = "none";
+            });
+            this.addEvent(this._aside, "mouseleave", this.reset.bind(this));
+        }
+    }
+    /**
+     * Cancel the aside offset
+     */
+    reset() {
+        this._main.style.transition = ".5s";
+        this._main.style.transform = "none";
+    }
+    /**
+     * Offset aside
+     * @param e Mouse move event
+     */
+    _drawRotate(e) {
+        const { left, top, width, height } = this._main.getBoundingClientRect();
+        const { clientX, clientY } = e;
+        const offsetX = clientX - left;
+        const offsetY = clientY - top;
+        const rotate = 30;
+        const rotateX = -(rotate * (offsetY - height / 2)) / height / 1.5;
+        const rotateY = (rotate * (offsetX - width / 2)) / width / 1.5;
+        this._main.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
+    }
+};
+CardItem.styles = [
+    ItemsSTD.styles,
+    css `
+      :host {
+        ${cssvarScope}--offset: .25em;
+        ${cssvarScope}--background: var(${cssvarValues.main});
+        ${cssvarScope}--wapper-background: none;
+        ${cssvarScope}--outline: 0;
+        ${cssvarScope}--box-shadow: 0 0 .5em 0 rgba(var(${cssvarValues.mainRGB}) 0.5);
+        margin: auto;
+        display: block;
+        width: fit-content;
+      }
+
+      * {
+        border-radius: inherit;
+        min-height: inherit;
+        min-width: inherit;
+      }
+
+      main {
+        outline: var(${cssvarScope}--outline);
+        box-shadow: var(${cssvarScope}--box-shadow);
+        background: var(${cssvarScope}--background);
+      }
+
+      aside {
+        box-sizing: content-box;
+        z-index: -1;
+        height: 100%;
+        width: 100%;
+        position: absolute;
+        background: var(${cssvarScope}--wapper-background);
+        filter: blur(1em);
+        padding: var(${cssvarScope}--offset);
+        margin: calc(-1 * var(${cssvarScope}--offset));
+      }
+
+      div {
+        width: fit-content;
+        position: relative;
+      }
+
+      i {
+        position: absolute;
+      }
+    `,
+];
+__decorate([
+    property({ type: Boolean })
+], CardItem.prototype, "rotate", void 0);
+__decorate([
+    query("main")
+], CardItem.prototype, "_main", void 0);
+__decorate([
+    query("aside")
+], CardItem.prototype, "_aside", void 0);
+CardItem = __decorate([
+    define(defineName)
+], CardItem);
+export { CardItem };
+export default CardItem;
+//# sourceMappingURL=card-item.js.map

package/items/card-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-item.js","sourceRoot":"","sources":["../../src/items/card-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAuB,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAChH,OAAO,EAAE,QAAQ,EAAqB,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,QAAQ;IAA/B;;QAiDwB,WAAM,GAAG,KAAK,CAAC;IA2C9C,CAAC;IAvCW,MAAM;QACd,OAAO,IAAI,CAAA;;cAED,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,EAAE,IAAI,QAAQ,CAAC,QAAQ,CAAC;WACzD,CAAC;IACV,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CAAa,EAAE,EAAE;gBACvD,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBACpB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;YACvC,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;SACjE;IACH,CAAC;IAED;;OAEG;IACH,KAAK;QACH,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;QACpC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACtC,CAAC;IAED;;;OAGG;IACO,WAAW,CAAC,CAAa;QACjC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC;QACxE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;QAC/B,MAAM,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;QAC/B,MAAM,OAAO,GAAG,OAAO,GAAG,GAAG,CAAC;QAC9B,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,GAAG,CAAC;QAClE,MAAM,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC;QAC/D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,WAAW,OAAO,gBAAgB,OAAO,MAAM,CAAC;IAC/E,CAAC;;AA1FM,eAAM,GAAG;IACd,QAAQ,CAAC,MAAM;IACf,GAAG,CAAA;;UAEG,WAAW;UACX,WAAW,qBAAqB,YAAY,CAAC,IAAI;UACjD,WAAW;UACX,WAAW;UACX,WAAW,qCAAqC,YAAY,CAAC,OAAO;;;;;;;;;;;;;uBAavD,WAAW;0BACR,WAAW;0BACX,WAAW;;;;;;;;;0BASX,WAAW;;uBAEd,WAAW;gCACF,WAAW;;;;;;;;;;;KAWtC;CACgB,AA/CN,CA+CO;AACS;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCAAgB;AACnB;IAAxB,KAAK,CAAC,MAAM,CAAC;uCAA+B;AACnB;IAAzB,KAAK,CAAC,OAAO,CAAC;wCAAgC;AAnDpC,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CA4FpB;;AAED,eAAe,QAAQ,CAAC"}

package/items/dialog-item.d.ts

@@ -1,7 +1,8 @@
+import { type HTMLTemplate } from "../deps.js";
 import ItemsSTD from "./std.js";
-import { PropertyValueMap } from "lit";
+import type { PropertyValueMap } from "lit";
 export declare class DialogItem extends ItemsSTD {
-    static styles: import("lit").CSSResult;
+    static styles: import("lit").CSSResult[];
     modal: boolean;
     open: boolean;
     scale: boolean;
@@ -9,7 +10,7 @@ export declare class DialogItem extends ItemsSTD {
     key: string;
     call: "left" | "center" | "right" | "top" | "bottom";
     _div: HTMLDivElement;
-    render(): import("lit").TemplateResult<1>;
+    protected render(): HTMLTemplate;
     connectedCallback(): 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,QAAQ,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAEvC,qBACa,UAAW,SAAQ,QAAQ;IACtC,MAAM,CAAC,MAAM,0BA2EX;IAC0C,KAAK,UAAS;IACd,IAAI,UAAS;IAC5B,KAAK,UAAS;IACf,GAAG,SAAO;IACV,GAAG,SAAY;IACf,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAY;IAC9E,IAAI,EAAE,cAAc,CAAC;IAEnC,MAAM;IAMN,iBAAiB;IAcjB,IAAI;IAIJ,SAAS;IAKT,KAAK;IAIL,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAOtF,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG;IAgB7B,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa;IAOzC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW;CAKvC;AAED,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":"AAAA,OAAO,EAAmC,KAAK,YAAY,EAAmB,MAAM,YAAY,CAAC;AACjG,OAAO,QAAQ,MAAM,UAAU,CAAC;AAChC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAI5C,qBACa,UAAW,SAAQ,QAAQ;IACtC,MAAM,CAAC,MAAM,4BA6EX;IAC0C,KAAK,UAAS;IACd,IAAI,UAAS;IAC5B,KAAK,UAAS;IACf,GAAG,SAAO;IACV,GAAG,SAAY;IACf,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAY;IAC9E,IAAI,EAAE,cAAc,CAAC;IAEnC,SAAS,CAAC,MAAM,IAAI,YAAY;IAMhC,iBAAiB;IAcjB,IAAI;IAIJ,SAAS;IAKT,KAAK;IAIL,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAOtF,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG;IAgB7B,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa;IAOzC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW;CAKvC;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}