@webitel/ui-sdk 26.8.119 → 26.8.121

package/types/components/on-demand/wt-rich-text-editor/__tests__/loadTinyMce.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/components/on-demand/wt-rich-text-editor/_internals/loadTinyMce.d.ts

@@ -0,0 +1 @@
+export declare function loadTinyMce(): Promise<void>;

package/types/components/on-demand/wt-rich-text-editor/wt-rich-text-editor.vue.d.ts

@@ -1,16 +1,3 @@
-import 'tinymce/tinymce';
-import 'tinymce/icons/default';
-import 'tinymce/models/dom';
-import 'tinymce/themes/silver';
-import 'tinymce/plugins/advlist';
-import 'tinymce/plugins/emoticons';
-import 'tinymce/plugins/emoticons/js/emojis';
-import 'tinymce/plugins/fullscreen';
-import 'tinymce/plugins/image';
-import 'tinymce/plugins/link';
-import 'tinymce/plugins/lists';
-import 'tinymce/plugins/table';
-import 'tinymce/skins/ui/oxide/skin.css';
 type RichTextOutput = 'html' | 'text';
 interface Props {
     /**

package/dist/wt-label-unpxAKnu.js

@@ -1,28 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { createBlock as t, createCommentVNode as n, createElementBlock as r, createTextVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, resolveComponent as l, toDisplayString as u, withCtx as d } from "vue";
-//#endregion
-//#region src/components/wt-label/wt-label.vue
-var f = /*#__PURE__*/ e(/* @__PURE__ */ a({
-	__name: "wt-label",
-	props: {
-		disabled: { type: Boolean },
-		invalid: { type: Boolean },
-		required: { type: Boolean },
-		hint: {}
-	},
-	setup(e) {
-		return (a, f) => {
-			let p = l("wt-hint");
-			return s(), r("label", { class: o([{
-				"wt-label--invalid": e.invalid,
-				"wt-label--disabled": e.disabled,
-				"wt-label--required": e.required
-			}, "wt-label typo-subtitle-2"]) }, [c(a.$slots, "default", {}, void 0, !0), e.hint ? (s(), t(p, { key: 0 }, {
-				default: d(() => [i(u(e.hint), 1)], void 0, !0),
-				_: 1
-			})) : n("", !0)], 2);
-		};
-	}
-}), [["__scopeId", "data-v-7d80b998"]]);
-//#endregion
-export { f as t };

package/dist/wt-rich-text-editor-B-iHNpqD.js

@@ -1,119 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./wt-label-unpxAKnu.js";
-import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeProps as f, onBeforeUnmount as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useId as v, useModel as y, withCtx as b } from "vue";
-import x from "@tinymce/tinymce-vue";
-import "tinymce/tinymce";
-import "tinymce/icons/default";
-import "tinymce/models/dom";
-import "tinymce/themes/silver";
-import "tinymce/plugins/advlist";
-import "tinymce/plugins/emoticons";
-import "tinymce/plugins/emoticons/js/emojis";
-import "tinymce/plugins/fullscreen";
-import "tinymce/plugins/image";
-import "tinymce/plugins/link";
-import "tinymce/plugins/lists";
-import "tinymce/plugins/table";
-import "tinymce/skins/ui/oxide/skin.css";
-//#region src/components/on-demand/wt-rich-text-editor/wt-rich-text-editor.vue?vue&type=script&setup=true&lang.ts
-var S = { class: "wt-rich-text-editor" }, C = /*#__PURE__*/ e(/* @__PURE__ */ c({
-	compatConfig: { MODE: 3 },
-	__name: "wt-rich-text-editor",
-	props: /*@__PURE__*/ u({
-		label: {},
-		labelProps: {},
-		output: { default: "html" },
-		height: { default: 300 },
-		disabled: { type: Boolean },
-		placeholder: {},
-		toolbar: {},
-		plugins: {}
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(e) {
-		let c = {
-			...x,
-			name: "TinyMceEditor",
-			compatConfig: { MODE: 3 }
-		}, u = e, C = y(e, "modelValue"), w = v(), T = [
-			"advlist",
-			"emoticons",
-			"fullscreen",
-			"image",
-			"link",
-			"lists",
-			"table"
-		], E = [
-			"undo redo",
-			"bold italic underline strikethrough",
-			"fullscreen",
-			"fontfamily fontsize",
-			"alignleft aligncenter alignright alignjustify",
-			"numlist bullist",
-			"forecolor backcolor removeformat",
-			"emoticons image link table"
-		].join(" | "), D = n(() => u.output === "html"), O = n(() => u.plugins ?? (D.value ? T : [])), k = n(() => u.toolbar ?? (D.value ? E : "undo redo"));
-		function A() {
-			let e = getComputedStyle(document.documentElement);
-			return {
-				backgroundColor: e.getPropertyValue("--content-wrapper-color").trim(),
-				color: e.getPropertyValue("--wt-text-field-text-color").trim()
-			};
-		}
-		let j = n(() => {
-			let { backgroundColor: e, color: t } = A();
-			return {
-				height: Number(u.height),
-				menubar: !1,
-				statusbar: D.value,
-				toolbar_mode: "sliding",
-				toolbar_sticky: !0,
-				placeholder: u.placeholder,
-				skin: !1,
-				content_css: !1,
-				content_style: `body { background-color: ${e}; color: ${t}; }`
-			};
-		}), M = null, N = new MutationObserver(() => {
-			M?.getBody() && M.dom.setStyles(M.getBody(), A());
-		});
-		function P(e, t) {
-			M = t, N.observe(document.documentElement, {
-				attributes: !0,
-				attributeFilter: ["class"]
-			});
-		}
-		return p(() => {
-			N.disconnect(), M = null;
-		}), (n, u) => (m(), a("div", S, [e.label || n.$slots.label ? (m(), r(t, d({ key: 0 }, e.labelProps, {
-			disabled: e.disabled,
-			for: _(w)
-		}), {
-			default: b(() => [h(n.$slots, "label", f(l({ label: e.label })), () => [o(g(e.label), 1)], !0)], void 0, !0),
-			_: 3
-		}, 16, ["disabled", "for"])) : i("", !0), s(c, {
-			id: _(w),
-			modelValue: C.value,
-			"onUpdate:modelValue": u[0] ||= (e) => C.value = e,
-			disabled: e.disabled,
-			init: j.value,
-			"output-format": e.output,
-			plugins: O.value,
-			toolbar: k.value,
-			"license-key": "gpl",
-			onInit: P
-		}, null, 8, [
-			"id",
-			"modelValue",
-			"disabled",
-			"init",
-			"output-format",
-			"plugins",
-			"toolbar"
-		])]));
-	}
-}), [["__scopeId", "data-v-d8327512"]]);
-//#endregion
-export { C as default };