@schukai/monster 3.101.3 → 3.102.1

package/source/components/host/viewer.mjs

@@ -12,272 +12,11 @@
  * SPDX-License-Identifier: AGPL-3.0
  */
 
-import {
-	assembleMethodSymbol,
-	CustomElement,
-	registerCustomElement,
-} from "../../dom/customelement.mjs";
-import "../notify/notify.mjs";
-import { ViewerStyleSheet } from "./stylesheet/viewer.mjs";
-import { instanceSymbol } from "../../constants.mjs";
-import { isString } from "../../types/is.mjs";
-import { getGlobal } from "../../types/global.mjs";
-
+import { Viewer as NewViewer } from "../content/viewer.mjs";
 export { Viewer };
 
 /**
- * @private
- * @type {symbol}
- */
-const viewerElementSymbol = Symbol("viewerElement");
-
-/**
- * The Viewer component is used to show a PDF, HTML or Image.
- *
  * @copyright schukai GmbH
- * @summary A simple viewer component
- */
-class Viewer extends CustomElement {
-	/**
-	 * This method is called by the `instanceof` operator.
-	 * @return {symbol}
-	 */
-	static get [instanceSymbol]() {
-		return Symbol.for("@schukai/monster/components/host/viewer@@instance");
-	}
-
-	/**
-	 * To set the options via the HTML tag, the attribute `data-monster-options` must be used.
-	 * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control}
-	 *
-	 * The individual configuration values can be found in the table.
-	 *
-	 * @property {Object} templates Template definitions
-	 * @property {string} templates.main Main template
-	 * @property {Object} classes Css classes
-	 * @property {Object} features Feature definitions
-	 */
-	get defaults() {
-		return Object.assign({}, super.defaults, {
-			templates: {
-				main: getTemplate(),
-			},
-			content: "<slot>",
-			classes: {
-				viewer: "",
-			},
-			features: {},
-		});
-	}
-
-	/**
-	 *
-	 * @param html
-	 * @returns {Viewer}
-	 */
-	setContent(html) {
-		this.setOption("content", html);
-		return this;
-	}
-
-	/**
-	 *
-	 * @param {Blob|URL|string} data
-	 * @param {boolean} navigation
-	 * @param {boolean} toolbar
-	 * @param {boolean} scrollbar
-	 */
-	setPDF(data, navigation = true, toolbar = true, scrollbar = false) {
-		const hashes =
-			"#toolbar=" +
-			(toolbar ? "1" : "0") +
-			"&navpanes=" +
-			(navigation ? "1" : "0") +
-			"&scrollbar=" +
-			(scrollbar ? "1" : "0");
-
-		let pdfContent = "";
-		if (isBlob(data)) {
-			pdfContent = URL.createObjectURL(data);
-			pdfContent += hashes;
-		} else if (isURL(data)) {
-			pdfContent = data;
-			// check if the url already contains the hashes
-			if (pdfContent.indexOf("#") === -1) {
-				pdfContent += hashes;
-			}
-		} else if (isString(data)) {
-			//URL.createObjectURL(data);
-			const blobObj = new Blob([atob(data)], { type: "application/pdf" });
-			const url = window.URL.createObjectURL(blobObj);
-
-			pdfContent = data;
-		} else {
-			throw new Error("Blob or URL expected");
-		}
-
-		const html =
-			'<object data="' +
-			pdfContent +
-			'" width="100%" height="100%" type="application/pdf"></object>';
-		this.setContent(html);
-	}
-
-	/**
-	 *
-	 * @param {Blob|URL|string} data
-	 */
-	setImage(data) {
-		if (isBlob(data)) {
-			data = URL.createObjectURL(data);
-		} else if (isURL(data)) {
-			// nothing to do
-		} else if (isString(data)) {
-			// nothing to do
-		} else {
-			throw new Error("Blob or URL expected");
-		}
-
-		const html = '<img src="' + data + '" alt="image" />';
-		this.setContent(html);
-	}
-
-	/**
-	 *
-	 * if the data is a string, it is interpreted as html
-	 * if the data is a url, the html is loaded from the url and set as content
-	 * if the data is an HTMLElement, the outerHTML is used as content
-	 *
-	 * @param {HTMLElement|URL|string|Blob} data
-	 */
-	setHTML(data) {
-		if (data instanceof Blob) {
-			blobToText(data)
-				.then((html) => {
-					this.setHTML(html);
-				})
-				.catch((error) => {
-					throw new Error(error);
-				});
-
-			return;
-		} else if (data instanceof HTMLElement) {
-			data = data.outerHTML;
-		} else if (isString(data)) {
-			// nothing to do
-		} else if (isURL(data)) {
-			// fetch element
-			getGlobal()
-				.fetch(data)
-				.then((response) => {
-					return response.text();
-				})
-				.then((html) => {
-					this.setHTML(html);
-				})
-				.catch((error) => {
-					throw new Error(error);
-				});
-		} else {
-			throw new Error("HTMLElement or string expected");
-		}
-
-		this.setContent(data);
-	}
-
-	/**
-	 *
-	 * @return {Viewer}
-	 */
-	[assembleMethodSymbol]() {
-		super[assembleMethodSymbol]();
-
-		initControlReferences.call(this);
-		initEventHandler.call(this);
-	}
-
-	/**
-	 *
-	 * @return {string}
-	 */
-	static getTag() {
-		return "monster-viewer";
-	}
-
-	/**
-	 * @return {CSSStyleSheet[]}
-	 */
-	static getCSSStyleSheet() {
-		return [ViewerStyleSheet];
-	}
-}
-
-/**
- * @private
- * @param variable
- * @return {boolean}
- */
-function isURL(variable) {
-	try {
-		new URL(variable);
-		return true;
-	} catch (error) {
-		return false;
-	}
-}
-
-/**
- * @private
- * @param variable
- * @return {boolean}
- */
-function isBlob(variable) {
-	return variable instanceof Blob;
-}
-
-/**
- * @private
- * @param blob
- * @return {Promise<unknown>}
- */
-function blobToText(blob) {
-	return new Promise((resolve, reject) => {
-		const reader = new FileReader();
-		reader.onloadend = () => resolve(reader.result);
-		reader.onerror = reject;
-		reader.readAsText(blob);
-	});
-}
-
-/**
- * @private
- * @return {Select}
- * @throws {Error} no shadow-root is defined
- */
-function initControlReferences() {
-	if (!this.shadowRoot) {
-		throw new Error("no shadow-root is defined");
-	}
-
-	this[viewerElementSymbol] = this.shadowRoot.getElementById("viewer");
-}
-
-/**
- * @private
+ * @deprecated since 3.102.0 use Content/Viewer instead
  */
-function initEventHandler() {
-	return this;
-}
-
-/**
- * @private
- * @return {string}
- */
-function getTemplate() {
-	// language=HTML
-	return `
-        <div id="viewer" data-monster-role="viewer" part="viewer" data-monster-replace="path:content" data-monster-attributes="class path:classes.viewer">
-        </div>`;
-}
-
-registerCustomElement(Viewer);
+class Viewer extends NewViewer {}

package/source/components/layout/tabs.mjs

@@ -150,9 +150,9 @@ const resizeObserverSymbol = Symbol("resizeObserver");
  * @example /examples/components/layout/tabs-active Active Tabs
  * @example /examples/components/layout/tabs-removable Removable Tabs
  *
- * @issue https://localhost.alvine.dev:8443/development/issues/closed/268.html
- * @issue https://localhost.alvine.dev:8443/development/issues/closed/271.html
- * @issue https://localhost.alvine.dev:8443/development/issues/closed/273.html
+ * @issue https://localhost.alvine.dev:8440/development/issues/closed/268.html
+ * @issue https://localhost.alvine.dev:8440/development/issues/closed/271.html
+ * @issue https://localhost.alvine.dev:8440/development/issues/closed/273.html
  *
  * @since 3.74.0
  * @copyright schukai GmbH

package/source/components/notify/message.mjs

@@ -72,7 +72,7 @@ const removeEventHandlerSymbol = Symbol("removeEventHandler");
  *
  * @example /examples/components/notify/message-simple Message
  *
- * @issue https://localhost.alvine.dev:8443/development/issues/closed/269.html
+ * @issue https://localhost.alvine.dev:8440/development/issues/closed/269.html
  *
  * @since 1.0.0
  * @copyright schukai GmbH

package/source/components/notify/notify.mjs

@@ -52,7 +52,7 @@ const queueSymbol = Symbol("queue");
  * @example /examples/components/notify/notify-simple Notify
  * @example /examples/components/notify/notify-inline Inline Notify
  *
- * @issue https://localhost.alvine.dev:8443/development/issues/closed/269.html
+ * @issue https://localhost.alvine.dev:8440/development/issues/closed/269.html
  *
  * @since 1.0.0
  * @copyright schukai GmbH

package/source/dom/customelement.mjs

@@ -964,7 +964,7 @@ function initOptionObserver() {
 /**
  * @private
  * @return {object}
- * @throws {TypeError} value is not a object
+ * @throws {TypeError} value is not an object
  */
 function getOptionsFromScriptTag() {
 	if (!this.hasAttribute(ATTRIBUTE_OPTIONS_SELECTOR)) {