@breadstone/mosaik-elements-foundation 0.0.229 → 0.0.230

package/Controls/Components/Primitives/Spacer/SpacerElementTemplate.js

@@ -4,7 +4,7 @@ import { html } from '../../../../Dom/Html';
 import { Spacing } from '../../../Types/Spacing';
 // #endregion
 /**
- * The template of the {@link SpacerElement}.
+ * The template of the `SpacerElement`.
  *
  * @public
  */

package/Controls/Components/Primitives/Sticky/IStickyElementProps.d.ts

@@ -1,6 +1,6 @@
 import type { CssLength } from '@breadstone/mosaik-themes';
 /**
- * Represents the `{@link IStickyElementProps}` interface.
+ * Represents the `IStickyElementProps` interface.
  *
  * @public
  */

package/Controls/Components/Primitives/Sticky/StickyElement.d.ts

@@ -22,10 +22,10 @@ declare const StickyElement_base: (abstract new (...args: Array<any>) => import(
  * @cssprop {String} --sticky-top - Top offset when sticky positioning is applied
  *
  * @example
- * Basic sticky header:
+ * Basic sticky header (top/left set via JavaScript):
  * ```html
  * <div class="page-content">
- *   <mosaik-sticky top="0px">
+ *   <mosaik-sticky id="stickyHeader">
  *     <header class="site-header">
  *       <h1>My Site</h1>
  *       <nav>...</nav>
@@ -35,6 +35,9 @@ declare const StickyElement_base: (abstract new (...args: Array<any>) => import(
  *     <!-- Long scrollable content -->
  *   </main>
  * </div>
+ * <script>
+ *   document.querySelector('#stickyHeader').top = '0px';
+ * </script>
  * ```
  *
  * @example
@@ -42,7 +45,7 @@ declare const StickyElement_base: (abstract new (...args: Array<any>) => import(
  * ```html
  * <div class="layout">
  *   <aside class="sidebar">
- *     <mosaik-sticky top="80px">
+ *     <mosaik-sticky id="stickySidebar">
  *       <nav class="side-nav">
  *         <a href="#section1">Section 1</a>
  *         <a href="#section2">Section 2</a>
@@ -52,29 +55,20 @@ declare const StickyElement_base: (abstract new (...args: Array<any>) => import(
  *   </aside>
  *   <main>...</main>
  * </div>
- * ```
- *
- * @example
- * Floating action button with custom offset:
- * ```html
- * <mosaik-sticky top="auto" left="calc(100% - 80px)">
- *   <button class="fab">
- *     <mosaik-icon data="add-icon"></mosaik-icon>
- *   </button>
- * </mosaik-sticky>
+ * <script>
+ *   document.querySelector('#stickySidebar').top = '80px';
+ * </script>
  * ```
  *
  * @example
  * Programmatic offset adjustment:
  * ```html
- * <mosaik-sticky id="stickyNav" top="0px">
+ * <mosaik-sticky id="stickyNav">
  *   <nav>Navigation</nav>
  * </mosaik-sticky>
- *
  * <script>
  *   const stickyNav = document.getElementById('stickyNav');
- *
- *   // Adjust offset when another sticky element appears
+ *   stickyNav.top = '0px';
  *   window.addEventListener('resize', () => {
  *     const headerHeight = document.querySelector('.top-banner')?.offsetHeight || 0;
  *     stickyNav.top = `${headerHeight}px`;
@@ -92,8 +86,8 @@ export declare class StickyElement extends StickyElement_base implements ISticky
      */
     constructor();
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Primitives/Sticky/StickyElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StickyElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Sticky/StickyElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AASjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFG;AACH,qBAUa,aACT,SAAQ,kBACR,YAAW,mBAAmB;IAK9B,OAAO,CAAC,IAAI,CAAY;IACxB,OAAO,CAAC,KAAK,CAAY;IAMzB;;OAEG;;IAiBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,GAAG,IAAI,SAAS,CAE1B;IACD,IAAW,GAAG,CAAC,KAAK,EAAE,SAAS,EAK9B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,SAAS,CAE3B;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,SAAS,EAK/B;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAKzC;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAK5C;;OAEG;IAEH,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI;IAMxE;;OAEG;IAEH,SAAS,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI;CAQ5E;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}
+{"version":3,"file":"StickyElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Sticky/StickyElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AASjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,qBAUa,aACT,SAAQ,kBACR,YAAW,mBAAmB;IAK9B,OAAO,CAAC,IAAI,CAAY;IACxB,OAAO,CAAC,KAAK,CAAY;IAMzB;;OAEG;;IAiBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,GAAG,IAAI,SAAS,CAE1B;IACD,IAAW,GAAG,CAAC,KAAK,EAAE,SAAS,EAK9B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,SAAS,CAE3B;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,SAAS,EAK/B;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAKzC;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAK5C;;OAEG;IAEH,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI;IAMxE;;OAEG;IAEH,SAAS,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI;CAQ5E;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}

package/Controls/Components/Primitives/Sticky/StickyElement.js

@@ -40,10 +40,10 @@ import { Themeable } from '../../../Behaviors/Themeable';
  * @cssprop {String} --sticky-top - Top offset when sticky positioning is applied
  *
  * @example
- * Basic sticky header:
+ * Basic sticky header (top/left set via JavaScript):
  * ```html
  * <div class="page-content">
- *   <mosaik-sticky top="0px">
+ *   <mosaik-sticky id="stickyHeader">
  *     <header class="site-header">
  *       <h1>My Site</h1>
  *       <nav>...</nav>
@@ -53,6 +53,9 @@ import { Themeable } from '../../../Behaviors/Themeable';
  *     <!-- Long scrollable content -->
  *   </main>
  * </div>
+ * <script>
+ *   document.querySelector('#stickyHeader').top = '0px';
+ * </script>
  * ```
  *
  * @example
@@ -60,7 +63,7 @@ import { Themeable } from '../../../Behaviors/Themeable';
  * ```html
  * <div class="layout">
  *   <aside class="sidebar">
- *     <mosaik-sticky top="80px">
+ *     <mosaik-sticky id="stickySidebar">
  *       <nav class="side-nav">
  *         <a href="#section1">Section 1</a>
  *         <a href="#section2">Section 2</a>
@@ -70,29 +73,20 @@ import { Themeable } from '../../../Behaviors/Themeable';
  *   </aside>
  *   <main>...</main>
  * </div>
- * ```
- *
- * @example
- * Floating action button with custom offset:
- * ```html
- * <mosaik-sticky top="auto" left="calc(100% - 80px)">
- *   <button class="fab">
- *     <mosaik-icon data="add-icon"></mosaik-icon>
- *   </button>
- * </mosaik-sticky>
+ * <script>
+ *   document.querySelector('#stickySidebar').top = '80px';
+ * </script>
  * ```
  *
  * @example
  * Programmatic offset adjustment:
  * ```html
- * <mosaik-sticky id="stickyNav" top="0px">
+ * <mosaik-sticky id="stickyNav">
  *   <nav>Navigation</nav>
  * </mosaik-sticky>
- *
  * <script>
  *   const stickyNav = document.getElementById('stickyNav');
- *
- *   // Adjust offset when another sticky element appears
+ *   stickyNav.top = '0px';
  *   window.addEventListener('resize', () => {
  *     const headerHeight = document.querySelector('.top-banner')?.offsetHeight || 0;
  *     stickyNav.top = `${headerHeight}px`;
@@ -124,8 +118,8 @@ let StickyElement = class StickyElement extends Themeable(CustomElement) {
     // #endregion
     // #region Properties
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Primitives/Sticky/StickyElement.js.map

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

package/Controls/Components/Primitives/Sticky/StickyElementTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from '../../../../Dom/Html';
 import type { StickyElement } from './StickyElement';
 /**
- * The template of the {@link StickyElement}.
+ * The template of the `StickyElement`.
  *
  * @public
  */

package/Controls/Components/Primitives/Sticky/StickyElementTemplate.js

@@ -2,7 +2,7 @@
 import { html } from '../../../../Dom/Html';
 // #endregion
 /**
- * The template of the {@link StickyElement}.
+ * The template of the `StickyElement`.
  *
  * @public
  */

package/Controls/Components/Primitives/Summary/ISummaryElementProps.d.ts

@@ -1,5 +1,5 @@
 /**
- * Represents the `{@link ISummaryElementProps}` interface.
+ * Represents the `ISummaryElementProps` interface.
  *
  * @public
  */

package/Controls/Components/Primitives/Summary/SummaryElement.d.ts

@@ -31,11 +31,11 @@ declare const SummaryElement_base: (abstract new (...args: Array<any>) => import
  * @dependency {TextElement} - Text rendering component for content
  *
  * @example
- * Basic summary with text attributes:
+ * Basic summary with slotted header and content:
  * ```html
- * <mosaik-summary
- *   header="Personal Information"
- *   content="Please provide your contact details">
+ * <mosaik-summary>
+ *   <span slot="header">Personal Information</span>
+ *   <div slot="content">Please provide your contact details</div>
  *   <input type="text" placeholder="Name">
  *   <input type="email" placeholder="Email">
  * </mosaik-summary>
@@ -58,13 +58,14 @@ declare const SummaryElement_base: (abstract new (...args: Array<any>) => import
  * Form section grouping:
  * ```html
  * <form>
- *   <mosaik-summary header="Billing Address">
+ *   <mosaik-summary>
+ *     <span slot="header">Billing Address</span>
  *     <input type="text" name="street" placeholder="Street">
  *     <input type="text" name="city" placeholder="City">
  *     <input type="text" name="zip" placeholder="ZIP Code">
  *   </mosaik-summary>
- *
- *   <mosaik-summary header="Payment Method">
+ *   <mosaik-summary>
+ *     <span slot="header">Payment Method</span>
  *     <select name="payment">
  *       <option>Credit Card</option>
  *       <option>PayPal</option>
@@ -83,8 +84,8 @@ export declare class SummaryElement extends SummaryElement_base implements ISumm
      */
     constructor();
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Primitives/Summary/SummaryElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Summary/SummaryElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAQ9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,qBAYa,cACT,SAAQ,mBACR,YAAW,oBAAoB;IAI/B,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,QAAQ,CAA4B;IAM5C;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAE7C;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAKjD;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAE9C;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAKlD;CAIJ;AAED;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAC5B,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC5C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,cAAc,CAAC;KACpC;CACJ"}
+{"version":3,"file":"SummaryElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Summary/SummaryElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAQ9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AACH,qBAYa,cACT,SAAQ,mBACR,YAAW,oBAAoB;IAI/B,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,QAAQ,CAA4B;IAM5C;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAE7C;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAKjD;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAE9C;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAKlD;CAIJ;AAED;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAC5B,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC5C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,cAAc,CAAC;KACpC;CACJ"}

package/Controls/Components/Primitives/Summary/SummaryElement.js

@@ -48,11 +48,11 @@ import { summaryElementMemphisStyle } from './Themes/SummaryElement.Memphis';
  * @dependency {TextElement} - Text rendering component for content
  *
  * @example
- * Basic summary with text attributes:
+ * Basic summary with slotted header and content:
  * ```html
- * <mosaik-summary
- *   header="Personal Information"
- *   content="Please provide your contact details">
+ * <mosaik-summary>
+ *   <span slot="header">Personal Information</span>
+ *   <div slot="content">Please provide your contact details</div>
  *   <input type="text" placeholder="Name">
  *   <input type="email" placeholder="Email">
  * </mosaik-summary>
@@ -75,13 +75,14 @@ import { summaryElementMemphisStyle } from './Themes/SummaryElement.Memphis';
  * Form section grouping:
  * ```html
  * <form>
- *   <mosaik-summary header="Billing Address">
+ *   <mosaik-summary>
+ *     <span slot="header">Billing Address</span>
  *     <input type="text" name="street" placeholder="Street">
  *     <input type="text" name="city" placeholder="City">
  *     <input type="text" name="zip" placeholder="ZIP Code">
  *   </mosaik-summary>
- *
- *   <mosaik-summary header="Payment Method">
+ *   <mosaik-summary>
+ *     <span slot="header">Payment Method</span>
  *     <select name="payment">
  *       <option>Credit Card</option>
  *       <option>PayPal</option>
@@ -109,8 +110,8 @@ let SummaryElement = class SummaryElement extends Themeable(CustomElement) {
     // #endregion
     // #region Properties
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Primitives/Summary/SummaryElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Summary/SummaryElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AAaI,IAAM,cAAc,GAApB,MAAM,cACT,SAAQ,SAAS,CAAC,aAAa,CAAC;IAGhC,iBAAiB;IAET,OAAO,CAA4B;IACnC,QAAQ,CAA4B;IAE5C,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;IACvB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED;;;;OAIG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAW,MAAM,CAAC,KAAgC;QAC9C,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,IACW,OAAO;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IACD,IAAW,OAAO,CAAC,KAAgC;QAC/C,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC;IACL,CAAC;CAIJ,CAAA;AA9BG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;4CAG1B;AAcD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;6CAG1B;AAhEQ,cAAc;IAZ1B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE;YACJ,GAAG,EAAE,sBAAsB;YAC3B,OAAO,EAAE,0BAA0B;YACnC,YAAY,EAAE,+BAA+B;SAChD;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,cAAc,CA0E1B"}
+{"version":3,"file":"SummaryElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Summary/SummaryElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AAaI,IAAM,cAAc,GAApB,MAAM,cACT,SAAQ,SAAS,CAAC,aAAa,CAAC;IAGhC,iBAAiB;IAET,OAAO,CAA4B;IACnC,QAAQ,CAA4B;IAE5C,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;IACvB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED;;;;OAIG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAW,MAAM,CAAC,KAAgC;QAC9C,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,IACW,OAAO;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IACD,IAAW,OAAO,CAAC,KAAgC;QAC/C,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC;IACL,CAAC;CAIJ,CAAA;AA9BG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;4CAG1B;AAcD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;6CAG1B;AAhEQ,cAAc;IAZ1B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE;YACJ,GAAG,EAAE,sBAAsB;YAC3B,OAAO,EAAE,0BAA0B;YACnC,YAAY,EAAE,+BAA+B;SAChD;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,cAAc,CA0E1B"}

package/Controls/Components/Primitives/Summary/SummaryElementTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from '../../../../Dom/Html';
 import type { SummaryElement } from './SummaryElement';
 /**
- * The template of the {@link SummaryElement}.
+ * The template of the `SummaryElement`.
  *
  * @public
  */

package/Controls/Components/Primitives/Summary/SummaryElementTemplate.js

@@ -2,7 +2,7 @@
 import { html } from '../../../../Dom/Html';
 // #endregion
 /**
- * The template of the {@link SummaryElement}.
+ * The template of the `SummaryElement`.
  *
  * @public
  */

package/Controls/Components/Primitives/Swipe/ISwipeElementProps.d.ts

@@ -1,5 +1,5 @@
 /**
- * Represents the `{@link ISwipeElementProps}` interface.
+ * Represents the `ISwipeElementProps` interface.
  *
  * @public
  */

package/Controls/Components/Primitives/Swipe/SwipeElement.d.ts

@@ -46,8 +46,8 @@ export declare class SwipeElement extends SwipeElement_base implements ISwipeEle
      */
     constructor();
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static
@@ -80,7 +80,7 @@ export declare class SwipeElement extends SwipeElement_base implements ISwipeEle
     set panRightDisabled(value: boolean);
     /**
      * Called when the left swipe gesture is detected.
-     * Provides reference to `{@link ISwipeLeftEventDetail}` as event detail.
+     * Provides reference to `ISwipeLeftEventDetail` as event detail.
      *
      * @public
      * @readonly
@@ -89,7 +89,7 @@ export declare class SwipeElement extends SwipeElement_base implements ISwipeEle
     get swipeLeft(): IEventEmitter<ISwipeLeftEventDetail>;
     /**
      * Called when the right swipe gesture is detected.
-     * Provides reference to `{@link ISwipeRightEventDetail}` as event detail.
+     * Provides reference to `ISwipeRightEventDetail` as event detail.
      *
      * @public
      * @readonly

package/Controls/Components/Primitives/Swipe/SwipeElement.js

@@ -81,8 +81,8 @@ let SwipeElement = class SwipeElement extends Themeable(CustomElement) {
     // #endregion
     // #region Properties
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static
@@ -138,7 +138,7 @@ let SwipeElement = class SwipeElement extends Themeable(CustomElement) {
     }
     /**
      * Called when the left swipe gesture is detected.
-     * Provides reference to `{@link ISwipeLeftEventDetail}` as event detail.
+     * Provides reference to `ISwipeLeftEventDetail` as event detail.
      *
      * @public
      * @readonly
@@ -149,7 +149,7 @@ let SwipeElement = class SwipeElement extends Themeable(CustomElement) {
     }
     /**
      * Called when the right swipe gesture is detected.
-     * Provides reference to `{@link ISwipeRightEventDetail}` as event detail.
+     * Provides reference to `ISwipeRightEventDetail` as event detail.
      *
      * @public
      * @readonly

package/Controls/Components/Primitives/Swipe/SwipeElementTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from '../../../../Dom/Html';
 import type { SwipeElement } from './SwipeElement';
 /**
- * The template of the {@link SwipeElement}.
+ * The template of the `SwipeElement`.
  *
  * @public
  */

package/Controls/Components/Primitives/Swipe/SwipeElementTemplate.js

@@ -3,7 +3,7 @@ import { html } from '../../../../Dom/Html';
 import { styleMap } from '../../../Directives/Directives';
 // #endregion
 /**
- * The template of the {@link SwipeElement}.
+ * The template of the `SwipeElement`.
  *
  * @public
  */

package/Controls/Components/Primitives/Text/TextElementTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from '../../../../Dom/Html';
 import type { TextElement } from './TextElement';
 /**
- * The template of the {@link TextElement}.
+ * The template of the `TextElement`.
  *
  * @public
  */

package/Controls/Components/Primitives/Text/TextElementTemplate.js

@@ -4,7 +4,7 @@ import { html } from '../../../../Dom/Html';
 import { unsafeHTML } from '../../../Directives/Directives';
 // #endregion
 /**
- * The template of the {@link TextElement}.
+ * The template of the `TextElement`.
  *
  * @public
  */

package/Controls/Components/Primitives/TextFormat/ITextFormatElementProps.d.ts

@@ -1,5 +1,5 @@
 /**
- * Represents the `{@link ITextFormatElementProps}` interface.
+ * Represents the `ITextFormatElementProps` interface.
  *
  * @public
  */

package/Controls/Components/Primitives/TextFormat/TextFormatElement.d.ts

@@ -33,8 +33,8 @@ export declare class TextFormatElement extends TextFormatElement_base implements
      */
     constructor();
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Primitives/TextFormat/TextFormatElement.js

@@ -58,8 +58,8 @@ let TextFormatElement = class TextFormatElement extends Themeable(CustomElement)
     // #endregion
     // #region Properties
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Primitives/TextFormat/TextFormatElementTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from '../../../../Dom/Html';
 import type { TextFormatElement } from './TextFormatElement';
 /**
- * The template of the {@link TextFormatElement}.
+ * The template of the `TextFormatElement`.
  *
  * @public
  */

package/Controls/Components/Primitives/TextFormat/TextFormatElementTemplate.js

@@ -2,7 +2,7 @@
 import { html } from '../../../../Dom/Html';
 // #endregion
 /**
- * The template of the {@link TextFormatElement}.
+ * The template of the `TextFormatElement`.
  *
  * @public
  */

package/Controls/Components/Primitives/Thumbnail/Previews/ThumbnailPreviewFactory.d.ts

@@ -1,9 +1,9 @@
 import type { ThumbnailPreview } from './ThumbnailPreview';
 /**
- * Creates a typed {@link ThumbnailPreview} from a {@link File}.
+ * Creates a typed `ThumbnailPreview` from a `File`.
  * Falls back to an 'other' preview if the media type cannot be determined.
  *
- * Note: The returned preview will use an Object URL. Call {@link URL.revokeObjectURL}
+ * Note: The returned preview will use an Object URL. Call `URL.revokeObjectURL`
  * when you no longer need it to avoid memory leaks.
  *
  * @public

package/Controls/Components/Primitives/Thumbnail/Previews/ThumbnailPreviewFactory.js

@@ -1,10 +1,10 @@
 // #region Imports
 // #endregion
 /**
- * Creates a typed {@link ThumbnailPreview} from a {@link File}.
+ * Creates a typed `ThumbnailPreview` from a `File`.
  * Falls back to an 'other' preview if the media type cannot be determined.
  *
- * Note: The returned preview will use an Object URL. Call {@link URL.revokeObjectURL}
+ * Note: The returned preview will use an Object URL. Call `URL.revokeObjectURL`
  * when you no longer need it to avoid memory leaks.
  *
  * @public

package/Controls/Components/Primitives/Thumbnail/ThumbnailElement.d.ts

@@ -73,31 +73,6 @@ declare const ThumbnailElement_base: (abstract new (...args: Array<any>) => impo
  * </script>
  * ```
  *
- * @example
- * Audio file thumbnail:
- * ```html
- * <mosaik-thumbnail id="audioThumb"></mosaik-thumbnail>
- * <script>
- *   const thumb = document.querySelector('#audioThumb');
- *   thumb.preview = {
- *     type: 'audio',
- *     url: 'podcast.mp3'
- *   };
- * </script>
- * ```
- *
- * @example
- * Disabled thumbnail:
- * ```html
- * <mosaik-thumbnail id="disabledThumb" disabled></mosaik-thumbnail>
- * <script>
- *   document.querySelector('#disabledThumb').preview = {
- *     type: 'image',
- *     url: 'unavailable.jpg'
- *   };
- * </script>
- * ```
- *
  * @public
  */
 export declare class ThumbnailElement extends ThumbnailElement_base implements IThumbnailElementProps {

package/Controls/Components/Primitives/Thumbnail/ThumbnailElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Thumbnail/ThumbnailElement.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAU9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;;AAI/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiGG;AACH,qBAgBa,gBACT,SAAQ,qBACR,YAAW,sBAAsB;IAIjC,OAAO,CAAC,QAAQ,CAA0B;IAM1C;;OAEG;;IAWH;;;;;;OAMG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,gBAAgB,GAAG,IAAI,CAE5C;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAKhD;IAED;;;;;;OAMG;IACH,IAAW,IAAI,IAAI,gBAAgB,CAAC,MAAM,CAAC,GAAG,OAAO,CAEpD;CAIJ;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,gBAAgB,CAAC;KACxC;CACJ"}
+{"version":3,"file":"ThumbnailElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Thumbnail/ThumbnailElement.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAU9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;;AAI/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,qBAgBa,gBACT,SAAQ,qBACR,YAAW,sBAAsB;IAIjC,OAAO,CAAC,QAAQ,CAA0B;IAM1C;;OAEG;;IAWH;;;;;;OAMG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,gBAAgB,GAAG,IAAI,CAE5C;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAKhD;IAED;;;;;;OAMG;IACH,IAAW,IAAI,IAAI,gBAAgB,CAAC,MAAM,CAAC,GAAG,OAAO,CAEpD;CAIJ;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,gBAAgB,CAAC;KACxC;CACJ"}

package/Controls/Components/Primitives/Thumbnail/ThumbnailElement.js

@@ -94,31 +94,6 @@ import { thumbnailElementMemphisStyle } from './Themes/ThumbnailElement.Memphis'
  * </script>
  * ```
  *
- * @example
- * Audio file thumbnail:
- * ```html
- * <mosaik-thumbnail id="audioThumb"></mosaik-thumbnail>
- * <script>
- *   const thumb = document.querySelector('#audioThumb');
- *   thumb.preview = {
- *     type: 'audio',
- *     url: 'podcast.mp3'
- *   };
- * </script>
- * ```
- *
- * @example
- * Disabled thumbnail:
- * ```html
- * <mosaik-thumbnail id="disabledThumb" disabled></mosaik-thumbnail>
- * <script>
- *   document.querySelector('#disabledThumb').preview = {
- *     type: 'image',
- *     url: 'unavailable.jpg'
- *   };
- * </script>
- * ```
- *
  * @public
  */
 let ThumbnailElement = class ThumbnailElement extends Themeable(Disableable(CustomElement)) {

package/Controls/Components/Primitives/Thumbnail/ThumbnailElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Thumbnail/ThumbnailElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAIjF,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiGG;AAiBI,IAAM,gBAAgB,GAAtB,MAAM,gBACT,SAAQ,SAAS,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAG7C,iBAAiB;IAET,QAAQ,CAA0B;IAE1C,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACzB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;OAMG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,kBAAkB,CAAC;IAC9B,CAAC;IAED;;;;OAIG;IACH,IACW,OAAO;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IACD,IAAW,OAAO,CAAC,KAA8B;QAC7C,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC;IACL,CAAC;IAED;;;;;;OAMG;IACH,IAAW,IAAI;QACX,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,OAAO,CAAC;IAC1C,CAAC;CAIJ,CAAA;AAxBG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;+CAG1B;AA5CQ,gBAAgB;IAhB5B,SAAS,CAAC;QACP,QAAQ,EAAE,kBAAkB;QAC5B,QAAQ,EAAE,wBAAwB;QAClC,MAAM,EAAE;YACJ,GAAG,EAAE,wBAAwB;YAC7B,OAAO,EAAE,4BAA4B;YACrC,YAAY,EAAE,iCAAiC;SAClD;QACD,OAAO,EAAE;YACL,YAAY;YACZ,YAAY;YACZ,YAAY;YACZ,UAAU;YACV,WAAW;SACd;KACJ,CAAC;;GACW,gBAAgB,CAiE5B"}
+{"version":3,"file":"ThumbnailElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Thumbnail/ThumbnailElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAIjF,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AAiBI,IAAM,gBAAgB,GAAtB,MAAM,gBACT,SAAQ,SAAS,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAG7C,iBAAiB;IAET,QAAQ,CAA0B;IAE1C,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACzB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;OAMG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,kBAAkB,CAAC;IAC9B,CAAC;IAED;;;;OAIG;IACH,IACW,OAAO;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IACD,IAAW,OAAO,CAAC,KAA8B;QAC7C,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC;IACL,CAAC;IAED;;;;;;OAMG;IACH,IAAW,IAAI;QACX,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,OAAO,CAAC;IAC1C,CAAC;CAIJ,CAAA;AAxBG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;+CAG1B;AA5CQ,gBAAgB;IAhB5B,SAAS,CAAC;QACP,QAAQ,EAAE,kBAAkB;QAC5B,QAAQ,EAAE,wBAAwB;QAClC,MAAM,EAAE;YACJ,GAAG,EAAE,wBAAwB;YAC7B,OAAO,EAAE,4BAA4B;YACrC,YAAY,EAAE,iCAAiC;SAClD;QACD,OAAO,EAAE;YACL,YAAY;YACZ,YAAY;YACZ,YAAY;YACZ,UAAU;YACV,WAAW;SACd;KACJ,CAAC;;GACW,gBAAgB,CAiE5B"}

package/Controls/Components/Primitives/Thumbnail/ThumbnailElementTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from '../../../../Dom/Html';
 import type { ThumbnailElement } from './ThumbnailElement';
 /**
- * The template of the {@link ThumbnailElement}.
+ * The template of the `ThumbnailElement`.
  *
  * @public
  */