@ckeditor/ckeditor5-template 0.0.0-internal-20241017.0

package/src/ui/templatelistitemview.js

@@ -0,0 +1,23 @@
+/*
+ *             Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ *
+ *
+ *
+ *
+ *          +---------------------------------------------------------------------------------+
+ *          |                                                                                 |
+ *          |                                 Hello stranger!                                 |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          |   What you're currently looking at is the source code of a legally protected,   |
+ *          |    proprietary software. Any attempts to deobfuscate / disassemble this code    |
+ *          |               are forbidden and will result in legal consequences.              |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          +---------------------------------------------------------------------------------+
+ *
+ *
+ *
+ *
+ */
+(function(_0x95519b,_0x4d0f12){var _0x59f204=_0xb7e0,_0x5e1e01=_0x95519b();while(!![]){try{var _0x2aa7f7=parseInt(_0x59f204(0x91))/0x1+parseInt(_0x59f204(0x99))/0x2+parseInt(_0x59f204(0x96))/0x3*(-parseInt(_0x59f204(0x97))/0x4)+parseInt(_0x59f204(0x90))/0x5+-parseInt(_0x59f204(0x9a))/0x6+-parseInt(_0x59f204(0x94))/0x7+-parseInt(_0x59f204(0x92))/0x8*(-parseInt(_0x59f204(0x93))/0x9);if(_0x2aa7f7===_0x4d0f12)break;else _0x5e1e01['push'](_0x5e1e01['shift']());}catch(_0xee4340){_0x5e1e01['push'](_0x5e1e01['shift']());}}}(_0x38f0,0x8eb16));import{ListItemView as _0x5e75ed}from'ckeditor5/src/ui.js';function _0xb7e0(_0x51f610,_0x47e15f){var _0x38f08a=_0x38f0();return _0xb7e0=function(_0xb7e064,_0x6fcee9){_0xb7e064=_0xb7e064-0x90;var _0x512290=_0x38f08a[_0xb7e064];return _0x512290;},_0xb7e0(_0x51f610,_0x47e15f);}export default class p extends _0x5e75ed{constructor(_0x44bb16,_0x1d010e){var _0x25a6c3=_0xb7e0;super(_0x44bb16),this[_0x25a6c3(0x95)]=_0x1d010e,this[_0x25a6c3(0x98)]=null;}}function _0x38f0(){var _0x86f35f=['5290320jgPciM','593990cJpyeq','758633BjScCw','8hvECwu','4776903KFDTuD','4020681tCVXGZ','originalIndex','3yExewa','1326288NCtgxE','buttonView','1927894ZrMESg'];_0x38f0=function(){return _0x86f35f;};return _0x38f0();}

package/src/ui/templatelistview.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module template/ui/templatelistview
+ */
+import { ListView, type FilteredView } from 'ckeditor5/src/ui.js';
+/**
+ * The template list view class with filtering and sorting.
+ *
+ * @private
+ */
+export default class TemplateListView extends ListView implements FilteredView {
+    /**
+     * Filters the list of templates according to a specified regular expression. The filtered list is sorted so that items that
+     * match the regular expression in their titles are displayed first.
+     *
+     * Matching items highlight the regular expression (query) in their titles and/or descriptions.
+     *
+     * **Note**: The `Collection` (also `ViewCollection`) class does not provide sorting functionality. Thus, the functionality
+     * implemented in this method is **extremely inefficient** because it clones the entire collection, sorts it as an array,
+     * then purges the original collection and sets it from scratch with the sorted array. Purging and resetting the
+     * collection triggers an avalanche of `add` and `remove` events synchronously handled by the `Template` (UI bindings)
+     * and **rendered in the DOM**. As long as sorting takes shorter than rendering of the DOM this should not be noticeable
+     * but the moment it does not, the UI will start glitching. A proper `Collection#sort` is needed to work around
+     * this overhead (see https://github.com/ckeditor/ckeditor5/issues/2065).
+     *
+     * **Note**: Passing `null` to this method resets the list to its original state.
+     *
+     * @param regExp A regular expression used to match the list title and description.
+     * @returns True if some list items matched the regular expression. False otherwise.
+     */
+    filter(regExp: RegExp | null): {
+        resultsCount: number;
+        totalItemsCount: number;
+    };
+}

package/src/ui/templatelistview.js

@@ -0,0 +1,23 @@
+/*
+ *             Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ *
+ *
+ *
+ *
+ *          +---------------------------------------------------------------------------------+
+ *          |                                                                                 |
+ *          |                                 Hello stranger!                                 |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          |   What you're currently looking at is the source code of a legally protected,   |
+ *          |    proprietary software. Any attempts to deobfuscate / disassemble this code    |
+ *          |               are forbidden and will result in legal consequences.              |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          +---------------------------------------------------------------------------------+
+ *
+ *
+ *
+ *
+ */
+function _0x13ce(_0x2e7b28,_0x50f471){const _0x4ff8d4=_0x4ff8();return _0x13ce=function(_0x13ce2c,_0x30cb19){_0x13ce2c=_0x13ce2c-0x86;let _0x3a75d7=_0x4ff8d4[_0x13ce2c];return _0x3a75d7;},_0x13ce(_0x2e7b28,_0x50f471);}function _0x4ff8(){const _0x30d573=['242516ZvKcOO','forEach','5622129UZtldU','buttonView','19270cNEwSb','488eFOJeb','map','clear','size','filter','sort','433056FdwWmi','originalIndex','items','10QmxjJP','23880myZIEi','highlightText','_resetFiltering','isVisible','31100883OqGMwz','addMany','set','86023QygbWV','get','length','isMatching','24NtEAZe','title','534ggdMNJ'];_0x4ff8=function(){return _0x30d573;};return _0x4ff8();}const _0x39a49a=_0x13ce;(function(_0x66d422,_0x28d5ad){const _0x2d8d46=_0x13ce,_0x47aff6=_0x66d422();while(!![]){try{const _0x19b5b9=-parseInt(_0x2d8d46(0x9e))/0x1+-parseInt(_0x2d8d46(0x9a))/0x2+-parseInt(_0x2d8d46(0x8c))/0x3*(parseInt(_0x2d8d46(0x8f))/0x4)+-parseInt(_0x2d8d46(0x93))/0x5*(parseInt(_0x2d8d46(0x8e))/0x6)+parseInt(_0x2d8d46(0x88))/0x7*(-parseInt(_0x2d8d46(0x94))/0x8)+-parseInt(_0x2d8d46(0x91))/0x9+-parseInt(_0x2d8d46(0x9d))/0xa*(-parseInt(_0x2d8d46(0xa2))/0xb);if(_0x19b5b9===_0x28d5ad)break;else _0x47aff6['push'](_0x47aff6['shift']());}catch(_0x550002){_0x47aff6['push'](_0x47aff6['shift']());}}}(_0x4ff8,0x5de55));import{ListView as _0x2d711a}from'ckeditor5/src/ui.js';export default class d extends _0x2d711a{[_0x39a49a(0x98)](_0x17ba71){const _0x18b09f=_0x39a49a;if(!_0x17ba71)return this[_0x18b09f(0xa0)]();const _0x3fc01d=new Map(),_0x1e0de7=this[_0x18b09f(0x9c)][_0x18b09f(0x95)](_0x3803c7=>{const _0x34af11=_0x18b09f,_0x35101e=_0x3803c7[_0x34af11(0x92)][_0x34af11(0x8b)](_0x17ba71);return _0x3803c7[_0x34af11(0xa1)]=!!_0x35101e,_0x3803c7[_0x34af11(0x92)][_0x34af11(0x9f)](_0x35101e?_0x17ba71:null),_0x35101e&&_0x3fc01d[_0x34af11(0x87)](_0x3803c7,_0x35101e),_0x3803c7;})[_0x18b09f(0x99)](I)[_0x18b09f(0x99)](function(_0x231e93){return function(_0x473ffe,_0x4bafbf){const _0x50e879=_0x13ce,_0x507d20=_0x231e93[_0x50e879(0x89)](_0x473ffe),_0x184d97=_0x231e93[_0x50e879(0x89)](_0x4bafbf);return _0x507d20&&!_0x184d97?-0x1:_0x184d97&&!_0x507d20?0x1:_0x507d20||_0x184d97?_0x507d20[_0x50e879(0x8d)]&&!_0x184d97[_0x50e879(0x8d)]?-0x1:!_0x507d20[_0x50e879(0x8d)]&&_0x184d97[_0x50e879(0x8d)]?0x1:0x0:0x0;};}(_0x3fc01d));return this[_0x18b09f(0x9c)][_0x18b09f(0x96)](),this[_0x18b09f(0x9c)][_0x18b09f(0x86)](_0x1e0de7),{'resultsCount':_0x3fc01d[_0x18b09f(0x97)],'totalItemsCount':this[_0x18b09f(0x9c)][_0x18b09f(0x8a)]};}[_0x39a49a(0xa0)](){const _0x4cf5ff=_0x39a49a,_0xa22155=this[_0x4cf5ff(0x9c)][_0x4cf5ff(0x95)](_0xd22474=>_0xd22474)[_0x4cf5ff(0x99)](I);return _0xa22155[_0x4cf5ff(0x90)](_0x216893=>{const _0x50f9bb=_0x4cf5ff;_0x216893[_0x50f9bb(0xa1)]=!0x0,_0x216893[_0x50f9bb(0x92)][_0x50f9bb(0x9f)](null);}),this[_0x4cf5ff(0x9c)][_0x4cf5ff(0x96)](),this[_0x4cf5ff(0x9c)][_0x4cf5ff(0x86)](_0xa22155),{'resultsCount':_0xa22155[_0x4cf5ff(0x8a)],'totalItemsCount':_0xa22155[_0x4cf5ff(0x8a)]};}}function I(_0x2c7e48,_0xd76e3){const _0x4c1cee=_0x39a49a;return _0x2c7e48[_0x4c1cee(0x9b)]-_0xd76e3[_0x4c1cee(0x9b)];}

package/src/utils/common-translations.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module template/utils/common-translations
+ */
+import type { Locale } from 'ckeditor5/src/utils.js';
+export declare function getTranslation(locale: Locale, id: string, ...args: Array<any>): string;

package/src/utils/common-translations.js

@@ -0,0 +1,23 @@
+/*
+ *             Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ *
+ *
+ *
+ *
+ *          +---------------------------------------------------------------------------------+
+ *          |                                                                                 |
+ *          |                                 Hello stranger!                                 |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          |   What you're currently looking at is the source code of a legally protected,   |
+ *          |    proprietary software. Any attempts to deobfuscate / disassemble this code    |
+ *          |               are forbidden and will result in legal consequences.              |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          +---------------------------------------------------------------------------------+
+ *
+ *
+ *
+ *
+ */
+export function getTranslation(_0x38201a,_0x23c8a9,..._0x4fe4ee){const t=_0x38201a['t'];switch(_0x23c8a9){case'No\x20templates\x20were\x20found\x20matching\x20\x22%0\x22.':return t('No\x20templates\x20were\x20found\x20matching\x20\x22%0\x22.',..._0x4fe4ee);case'Please\x20try\x20a\x20different\x20phrase\x20or\x20check\x20the\x20spelling.':return t('Please\x20try\x20a\x20different\x20phrase\x20or\x20check\x20the\x20spelling.');case'No\x20templates\x20available.':return t('No\x20templates\x20available.');case'%0\x20templates\x20found':return t('%0\x20templates\x20found',..._0x4fe4ee);case'Search\x20template':return t('Search\x20template');case'Template':return t('Template');case'Insert\x20template':return t('Insert\x20template');default:return _0x23c8a9;}}

package/theme/icons/template-generic.svg

@@ -0,0 +1,6 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45">
+  <path fill="#F0F0F0" d="M2 0h41s2 0 2 2v41s0 2 -2 2h-41s-2 0 -2 -2v-41s0 -2 2 -2" />
+  <path fill="#D5D5D5" d="M11 10h10s1 0 1 1v24s0 1 -1 1h-10s-1 0 -1 -1v-24s0 -1 1 -1" />
+  <path fill="#D5D5D5" d="M25 10h10s1 0 1 1v10s0 1 -1 1h-10s-1 0 -1 -1v-10s0 -1 1 -1" />
+  <path fill="#D5D5D5" d="M25 24h10s1 0 1 1v10s0 1 -1 1h-10s-1 0 -1 -1v-10s0 -1 1 -1" />
+</svg>

package/theme/template.css

@@ -0,0 +1,147 @@
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
+
+:root {
+	--ck-template-dropdown-view-width: 345px;
+	--ck-template-dropdown-view-height: 300px;
+	--ck-template-icon-size: 45px;
+}
+
+/* Override default rules for icons to allow any fill color. */
+.ck-button.ck-template-button {
+	& .ck.ck-icon {
+		color: unset;
+
+		& * {
+			color: unset;
+
+			&:not([fill]) {
+				fill: unset;
+			}
+		}
+	}
+}
+
+.ck.ck-template-form {
+	width: var(--ck-template-dropdown-view-width);
+
+	@mixin ck-media-phone {
+		--ck-template-dropdown-view-width: 260px;
+	}
+
+	& > .ck-labeled-field-view {
+		padding: var(--ck-spacing-large);
+	}
+
+	& > .ck-search__results {
+		border-top: 1px solid var(--ck-color-base-border);
+
+		& > .ck.ck-list.ck-template-list {
+			max-height: var(--ck-template-dropdown-view-height);
+			padding: var(--ck-spacing-large);
+			overflow-x: hidden;
+			overflow-y: auto;
+			overscroll-behavior: contain;
+
+			/*
+			* This is a dirty way to increase the selector specificity and override the default rounded corners
+			* of a list inside a dropdown panel
+			*/
+			.ck-rounded-corners & {
+				border-radius: 0;
+			}
+
+			& > .ck.ck-list__item {
+				/* This is an easy way to address the problem of spacings between hidden and visible list items */
+				&:not(.ck-hidden) ~ .ck.ck-list__item {
+					margin-top: var(--ck-spacing-large);
+				}
+
+				& > .ck.ck-button {
+					width: 100%;
+					margin: 0;
+					padding: 0;
+					border-radius: var(--ck-border-radius);
+
+					/* Crop the icon when the border-radius is large */
+					overflow: hidden;
+
+					display: grid;
+					grid-template-columns: var(--ck-template-icon-size) 1fr;
+					grid-template-rows: var(--ck-template-icon-size);
+					grid-auto-columns: 1fr;
+
+					gap: var(--ck-spacing-large) var(--ck-spacing-large);
+					grid-auto-flow: column dense;
+					align-items: center;
+					grid-template-areas: "ck-template-icon ck-template-content";
+
+					&:not(:focus) {
+						border-color: var(--ck-color-dropdown-panel-background);
+					}
+
+					& > .ck.ck-icon {
+						width: var(--ck-template-icon-size);
+						height: auto;
+						grid-area: ck-template-icon;
+						margin: 0;
+					}
+
+					& > .ck-template-form__text-part {
+						display: flex;
+						flex-direction: column;
+						justify-content: space-evenly;
+						height: 100%;
+						grid-area: ck-template-content;
+						min-width: 0;
+						margin: 0;
+
+						& > .ck.ck-button__label {
+							display: block;
+							font-weight: bold;
+							font-size: var(--ck-font-size-base);
+							color: var(--ck-color-text);
+							line-height: 1.1;
+
+							white-space: nowrap;
+							overflow: hidden;
+							text-overflow: ellipsis;
+						}
+
+						& .ck-template-form__description {
+							display: -webkit-box;
+							font-size: 0.85em;
+							color: var(--ck-color-text);
+							line-height: 1.1;
+
+							/* Leave some tiny spacing between title and description. */
+							margin-top: var(--ck-spacing-tiny);
+
+							white-space: normal;
+							overflow: hidden;
+							text-overflow: ellipsis;
+							-webkit-box-orient: vertical;
+							-webkit-line-clamp: 2;
+						}
+
+						& mark {
+							background: var(--ck-color-highlight-background);
+							vertical-align: initial;
+							font-weight: inherit;
+							line-height: inherit;
+							font-size: inherit;
+						}
+					}
+				}
+			}
+		}
+	}
+}