@breadstone/mosaik-elements-foundation 0.0.231 → 0.0.233

package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerCanvasElement.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElementTemplate.d.ts

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

package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerCanvasElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAIrE;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,qBAAqB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CASnG"}

package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElementTemplate.js

@@ -0,0 +1,20 @@
+// #region Imports
+import { html } from '../../../../../Dom/Html';
+import { styleMap } from '../../../../Directives/Directives';
+// #endregion
+/**
+ * The template of the {@link DesignerCanvasElement}.
+ *
+ * @public
+ */
+export function designerCanvasElementTemplate(e) {
+    return html `
+        <div part="viewport">
+            <div part="transform"
+                 style="${styleMap({ transform: `translate(${e.panX * e.zoom}px, ${e.panY * e.zoom}px) scale(${e.zoom})` })}">
+                <slot></slot>
+            </div>
+        </div>
+    `;
+}
+//# sourceMappingURL=DesignerCanvasElementTemplate.js.map

package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerCanvasElementTemplate.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAG7D,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,6BAA6B,CAAkC,CAAI;IAC/E,OAAO,IAAI,CAAA;;;0BAGW,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC;;;;KAItH,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Designer/Canvas/IDesignerCanvasElementProps.d.ts

@@ -0,0 +1,26 @@
+import type { IThemeableProps } from '../../../../Behaviors/Themeable';
+import { DesignerCanvasInteractionMode } from '../../../../Types/DesignerCanvasInteractionMode';
+/**
+ * Represents the `IDesignerCanvasElementProps` interface.
+ *
+ * @public
+ */
+export interface IDesignerCanvasElementProps extends IThemeableProps {
+    /**
+     * The current zoom level (1 = 100%).
+     */
+    zoom: number;
+    /**
+     * The minimum zoom level.
+     */
+    minZoom: number;
+    /**
+     * The maximum zoom level.
+     */
+    maxZoom: number;
+    /**
+     * The interaction mode controlling pan behavior and cursor style.
+     */
+    interactionMode: DesignerCanvasInteractionMode;
+}
+//# sourceMappingURL=IDesignerCanvasElementProps.d.ts.map

package/Controls/Components/Layouts/Designer/Canvas/IDesignerCanvasElementProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IDesignerCanvasElementProps.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Designer/Canvas/IDesignerCanvasElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iDAAiD,CAAC;AAIhG;;;;GAIG;AACH,MAAM,WAAW,2BAA4B,SAAQ,eAAe;IAEhE;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,eAAe,EAAE,6BAA6B,CAAC;CAClD"}

package/Controls/Components/Layouts/Designer/Canvas/IDesignerCanvasElementProps.js

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

package/Controls/Components/Layouts/Designer/Canvas/IDesignerCanvasElementProps.js.map

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

package/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Cosmopolitan.d.ts

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

package/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Cosmopolitan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerCanvasElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../../src/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAIhE;;GAEG;AACH,wBAAgB,sCAAsC,IAAI,SAAS,CA2FlE"}

package/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Cosmopolitan.js

@@ -0,0 +1,105 @@
+// ------------------------------------------------------------------------------
+// <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 designerCanvasElementCosmopolitanStyle() {
+    return css `
+:host {
+  --designer-canvas-font-family: unset;
+  --designer-canvas-font-letter-spacing: unset;
+  --designer-canvas-font-line-height: unset;
+  --designer-canvas-font-size: unset;
+  --designer-canvas-font-text-decoration: unset;
+  --designer-canvas-font-text-transform: unset;
+  --designer-canvas-font-weight: unset;
+  --designer-canvas-gap: unset;
+  --designer-canvas-padding-bottom: unset;
+  --designer-canvas-padding-left: unset;
+  --designer-canvas-padding-right: unset;
+  --designer-canvas-padding-top: unset;
+  --designer-canvas-transition-duration: unset;
+  --designer-canvas-transition-mode: unset;
+  --designer-canvas-transition-property: unset;
+  --designer-canvas-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 {
+  box-sizing: border-box;
+  background-color: var(--designer-canvas-background-color);
+  background-image: radial-gradient(circle, var(--designer-canvas-dot-color) var(--designer-canvas-dot-size), transparent var(--designer-canvas-dot-size));
+  background-size: var(--designer-canvas-dot-spacing) var(--designer-canvas-dot-spacing);
+  cursor: default;
+  transition-duration: var(--designer-canvas-transition-duration);
+  transition-timing-function: var(--designer-canvas-transition-mode);
+  background-color: var(--mosaik-scheme-background);
+  background-image: radial-gradient(var(--mosaik-scheme-highlight) 1px, var(--mosaik-scheme-background) 1px);
+  background-size: 8px 8px;
+  flex: 1;
+  padding: 0;
+  transition-property: background-color;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+  background-repeat: repeat !important;
+}
+
+:host([interaction-mode="pan"]) {
+  cursor: grab;
+}
+
+:host([interaction-mode="pan"][is-panning]) {
+  cursor: grabbing;
+}
+
+:host [part="viewport"] {
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+:host [part="transform"] {
+  transform-origin: center;
+  will-change: transform;
+}
+
+    `;
+}
+//# sourceMappingURL=DesignerCanvasElement.Cosmopolitan.js.map

package/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Cosmopolitan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerCanvasElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../../src/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,2BAA2B,CAAC;AAEhE,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sCAAsC;IAClD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyFT,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Joy.d.ts

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

package/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Joy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerCanvasElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../../src/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAIhE;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAiGzD"}

package/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Joy.js

@@ -0,0 +1,111 @@
+// ------------------------------------------------------------------------------
+// <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 designerCanvasElementJoyStyle() {
+    return css `
+:host {
+  --designer-canvas-font-family: unset;
+  --designer-canvas-font-letter-spacing: unset;
+  --designer-canvas-font-line-height: unset;
+  --designer-canvas-font-size: unset;
+  --designer-canvas-font-text-decoration: unset;
+  --designer-canvas-font-text-transform: unset;
+  --designer-canvas-font-weight: unset;
+  --designer-canvas-gap: unset;
+  --designer-canvas-padding-bottom: unset;
+  --designer-canvas-padding-left: unset;
+  --designer-canvas-padding-right: unset;
+  --designer-canvas-padding-top: unset;
+  --designer-canvas-shadow: unset unset unset unset unset;
+  --designer-canvas-shadow-blur: unset;
+  --designer-canvas-shadow-color: unset;
+  --designer-canvas-shadow-offset-x: unset;
+  --designer-canvas-shadow-offset-y: unset;
+  --designer-canvas-shadow-spread: unset;
+  --designer-canvas-transition-duration: unset;
+  --designer-canvas-transition-mode: unset;
+  --designer-canvas-transition-property: unset;
+  --designer-canvas-translate: none;
+}
+
+@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 {
+  box-sizing: border-box;
+  background-color: var(--designer-canvas-background-color);
+  background-image: radial-gradient(circle, var(--designer-canvas-dot-color) var(--designer-canvas-dot-size), transparent var(--designer-canvas-dot-size));
+  background-size: var(--designer-canvas-dot-spacing) var(--designer-canvas-dot-spacing);
+  cursor: default;
+  transition-duration: var(--designer-canvas-transition-duration);
+  transition-timing-function: var(--designer-canvas-transition-mode);
+  background-color: var(--mosaik-scheme-background);
+  background-image: radial-gradient(var(--mosaik-scheme-highlight) 1px, var(--mosaik-scheme-background) 1px);
+  background-size: 8px 8px;
+  flex: 1;
+  padding: 0;
+  transition-property: background-color;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+  background-repeat: repeat !important;
+}
+
+:host([interaction-mode="pan"]) {
+  cursor: grab;
+}
+
+:host([interaction-mode="pan"][is-panning]) {
+  cursor: grabbing;
+}
+
+:host [part="viewport"] {
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+:host [part="transform"] {
+  transform-origin: center;
+  will-change: transform;
+}
+
+    `;
+}
+//# sourceMappingURL=DesignerCanvasElement.Joy.js.map

package/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Joy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerCanvasElement.Joy.js","sourceRoot":"","sources":["../../../../../../../src/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,2BAA2B,CAAC;AAEhE,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+FT,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Memphis.d.ts

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

package/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Memphis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerCanvasElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../../src/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAIhE;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CA2F7D"}

package/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Memphis.js

@@ -0,0 +1,105 @@
+// ------------------------------------------------------------------------------
+// <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 designerCanvasElementMemphisStyle() {
+    return css `
+:host {
+  --designer-canvas-font-family: unset;
+  --designer-canvas-font-letter-spacing: unset;
+  --designer-canvas-font-line-height: unset;
+  --designer-canvas-font-size: unset;
+  --designer-canvas-font-text-decoration: unset;
+  --designer-canvas-font-text-transform: unset;
+  --designer-canvas-font-weight: unset;
+  --designer-canvas-gap: unset;
+  --designer-canvas-padding-bottom: unset;
+  --designer-canvas-padding-left: unset;
+  --designer-canvas-padding-right: unset;
+  --designer-canvas-padding-top: unset;
+  --designer-canvas-transition-duration: unset;
+  --designer-canvas-transition-mode: unset;
+  --designer-canvas-transition-property: unset;
+  --designer-canvas-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 {
+  box-sizing: border-box;
+  background-color: var(--designer-canvas-background-color);
+  background-image: radial-gradient(circle, var(--designer-canvas-dot-color) var(--designer-canvas-dot-size), transparent var(--designer-canvas-dot-size));
+  background-size: var(--designer-canvas-dot-spacing) var(--designer-canvas-dot-spacing);
+  cursor: default;
+  transition-duration: var(--designer-canvas-transition-duration);
+  transition-timing-function: var(--designer-canvas-transition-mode);
+  background-color: var(--mosaik-scheme-background);
+  background-image: radial-gradient(var(--mosaik-scheme-highlight) 1px, var(--mosaik-scheme-background) 1px);
+  background-size: 8px 8px;
+  flex: 1;
+  padding: 0;
+  transition-property: background-color;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+  background-repeat: repeat !important;
+}
+
+:host([interaction-mode="pan"]) {
+  cursor: grab;
+}
+
+:host([interaction-mode="pan"][is-panning]) {
+  cursor: grabbing;
+}
+
+:host [part="viewport"] {
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+:host [part="transform"] {
+  transform-origin: center;
+  will-change: transform;
+}
+
+    `;
+}
+//# sourceMappingURL=DesignerCanvasElement.Memphis.js.map

package/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Memphis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerCanvasElement.Memphis.js","sourceRoot":"","sources":["../../../../../../../src/Controls/Components/Layouts/Designer/Canvas/Themes/DesignerCanvasElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,2BAA2B,CAAC;AAEhE,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,iCAAiC;IAC7C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyFT,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Designer/Content/DesignerContentElement.d.ts

@@ -0,0 +1,84 @@
+import { CustomElement } from '../../../Abstracts/CustomElement';
+import type { IDesignerContentElementProps } from './IDesignerContentElementProps';
+declare const DesignerContentElement_base: (abstract new (...args: Array<any>) => import("../../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * DesignerContent - The main workspace container inside the designer.
+ *
+ * @description
+ * Hosts the canvas as the central editing region and provides optional
+ * generic extension slots for supplementary content around the canvas.
+ *
+ * @name DesignerContent
+ * @element mosaik-designer-content
+ * @category Layouts
+ *
+ * @slot - Default slot for the canvas (mosaik-designer-canvas)
+ * @slot before-canvas - Generic extension slot before the canvas
+ * @slot after-canvas - Generic extension slot after the canvas
+ *
+ * @cssprop {String} --designer-content-transition-duration - Transition duration for animated state changes
+ * @cssprop {String} --designer-content-transition-mode - Transition timing function
+ * @cssprop {String} --designer-content-transition-property - Transition properties to animate
+ *
+ * @dependency {DesignerCanvasElement} - The canvas element placed inside the content region
+ *
+ * @example
+ * Content region wrapping a pannable canvas:
+ * ```html
+ * <mosaik-designer-content>
+ *   <mosaik-designer-canvas>
+ *     <mosaik-designer-frame></mosaik-designer-frame>
+ *   </mosaik-designer-canvas>
+ * </mosaik-designer-content>
+ * ```
+ *
+ * @example
+ * Content region with before and after extension slots:
+ * ```html
+ * <mosaik-designer-content>
+ *   <mosaik-stack slot="before-canvas" orientation="vertical">
+ *     <mosaik-button label="Layers"></mosaik-button>
+ *   </mosaik-stack>
+ *   <mosaik-designer-canvas>
+ *     <mosaik-designer-frame></mosaik-designer-frame>
+ *   </mosaik-designer-canvas>
+ *   <mosaik-stack slot="after-canvas" orientation="vertical">
+ *     <mosaik-button label="Properties"></mosaik-button>
+ *   </mosaik-stack>
+ * </mosaik-designer-content>
+ * ```
+ *
+ * @public
+ */
+export declare class DesignerContentElement extends DesignerContentElement_base implements IDesignerContentElementProps {
+    /**
+     * Constructs a new instance of the {@link DesignerContentElement} class.
+     *
+     * @public
+     */
+    constructor();
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is(): string;
+}
+/**
+ * @public
+ */
+export declare namespace DesignerContentElement {
+    type Props = IDesignerContentElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-designer-content': DesignerContentElement;
+    }
+}
+export {};
+//# sourceMappingURL=DesignerContentElement.d.ts.map

package/Controls/Components/Layouts/Designer/Content/DesignerContentElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerContentElement.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Designer/Content/DesignerContentElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEjE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;;AAOnF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,qBAUa,sBACT,SAAQ,2BACR,YAAW,4BAA4B;IAQvC;;;;OAIG;;IASH;;;;;;OAMG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAQJ;AAED;;GAEG;AACH,yBAAiB,sBAAsB,CAAC;IACpC,KAAY,KAAK,GAAG,4BAA4B,CAAC;CACpD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,yBAAyB,EAAE,sBAAsB,CAAC;KACrD;CACJ"}

package/Controls/Components/Layouts/Designer/Content/DesignerContentElement.js

@@ -0,0 +1,107 @@
+// #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 { Themeable } from '../../../../Behaviors/Themeable';
+import { Component } from '../../../../Decorators/ComponentDecorator';
+import { CustomElement } from '../../../Abstracts/CustomElement';
+import { designerContentElementTemplate } from './DesignerContentElementTemplate';
+import { designerContentElementCosmopolitanStyle } from './Themes/DesignerContentElement.Cosmopolitan';
+import { designerContentElementJoyStyle } from './Themes/DesignerContentElement.Joy';
+import { designerContentElementMemphisStyle } from './Themes/DesignerContentElement.Memphis';
+// #endregion
+/**
+ * DesignerContent - The main workspace container inside the designer.
+ *
+ * @description
+ * Hosts the canvas as the central editing region and provides optional
+ * generic extension slots for supplementary content around the canvas.
+ *
+ * @name DesignerContent
+ * @element mosaik-designer-content
+ * @category Layouts
+ *
+ * @slot - Default slot for the canvas (mosaik-designer-canvas)
+ * @slot before-canvas - Generic extension slot before the canvas
+ * @slot after-canvas - Generic extension slot after the canvas
+ *
+ * @cssprop {String} --designer-content-transition-duration - Transition duration for animated state changes
+ * @cssprop {String} --designer-content-transition-mode - Transition timing function
+ * @cssprop {String} --designer-content-transition-property - Transition properties to animate
+ *
+ * @dependency {DesignerCanvasElement} - The canvas element placed inside the content region
+ *
+ * @example
+ * Content region wrapping a pannable canvas:
+ * ```html
+ * <mosaik-designer-content>
+ *   <mosaik-designer-canvas>
+ *     <mosaik-designer-frame></mosaik-designer-frame>
+ *   </mosaik-designer-canvas>
+ * </mosaik-designer-content>
+ * ```
+ *
+ * @example
+ * Content region with before and after extension slots:
+ * ```html
+ * <mosaik-designer-content>
+ *   <mosaik-stack slot="before-canvas" orientation="vertical">
+ *     <mosaik-button label="Layers"></mosaik-button>
+ *   </mosaik-stack>
+ *   <mosaik-designer-canvas>
+ *     <mosaik-designer-frame></mosaik-designer-frame>
+ *   </mosaik-designer-canvas>
+ *   <mosaik-stack slot="after-canvas" orientation="vertical">
+ *     <mosaik-button label="Properties"></mosaik-button>
+ *   </mosaik-stack>
+ * </mosaik-designer-content>
+ * ```
+ *
+ * @public
+ */
+let DesignerContentElement = class DesignerContentElement extends Themeable(CustomElement) {
+    // #region Fields
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the {@link DesignerContentElement} class.
+     *
+     * @public
+     */
+    constructor() {
+        super();
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-designer-content';
+    }
+};
+DesignerContentElement = __decorate([
+    Component({
+        selector: 'mosaik-designer-content',
+        template: designerContentElementTemplate,
+        themes: {
+            joy: designerContentElementJoyStyle,
+            memphis: designerContentElementMemphisStyle,
+            cosmopolitan: designerContentElementCosmopolitanStyle
+        },
+        imports: []
+    }),
+    __metadata("design:paramtypes", [])
+], DesignerContentElement);
+export { DesignerContentElement };
+//# sourceMappingURL=DesignerContentElement.js.map