godown 3.3.0 → 3.5.0

package/dev/components/switch.js

@@ -1,106 +1,84 @@
 import { __decorate } from "tslib";
-import { attr, godown, styles } from "@godown/element";
+import { attr, godown, omit, styles } from "@godown/element";
 import { css, html } from "lit";
-import { property, query } from "lit/decorators.js";
+import { property } from "lit/decorators.js";
 import { cssGlobalVars, scopePrefix } from "../core/global-style.js";
-import SuperInput from "../core/super-input.js";
+import { SuperInput } from "../core/super-input.js";
 const protoName = "switch";
 const cssScope = scopePrefix(protoName);
 /**
  * {@linkcode Switch} renders a switch.
  *
- * The switch is rectangular by default,
- * set the round property to rounded switch.
- *
  * @fires change - Fires when the switch is switched.
  * @category input
  */
 let Switch = class Switch extends SuperInput {
     constructor() {
         super(...arguments);
-        /**
-         * Display rounded.
-         */
-        this.round = false;
-        /**
-         * Whether this element is selected or not.
-         */
-        this.checked = false;
-        /**
-         * Disable this element.
-         */
-        this.disabled = false;
         /**
          * Default checked state.
          */
-        this.default = "false";
+        this.default = false;
         /**
-         * Input value.
+         * The current value of the switch component. Reflects the "checked" attribute.
          */
-        this.value = "on";
+        this.value = false;
+    }
+    set checked(v) {
+        this.value = v;
+    }
+    get checked() {
+        return this.value;
+    }
+    get observedRecord() {
+        return omit(super.observedRecord, "outline-type");
     }
     render() {
         return html `
       <div
         part="root"
         ${attr(this.observedRecord)}
-        class="${this.round ? "round" : "rect"}"
+        class="round"
       >
         <input
           part="input"
           type="checkbox"
           ?disabled="${this.disabled}"
-          ?checked="${this.checked}"
-          name="${this.name}"
+          ?checked="${this.value}"
           id="${this.makeId}"
           @change="${this._handleChange}"
         />
-        <span
-          part="handle"
-          class="${this.checked}"
-        ></span>
+        <span part="handle"></span>
       </div>
     `;
     }
     reset() {
-        this.checked = this.default === "true";
-        this._input.checked = this.checked;
+        this.value = this.default;
+        this._input.checked = this.value;
     }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.checked) {
-            this.default = "true";
+    _connectedInit() {
+        if (this.default) {
+            this.value = true;
         }
-        if (this.default === "true") {
-            this.checked = true;
+        else {
+            if (this.value) {
+                this.value = true;
+                this.default = true;
+            }
         }
     }
     _handleChange() {
-        this.checked = this._input.checked;
-        this.dispatchEvent(new CustomEvent("change", { detail: this.checked, composed: true }));
-    }
-    namevalue() {
-        return [this.name, this.checked];
+        const { checked } = this._input;
+        this.value = checked;
+        this.dispatchCustomEvent("change", this.value);
     }
 };
 __decorate([
-    property({ type: Boolean, reflect: true })
-], Switch.prototype, "round", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Switch.prototype, "checked", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Switch.prototype, "disabled", void 0);
-__decorate([
-    property()
+    property({ type: Boolean })
 ], Switch.prototype, "default", void 0);
 __decorate([
-    property()
+    property({ type: Boolean, attribute: "checked", reflect: true })
 ], Switch.prototype, "value", void 0);
-__decorate([
-    query("input")
-], Switch.prototype, "_input", void 0);
 Switch = __decorate([
     godown(protoName),
     styles(css `
@@ -115,71 +93,52 @@ Switch = __decorate([
     ${cssScope}-width: 3em;
     ${cssScope}-height: calc(var(${cssScope}-width) / 2);
     ${cssScope}-handle-size: 1.25em;
-    ${cssScope}-handle-space: .125em;
+    ${cssScope}-handle-space: calc(var(${cssScope}-width) / 4 - var(${cssScope}-handle-size) / 2);
     ${cssScope}-transition: .2s ease-in-out;
-    background: var(${cssGlobalVars.input}-background);
+    border-radius: calc(var(${cssScope}-height) / 2);
+    background: var(${cssGlobalVars.passive});
     vertical-align: bottom;
-    border-radius: 0;
+    transition: 0.2s ease-in-out;
+    transition-property: background, left;
   }
 
-  [part="root"],
-  [part="handle"] {
-    transition: var(${cssScope}-transition);
+  :host([checked]) {
+    background: var(${cssGlobalVars.active});
   }
 
   [part="root"] {
-    border-radius: inherit;
-    position: relative;
     height: inherit;
-  }
-
-  [part="input"] {
-    opacity: 0;
-    width: 100%;
-    height: 100%;
-    appearance: none;
+    display: flex;
+    align-items: center;
+    position: relative;
+    transition: inherit;
   }
 
   [part="handle"] {
-    height: 100%;
-    display: inline-flex;
+    display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
+    transition: inherit;
     left: 0;
-    width: 50%;
+    top: 50%;
     pointer-events: none;
-    border-radius: inherit;
-  }
-
-  :host([round]) {
-    border-radius: calc(var(${cssScope}-height) / 2);
-    background: var(${cssGlobalVars.passive});
+    border-radius: 100%;
+    background: currentColor;
+    --size: var(${cssScope}-handle-size);
+    width: var(--size);
+    height: var(--size);
+    transform: translateY(-50%) translateX(var(${cssScope}-handle-space));
   }
 
   :host([checked]) [part="handle"] {
     left: 50%;
   }
 
-  .rect .true {
-    background: var(${cssGlobalVars.active});
-  }
-
-  .rect .false {
-    background: var(${cssGlobalVars.passive});
-  }
-
-  .round [part="handle"] {
-    --size: var(${cssScope}-handle-size);
-    border-radius: 100%;
-    background: var(--godown--input-control);
-    width: var(--size);
-    height: var(--size);
-    margin: var(${cssScope}-handle-space);
-  }
-
-  :host([checked]) .round {
-    background: var(${cssGlobalVars.active});
+  [part="input"] {
+    opacity: 0;
+    width: 100%;
+    height: 100%;
   }
 `)
 ], Switch);

package/dev/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,SAAS,GAAG,QAAQ,CAAC;AAC3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;GAKG;AA8DH,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAmB;IAAxC;;QAcE;;WAEG;QAEH,YAAO,GAAG,KAAK,CAAC;QAEhB;;WAEG;QAEH,UAAK,GAAG,KAAK,CAAC;IA+ChB,CAAC;IAjEC,IAAI,OAAO,CAAC,CAAU;QACpB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;IACjB,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAcD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;IACpD,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;;;;;uBAMZ,IAAI,CAAC,QAAQ;sBACd,IAAI,CAAC,KAAK;gBAChB,IAAI,CAAC,MAAM;qBACN,IAAI,CAAC,aAAa;;;;KAIlC,CAAC;IACJ,CAAC;IAED,KAAK;QACH,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;IACnC,CAAC;IAES,cAAc;QACtB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,CAAC;aAAM,CAAC;YACN,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;gBAClB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACtB,CAAC;QACH,CAAC;IACH,CAAC;IAES,aAAa;QACrB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;QAChC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;QACrB,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC;CACF,CAAA;AArDC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACZ;AAMhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCACnD;AAxBV,MAAM;IA7DX,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;iBAGM,QAAQ;kBACP,QAAQ;;;;;MAKpB,QAAQ;MACR,QAAQ,qBAAqB,QAAQ;MACrC,QAAQ;MACR,QAAQ,2BAA2B,QAAQ,qBAAqB,QAAQ;MACxE,QAAQ;8BACgB,QAAQ;sBAChB,aAAa,CAAC,OAAO;;;;;;;sBAOrB,aAAa,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;kBAsBxB,QAAQ;;;iDAGuB,QAAQ;;;;;;;;;;;;CAYxD,CAAC;GACI,MAAM,CAuEX;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dev/components/time.d.ts

@@ -22,11 +22,11 @@ declare class Time extends GlobalStyle {
     /**
      * If there is a value, update every gap or timeout.
      */
-    timeout: any;
+    timeout: number;
     /**
      * The number of milliseconds that change with each update.
      */
-    gap: any;
+    gap: number;
     protected timeoutId: number;
     protected render(): TemplateResult<1>;
     protected updated(changedProperties: PropertyValues): void;

package/dev/components/time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/components/time.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAMM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,SAAO;IAEb;;OAEG;IAEH,MAAM,SAAyB;IAE/B;;OAEG;IAEH,IAAI,EAAE,IAAI,CAAc;IAExB;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAEb;;OAEG;IAEH,GAAG,EAAE,GAAG,CAAC;IAET,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAWrC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;CAW3D;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/components/time.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAMM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,SAAO;IAEb;;OAEG;IAEH,MAAM,SAAyB;IAE/B;;OAEG;IAEH,IAAI,EAAE,IAAI,CAAc;IAExB;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAWrC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;CAW3D;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dev/components/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.js","sourceRoot":"","sources":["../../src/components/time.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAA4C,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;;GAKG;AAOH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QACE;;WAEG;QAEH,WAAM,GAAG,GAAG,CAAC;QAEb;;WAEG;QAEH,WAAM,GAAG,qBAAqB,CAAC;QAE/B;;WAEG;QAEH,SAAI,GAAS,IAAI,IAAI,EAAE,CAAC;IAsC1B,CAAC;IAtBW,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;UAEzB,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;;KAEhD,CAAC;IACJ,CAAC;IAES,OAAO,CAAC,iBAAiC;QACjD,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACrD,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACrC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAChC,WAAW,CAAC,GAAG,EAAE;gBACf,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;gBACnF,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;YACzE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAC3B,CAAC;QACJ,CAAC;IACH,CAAC;CACF,CAAA;AAlDC;IADC,QAAQ,EAAE;oCACE;AAMb;IADC,QAAQ,EAAE;oCACoB;AAM/B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCACH;AAMxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACd;AAMb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iCAClB;AA7BL,IAAI;IANT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;;CAIV,CAAC;GACI,IAAI,CAuDT;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"time.js","sourceRoot":"","sources":["../../src/components/time.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAA4C,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;;GAKG;AAOH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QACE;;WAEG;QAEH,WAAM,GAAG,GAAG,CAAC;QAEb;;WAEG;QAEH,WAAM,GAAG,qBAAqB,CAAC;QAE/B;;WAEG;QAEH,SAAI,GAAS,IAAI,IAAI,EAAE,CAAC;IAsC1B,CAAC;IAtBW,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;UAEzB,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;;KAEhD,CAAC;IACJ,CAAC;IAES,OAAO,CAAC,iBAAiC;QACjD,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACrD,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACrC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAChC,WAAW,CAAC,GAAG,EAAE;gBACf,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;gBACnF,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;YACzE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAC3B,CAAC;QACJ,CAAC;IACH,CAAC;CACF,CAAA;AAlDC;IADC,QAAQ,EAAE;oCACE;AAMb;IADC,QAAQ,EAAE;oCACoB;AAM/B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCACH;AAMxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACX;AAMhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iCACf;AA7BR,IAAI;IANT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;;CAIV,CAAC;GACI,IAAI,CAuDT;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dev/components/tooltip.d.ts

@@ -1,5 +1,6 @@
 import { type TemplateResult } from "lit";
-import SuperOpenable, { type Direction8 } from "../core/super-openable.js";
+import { SuperOpenable } from "../core/super-openable.js";
+import { type DirectionCardinal, type DirectionCorner } from "../core/direction.js";
 /**
  * {@linkcode Tooltip} provide tooltip for slot elements.
  *
@@ -17,7 +18,7 @@ declare class Tooltip extends SuperOpenable {
     /**
      * Direction of opening the tip.
      */
-    direction: Direction8;
+    direction: DirectionCardinal | DirectionCorner;
     /**
      * Content alignment.
      */

package/dev/components/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;GAQG;AACH,cA0DM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,SAAS,EAAE,UAAU,CAAS;IAE9B;;OAEG;IAEH,KAAK,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAY;IAEzE;;OAEG;IAEH,WAAW,UAAS;IAEpB;;;;;;;;OAQG;IAEH,IAAI,EAAE,OAAO,GAAG,OAAO,CAAW;IAElC,MAAM,CAAC,MAAM;;;;;;MAMX;IAEF,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAyBtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,eAAe,EAAwB,MAAM,sBAAsB,CAAC;AAK1G;;;;;;;;GAQG;AACH,cA0CM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,SAAS,EAAE,iBAAiB,GAAG,eAAe,CAAS;IAEvD;;OAEG;IAEH,KAAK,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAY;IAEzE;;OAEG;IAEH,WAAW,UAAS;IAEpB;;;;;;;;OAQG;IAEH,IAAI,EAAE,OAAO,GAAG,OAAO,CAAW;IAElC,MAAM,CAAC,MAAM;;;;;;MAMX;IAEF,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CA4BtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dev/components/tooltip.js

@@ -4,7 +4,8 @@ import { attr, godown, htmlSlot, styles } from "@godown/element";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { scopePrefix } from "../core/global-style.js";
-import SuperOpenable from "../core/super-openable.js";
+import { SuperOpenable } from "../core/super-openable.js";
+import { directionOutsetPlace } from "../core/direction.js";
 const protoName = "tooltip";
 const cssScope = scopePrefix(protoName);
 /**
@@ -57,7 +58,10 @@ let Tooltip = Tooltip_1 = class Tooltip extends SuperOpenable {
         style="justify-content:${align};align-items:${align}"
       >
         ${htmlSlot()}
-        <div part="tip">
+        <div
+          part="tip"
+          direction-outset-place
+        >
           ${this.tip
             ? html `
                 <span class="passive">${this.tip}</span>
@@ -92,7 +96,7 @@ __decorate([
 ], Tooltip.prototype, "type", void 0);
 Tooltip = Tooltip_1 = __decorate([
     godown(protoName),
-    styles(css `
+    styles(directionOutsetPlace, css `
     :host {
       ${cssScope}--tip-background: inherit;
       width: fit-content;
@@ -129,22 +133,6 @@ Tooltip = Tooltip_1 = __decorate([
     [propagation] [part="tip"] {
       pointer-events: none;
     }
-  `, css `
-    [direction^="top"] [part="tip"] {
-      bottom: 100%;
-    }
-
-    [direction^="bottom"] [part="tip"] {
-      top: 100%;
-    }
-
-    [direction$="right"] [part="tip"] {
-      left: 100%;
-    }
-
-    [direction$="left"] [part="tip"] {
-      right: 100%;
-    }
   `)
 ], Tooltip);
 export default Tooltip;

package/dev/components/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,aAAkC,MAAM,2BAA2B,CAAC;AAE3E,MAAM,SAAS,GAAG,SAAS,CAAC;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;GAQG;AA2DH,IAAM,OAAO,eAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QAOE;;WAEG;QAEH,cAAS,GAAe,KAAK,CAAC;QAE9B;;WAEG;QAEH,UAAK,GAA2D,QAAQ,CAAC;QAEzE;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAEpB;;;;;;;;WAQG;QAEH,SAAI,GAAsB,OAAO,CAAC;IAmCpC,CAAC;IAzBW,MAAM;QACd,MAAM,KAAK,GAAG,SAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC;QACtD,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;QAC1C,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;oBACf,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;kBACtB,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;iBAC9C,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;uBACxC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;uBAC7C,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;iCACpC,KAAK,gBAAgB,KAAK;;UAEjD,QAAQ,EAAE;;YAER,IAAI,CAAC,GAAG;YACR,CAAC,CAAC,IAAI,CAAA;wCACsB,IAAI,CAAC,GAAG;eACjC;YACH,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;;;KAGxB,CAAC;IACJ,CAAC;;AAhCM,cAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,YAAY;IAC1B,UAAU,EAAE,UAAU;CACvB,AANY,CAMX;AAtCF;IADC,QAAQ,EAAE;oCACC;AAMZ;IADC,QAAQ,EAAE;0CACmB;AAM9B;IADC,QAAQ,EAAE;sCAC8D;AAMzE;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACR;AAYpB;IADC,QAAQ,EAAE;qCACuB;AAnC9B,OAAO;IA1DZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA6BQ,QAAQ;;;;;;GAM7B,EACD,GAAG,CAAA;;;;;;;;;;;;;;;;GAgBF,CACF;GACK,OAAO,CAsEZ;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAgD,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE1G,MAAM,SAAS,GAAG,SAAS,CAAC;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;GAQG;AA2CH,IAAM,OAAO,eAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QAOE;;WAEG;QAEH,cAAS,GAAwC,KAAK,CAAC;QAEvD;;WAEG;QAEH,UAAK,GAA2D,QAAQ,CAAC;QAEzE;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAEpB;;;;;;;;WAQG;QAEH,SAAI,GAAsB,OAAO,CAAC;IAsCpC,CAAC;IA5BW,MAAM;QACd,MAAM,KAAK,GAAG,SAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC;QACtD,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;QAC1C,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;oBACf,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;kBACtB,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;iBAC9C,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;uBACxC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;uBAC7C,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;iCACpC,KAAK,gBAAgB,KAAK;;UAEjD,QAAQ,EAAE;;;;;YAKR,IAAI,CAAC,GAAG;YACR,CAAC,CAAC,IAAI,CAAA;wCACsB,IAAI,CAAC,GAAG;eACjC;YACH,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;;;KAGxB,CAAC;IACJ,CAAC;;AAnCM,cAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,YAAY;IAC1B,UAAU,EAAE,UAAU;CACvB,AANY,CAMX;AAtCF;IADC,QAAQ,EAAE;oCACC;AAMZ;IADC,QAAQ,EAAE;0CAC4C;AAMvD;IADC,QAAQ,EAAE;sCAC8D;AAMzE;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACR;AAYpB;IADC,QAAQ,EAAE;qCACuB;AAnC9B,OAAO;IA1CZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,oBAAoB,EACpB,GAAG,CAAA;;QAEG,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA6BQ,QAAQ;;;;;;GAM7B,CACF;GACK,OAAO,CAyEZ;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dev/core/direction.d.ts

@@ -0,0 +1,27 @@
+import { type CSSResult } from "lit";
+/**
+ * Controls the inset alignment of the element relative to the direction.
+ *
+ * ```html
+ * <div direction="${direction}">
+ *   <div direction-inset-align></div>
+ * </div>
+ * ```
+ */
+export declare const directionInsetAlign: CSSResult;
+/**
+ * Controls the outset placement of the element relative to the direction.
+ *
+ * ```html
+ * <div direction="${direction}">
+ *   <div direction-outset-place></div>
+ * </div>
+ * ```
+ */
+export declare const directionOutsetPlace: CSSResult;
+export type DirectionCardinalX = "left" | "right";
+export type DirectionCardinalY = "top" | "bottom";
+export type DirectionCardinal = DirectionCardinalX | DirectionCardinalY;
+export type DirectionCorner = "top-left" | "top-right" | "bottom-left" | "bottom-right";
+export type DirectionCenter = "center";
+//# sourceMappingURL=direction.d.ts.map

package/dev/core/direction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"direction.d.ts","sourceRoot":"","sources":["../../src/core/direction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AAIrD;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,EAAE,SAgBjC,CAAC;AAIF;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,SAgBlC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAClD,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAClD,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AACxE,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AACxF,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC"}

package/dev/core/direction.js

@@ -0,0 +1,56 @@
+import { css, unsafeCSS } from "lit";
+const insetAlignSelector = unsafeCSS(`[direction-inset-align]`);
+/**
+ * Controls the inset alignment of the element relative to the direction.
+ *
+ * ```html
+ * <div direction="${direction}">
+ *   <div direction-inset-align></div>
+ * </div>
+ * ```
+ */
+export const directionInsetAlign = css `
+  [direction^="top"] ${insetAlignSelector} {
+    top: 0;
+  }
+
+  [direction^="bottom"] ${insetAlignSelector} {
+    bottom: 0;
+  }
+
+  [direction$="right"] ${insetAlignSelector} {
+    right: 0;
+  }
+
+  [direction$="left"] ${insetAlignSelector} {
+    left: 0;
+  }
+`;
+const outsetPlaceSelector = unsafeCSS(`[direction-outset-place]`);
+/**
+ * Controls the outset placement of the element relative to the direction.
+ *
+ * ```html
+ * <div direction="${direction}">
+ *   <div direction-outset-place></div>
+ * </div>
+ * ```
+ */
+export const directionOutsetPlace = css `
+  [direction^="top"] ${outsetPlaceSelector} {
+    bottom: 100%;
+  }
+
+  [direction^="bottom"] ${outsetPlaceSelector} {
+    top: 100%;
+  }
+
+  [direction$="right"] ${outsetPlaceSelector} {
+    left: 100%;
+  }
+
+  [direction$="left"] ${outsetPlaceSelector} {
+    right: 100%;
+  }
+`;
+//# sourceMappingURL=direction.js.map

package/dev/core/direction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"direction.js","sourceRoot":"","sources":["../../src/core/direction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAkB,MAAM,KAAK,CAAC;AAErD,MAAM,kBAAkB,GAAG,SAAS,CAAC,yBAAyB,CAAC,CAAC;AAEhE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAc,GAAG,CAAA;uBAC1B,kBAAkB;;;;0BAIf,kBAAkB;;;;yBAInB,kBAAkB;;;;wBAInB,kBAAkB;;;CAGzC,CAAC;AAEF,MAAM,mBAAmB,GAAG,SAAS,CAAC,0BAA0B,CAAC,CAAC;AAElE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAc,GAAG,CAAA;uBAC3B,mBAAmB;;;;0BAIhB,mBAAmB;;;;yBAIpB,mBAAmB;;;;wBAIpB,mBAAmB;;;CAG1C,CAAC"}

package/dev/core/global-style.d.ts

@@ -7,8 +7,6 @@ export default GlobalStyle;
 export declare function scopePrefix(scope: string, len?: number): CSSResult;
 export declare function variablePrefix(variable: string): CSSResult;
 export declare const cssGlobalVars: {
-    foreground: CSSResult;
-    background: CSSResult;
     clipBackground: CSSResult;
     active: CSSResult;
     passive: CSSResult;

package/dev/core/global-style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"global-style.d.ts","sourceRoot":"","sources":["../../src/core/global-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAwB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,KAAK,CAAC;AAErD,qBAAa,WAAY,SAAQ,aAAa;CAAG;AACjD,eAAe,WAAW,CAAC;AAI3B,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAI,GAAG,SAAS,CAE7D;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAE1D;AAED,eAAO,MAAM,aAAa,EAAE;IAC1B,UAAU,EAAE,SAAS,CAAC;IACtB,UAAU,EAAE,SAAS,CAAC;IACtB,cAAc,EAAE,SAAS,CAAC;IAC1B,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,yBAAyB,CAAC;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;CAYlB,CAAC;AAEF,KAAK,yBAAyB,GAAG,MAAM,CAAC,MAAM,OAAO,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC"}
+{"version":3,"file":"global-style.d.ts","sourceRoot":"","sources":["../../src/core/global-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAwB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,KAAK,CAAC;AAErD,qBAAa,WAAY,SAAQ,aAAa;CAAG;AACjD,eAAe,WAAW,CAAC;AAI3B,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAI,GAAG,SAAS,CAE7D;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAE1D;AAED,eAAO,MAAM,aAAa,EAAE;IAC1B,cAAc,EAAE,SAAS,CAAC;IAC1B,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,yBAAyB,CAAC;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;CAUlB,CAAC;AAEF,KAAK,yBAAyB,GAAG,MAAM,CAAC,MAAM,OAAO,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC"}

package/dev/core/global-style.js

@@ -13,8 +13,6 @@ export function variablePrefix(variable) {
     return unsafeCSS(`--${variable}`);
 }
 export const cssGlobalVars = {
-    foreground: scopePrefix("foreground", 2),
-    background: scopePrefix("background", 2),
     clipBackground: scopePrefix("clip-background", 2),
     active: scopePrefix("active", 2),
     passive: scopePrefix("passive", 2),
@@ -36,13 +34,11 @@ GlobalStyle.styles = [
             return `${colorKey}:rgb(${rgb});`;
         }, presetsRGB).join("") +
         joinProperties([
-            [cssGlobalVars.background, `var(${cssGlobalVars._colors.darkgray[9]})`],
-            [cssGlobalVars.foreground, `var(${cssGlobalVars._colors.lightgray[0]})`],
-            [cssGlobalVars.active, `var(${cssGlobalVars._colors.blue[6]})`],
-            [cssGlobalVars.passive, `var(${cssGlobalVars._colors.darkgray[6]})`],
+            [cssGlobalVars.active, `var(${cssGlobalVars._colors.blue[5]})`],
+            [cssGlobalVars.passive, `var(${cssGlobalVars._colors.darkgray[5]})`],
             [
                 cssGlobalVars.clipBackground,
-                `linear-gradient(to bottom, var(${cssGlobalVars.foreground}), var(${cssGlobalVars.passive}))`,
+                `linear-gradient(to bottom, var(${cssGlobalVars._colors.lightgray[0]}), var(${cssGlobalVars._colors.darkgray[5]}))`,
             ],
         ]) +
         "}"),

package/dev/core/global-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"global-style.js","sourceRoot":"","sources":["../../src/core/global-style.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"global-style.js","sourceRoot":"","sources":["../../src/core/global-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAkB,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErD,MAAM,OAAO,WAAY,SAAQ,aAAa;CAAG;AACjD,eAAe,WAAW,CAAC;AAE3B,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE1D,MAAM,UAAU,WAAW,CAAC,KAAa,EAAE,GAAG,GAAG,CAAC;IAChD,OAAO,cAAc,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,QAAgB;IAC7C,OAAO,SAAS,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAStB;IACF,cAAc,EAAE,WAAW,CAAC,iBAAiB,EAAE,CAAC,CAAC;IACjD,MAAM,EAAE,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;IAChC,OAAO,EAAE,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC;IAClC,OAAO,EAAE,EAA+B;IACxC,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC;IAC9B,KAAK,EAAE,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC;IACpC,KAAK,EAAE,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC;IACpC,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC;CAC/B,CAAC;AAGF,WAAW,CAAC,MAAM,GAAG;IACnB,SAAS,CACP,QAAQ;QACN,GAAG,aAAa,CAAC,KAAK,cAAc;QACpC,GAAG,aAAa,CAAC,KAAK,oBAAoB;QAC1C,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE;YAC5B,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAS,CAAC;YACzC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC;YAC7F,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,QAAQ,EAAE,CAAC;YACrC,MAAM,QAAQ,GAAG,aAAa,CAAC,KAAK,GAAG,MAAM,CAAC;YAC9C,OAAO,GAAG,QAAQ,QAAQ,GAAG,IAAI,CAAC;QACpC,CAAC,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QACvB,cAAc,CAAC;YACb,CAAC,aAAa,CAAC,MAAM,EAAE,OAAO,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;YAC/D,CAAC,aAAa,CAAC,OAAO,EAAE,OAAO,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;YACpE;gBACE,aAAa,CAAC,cAAc;gBAC5B,kCAAkC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;aACpH;SACF,CAAC;QACF,GAAG,CACN;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCF;CACF,CAAC"}

package/dev/core/outline.d.ts

@@ -0,0 +1,20 @@
+import { type CSSResult } from "lit";
+type OutlineVars = {
+    width: string | CSSResult;
+    color: string | CSSResult;
+};
+/**
+ * The `OutlineBuilder` class is responsible for generating CSS styles for various types of outlines.
+ */
+export declare class OutlineBuilder {
+    css: CSSResult;
+    /**
+     * @param vars.width The width variable of the outline.
+     * @param vars.color The color variable of the outline.
+     */
+    constructor(vars: OutlineVars);
+    get styleSheet(): CSSStyleSheet;
+}
+export type OutlineType = "outline" | "outline-inset" | "box-shadow" | "box-shadow-inset" | "border";
+export {};
+//# sourceMappingURL=outline.d.ts.map

package/dev/core/outline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outline.d.ts","sourceRoot":"","sources":["../../src/core/outline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AAErD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,qBAAa,cAAc;IACzB,GAAG,EAAE,SAAS,CAAC;IAEf;;;OAGG;gBACS,IAAI,EAAE,WAAW;IA+B7B,IAAI,UAAU,IAAI,aAAa,CAE9B;CACF;AAED,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,eAAe,GAAG,YAAY,GAAG,kBAAkB,GAAG,QAAQ,CAAC"}

package/dev/core/outline.js

@@ -0,0 +1,44 @@
+import { css, unsafeCSS } from "lit";
+/**
+ * The `OutlineBuilder` class is responsible for generating CSS styles for various types of outlines.
+ */
+export class OutlineBuilder {
+    /**
+     * @param vars.width The width variable of the outline.
+     * @param vars.color The color variable of the outline.
+     */
+    constructor(vars) {
+        const width = unsafeCSS(vars.width);
+        const color = unsafeCSS(vars.color);
+        this.css = css `
+      [outline-type="outline"],
+      [outline-type="outline-inset"] {
+        outline-width: var(${width});
+        outline-color: var(${color});
+        outline-style: solid;
+      }
+
+      [outline-type="outline-inset"] {
+        outline-offset: calc(-1 * var(${width}));
+      }
+
+      [outline-type="box-shadow"] {
+        box-shadow: 0 0 0 var(${width}) var(${color});
+      }
+
+      [outline-type="box-shadow-inset"] {
+        box-shadow: inset 0 0 0 var(${width}) var(${color});
+      }
+
+      [outline-type="border"] {
+        border-width: var(${width});
+        border-color: var(${color});
+        border-style: solid;
+      }
+    `;
+    }
+    get styleSheet() {
+        return this.css.styleSheet;
+    }
+}
+//# sourceMappingURL=outline.js.map

package/dev/core/outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outline.js","sourceRoot":"","sources":["../../src/core/outline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAkB,MAAM,KAAK,CAAC;AAOrD;;GAEG;AACH,MAAM,OAAO,cAAc;IAGzB;;;OAGG;IACH,YAAY,IAAiB;QAC3B,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpC,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;;;6BAGW,KAAK;6BACL,KAAK;;;;;wCAKM,KAAK;;;;gCAIb,KAAK,SAAS,KAAK;;;;sCAIb,KAAK,SAAS,KAAK;;;;4BAI7B,KAAK;4BACL,KAAK;;;KAG5B,CAAC;IACJ,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC;IAC7B,CAAC;CACF"}

package/dev/core/super-anchor.d.ts

@@ -1,6 +1,6 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "./global-style.js";
-declare class SuperAnchor extends GlobalStyle {
+declare abstract class SuperAnchor extends GlobalStyle {
     /**
      * A element href.
      */
@@ -11,7 +11,7 @@ declare class SuperAnchor extends GlobalStyle {
     target: "_blank" | "_self" | "_parent" | "_top";
     get pathname(): string;
     protected render(): TemplateResult<1>;
-    protected _handleClick(_: MouseEvent): void;
+    protected abstract _handleClick(_: MouseEvent): void;
 }
 export default SuperAnchor;
 export { SuperAnchor };

package/dev/core/super-anchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"super-anchor.d.ts","sourceRoot":"","sources":["../../src/core/super-anchor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cAmBM,WAAY,SAAQ,WAAW;IACnC;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IAEH,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAW;IAE1D,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAcrC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CAC5C;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"super-anchor.d.ts","sourceRoot":"","sources":["../../src/core/super-anchor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,uBAmBe,WAAY,SAAQ,WAAW;IAC5C;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAW;IAE1D,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAcrC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CACrD;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dev/core/super-anchor.js

@@ -27,7 +27,6 @@ let SuperAnchor = class SuperAnchor extends GlobalStyle {
       </a>
     `;
     }
-    _handleClick(_) { }
 };
 __decorate([
     property()

package/dev/core/super-anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"super-anchor.js","sourceRoot":"","sources":["../../src/core/super-anchor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAqBhD,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW;IAArC;;QAME;;WAEG;QAEH,WAAM,GAA4C,OAAO,CAAC;IAqB5D,CAAC;IAnBC,IAAI,QAAQ;QACV,OAAO,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;IACpD,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;gBACnB,IAAI,CAAC,IAAI,IAAI,OAAO;kBAClB,IAAI,CAAC,MAAM;iBACZ,IAAI,CAAC,YAAY;;UAExB,QAAQ,EAAE;;KAEf,CAAC;IACJ,CAAC;IAES,YAAY,CAAC,CAAa,IAAS,CAAC;CAC/C,CAAA;AA1BC;IADC,QAAQ,EAAE;yCACE;AAKb;IADC,QAAQ,EAAE;2CAC+C;AAVtD,WAAW;IAnBhB,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBV,CAAC;GACI,WAAW,CA+BhB;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"super-anchor.js","sourceRoot":"","sources":["../../src/core/super-anchor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAqBhD,IAAe,WAAW,GAA1B,MAAe,WAAY,SAAQ,WAAW;IAA9C;;QAOE;;WAEG;QAEH,WAAM,GAA4C,OAAO,CAAC;IAqB5D,CAAC;IAnBC,IAAI,QAAQ;QACV,OAAO,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;IACpD,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;gBACnB,IAAI,CAAC,IAAI,IAAI,OAAO;kBAClB,IAAI,CAAC,MAAM;iBACZ,IAAI,CAAC,YAAY;;UAExB,QAAQ,EAAE;;KAEf,CAAC;IACJ,CAAC;CAGF,CAAA;AA3BC;IADC,QAAQ,EAAE;yCACE;AAMb;IADC,QAAQ,EAAE;2CAC+C;AAX7C,WAAW;IAnBzB,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBV,CAAC;GACa,WAAW,CAgCzB;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}