@breadstone/mosaik-elements-foundation 0.0.131 → 0.0.134

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

@@ -0,0 +1,15 @@
+import type { MapProvider } from '../../../../Types/MapProvider';
+/**
+ * Map preview for thumbnails.
+ *
+ * @public
+ */
+export interface IThumbnailMapPreview {
+    latitude: number;
+    longitude: number;
+    type: 'map';
+    zoom?: number;
+    provider?: MapProvider;
+    label?: string;
+}
+//# sourceMappingURL=IThumbnailMapPreview.d.ts.map

package/Controls/Components/Primitives/Thumbnail/Previews/IThumbnailMapPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThumbnailMapPreview.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Thumbnail/Previews/IThumbnailMapPreview.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAIjE;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB"}

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

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

package/Controls/Components/Primitives/Thumbnail/Previews/IThumbnailMapPreview.js.map

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

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

@@ -0,0 +1,14 @@
+/**
+ * Other preview for thumbnails.
+ * Used as a fallback when media type cannot be determined.
+ *
+ * @public
+ */
+export interface IThumbnailOtherPreview {
+    type: 'other';
+    /**
+     * Optional icon name to represent the file.
+     */
+    icon?: string;
+}
+//# sourceMappingURL=IThumbnailOtherPreview.d.ts.map

package/Controls/Components/Primitives/Thumbnail/Previews/IThumbnailOtherPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThumbnailOtherPreview.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Thumbnail/Previews/IThumbnailOtherPreview.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,WAAW,sBAAsB;IACnC,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IThumbnailOtherPreview.js.map

package/Controls/Components/Primitives/Thumbnail/Previews/IThumbnailOtherPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThumbnailOtherPreview.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Thumbnail/Previews/IThumbnailOtherPreview.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,11 @@
+/**
+ * Video preview for thumbnails.
+ *
+ * @public
+ */
+export interface IThumbnailVideoPreview {
+    url: string;
+    type: 'video';
+    poster?: string;
+}
+//# sourceMappingURL=IThumbnailVideoPreview.d.ts.map

package/Controls/Components/Primitives/Thumbnail/Previews/IThumbnailVideoPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThumbnailVideoPreview.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Thumbnail/Previews/IThumbnailVideoPreview.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IThumbnailVideoPreview.js.map

package/Controls/Components/Primitives/Thumbnail/Previews/IThumbnailVideoPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThumbnailVideoPreview.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Thumbnail/Previews/IThumbnailVideoPreview.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,10 @@
+import type { IThumbnailAudioPreview } from './IThumbnailAudioPreview';
+import type { IThumbnailImagePreview } from './IThumbnailImagePreview';
+import type { IThumbnailMapPreview } from './IThumbnailMapPreview';
+import type { IThumbnailVideoPreview } from './IThumbnailVideoPreview';
+import type { IThumbnailOtherPreview } from './IThumbnailOtherPreview';
+/**
+ * @public
+ */
+export type ThumbnailPreview = IThumbnailImagePreview | IThumbnailVideoPreview | IThumbnailMapPreview | IThumbnailAudioPreview | IThumbnailOtherPreview;
+//# sourceMappingURL=ThumbnailPreview.d.ts.map

package/Controls/Components/Primitives/Thumbnail/Previews/ThumbnailPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailPreview.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Thumbnail/Previews/ThumbnailPreview.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIvE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GAAG,sBAAsB,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,sBAAsB,CAAC"}

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

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

package/Controls/Components/Primitives/Thumbnail/Previews/ThumbnailPreview.js.map

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

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

@@ -0,0 +1,12 @@
+import type { ThumbnailPreview } from './ThumbnailPreview';
+/**
+ * Creates a typed {@link ThumbnailPreview} from a {@link 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}
+ * when you no longer need it to avoid memory leaks.
+ *
+ * @public
+ */
+export declare function createThumbnailPreviewFromFile(file: File): ThumbnailPreview;
+//# sourceMappingURL=ThumbnailPreviewFactory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailPreviewFactory.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Thumbnail/Previews/ThumbnailPreviewFactory.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQ3D;;;;;;;;GAQG;AACH,wBAAgB,8BAA8B,CAAC,IAAI,EAAE,IAAI,GAAG,gBAAgB,CAwD3E"}

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

@@ -0,0 +1,79 @@
+// #region Imports
+// #endregion
+/**
+ * Creates a typed {@link ThumbnailPreview} from a {@link 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}
+ * when you no longer need it to avoid memory leaks.
+ *
+ * @public
+ */
+export function createThumbnailPreviewFromFile(file) {
+    const mime = (file.type || '').toLowerCase();
+    const url = URL.createObjectURL(file);
+    if (mime.startsWith('image/')) {
+        const preview = {
+            type: 'image',
+            url,
+            alt: file.name
+        };
+        return preview;
+    }
+    if (mime.startsWith('video/')) {
+        const preview = {
+            type: 'video',
+            url
+        };
+        return preview;
+    }
+    if (mime.startsWith('audio/')) {
+        const preview = {
+            type: 'audio',
+            url
+        };
+        return preview;
+    }
+    // Fallback by extension when MIME is missing or generic
+    const ext = extractExtension(file.name);
+    if (isImageExt(ext)) {
+        const preview = {
+            type: 'image',
+            url,
+            alt: file.name
+        };
+        return preview;
+    }
+    if (isVideoExt(ext)) {
+        const preview = {
+            type: 'video',
+            url
+        };
+        return preview;
+    }
+    if (isAudioExt(ext)) {
+        const preview = {
+            type: 'audio',
+            url
+        };
+        return preview;
+    }
+    const fallback = { type: 'other' };
+    return fallback;
+}
+// #region Helpers
+function extractExtension(name) {
+    const idx = name.lastIndexOf('.');
+    return idx >= 0 ? name.slice(idx + 1).toLowerCase() : '';
+}
+function isImageExt(ext) {
+    return ['png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp', 'svg', 'avif', 'heif', 'heic'].includes(ext);
+}
+function isVideoExt(ext) {
+    return ['mp4', 'webm', 'ogg', 'ogv', 'mov', 'm4v', 'avi', 'mkv'].includes(ext);
+}
+function isAudioExt(ext) {
+    return ['mp3', 'wav', 'ogg', 'oga', 'm4a', 'aac', 'flac'].includes(ext);
+}
+// #endregion
+//# sourceMappingURL=ThumbnailPreviewFactory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailPreviewFactory.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Thumbnail/Previews/ThumbnailPreviewFactory.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAQlB,aAAa;AAEb;;;;;;;;GAQG;AACH,MAAM,UAAU,8BAA8B,CAAC,IAAU;IACrD,MAAM,IAAI,GAAW,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IACrD,MAAM,GAAG,GAAW,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAE9C,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC5B,MAAM,OAAO,GAA2B;YACpC,IAAI,EAAE,OAAO;YACb,GAAG;YACH,GAAG,EAAE,IAAI,CAAC,IAAI;SACjB,CAAC;QACF,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC5B,MAAM,OAAO,GAA2B;YACpC,IAAI,EAAE,OAAO;YACb,GAAG;SACN,CAAC;QACF,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC5B,MAAM,OAAO,GAA2B;YACpC,IAAI,EAAE,OAAO;YACb,GAAG;SACN,CAAC;QACF,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,wDAAwD;IACxD,MAAM,GAAG,GAAW,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QAClB,MAAM,OAAO,GAA2B;YACpC,IAAI,EAAE,OAAO;YACb,GAAG;YACH,GAAG,EAAE,IAAI,CAAC,IAAI;SACjB,CAAC;QACF,OAAO,OAAO,CAAC;IACnB,CAAC;IACD,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QAClB,MAAM,OAAO,GAA2B;YACpC,IAAI,EAAE,OAAO;YACb,GAAG;SACN,CAAC;QACF,OAAO,OAAO,CAAC;IACnB,CAAC;IACD,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QAClB,MAAM,OAAO,GAA2B;YACpC,IAAI,EAAE,OAAO;YACb,GAAG;SACN,CAAC;QACF,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,MAAM,QAAQ,GAA2B,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;IAC3D,OAAO,QAAQ,CAAC;AACpB,CAAC;AAED,kBAAkB;AAElB,SAAS,gBAAgB,CAAC,IAAY;IAClC,MAAM,GAAG,GAAW,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC1C,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAC7D,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC3B,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;AACrG,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC3B,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;AACnF,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC3B,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;AAC5E,CAAC;AAED,aAAa"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Thumbnail/Themes/ThumbnailElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CA6D7D"}

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

@@ -0,0 +1,75 @@
+// ------------------------------------------------------------------------------
+// <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 thumbnailElementCosmopolitanStyle() {
+    return css `
+:host {
+  --thumbnail-font-family: unset;
+  --thumbnail-font-letter-spacing: unset;
+  --thumbnail-font-line-height: unset;
+  --thumbnail-font-size: unset;
+  --thumbnail-font-text-decoration: unset;
+  --thumbnail-font-text-transform: unset;
+  --thumbnail-font-weight: unset;
+  --thumbnail-gap: unset;
+  --thumbnail-padding-bottom: unset;
+  --thumbnail-padding-left: unset;
+  --thumbnail-padding-right: unset;
+  --thumbnail-padding-top: unset;
+  --thumbnail-transition-duration: unset;
+  --thumbnail-transition-mode: unset;
+  --thumbnail-transition-property: unset;
+  --thumbnail-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 {
+  width: 64px;
+  height: 64px;
+  display: block;
+}
+
+:host [part^="media"] {
+  border: 0;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+    `;
+}
+//# sourceMappingURL=ThumbnailElement.Cosmopolitan.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,75 @@
+// ------------------------------------------------------------------------------
+// <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 thumbnailElementJoyStyle() {
+    return css `
+:host {
+  --thumbnail-font-family: unset;
+  --thumbnail-font-letter-spacing: unset;
+  --thumbnail-font-line-height: unset;
+  --thumbnail-font-size: unset;
+  --thumbnail-font-text-decoration: unset;
+  --thumbnail-font-text-transform: unset;
+  --thumbnail-font-weight: unset;
+  --thumbnail-gap: unset;
+  --thumbnail-padding-bottom: unset;
+  --thumbnail-padding-left: unset;
+  --thumbnail-padding-right: unset;
+  --thumbnail-padding-top: unset;
+  --thumbnail-transition-duration: unset;
+  --thumbnail-transition-mode: unset;
+  --thumbnail-transition-property: unset;
+  --thumbnail-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 {
+  width: 64px;
+  height: 64px;
+  display: block;
+}
+
+:host [part^="media"] {
+  border: 0;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+    `;
+}
+//# sourceMappingURL=ThumbnailElement.Joy.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Thumbnail/Themes/ThumbnailElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CA6DtD"}

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

@@ -0,0 +1,75 @@
+// ------------------------------------------------------------------------------
+// <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 thumbnailElementRetroStyle() {
+    return css `
+:host {
+  --thumbnail-font-family: unset;
+  --thumbnail-font-letter-spacing: unset;
+  --thumbnail-font-line-height: unset;
+  --thumbnail-font-size: unset;
+  --thumbnail-font-text-decoration: unset;
+  --thumbnail-font-text-transform: unset;
+  --thumbnail-font-weight: unset;
+  --thumbnail-gap: unset;
+  --thumbnail-padding-bottom: unset;
+  --thumbnail-padding-left: unset;
+  --thumbnail-padding-right: unset;
+  --thumbnail-padding-top: unset;
+  --thumbnail-transition-duration: unset;
+  --thumbnail-transition-mode: unset;
+  --thumbnail-transition-property: unset;
+  --thumbnail-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 {
+  width: 64px;
+  height: 64px;
+  display: block;
+}
+
+:host [part^="media"] {
+  border: 0;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+    `;
+}
+//# sourceMappingURL=ThumbnailElement.Retro.js.map

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

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

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

@@ -0,0 +1,55 @@
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { IThumbnailElementProps } from './IThumbnailElementProps';
+import { ThumbnailPreview } from './Previews/ThumbnailPreview';
+declare const ThumbnailElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * Thumbnail - Displays an image or video and falls back to a mosaik-icon if the media is not available.
+ *
+ * @public
+ */
+export declare class ThumbnailElement extends ThumbnailElement_base implements IThumbnailElementProps {
+    private _preview;
+    /**
+     * @public
+     */
+    constructor();
+    /**
+     * Returns the natural tag name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is(): string;
+    /**
+     * Gets or sets the `file` property.
+     *
+     * @public
+     */
+    get preview(): ThumbnailPreview | null;
+    set preview(value: ThumbnailPreview | null);
+    /**
+     * Gets the `kind` property.
+     * The `kind` property represents the kind of preview to display.
+     *
+     * @public
+     * @readonly
+     */
+    get kind(): ThumbnailPreview['type'] | 'other';
+}
+/**
+ * @public
+ */
+export declare namespace ThumbnailElement {
+    type Props = IThumbnailElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-thumbnail': ThumbnailElement;
+    }
+}
+export {};
+//# sourceMappingURL=ThumbnailElement.d.ts.map

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

@@ -0,0 +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;;;;GAIG;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

@@ -0,0 +1,105 @@
+// #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 { Disableable } from '../../../Behaviors/Disableable';
+import { Themeable } from '../../../Behaviors/Themeable';
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { Property } from '../../../Decorators/PropertyDecorator';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { IconElement } from '../../Media/Icon/IconElement';
+import { ImageElement } from '../../Media/Image/ImageElement';
+import { VideoElement } from '../../Media/Video/VideoElement';
+import { AudioElement } from '../../Media/Audio/AudioElement';
+import { thumbnailElementTemplate } from './ThumbnailElementTemplate';
+import { MapElement } from '../../Media/Map/MapElement';
+import { thumbnailElementCosmopolitanStyle } from './Themes/ThumbnailElement.Cosmopolitan';
+import { thumbnailElementJoyStyle } from './Themes/ThumbnailElement.Joy';
+import { thumbnailElementRetroStyle } from './Themes/ThumbnailElement.Retro';
+// #endregion
+/**
+ * Thumbnail - Displays an image or video and falls back to a mosaik-icon if the media is not available.
+ *
+ * @public
+ */
+let ThumbnailElement = class ThumbnailElement extends Themeable(Disableable(CustomElement)) {
+    // #region Fields
+    _preview;
+    // #endregion
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+        this._preview = null;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the natural tag name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-thumbnail';
+    }
+    /**
+     * Gets or sets the `file` property.
+     *
+     * @public
+     */
+    get preview() {
+        return this._preview;
+    }
+    set preview(value) {
+        if (this._preview !== value) {
+            this._preview = value;
+            this.requestUpdate('preview');
+        }
+    }
+    /**
+     * Gets the `kind` property.
+     * The `kind` property represents the kind of preview to display.
+     *
+     * @public
+     * @readonly
+     */
+    get kind() {
+        return this._preview?.type ?? 'other';
+    }
+};
+__decorate([
+    Property({ type: Object }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], ThumbnailElement.prototype, "preview", null);
+ThumbnailElement = __decorate([
+    Component({
+        selector: 'mosaik-thumbnail',
+        template: thumbnailElementTemplate,
+        themes: {
+            joy: thumbnailElementJoyStyle,
+            retro: thumbnailElementRetroStyle,
+            cosmopolitan: thumbnailElementCosmopolitanStyle
+        },
+        imports: [
+            ImageElement,
+            VideoElement,
+            AudioElement,
+            MapElement,
+            IconElement
+        ]
+    }),
+    __metadata("design:paramtypes", [])
+], ThumbnailElement);
+export { ThumbnailElement };
+//# sourceMappingURL=ThumbnailElement.js.map

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

@@ -0,0 +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,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAI7E,aAAa;AAEb;;;;GAIG;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,KAAK,EAAE,0BAA0B;YACjC,YAAY,EAAE,iCAAiC;SAClD;QACD,OAAO,EAAE;YACL,YAAY;YACZ,YAAY;YACZ,YAAY;YACZ,UAAU;YACV,WAAW;SACd;KACJ,CAAC;;GACW,gBAAgB,CAiE5B"}