@breadstone/mosaik-elements-foundation 0.0.215 → 0.0.217

package/Controls/Components/Primitives/ResizeThumb/Themes/ResizeThumbElement.Joy.js

@@ -73,28 +73,39 @@ export function resizeThumbElementJoyStyle() {
   position: absolute;
 }
 
-:host [part="thumb"] {
-  width: 100%;
-  height: 100%;
+:host([direction="north"]) [part="thumb"] {
+  cursor: n-resize;
 }
 
-:host([direction="north"]), :host([direction="south"]) {
-  cursor: ns-resize;
+:host([direction="south"]) [part="thumb"] {
+  cursor: s-resize;
 }
 
-:host([direction="east"]), :host([direction="west"]) {
-  cursor: ew-resize;
+:host([direction="east"]) [part="thumb"] {
+  cursor: e-resize;
+}
+
+:host([direction="west"]) [part="thumb"] {
+  cursor: w-resize;
 }
 
-:host([direction="north-west"]), :host([direction="south-east"]) {
-  cursor: nwse-resize;
+:host([direction="north-west"]) [part="thumb"] {
+  cursor: nw-resize;
 }
 
-:host([direction="north-east"]), :host([direction="south-west"]) {
-  cursor: nesw-resize;
+:host([direction="south-east"]) [part="thumb"] {
+  cursor: se-resize;
 }
 
-:host([disabled]) {
+:host([direction="north-east"]) [part="thumb"] {
+  cursor: ne-resize;
+}
+
+:host([direction="south-west"]) [part="thumb"] {
+  cursor: sw-resize;
+}
+
+:host([disabled]) [part="thumb"] {
   cursor: default;
   pointer-events: none;
 }
@@ -125,17 +136,6 @@ export function resizeThumbElementJoyStyle() {
   height: 12px;
 }
 
-:host([direction="north"]) [part="thumb"]:before {
-  content: "";
-  background-image: radial-gradient(circle, currentColor 2px, #0000 2px);
-  background-position: 0 0;
-  background-repeat: repeat;
-  background-size: 8px 8px;
-  width: 16px;
-  height: 8px;
-  display: block;
-}
-
 :host([direction="south"]) {
   width: 16px;
   height: 8px;
@@ -149,17 +149,6 @@ export function resizeThumbElementJoyStyle() {
   height: 12px;
 }
 
-:host([direction="south"]) [part="thumb"]:before {
-  content: "";
-  background-image: radial-gradient(circle, currentColor 2px, #0000 2px);
-  background-position: 0 0;
-  background-repeat: repeat;
-  background-size: 8px 8px;
-  width: 16px;
-  height: 8px;
-  display: block;
-}
-
 :host([direction="east"]) {
   width: 8px;
   height: 16px;
@@ -173,17 +162,6 @@ export function resizeThumbElementJoyStyle() {
   height: 32px;
 }
 
-:host([direction="east"]) [part="thumb"]:before {
-  content: "";
-  background-image: radial-gradient(circle, currentColor 2px, #0000 2px);
-  background-position: 0 0;
-  background-repeat: repeat;
-  background-size: 8px 8px;
-  width: 8px;
-  height: 16px;
-  display: block;
-}
-
 :host([direction="west"]) {
   width: 8px;
   height: 16px;
@@ -197,81 +175,26 @@ export function resizeThumbElementJoyStyle() {
   height: 32px;
 }
 
-:host([direction="west"]) [part="thumb"]:before {
-  content: "";
-  background-image: radial-gradient(circle, currentColor 2px, #0000 2px);
-  background-position: 0 0;
-  background-repeat: repeat;
-  background-size: 8px 8px;
-  width: 8px;
-  height: 16px;
-  display: block;
-}
-
 :host([direction="north-west"]) {
   top: 0;
   left: 0;
 }
 
-:host([direction="north-west"]) [part="thumb"]:before {
-  content: "";
-  background-image: radial-gradient(circle, currentColor 2px, #0000 2px);
-  background-position: 0 0;
-  background-repeat: repeat;
-  background-size: 8px 8px;
-  width: 16px;
-  height: 16px;
-  display: block;
-}
-
 :host([direction="north-east"]) {
   top: 0;
   right: 0;
 }
 
-:host([direction="north-east"]) [part="thumb"]:before {
-  content: "";
-  background-image: radial-gradient(circle, currentColor 2px, #0000 2px);
-  background-position: 0 0;
-  background-repeat: repeat;
-  background-size: 8px 8px;
-  width: 16px;
-  height: 16px;
-  display: block;
-}
-
 :host([direction="south-west"]) {
   bottom: 0;
   left: 0;
 }
 
-:host([direction="south-west"]) [part="thumb"]:before {
-  content: "";
-  background-image: radial-gradient(circle, currentColor 2px, #0000 2px);
-  background-position: 0 0;
-  background-repeat: repeat;
-  background-size: 8px 8px;
-  width: 16px;
-  height: 16px;
-  display: block;
-}
-
 :host([direction="south-east"]) {
   bottom: 0;
   right: 0;
 }
 
-:host([direction="south-east"]) [part="thumb"]:before {
-  content: "";
-  background-image: radial-gradient(circle, currentColor 2px, #0000 2px);
-  background-position: 0 0;
-  background-repeat: repeat;
-  background-size: 8px 8px;
-  width: 16px;
-  height: 16px;
-  display: block;
-}
-
     `;
 }
 //# sourceMappingURL=ResizeThumbElement.Joy.js.map

package/Controls/Components/Primitives/ResizeThumb/Themes/ResizeThumbElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeThumbElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/ResizeThumb/Themes/ResizeThumbElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqQT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ResizeThumbElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/ResizeThumb/Themes/ResizeThumbElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwLT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/ResizeThumb/Themes/ResizeThumbElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeThumbElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/ResizeThumb/Themes/ResizeThumbElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CA0F1D"}
+{"version":3,"file":"ResizeThumbElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/ResizeThumb/Themes/ResizeThumbElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAqG1D"}

package/Controls/Components/Primitives/ResizeThumb/Themes/ResizeThumbElement.Memphis.js

@@ -73,28 +73,39 @@ export function resizeThumbElementMemphisStyle() {
   position: absolute;
 }
 
-:host [part="thumb"] {
-  width: 100%;
-  height: 100%;
+:host([direction="north"]) [part="thumb"] {
+  cursor: n-resize;
 }
 
-:host([direction="north"]), :host([direction="south"]) {
-  cursor: ns-resize;
+:host([direction="south"]) [part="thumb"] {
+  cursor: s-resize;
 }
 
-:host([direction="east"]), :host([direction="west"]) {
-  cursor: ew-resize;
+:host([direction="east"]) [part="thumb"] {
+  cursor: e-resize;
 }
 
-:host([direction="north-west"]), :host([direction="south-east"]) {
-  cursor: nwse-resize;
+:host([direction="west"]) [part="thumb"] {
+  cursor: w-resize;
 }
 
-:host([direction="north-east"]), :host([direction="south-west"]) {
-  cursor: nesw-resize;
+:host([direction="north-west"]) [part="thumb"] {
+  cursor: nw-resize;
 }
 
-:host([disabled]) {
+:host([direction="south-east"]) [part="thumb"] {
+  cursor: se-resize;
+}
+
+:host([direction="north-east"]) [part="thumb"] {
+  cursor: ne-resize;
+}
+
+:host([direction="south-west"]) [part="thumb"] {
+  cursor: sw-resize;
+}
+
+:host([disabled]) [part="thumb"] {
   cursor: default;
   pointer-events: none;
 }

package/Controls/Components/Primitives/ResizeThumb/Themes/ResizeThumbElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeThumbElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/ResizeThumb/Themes/ResizeThumbElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwFT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ResizeThumbElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/ResizeThumb/Themes/ResizeThumbElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmGT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/ghost/GhostElement.d.ts

@@ -0,0 +1,58 @@
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { IGhostElementProps } from './IGhostElementProps';
+import { CssLength } from '@breadstone/mosaik-themes';
+declare const GhostElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Dimensionable").IDimensionableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * The `{@link GhostElement}` element.
+ *
+ * @public
+ */
+export declare class GhostElement extends GhostElement_base implements IGhostElementProps {
+    private _top;
+    private _left;
+    /**
+     * @public
+     */
+    constructor();
+    /**
+     * Returns the `{@link is}` property.
+     * The `{@link is}` property represents natural name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is(): string;
+    /**
+     * Gets or sets the `top` property.
+     *
+     * @public
+     * @attr
+     */
+    get top(): CssLength;
+    set top(value: CssLength);
+    /**
+     * Gets or sets the `left` property.
+     *
+     * @public
+     * @attr
+     */
+    get left(): CssLength;
+    set left(value: CssLength);
+}
+/**
+ * @public
+ */
+export declare namespace GhostElement {
+    type Props = IGhostElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-ghost': GhostElement;
+    }
+}
+export {};
+//# sourceMappingURL=GhostElement.d.ts.map

package/Controls/Components/Primitives/ghost/GhostElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/ghost/GhostElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;;AAQtD;;;;GAIG;AACH,qBAUa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,IAAI,CAAY;IACxB,OAAO,CAAC,KAAK,CAAY;IAMzB;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAMW,GAAG,IAAI,SAAS,CAE1B;IACD,IAAW,GAAG,CAAC,KAAK,EAAE,SAAS,EAK9B;IAED;;;;;OAKG;IACH,IAMW,IAAI,IAAI,SAAS,CAE3B;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,SAAS,EAK/B;CAIJ;AAED;;GAEG;AACH,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}

package/Controls/Components/Primitives/ghost/GhostElement.js

@@ -0,0 +1,119 @@
+// #region Imports
+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 __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { ghostElementTemplate } from './GhostElementTemplate';
+import { Themeable } from '../../../Behaviors/Themeable';
+import { Dimensionable } from '../../../Behaviors/Dimensionable';
+import { CssLength } from '@breadstone/mosaik-themes';
+import { Attribute } from '../../../Decorators/AttributeDecorator';
+import { ghostElementJoyStyle } from './themes/GhostElement.Joy';
+import { ghostElementMemphisStyle } from './themes/GhostElement.Memphis';
+import { ghostElementCosmopolitanStyle } from './themes/GhostElement.Cosmopolitan';
+// #endregion
+/**
+ * The `{@link GhostElement}` element.
+ *
+ * @public
+ */
+let GhostElement = class GhostElement extends Themeable(Dimensionable(CustomElement)) {
+    // #region Fields
+    _top;
+    _left;
+    // #endregion
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+        this._top = 0;
+        this._left = 0;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `{@link is}` property.
+     * The `{@link is}` property represents natural name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-ghost';
+    }
+    /**
+     * Gets or sets the `top` property.
+     *
+     * @public
+     * @attr
+     */
+    get top() {
+        return this._top;
+    }
+    set top(value) {
+        if (this._top !== value) {
+            this._top = value;
+            this.requestUpdate('top');
+        }
+    }
+    /**
+     * Gets or sets the `left` property.
+     *
+     * @public
+     * @attr
+     */
+    get left() {
+        return this._left;
+    }
+    set left(value) {
+        if (this._left !== value) {
+            this._left = value;
+            this.requestUpdate('left');
+        }
+    }
+};
+__decorate([
+    Attribute({
+        type: String,
+        converter: {
+            toAttribute: (value) => typeof value === 'number' ? `${value}px` : value?.toString() ?? ''
+        }
+    }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], GhostElement.prototype, "top", null);
+__decorate([
+    Attribute({
+        type: String,
+        converter: {
+            toAttribute: (value) => typeof value === 'number' ? `${value}px` : value?.toString() ?? ''
+        }
+    }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], GhostElement.prototype, "left", null);
+GhostElement = __decorate([
+    Component({
+        selector: 'mosaik-ghost',
+        template: ghostElementTemplate,
+        themes: {
+            joy: ghostElementJoyStyle,
+            memphis: ghostElementMemphisStyle,
+            cosmopolitan: ghostElementCosmopolitanStyle
+        },
+        imports: []
+    }),
+    __metadata("design:paramtypes", [])
+], GhostElement);
+export { GhostElement };
+//# sourceMappingURL=GhostElement.js.map

package/Controls/Components/Primitives/ghost/GhostElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/ghost/GhostElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF,aAAa;AAEb;;;;GAIG;AAWI,IAAM,YAAY,GAAlB,MAAM,YACT,SAAQ,SAAS,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAG/C,iBAAiB;IAET,IAAI,CAAY;IAChB,KAAK,CAAY;IAEzB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QACd,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;IACnB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,cAAc,CAAC;IAC1B,CAAC;IAED;;;;;OAKG;IACH,IAMW,GAAG;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IACD,IAAW,GAAG,CAAC,KAAgB;QAC3B,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;YACtB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAMW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAW,IAAI,CAAC,KAAgB;QAC5B,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;CAIJ,CAAA;AAxCG;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE;YACP,WAAW,EAAE,CAAC,KAAuB,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE;SAC/G;KACJ,CAAC;;;uCAGD;AAcD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE;YACP,WAAW,EAAE,CAAC,KAAuB,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE;SAC/G;KACJ,CAAC;;;wCAGD;AA3EQ,YAAY;IAVxB,SAAS,CAAC;QACP,QAAQ,EAAE,cAAc;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE;YACJ,GAAG,EAAE,oBAAoB;YACzB,OAAO,EAAE,wBAAwB;YACjC,YAAY,EAAE,6BAA6B;SAC9C;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,YAAY,CAqFxB"}

package/Controls/Components/Primitives/ghost/GhostElementTemplate.d.ts

@@ -0,0 +1,9 @@
+import { type TemplateResult } from '../../../../Dom/Html';
+import type { GhostElement } from './GhostElement';
+/**
+ * The template of the {@link GhostElement}.
+ *
+ * @public
+ */
+export declare function ghostElementTemplate<T extends GhostElement>(e: T): TemplateResult;
+//# sourceMappingURL=GhostElementTemplate.d.ts.map

package/Controls/Components/Primitives/ghost/GhostElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/ghost/GhostElementTemplate.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,YAAY,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAajF"}

package/Controls/Components/Primitives/ghost/GhostElementTemplate.js

@@ -0,0 +1,24 @@
+/* eslint-disable lit/prefer-static-styles */
+// #region Imports
+import { html } from '../../../../Dom/Html';
+// #endregion
+/**
+ * The template of the {@link GhostElement}.
+ *
+ * @public
+ */
+export function ghostElementTemplate(e) {
+    return html `
+        <style>
+            :host {
+                --_ghost-top: ${e.top};
+                --_ghost-left: ${e.left};
+                --_ghost-width: ${e.width};
+                --_ghost-height: ${e.height};
+            }
+        </style>
+
+        <slot></slot>
+    `;
+}
+//# sourceMappingURL=GhostElementTemplate.js.map

package/Controls/Components/Primitives/ghost/GhostElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/ghost/GhostElementTemplate.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAE7C,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAyB,CAAI;IAC7D,OAAO,IAAI,CAAA;;;gCAGiB,CAAC,CAAC,GAAG;iCACJ,CAAC,CAAC,IAAI;kCACL,CAAC,CAAC,KAAK;mCACN,CAAC,CAAC,MAAM;;;;;KAKtC,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/ghost/IGhostElementProps.d.ts

@@ -0,0 +1,12 @@
+import type { CssLength } from '@breadstone/mosaik-themes';
+import type { IDimensionableProps } from '../../../Behaviors/Dimensionable';
+/**
+ * Represents the `{@link IGhostElementProps}` interface.
+ *
+ * @public
+ */
+export interface IGhostElementProps extends IDimensionableProps {
+    top: CssLength;
+    left: CssLength;
+}
+//# sourceMappingURL=IGhostElementProps.d.ts.map

package/Controls/Components/Primitives/ghost/IGhostElementProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IGhostElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/ghost/IGhostElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAI5E;;;;GAIG;AACH,MAAM,WAAW,kBACb,SAAQ,mBAAmB;IAE3B,GAAG,EAAE,SAAS,CAAC;IAEf,IAAI,EAAE,SAAS,CAAC;CAEnB"}

package/Controls/Components/Primitives/ghost/IGhostElementProps.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IGhostElementProps.js.map

package/Controls/Components/Primitives/ghost/IGhostElementProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IGhostElementProps.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/ghost/IGhostElementProps.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Controls/Components/Primitives/ghost/themes/GhostElement.Cosmopolitan.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function ghostElementCosmopolitanStyle(): CSSResult;
+//# sourceMappingURL=GhostElement.Cosmopolitan.d.ts.map

package/Controls/Components/Primitives/ghost/themes/GhostElement.Cosmopolitan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/ghost/themes/GhostElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAwEzD"}

package/Controls/Components/Primitives/ghost/themes/GhostElement.Cosmopolitan.js

@@ -0,0 +1,86 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function ghostElementCosmopolitanStyle() {
+    return css `
+:host {
+  --ghost-background-color: var(--cosmopolitan-scheme-background);
+  --ghost-border-color: var(--cosmopolitan-scheme-highlight);
+  --ghost-border-radius: var(--cosmopolitan-layout-radius);
+  --ghost-border-style: solid;
+  --ghost-border-width: var(--cosmopolitan-layout-thickness);
+  --ghost-font-family: unset;
+  --ghost-font-letter-spacing: unset;
+  --ghost-font-line-height: unset;
+  --ghost-font-size: unset;
+  --ghost-font-text-decoration: unset;
+  --ghost-font-text-transform: unset;
+  --ghost-font-weight: unset;
+  --ghost-gap: unset;
+  --ghost-padding-bottom: unset;
+  --ghost-padding-left: unset;
+  --ghost-padding-right: unset;
+  --ghost-padding-top: unset;
+  --ghost-transition-duration: var(--cosmopolitan-duration-short);
+  --ghost-transition-mode: ease;
+  --ghost-transition-property: background-color, color, border-color, opacity, box-shadow, translate;
+  --ghost-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  background-color: var(--ghost-background-color);
+  border-color: var(--ghost-border-color);
+  border-radius: var(--ghost-border-radius);
+  border-style: var(--ghost-border-style);
+  border-width: var(--ghost-border-width);
+  transition-duration: var(--ghost-transition-duration);
+  transition-timing-function: var(--ghost-transition-mode);
+  transition-property: var(--ghost-transition-property);
+  top: var(--_ghost-top);
+  left: var(--_ghost-left);
+  width: var(--_ghost-width);
+  height: var(--_ghost-height);
+  box-sizing: border-box;
+  contain: strict;
+  z-index: 1000;
+  position: absolute;
+}
+
+    `;
+}
+//# sourceMappingURL=GhostElement.Cosmopolitan.js.map

package/Controls/Components/Primitives/ghost/themes/GhostElement.Cosmopolitan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/ghost/themes/GhostElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsET,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/ghost/themes/GhostElement.Joy.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function ghostElementJoyStyle(): CSSResult;
+//# sourceMappingURL=GhostElement.Joy.d.ts.map

package/Controls/Components/Primitives/ghost/themes/GhostElement.Joy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/ghost/themes/GhostElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,CAwEhD"}