@breadstone/mosaik-elements-foundation 0.0.244 → 0.0.246

package/Controls/Components/Layouts/Page/PageHeaderElement.js

@@ -9,24 +9,82 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { Insetable } from '../../../Behaviors/Insetable';
+import { Slottable } from '../../../Behaviors/Slottable';
+import { Themeable } from '../../../Behaviors/Themeable';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
 import { CustomElement } from '../../Abstracts/CustomElement';
 import { TextElement } from '../../Primitives/Text/TextElement';
 import { pageHeaderElementTemplate } from './PageHeaderElementTemplate';
+import { pageHeaderElementCosmopolitanStyle } from './Themes/PageHeaderElement.Cosmopolitan';
 import { pageHeaderElementJoyStyle } from './Themes/PageHeaderElement.Joy';
 import { pageHeaderElementMemphisStyle } from './Themes/PageHeaderElement.Memphis';
-import { pageHeaderElementCosmopolitanStyle } from './Themes/PageHeaderElement.Cosmopolitan';
-import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
 /**
  * Page Header - The header section of a page that typically contains a title, navigation, and other relevant information.
  *
  * @element mosaik-page-header
  *
+ * @slot  - The default slot.
+ * @slot additionalHeader - The additionalHeader slot.
  * @slot header - The header content.
+ * @slot prefix - The prefix slot.
+ * @slot subHeader - The subHeader slot.
+ * @slot suffix - The suffix slot.
+ *
+ * @csspart heading - The heading part.
+ * @csspart prefix - The prefix part.
+ * @csspart root - The root part.
+ * @csspart suffix - The suffix part.
+ *
+ * @cssprop {String} --page-header-additional-header-font-family - The header additional header font family CSS custom property.
+ * @cssprop {String} --page-header-additional-header-font-letter-spacing - The header additional header font letter spacing CSS custom property.
+ * @cssprop {String} --page-header-additional-header-font-line-height - The header additional header font line height CSS custom property.
+ * @cssprop {String} --page-header-additional-header-font-size - The header additional header font size CSS custom property.
+ * @cssprop {String} --page-header-additional-header-font-text-decoration - The header additional header font text decoration CSS custom property.
+ * @cssprop {String} --page-header-additional-header-font-text-transform - The header additional header font text transform CSS custom property.
+ * @cssprop {String} --page-header-additional-header-font-weight - The header additional header font weight CSS custom property.
+ * @cssprop {String} --page-header-background-color - The header background color CSS custom property.
+ * @cssprop {String} --page-header-font-family - The header font family CSS custom property.
+ * @cssprop {String} --page-header-font-letter-spacing - The header font letter spacing CSS custom property.
+ * @cssprop {String} --page-header-font-line-height - The header font line height CSS custom property.
+ * @cssprop {String} --page-header-font-size - The header font size CSS custom property.
+ * @cssprop {String} --page-header-font-text-decoration - The header font text decoration CSS custom property.
+ * @cssprop {String} --page-header-font-text-transform - The header font text transform CSS custom property.
+ * @cssprop {String} --page-header-font-weight - The header font weight CSS custom property.
+ * @cssprop {String} --page-header-foreground-color - The header foreground color CSS custom property.
+ * @cssprop {String} --page-header-gap - The header gap CSS custom property.
+ * @cssprop {String} --page-header-header-font-family - The header header font family CSS custom property.
+ * @cssprop {String} --page-header-header-font-letter-spacing - The header header font letter spacing CSS custom property.
+ * @cssprop {String} --page-header-header-font-line-height - The header header font line height CSS custom property.
+ * @cssprop {String} --page-header-header-font-size - The header header font size CSS custom property.
+ * @cssprop {String} --page-header-header-font-text-decoration - The header header font text decoration CSS custom property.
+ * @cssprop {String} --page-header-header-font-text-transform - The header header font text transform CSS custom property.
+ * @cssprop {String} --page-header-header-font-weight - The header header font weight CSS custom property.
+ * @cssprop {String} --page-header-inset - The header inset CSS custom property.
+ * @cssprop {String} --page-header-padding-bottom - The header padding bottom CSS custom property.
+ * @cssprop {String} --page-header-padding-left - The header padding left CSS custom property.
+ * @cssprop {String} --page-header-padding-right - The header padding right CSS custom property.
+ * @cssprop {String} --page-header-padding-top - The header padding top CSS custom property.
+ * @cssprop {String} --page-header-shadow - The header shadow CSS custom property.
+ * @cssprop {String} --page-header-shadow-blur - The header shadow blur CSS custom property.
+ * @cssprop {String} --page-header-shadow-color - The header shadow color CSS custom property.
+ * @cssprop {String} --page-header-shadow-offset-x - The header shadow offset x CSS custom property.
+ * @cssprop {String} --page-header-shadow-offset-y - The header shadow offset y CSS custom property.
+ * @cssprop {String} --page-header-shadow-spread - The header shadow spread CSS custom property.
+ * @cssprop {String} --page-header-sub-header-font-family - The header sub header font family CSS custom property.
+ * @cssprop {String} --page-header-sub-header-font-letter-spacing - The header sub header font letter spacing CSS custom property.
+ * @cssprop {String} --page-header-sub-header-font-line-height - The header sub header font line height CSS custom property.
+ * @cssprop {String} --page-header-sub-header-font-size - The header sub header font size CSS custom property.
+ * @cssprop {String} --page-header-sub-header-font-text-decoration - The header sub header font text decoration CSS custom property.
+ * @cssprop {String} --page-header-sub-header-font-text-transform - The header sub header font text transform CSS custom property.
+ * @cssprop {String} --page-header-sub-header-font-weight - The header sub header font weight CSS custom property.
+ * @cssprop {String} --page-header-transition-duration - The header transition duration CSS custom property.
+ * @cssprop {String} --page-header-transition-mode - The header transition mode CSS custom property.
+ * @cssprop {String} --page-header-transition-property - The header transition property CSS custom property.
+ * @cssprop {String} --page-header-translate - The header translate CSS custom property.
  *
- * @dependency {TextElement} - The Text element.
+ * @dependency mosaik-text - The Text element.
  *
  * @example
  * ```html
@@ -37,9 +95,11 @@ import { Themeable } from '../../../Behaviors/Themeable';
  *
  * @public
  */
-let PageHeaderElement = class PageHeaderElement extends Themeable(Insetable(CustomElement)) {
+let PageHeaderElement = class PageHeaderElement extends Themeable(Insetable(Slottable(CustomElement))) {
     // #region Fields
     _text;
+    _subText;
+    _additionalText;
     // #endregion
     // #region Ctor
     /**
@@ -48,6 +108,8 @@ let PageHeaderElement = class PageHeaderElement extends Themeable(Insetable(Cust
     constructor() {
         super();
         this._text = '';
+        this._subText = undefined;
+        this._additionalText = undefined;
     }
     // #endregion
     // #region Properties
@@ -76,12 +138,50 @@ let PageHeaderElement = class PageHeaderElement extends Themeable(Insetable(Cust
             this.requestUpdate('text');
         }
     }
+    /**
+      * Gets or sets the `subText` property.
+      *
+      * @public
+      */
+    get subText() {
+        return this._subText;
+    }
+    set subText(value) {
+        if (this._subText !== value) {
+            this._subText = value;
+            this.requestUpdate('subText');
+        }
+    }
+    /**
+      * Gets or sets the `additionalText` property.
+      *
+      * @public
+      */
+    get additionalText() {
+        return this._additionalText;
+    }
+    set additionalText(value) {
+        if (this._additionalText !== value) {
+            this._additionalText = value;
+            this.requestUpdate('additionalText');
+        }
+    }
 };
 __decorate([
     Attribute({ type: String }),
     __metadata("design:type", String),
     __metadata("design:paramtypes", [String])
 ], PageHeaderElement.prototype, "text", null);
+__decorate([
+    Attribute({ type: String }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], PageHeaderElement.prototype, "subText", null);
+__decorate([
+    Attribute({ type: String }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], PageHeaderElement.prototype, "additionalText", null);
 PageHeaderElement = __decorate([
     Component({
         selector: 'mosaik-page-header',

package/Controls/Components/Layouts/Page/PageHeaderElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageHeaderElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;GAiBG;AAgBI,IAAM,iBAAiB,GAAvB,MAAM,iBACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,iBAAiB;IAET,KAAK,CAAS;IAEtB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,oBAAoB,CAAC;IAChC,CAAC;IAED;;;;QAII;IACJ,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAW,IAAI,CAAC,KAAa;QACzB,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;AAbG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;6CAG3B;AA7CQ,iBAAiB;IAf7B,SAAS,CAAC;QACP,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE;YACJ,GAAG,EAAE,yBAAyB;YAC9B,OAAO,EAAE,6BAA6B;YACtC,YAAY,EAAE,kCAAkC;SACnD;QACD,QAAQ,EAAE,yBAAyB;QACnC,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;SACjB;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,iBAAiB,CAuD7B"}
+{"version":3,"file":"PageHeaderElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageHeaderElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Layouts/Page/PageHeaderElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageHeaderElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,iBAAiB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAO3F"}
+{"version":3,"file":"PageHeaderElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageHeaderElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,iBAAiB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAkC3F"}

package/Controls/Components/Layouts/Page/PageHeaderElementTemplate.js

@@ -1,5 +1,6 @@
 // #region Imports
 import { html } from '../../../../Dom/Html';
+import { setHost } from '../../../Directives/setHost';
 // #endregion
 /**
  * The template of the `PageHeaderElement`.
@@ -8,10 +9,37 @@ import { html } from '../../../../Dom/Html';
  */
 export function pageHeaderElementTemplate(e) {
     return html `
-        <slot name="header">
-            <mosaik-text .text="${e.text}"
-                         .wrap="${true}"></mosaik-text>
-        </slot>
+        <div part="root">
+            <div part="prefix"
+                 ?hidden="${!setHost(e, 'has-prefix', e.hasSlotContent('prefix'))}">
+                <slot name="prefix"></slot>
+            </div>
+            <div part="heading">
+                <div part="heading">
+                    <slot name="header">
+                        <mosaik-text .text="${e.text}"
+                                    .wrap="${true}"></mosaik-text>
+                    </slot>
+                    <slot name="subHeader">
+                        <mosaik-text .text="${e.subText}"
+                                    .wrap="${true}"
+                                    .maxLines="${1}"></mosaik-text>
+                    </slot>
+                    <slot name="additionalHeader">
+                        <mosaik-text .text="${e.additionalText}"
+                                    .wrap="${true}"
+                                    .maxLines="${3}"></mosaik-text>
+                    </slot>
+                </div>
+                <div part="content">
+                    <slot></slot>
+                </div>
+            </div>
+            <div part="suffix"
+                 ?hidden="${!setHost(e, 'has-suffix', e.hasSlotContent('suffix'))}">
+                <slot name="suffix"></slot>
+            </div>
+        </div>
     `;
 }
 //# sourceMappingURL=PageHeaderElementTemplate.js.map

package/Controls/Components/Layouts/Page/PageHeaderElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageHeaderElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAA8B,CAAI;IACvE,OAAO,IAAI,CAAA;;kCAEmB,CAAC,CAAC,IAAI;kCACN,IAAI;;KAEjC,CAAC;AACN,CAAC"}
+{"version":3,"file":"PageHeaderElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageHeaderElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAGtD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAA8B,CAAI;IACvE,OAAO,IAAI,CAAA;;;4BAGa,CAAC,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;;;;;;8CAMnC,CAAC,CAAC,IAAI;6CACP,IAAI;;;8CAGH,CAAC,CAAC,OAAO;6CACV,IAAI;iDACA,CAAC;;;8CAGJ,CAAC,CAAC,cAAc;6CACjB,IAAI;iDACA,CAAC;;;;;;;;4BAQtB,CAAC,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;;;;KAI5E,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Page/PageMenuElement.d.ts

@@ -8,8 +8,44 @@ declare const PageMenuElement_base: (abstract new (...args: Array<any>) => impor
  * @element mosaik-pagemenu
  *
  * @slot - The content of the page menu.
- * @slot start - The start content of the page menu.
  * @slot end - The end content of the page menu.
+ * @slot start - The start content of the page menu.
+ *
+ * @csspart end - The end part.
+ * @csspart main - The main part.
+ * @csspart root - The root part.
+ * @csspart start - The start part.
+ *
+ * @cssprop {String} --page-menu-background-color - The menu background color CSS custom property.
+ * @cssprop {String} --page-menu-border-color - The menu border color CSS custom property.
+ * @cssprop {String} --page-menu-border-radius - The menu border radius CSS custom property.
+ * @cssprop {String} --page-menu-border-style - The menu border style CSS custom property.
+ * @cssprop {String} --page-menu-border-width - The menu border width CSS custom property.
+ * @cssprop {String} --page-menu-font-family - The menu font family CSS custom property.
+ * @cssprop {String} --page-menu-font-letter-spacing - The menu font letter spacing CSS custom property.
+ * @cssprop {String} --page-menu-font-line-height - The menu font line height CSS custom property.
+ * @cssprop {String} --page-menu-font-size - The menu font size CSS custom property.
+ * @cssprop {String} --page-menu-font-text-decoration - The menu font text decoration CSS custom property.
+ * @cssprop {String} --page-menu-font-text-transform - The menu font text transform CSS custom property.
+ * @cssprop {String} --page-menu-font-weight - The menu font weight CSS custom property.
+ * @cssprop {String} --page-menu-foreground-color - The menu foreground color CSS custom property.
+ * @cssprop {String} --page-menu-gap - The menu gap CSS custom property.
+ * @cssprop {String} --page-menu-height - The menu height CSS custom property.
+ * @cssprop {String} --page-menu-line-height - The menu line height CSS custom property.
+ * @cssprop {String} --page-menu-padding-bottom - The menu padding bottom CSS custom property.
+ * @cssprop {String} --page-menu-padding-left - The menu padding left CSS custom property.
+ * @cssprop {String} --page-menu-padding-right - The menu padding right CSS custom property.
+ * @cssprop {String} --page-menu-padding-top - The menu padding top CSS custom property.
+ * @cssprop {String} --page-menu-shadow - The menu shadow CSS custom property.
+ * @cssprop {String} --page-menu-shadow-blur - The menu shadow blur CSS custom property.
+ * @cssprop {String} --page-menu-shadow-color - The menu shadow color CSS custom property.
+ * @cssprop {String} --page-menu-shadow-offset-x - The menu shadow offset x CSS custom property.
+ * @cssprop {String} --page-menu-shadow-offset-y - The menu shadow offset y CSS custom property.
+ * @cssprop {String} --page-menu-shadow-spread - The menu shadow spread CSS custom property.
+ * @cssprop {String} --page-menu-transition-duration - The menu transition duration CSS custom property.
+ * @cssprop {String} --page-menu-transition-mode - The menu transition mode CSS custom property.
+ * @cssprop {String} --page-menu-transition-property - The menu transition property CSS custom property.
+ * @cssprop {String} --page-menu-translate - The menu translate CSS custom property.
  *
  * @example
  * ```html

package/Controls/Components/Layouts/Page/PageMenuElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageMenuElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageMenuElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;AAShE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAUa,eACT,SAAQ,oBACR,YAAW,qBAAqB;IAIhC,OAAO,CAAC,WAAW,CAAS;IAM5B;;OAEG;;IAWH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,UAAU,IAAI,MAAM,CAE9B;IAED,IAAW,UAAU,CAAC,KAAK,EAAE,MAAM,EAKlC;CAIJ;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC7C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,eAAe,CAAC;KACtC;CACJ"}
+{"version":3,"file":"PageMenuElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageMenuElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;AAShE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,qBAUa,eACT,SAAQ,oBACR,YAAW,qBAAqB;IAIhC,OAAO,CAAC,WAAW,CAAS;IAM5B;;OAEG;;IAWH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,UAAU,IAAI,MAAM,CAE9B;IAED,IAAW,UAAU,CAAC,KAAK,EAAE,MAAM,EAKlC;CAIJ;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC7C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,eAAe,CAAC;KACtC;CACJ"}

package/Controls/Components/Layouts/Page/PageMenuElement.js

@@ -24,8 +24,44 @@ import { Themeable } from '../../../Behaviors/Themeable';
  * @element mosaik-pagemenu
  *
  * @slot - The content of the page menu.
- * @slot start - The start content of the page menu.
  * @slot end - The end content of the page menu.
+ * @slot start - The start content of the page menu.
+ *
+ * @csspart end - The end part.
+ * @csspart main - The main part.
+ * @csspart root - The root part.
+ * @csspart start - The start part.
+ *
+ * @cssprop {String} --page-menu-background-color - The menu background color CSS custom property.
+ * @cssprop {String} --page-menu-border-color - The menu border color CSS custom property.
+ * @cssprop {String} --page-menu-border-radius - The menu border radius CSS custom property.
+ * @cssprop {String} --page-menu-border-style - The menu border style CSS custom property.
+ * @cssprop {String} --page-menu-border-width - The menu border width CSS custom property.
+ * @cssprop {String} --page-menu-font-family - The menu font family CSS custom property.
+ * @cssprop {String} --page-menu-font-letter-spacing - The menu font letter spacing CSS custom property.
+ * @cssprop {String} --page-menu-font-line-height - The menu font line height CSS custom property.
+ * @cssprop {String} --page-menu-font-size - The menu font size CSS custom property.
+ * @cssprop {String} --page-menu-font-text-decoration - The menu font text decoration CSS custom property.
+ * @cssprop {String} --page-menu-font-text-transform - The menu font text transform CSS custom property.
+ * @cssprop {String} --page-menu-font-weight - The menu font weight CSS custom property.
+ * @cssprop {String} --page-menu-foreground-color - The menu foreground color CSS custom property.
+ * @cssprop {String} --page-menu-gap - The menu gap CSS custom property.
+ * @cssprop {String} --page-menu-height - The menu height CSS custom property.
+ * @cssprop {String} --page-menu-line-height - The menu line height CSS custom property.
+ * @cssprop {String} --page-menu-padding-bottom - The menu padding bottom CSS custom property.
+ * @cssprop {String} --page-menu-padding-left - The menu padding left CSS custom property.
+ * @cssprop {String} --page-menu-padding-right - The menu padding right CSS custom property.
+ * @cssprop {String} --page-menu-padding-top - The menu padding top CSS custom property.
+ * @cssprop {String} --page-menu-shadow - The menu shadow CSS custom property.
+ * @cssprop {String} --page-menu-shadow-blur - The menu shadow blur CSS custom property.
+ * @cssprop {String} --page-menu-shadow-color - The menu shadow color CSS custom property.
+ * @cssprop {String} --page-menu-shadow-offset-x - The menu shadow offset x CSS custom property.
+ * @cssprop {String} --page-menu-shadow-offset-y - The menu shadow offset y CSS custom property.
+ * @cssprop {String} --page-menu-shadow-spread - The menu shadow spread CSS custom property.
+ * @cssprop {String} --page-menu-transition-duration - The menu transition duration CSS custom property.
+ * @cssprop {String} --page-menu-transition-mode - The menu transition mode CSS custom property.
+ * @cssprop {String} --page-menu-transition-property - The menu transition property CSS custom property.
+ * @cssprop {String} --page-menu-translate - The menu translate CSS custom property.
  *
  * @example
  * ```html

package/Controls/Components/Layouts/Page/PageMenuElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageMenuElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageMenuElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;GAqBG;AAWI,IAAM,eAAe,GAArB,MAAM,eACT,SAAQ,SAAS,CAAC,aAAa,CAAC;IAGhC,iBAAiB;IAET,WAAW,CAAS;IAE5B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IAC1B,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,iBAAiB,CAAC;IAC7B,CAAC;IAED;;;;;OAKG;IACH,IACW,UAAU;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAED,IAAW,UAAU,CAAC,KAAa;QAC/B,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;IACL,CAAC;CAIJ,CAAA;AAdG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;iDAG3B;AA9CQ,eAAe;IAV3B,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE,uBAAuB;QACjC,MAAM,EAAE;YACJ,GAAG,EAAE,uBAAuB;YAC5B,OAAO,EAAE,2BAA2B;YACpC,YAAY,EAAE,gCAAgC;SACjD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,eAAe,CAyD3B"}
+{"version":3,"file":"PageMenuElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageMenuElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AAWI,IAAM,eAAe,GAArB,MAAM,eACT,SAAQ,SAAS,CAAC,aAAa,CAAC;IAGhC,iBAAiB;IAET,WAAW,CAAS;IAE5B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IAC1B,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,iBAAiB,CAAC;IAC7B,CAAC;IAED;;;;;OAKG;IACH,IACW,UAAU;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAED,IAAW,UAAU,CAAC,KAAa;QAC/B,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;IACL,CAAC;CAIJ,CAAA;AAdG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;iDAG3B;AA9CQ,eAAe;IAV3B,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE,uBAAuB;QACjC,MAAM,EAAE;YACJ,GAAG,EAAE,uBAAuB;YAC5B,OAAO,EAAE,2BAA2B;YACpC,YAAY,EAAE,gCAAgC;SACjD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,eAAe,CAyD3B"}

package/Controls/Components/Layouts/Page/PagePreContentElement.d.ts

@@ -6,6 +6,32 @@ declare const PagePreContentElement_base: (abstract new (...args: Array<any>) =>
  *
  * @element mosaik-page-pre-content
  *
+ * @slot  - The default slot.
+ *
+ * @cssprop {String} --page-pre-content-font-family - The pre content font family CSS custom property.
+ * @cssprop {String} --page-pre-content-font-letter-spacing - The pre content font letter spacing CSS custom property.
+ * @cssprop {String} --page-pre-content-font-line-height - The pre content font line height CSS custom property.
+ * @cssprop {String} --page-pre-content-font-size - The pre content font size CSS custom property.
+ * @cssprop {String} --page-pre-content-font-text-decoration - The pre content font text decoration CSS custom property.
+ * @cssprop {String} --page-pre-content-font-text-transform - The pre content font text transform CSS custom property.
+ * @cssprop {String} --page-pre-content-font-weight - The pre content font weight CSS custom property.
+ * @cssprop {String} --page-pre-content-gap - The pre content gap CSS custom property.
+ * @cssprop {String} --page-pre-content-inset - The pre content inset CSS custom property.
+ * @cssprop {String} --page-pre-content-padding-bottom - The pre content padding bottom CSS custom property.
+ * @cssprop {String} --page-pre-content-padding-left - The pre content padding left CSS custom property.
+ * @cssprop {String} --page-pre-content-padding-right - The pre content padding right CSS custom property.
+ * @cssprop {String} --page-pre-content-padding-top - The pre content padding top CSS custom property.
+ * @cssprop {String} --page-pre-content-shadow - The pre content shadow CSS custom property.
+ * @cssprop {String} --page-pre-content-shadow-blur - The pre content shadow blur CSS custom property.
+ * @cssprop {String} --page-pre-content-shadow-color - The pre content shadow color CSS custom property.
+ * @cssprop {String} --page-pre-content-shadow-offset-x - The pre content shadow offset x CSS custom property.
+ * @cssprop {String} --page-pre-content-shadow-offset-y - The pre content shadow offset y CSS custom property.
+ * @cssprop {String} --page-pre-content-shadow-spread - The pre content shadow spread CSS custom property.
+ * @cssprop {String} --page-pre-content-transition-duration - The pre content transition duration CSS custom property.
+ * @cssprop {String} --page-pre-content-transition-mode - The pre content transition mode CSS custom property.
+ * @cssprop {String} --page-pre-content-transition-property - The pre content transition property CSS custom property.
+ * @cssprop {String} --page-pre-content-translate - The pre content translate CSS custom property.
+ *
  * @example
  * ```html
  * <mosaik-page-pre-content>

package/Controls/Components/Layouts/Page/PagePreContentElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PagePreContentElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreContentElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;;AASjF;;;;;;;;;;;;;GAaG;AACH,qBAea,qBACT,SAAQ,0BACR,YAAW,2BAA2B;IAOtC;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAQJ;AAED;;GAEG;AACH,yBAAiB,qBAAqB,CAAC;IACnC,KAAY,KAAK,GAAG,2BAA2B,CAAC;CACnD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,yBAAyB,EAAE,qBAAqB,CAAC;KACpD;CACJ"}
+{"version":3,"file":"PagePreContentElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreContentElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;;AASjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBAea,qBACT,SAAQ,0BACR,YAAW,2BAA2B;IAOtC;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAQJ;AAED;;GAEG;AACH,yBAAiB,qBAAqB,CAAC;IACnC,KAAY,KAAK,GAAG,2BAA2B,CAAC;CACnD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,yBAAyB,EAAE,qBAAqB,CAAC;KACpD;CACJ"}

package/Controls/Components/Layouts/Page/PagePreContentElement.js

@@ -23,6 +23,32 @@ import { Themeable } from '../../../Behaviors/Themeable';
  *
  * @element mosaik-page-pre-content
  *
+ * @slot  - The default slot.
+ *
+ * @cssprop {String} --page-pre-content-font-family - The pre content font family CSS custom property.
+ * @cssprop {String} --page-pre-content-font-letter-spacing - The pre content font letter spacing CSS custom property.
+ * @cssprop {String} --page-pre-content-font-line-height - The pre content font line height CSS custom property.
+ * @cssprop {String} --page-pre-content-font-size - The pre content font size CSS custom property.
+ * @cssprop {String} --page-pre-content-font-text-decoration - The pre content font text decoration CSS custom property.
+ * @cssprop {String} --page-pre-content-font-text-transform - The pre content font text transform CSS custom property.
+ * @cssprop {String} --page-pre-content-font-weight - The pre content font weight CSS custom property.
+ * @cssprop {String} --page-pre-content-gap - The pre content gap CSS custom property.
+ * @cssprop {String} --page-pre-content-inset - The pre content inset CSS custom property.
+ * @cssprop {String} --page-pre-content-padding-bottom - The pre content padding bottom CSS custom property.
+ * @cssprop {String} --page-pre-content-padding-left - The pre content padding left CSS custom property.
+ * @cssprop {String} --page-pre-content-padding-right - The pre content padding right CSS custom property.
+ * @cssprop {String} --page-pre-content-padding-top - The pre content padding top CSS custom property.
+ * @cssprop {String} --page-pre-content-shadow - The pre content shadow CSS custom property.
+ * @cssprop {String} --page-pre-content-shadow-blur - The pre content shadow blur CSS custom property.
+ * @cssprop {String} --page-pre-content-shadow-color - The pre content shadow color CSS custom property.
+ * @cssprop {String} --page-pre-content-shadow-offset-x - The pre content shadow offset x CSS custom property.
+ * @cssprop {String} --page-pre-content-shadow-offset-y - The pre content shadow offset y CSS custom property.
+ * @cssprop {String} --page-pre-content-shadow-spread - The pre content shadow spread CSS custom property.
+ * @cssprop {String} --page-pre-content-transition-duration - The pre content transition duration CSS custom property.
+ * @cssprop {String} --page-pre-content-transition-mode - The pre content transition mode CSS custom property.
+ * @cssprop {String} --page-pre-content-transition-property - The pre content transition property CSS custom property.
+ * @cssprop {String} --page-pre-content-translate - The pre content translate CSS custom property.
+ *
  * @example
  * ```html
  * <mosaik-page-pre-content>

package/Controls/Components/Layouts/Page/PagePreContentElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"PagePreContentElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreContentElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,sCAAsC,EAAE,MAAM,6CAA6C,CAAC;AACrG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;GAaG;AAgBI,IAAM,qBAAqB,GAA3B,MAAM,qBACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,iBAAiB;IACjB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,yBAAyB,CAAC;IACrC,CAAC;CAQJ,CAAA;AAtCY,qBAAqB;IAfjC,SAAS,CAAC;QACP,QAAQ,EAAE,yBAAyB;QACnC,QAAQ,EAAE,6BAA6B;QACvC,MAAM,EAAE;YACJ,GAAG,EAAE,6BAA6B;YAClC,OAAO,EAAE,iCAAiC;YAC1C,YAAY,EAAE,sCAAsC;SACvD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,YAAY;SACrB;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,qBAAqB,CAsCjC"}
+{"version":3,"file":"PagePreContentElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreContentElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,sCAAsC,EAAE,MAAM,6CAA6C,CAAC;AACrG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAgBI,IAAM,qBAAqB,GAA3B,MAAM,qBACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,iBAAiB;IACjB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,yBAAyB,CAAC;IACrC,CAAC;CAQJ,CAAA;AAtCY,qBAAqB;IAfjC,SAAS,CAAC;QACP,QAAQ,EAAE,yBAAyB;QACnC,QAAQ,EAAE,6BAA6B;QACvC,MAAM,EAAE;YACJ,GAAG,EAAE,6BAA6B;YAClC,OAAO,EAAE,iCAAiC;YAC1C,YAAY,EAAE,sCAAsC;SACvD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,YAAY;SACrB;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,qBAAqB,CAsCjC"}

package/Controls/Components/Layouts/Page/PagePreHeaderElement.d.ts

@@ -6,6 +6,32 @@ declare const PagePreHeaderElement_base: (abstract new (...args: Array<any>) =>
  *
  * @element mosaik-page-pre-header
  *
+ * @slot  - The default slot.
+ *
+ * @cssprop {String} --page-pre-header-font-family - The pre header font family CSS custom property.
+ * @cssprop {String} --page-pre-header-font-letter-spacing - The pre header font letter spacing CSS custom property.
+ * @cssprop {String} --page-pre-header-font-line-height - The pre header font line height CSS custom property.
+ * @cssprop {String} --page-pre-header-font-size - The pre header font size CSS custom property.
+ * @cssprop {String} --page-pre-header-font-text-decoration - The pre header font text decoration CSS custom property.
+ * @cssprop {String} --page-pre-header-font-text-transform - The pre header font text transform CSS custom property.
+ * @cssprop {String} --page-pre-header-font-weight - The pre header font weight CSS custom property.
+ * @cssprop {String} --page-pre-header-gap - The pre header gap CSS custom property.
+ * @cssprop {String} --page-pre-header-inset - The pre header inset CSS custom property.
+ * @cssprop {String} --page-pre-header-padding-bottom - The pre header padding bottom CSS custom property.
+ * @cssprop {String} --page-pre-header-padding-left - The pre header padding left CSS custom property.
+ * @cssprop {String} --page-pre-header-padding-right - The pre header padding right CSS custom property.
+ * @cssprop {String} --page-pre-header-padding-top - The pre header padding top CSS custom property.
+ * @cssprop {String} --page-pre-header-shadow - The pre header shadow CSS custom property.
+ * @cssprop {String} --page-pre-header-shadow-blur - The pre header shadow blur CSS custom property.
+ * @cssprop {String} --page-pre-header-shadow-color - The pre header shadow color CSS custom property.
+ * @cssprop {String} --page-pre-header-shadow-offset-x - The pre header shadow offset x CSS custom property.
+ * @cssprop {String} --page-pre-header-shadow-offset-y - The pre header shadow offset y CSS custom property.
+ * @cssprop {String} --page-pre-header-shadow-spread - The pre header shadow spread CSS custom property.
+ * @cssprop {String} --page-pre-header-transition-duration - The pre header transition duration CSS custom property.
+ * @cssprop {String} --page-pre-header-transition-mode - The pre header transition mode CSS custom property.
+ * @cssprop {String} --page-pre-header-transition-property - The pre header transition property CSS custom property.
+ * @cssprop {String} --page-pre-header-translate - The pre header translate CSS custom property.
+ *
  * @example
  * ```html
  * <mosaik-page-pre-header>

package/Controls/Components/Layouts/Page/PagePreHeaderElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PagePreHeaderElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreHeaderElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;;AAS/E;;;;;;;;;;;;;GAaG;AACH,qBAea,oBACT,SAAQ,yBACR,YAAW,0BAA0B;IAOrC;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAQJ;AAED;;GAEG;AACH,yBAAiB,oBAAoB,CAAC;IAClC,KAAY,KAAK,GAAG,0BAA0B,CAAC;CAClD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,oBAAoB,CAAC;KAClD;CACJ"}
+{"version":3,"file":"PagePreHeaderElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreHeaderElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;;AAS/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBAea,oBACT,SAAQ,yBACR,YAAW,0BAA0B;IAOrC;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAQJ;AAED;;GAEG;AACH,yBAAiB,oBAAoB,CAAC;IAClC,KAAY,KAAK,GAAG,0BAA0B,CAAC;CAClD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,oBAAoB,CAAC;KAClD;CACJ"}

package/Controls/Components/Layouts/Page/PagePreHeaderElement.js

@@ -23,6 +23,32 @@ import { Themeable } from '../../../Behaviors/Themeable';
  *
  * @element mosaik-page-pre-header
  *
+ * @slot  - The default slot.
+ *
+ * @cssprop {String} --page-pre-header-font-family - The pre header font family CSS custom property.
+ * @cssprop {String} --page-pre-header-font-letter-spacing - The pre header font letter spacing CSS custom property.
+ * @cssprop {String} --page-pre-header-font-line-height - The pre header font line height CSS custom property.
+ * @cssprop {String} --page-pre-header-font-size - The pre header font size CSS custom property.
+ * @cssprop {String} --page-pre-header-font-text-decoration - The pre header font text decoration CSS custom property.
+ * @cssprop {String} --page-pre-header-font-text-transform - The pre header font text transform CSS custom property.
+ * @cssprop {String} --page-pre-header-font-weight - The pre header font weight CSS custom property.
+ * @cssprop {String} --page-pre-header-gap - The pre header gap CSS custom property.
+ * @cssprop {String} --page-pre-header-inset - The pre header inset CSS custom property.
+ * @cssprop {String} --page-pre-header-padding-bottom - The pre header padding bottom CSS custom property.
+ * @cssprop {String} --page-pre-header-padding-left - The pre header padding left CSS custom property.
+ * @cssprop {String} --page-pre-header-padding-right - The pre header padding right CSS custom property.
+ * @cssprop {String} --page-pre-header-padding-top - The pre header padding top CSS custom property.
+ * @cssprop {String} --page-pre-header-shadow - The pre header shadow CSS custom property.
+ * @cssprop {String} --page-pre-header-shadow-blur - The pre header shadow blur CSS custom property.
+ * @cssprop {String} --page-pre-header-shadow-color - The pre header shadow color CSS custom property.
+ * @cssprop {String} --page-pre-header-shadow-offset-x - The pre header shadow offset x CSS custom property.
+ * @cssprop {String} --page-pre-header-shadow-offset-y - The pre header shadow offset y CSS custom property.
+ * @cssprop {String} --page-pre-header-shadow-spread - The pre header shadow spread CSS custom property.
+ * @cssprop {String} --page-pre-header-transition-duration - The pre header transition duration CSS custom property.
+ * @cssprop {String} --page-pre-header-transition-mode - The pre header transition mode CSS custom property.
+ * @cssprop {String} --page-pre-header-transition-property - The pre header transition property CSS custom property.
+ * @cssprop {String} --page-pre-header-translate - The pre header translate CSS custom property.
+ *
  * @example
  * ```html
  * <mosaik-page-pre-header>

package/Controls/Components/Layouts/Page/PagePreHeaderElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"PagePreHeaderElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreHeaderElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,qCAAqC,EAAE,MAAM,4CAA4C,CAAC;AACnG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;GAaG;AAgBI,IAAM,oBAAoB,GAA1B,MAAM,oBACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,iBAAiB;IACjB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,wBAAwB,CAAC;IACpC,CAAC;CAQJ,CAAA;AAtCY,oBAAoB;IAfhC,SAAS,CAAC;QACP,QAAQ,EAAE,wBAAwB;QAClC,QAAQ,EAAE,4BAA4B;QACtC,MAAM,EAAE;YACJ,GAAG,EAAE,4BAA4B;YACjC,OAAO,EAAE,gCAAgC;YACzC,YAAY,EAAE,qCAAqC;SACtD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,WAAW;SACpB;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,oBAAoB,CAsChC"}
+{"version":3,"file":"PagePreHeaderElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreHeaderElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,qCAAqC,EAAE,MAAM,4CAA4C,CAAC;AACnG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAgBI,IAAM,oBAAoB,GAA1B,MAAM,oBACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,iBAAiB;IACjB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,wBAAwB,CAAC;IACpC,CAAC;CAQJ,CAAA;AAtCY,oBAAoB;IAfhC,SAAS,CAAC;QACP,QAAQ,EAAE,wBAAwB;QAClC,QAAQ,EAAE,4BAA4B;QACtC,MAAM,EAAE;YACJ,GAAG,EAAE,4BAA4B;YACjC,OAAO,EAAE,gCAAgC;YACzC,YAAY,EAAE,qCAAqC;SACtD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,WAAW;SACpB;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,oBAAoB,CAsChC"}

package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CAyH9D"}
+{"version":3,"file":"PageHeaderElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CA4N9D"}