@ckeditor/ckeditor5-template 39.0.2 → 40.1.0

package/theme/template.css

@@ -1,17 +1,18 @@
 /*
+ * 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-2023, 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/_dir.css";
 @import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
 
 :root {
 	--ck-template-dropdown-view-width: 345px;
 	--ck-template-dropdown-view-height: 300px;
-	--ck-template-list-height: 245px;
 	--ck-template-icon-size: 45px;
-	--ck-template-search-field-horizontal-spacing: calc(var(--ck-icon-size) + var(--ck-spacing-medium));
 }
 
 .ck.ck-template-form {
@@ -21,215 +22,122 @@
 		--ck-template-dropdown-view-width: 260px;
 	}
 
-	& > .ck-template-form__info {
-		width: 100%;
-		padding: calc(2 * var(--ck-spacing-large)) var(--ck-spacing-large);
-		text-align: center;
-
-		& * {
-			white-space: normal;
-			text-align: center;
-		}
-
-		& > span:first-child {
-			display: block;
-			font-weight: bold;
-		}
-
-		& > span:last-child {
-			margin-top: var(--ck-spacing-medium);
-		}
-
-		/* Hide the entire list when nothing was found */
-		&:not(.ck-hidden) ~ .ck-list {
-			display: none;
-		}
+	& > .ck-labeled-field-view {
+		padding: var(--ck-spacing-large);
 	}
 
-	& > .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
-		 */
-		@nest .ck-rounded-corners & {
-			border-radius: 0;
-		}
+	& > .ck-search__results {
+		border-top: 1px solid var(--ck-color-base-border);
 
-		& > .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-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
+			*/
+			@nest .ck-rounded-corners & {
+				border-radius: 0;
 			}
 
-			& > .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-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-icon {
-					width: var(--ck-template-icon-size);
-					height: auto;
-					grid-area: ck-template-icon;
+				& > .ck.ck-button {
+					width: 100%;
 					margin: 0;
+					padding: 0;
+					border-radius: var(--ck-border-radius);
 
-					/* Override default rules for icons to allow any fill color. */
-					color: unset;
-
-					& * {
-						color: unset;
-
-						&:not([fill]) {
-							fill: unset;
-						}
-					}
-				}
+					/* Crop the icon when the border-radius is large */
+					overflow: hidden;
 
-				& > .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;
+					display: grid;
+					grid-template-columns: var(--ck-template-icon-size) 1fr;
+					grid-template-rows: var(--ck-template-icon-size);
+					grid-auto-columns: 1fr;
 
-					& > .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;
+					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";
 
-						white-space: nowrap;
-						overflow: hidden;
-						text-overflow: ellipsis;
+					&:not(:focus) {
+						border-color: var(--ck-color-dropdown-panel-background);
 					}
 
-					& .ck-template-form__description {
-						display: -webkit-box;
-						font-size: 0.85em;
-						color: var(--ck-color-text);
-						line-height: 1.1;
+					& > .ck.ck-icon {
+						width: var(--ck-template-icon-size);
+						height: auto;
+						grid-area: ck-template-icon;
+						margin: 0;
 
-						/* Leave some tiny spacing between title and description. */
-						margin-top: var(--ck-spacing-tiny);
+						/* Override default rules for icons to allow any fill color. */
+						color: unset;
 
-						white-space: normal;
-						overflow: hidden;
-						text-overflow: ellipsis;
-						-webkit-box-orient: vertical;
-						-webkit-line-clamp: 2;
-					}
+						& * {
+							color: unset;
 
-					& mark {
-						background: var(--ck-color-highlight-background);
-						vertical-align: initial;
-						font-weight: inherit;
-						line-height: inherit;
-						font-size: inherit;
+							&:not([fill]) {
+								fill: unset;
+							}
+						}
 					}
-				}
-			}
-		}
-	}
 
-	& > .ck-labeled-field-view {
-		--ck-labeled-field-label-default-position-x: var(--ck-template-search-field-horizontal-spacing);
-		--ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-template-search-field-horizontal-spacing);
-
-		padding: var(--ck-spacing-large);
-
-		&.ck-labeled-field-view_empty {
-			--ck-labeled-field-empty-unfocused-max-width: 100% - var(--ck-template-search-field-horizontal-spacing) - var(--ck-spacing-medium);
-		}
-
-		& > .ck-labeled-field-view__input-wrapper > .ck-icon {
-			position: absolute;
-			top: 50%;
-			transform: translateY(-50%);
-			opacity: .5;
-			pointer-events: none;
-
-			@mixin ck-dir ltr {
-				left: var(--ck-spacing-medium);
-			}
-
-			@mixin ck-dir rtl {
-				right: var(--ck-spacing-medium);
-			}
-		}
-
-		& .ck-input {
-			width: 100%;
+					& > .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;
+						}
 
-			@mixin ck-dir ltr {
-				padding-left: var(--ck-template-search-field-horizontal-spacing);
+						& .ck-template-form__description {
+							display: -webkit-box;
+							font-size: 0.85em;
+							color: var(--ck-color-text);
+							line-height: 1.1;
 
-				&:not(.ck-input-text_empty) {
-					padding-right: var(--ck-template-search-field-horizontal-spacing);
-				}
-			}
+							/* Leave some tiny spacing between title and description. */
+							margin-top: var(--ck-spacing-tiny);
 
-			@mixin ck-dir rtl {
-				padding-right: var(--ck-template-search-field-horizontal-spacing);
+							white-space: normal;
+							overflow: hidden;
+							text-overflow: ellipsis;
+							-webkit-box-orient: vertical;
+							-webkit-line-clamp: 2;
+						}
 
-				&:not(.ck-input-text_empty) {
-					padding-left: var(--ck-template-search-field-horizontal-spacing);
+						& mark {
+							background: var(--ck-color-highlight-background);
+							vertical-align: initial;
+							font-weight: inherit;
+							line-height: inherit;
+							font-size: inherit;
+						}
+					}
 				}
 			}
 		}
-
-		& .ck-template-form__clear-search {
-			position: absolute;
-			top: 50%;
-			transform: translateY(-50%);
-			min-width: auto;
-			min-height: auto;
-
-			background: none;
-			opacity: .5;
-			padding: 0;
-
-			@mixin ck-dir ltr {
-				right: var(--ck-spacing-medium);
-			}
-
-			@mixin ck-dir rtl {
-				left: var(--ck-spacing-medium);
-			}
-
-			&:hover {
-				opacity: 1;
-			}
-		}
-	}
-
-	& > .ck-template-form__info:not(:only-child),
-	& > .ck.ck-list {
-		border-top: 1px solid var(--ck-color-base-border);
 	}
 }

package/build/translations/sq.js

@@ -1 +0,0 @@
-!function(e){const t=e.sq=e.sq||{};t.dictionary=Object.assign(t.dictionary||{},{Clear:"Pastro","Insert template":"","No templates available.":"",'No templates were found matching "%0".':"","Please try a different phrase or check the spelling.":"","Search template":""})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

package/lang/translations/sq.po

@@ -1,42 +0,0 @@
-# Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
-#
-#                                     !!! IMPORTANT !!!
-#
-#         Before you edit this file, please keep in mind that contributing to the project
-#                translations is possible ONLY via the Transifex online service.
-#
-#         To submit your translations, visit https://www.transifex.com/ckeditor/ckeditor5.
-#
-#                   To learn more, check out the official contributor's guide:
-#     https://ckeditor.com/docs/ckeditor5/latest/framework/guides/contributing/contributing.html
-#
-msgid ""
-msgstr ""
-"Language-Team: Albanian (https://app.transifex.com/ckeditor/teams/11143/sq/)\n"
-"Language: sq\n"
-"Plural-Forms: nplurals=2; plural=(n != 1);\n"
-"Content-Type: text/plain; charset=UTF-8\n"
-
-msgctxt "The toolbar button tooltip for the template feature."
-msgid "Insert template"
-msgstr ""
-
-msgctxt "The main text of the message shown to the user when no templates are available in the template feature."
-msgid "No templates available."
-msgstr ""
-
-msgctxt "The main text of the message shown to the user when no templates are available for the search criteria."
-msgid "No templates were found matching \"%0\"."
-msgstr ""
-
-msgctxt "The secondary text of the message shown to the user when no templates are available for the search criteria."
-msgid "Please try a different phrase or check the spelling."
-msgstr ""
-
-msgctxt "The label of the input allowing users to search templates."
-msgid "Search template"
-msgstr ""
-
-msgctxt "The label of the button that clears the value of the search templates input."
-msgid "Clear"
-msgstr "Pastro"

package/src/ui/templateforminfoview.d.ts

@@ -1,51 +0,0 @@
-/**
- * @license Copyright (c) 2003-2023, 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/templateforminfoview
- */
-import type { Locale } from 'ckeditor5/src/utils';
-import { View } from 'ckeditor5/src/ui';
-/**
- * A view displaying an information text related to different states of the template form view.
- *
- * @private
- */
-export default class TemplateFormInfoView extends View {
-    /**
-     * Controls whether the view is visible.
-     *
-     * @observable
-     * @default false
-     */
-    isVisible: boolean;
-    /**
-     * Controls the primary line of text in the info.
-     *
-     * @observable
-     * @default ''
-     */
-    primaryText: string;
-    /**
-     * Controls the secondary line of text in the info.
-     *
-     * @observable
-     * @default ''
-     */
-    secondaryText: string;
-    /**
-     * @inheritDoc
-     */
-    constructor(locale: Locale);
-    /**
-     * Displays the text informing about the feature being misconfigured.
-     */
-    setNoTemplatesAvailableText(): void;
-    /**
-     * Displays the text informing about no templates matching the search query.
-     *
-     * @param query The search query.
-     */
-    setNoTemplatesFoundText(query: string): void;
-}

package/src/ui/templateforminfoview.js

@@ -1,23 +0,0 @@
-/*
- *             Copyright (c) 2003-2023, 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.              |
- *          |                                                                                 |
- *          |                                                                                 |
- *          +---------------------------------------------------------------------------------+
- *
- *
- *
- *
- */
-import{View as _0x5b2ef7}from'ckeditor5/src/ui';export default class h extends _0x5b2ef7{constructor(_0x522673){super(_0x522673);const _0x5f45f5=this['bindTemplate'];this['set']({'isVisible':!0x1,'primaryText':'','secondaryText':''}),this['setTemplate']({'tag':'div','attributes':{'class':['ck','ck-template-form__info',_0x5f45f5['if']('isVisible','ck-hidden',_0x133e01=>!_0x133e01)]},'children':[{'tag':'span','children':[{'text':[_0x5f45f5['to']('primaryText')]}]},{'tag':'span','children':[{'text':[_0x5f45f5['to']('secondaryText')]}]}]});}['setNoTemplatesAvailableText'](){const {t:t}=this['locale'];this['primaryText']=t('No\x20templates\x20available.'),this['secondaryText']='';}['setNoTemplatesFoundText'](_0x4e0391){const {t:t}=this['locale'];this['primaryText']=t('No\x20templates\x20were\x20found\x20matching\x20\x22%0\x22.',_0x4e0391),this['secondaryText']=t('Please\x20try\x20a\x20different\x20phrase\x20or\x20check\x20the\x20spelling.');}}

package/src/ui/templateformsearchfieldview.d.ts

@@ -1,43 +0,0 @@
-/**
- * @license Copyright (c) 2003-2023, 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/templateformsearchfieldview
- */
-import { ButtonView, IconView, type InputView, LabeledFieldView } from 'ckeditor5/src/ui';
-import type { Locale } from 'ckeditor5/src/utils';
-/**
- * A search text field allowing to filter the list of templates.
- *
- * @private
- * @extends module:ui/labeledfield/labeledfieldview~LabeledFieldView
- */
-export default class TemplateFormSearchFieldView extends LabeledFieldView<InputView> {
-    /**
-     * The loupe icon displayed next to the {@link #fieldView}.
-     */
-    loupeIconView: IconView;
-    /**
-     * The button that clears and focuses the {@link #fieldView}.
-     */
-    clearButtonView: ButtonView;
-    /**
-     * @inheritDoc
-     */
-    constructor(locale: Locale, viewCreator: ConstructorParameters<typeof LabeledFieldView<InputView>>[1]);
-    /**
-     * Resets the search field to its default state.
-     */
-    reset(): void;
-}
-/**
- * An event fired when the field is reset using the
- * {@link module:template/ui/templateformsearchfieldview~TemplateFormSearchFieldView#clearButtonView}.
- *
- * @eventName ~TemplateFormSearchFieldView#reset
- */
-export type TemplateFormSearchFieldViewResetEvent = {
-    name: 'reset';
-    args: [];
-};

package/src/ui/templateformsearchfieldview.js

@@ -1,23 +0,0 @@
-/*
- *             Copyright (c) 2003-2023, 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.              |
- *          |                                                                                 |
- *          |                                                                                 |
- *          +---------------------------------------------------------------------------------+
- *
- *
- *
- *
- */
-import{ButtonView as _0x975681,IconView as _0x3de58,LabeledFieldView as _0x27e7e8}from'ckeditor5/src/ui';import _0x4352e5 from'../../theme/icons/loupe.svg';import{icons as _0x2dbdfc}from'ckeditor5/src/core';export default class w extends _0x27e7e8{constructor(_0x586818,_0xa79358){super(_0x586818,_0xa79358);const t=_0x586818['t'];this['label']=t('Search\x20template'),this['loupeIconView']=new _0x3de58(),this['loupeIconView']['content']=_0x4352e5,this['clearButtonView']=new _0x975681(_0x586818),this['clearButtonView']['set']({'label':t('Clear'),'icon':_0x2dbdfc['cancel'],'class':'ck-template-form__clear-search','isVisible':!0x1,'tooltip':!0x0}),this['clearButtonView']['on']('execute',()=>{this['reset'](),this['focus'](),this['fire']('reset');}),this['clearButtonView']['bind']('isVisible')['to'](this['fieldView'],'isEmpty',_0x506d65=>!_0x506d65),this['fieldWrapperChildren']['add'](this['loupeIconView'],0x0),this['fieldWrapperChildren']['add'](this['clearButtonView']);}['reset'](){this['fieldView']['value']=this['fieldView']['element']['value']='',this['clearButtonView']['isVisible']=!0x1;}}

package/src/ui/templateformview.d.ts

@@ -1,110 +0,0 @@
-/**
- * @license Copyright (c) 2003-2023, 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/templateformview
- */
-import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils';
-import { View, ListView, type ViewCollection } from 'ckeditor5/src/ui';
-import TemplateFormInfoView from './templateforminfoview';
-import TemplateFormSearchFieldView from './templateformsearchfieldview';
-import { type TemplateDefinition } from '../template';
-/**
- * A class representing the panel with a list of available templates.
- *
- * @extends module:ui/view~View
- */
-export default class TemplateFormView extends View {
-    /**
-     * Tracks information about the DOM focus in the form.
-     *
-     * @readonly
-     */
-    focusTracker: FocusTracker;
-    /**
-     * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
-     *
-     * @readonly
-     */
-    keystrokes: KeystrokeHandler;
-    /**
-     * The definition of the template that the button will apply when executed.
-     *
-     * @readonly
-     */
-    templatesDefinitions: Array<TemplateDefinition>;
-    /**
-     * The templates list view.
-     */
-    templateListView: TemplateListView;
-    /**
-     * A search text field allowing to filter the {@link #templateListView list of templates}.
-     */
-    searchFieldView: TemplateFormSearchFieldView;
-    /**
-     * A view displaying information text when the feature is not configured or no templates were
-     * found for the particular phrase.
-     */
-    infoView: TemplateFormInfoView;
-    /**
-     * The collection of the child views inside of the list item {@link #element}.
-     *
-     * @readonly
-     */
-    children: ViewCollection;
-    /**
-     * Creates an instance of the {@link module:template/ui/templateformview~TemplateFormView} class.
-     *
-     * @param locale The localization services instance.
-     * @param templatesDefinitions Definitions of the templates.
-     */
-    constructor(locale: Locale, templatesDefinitions: Array<TemplateDefinition>);
-    /**
-     * @inheritDoc
-     */
-    render(): void;
-    /**
-     * Focuses the {@link #searchFieldView} if some templates were configured.
-     */
-    focus(): void;
-    /**
-     * Resets the form to its initial state (no search query, all available templates are listed).
-     */
-    reset(): void;
-}
-/**
- * The template list view class with filtering and sorting.
- *
- * @private
- */
-declare class TemplateListView extends ListView {
-    /**
-     * 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.
-     *
-     * See {@link #unfilter}.
-     *
-     * **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).
-     *
-     * @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): boolean;
-    /**
-     * Resets the filtering of the list of templates. Removes highlighting in titles and descriptions
-     * of list items and restores the default order of the list (as in editor configuration).
-     *
-     * See {@link #filter}.
-     */
-    unfilter(): void;
-}
-export {};

package/src/ui/templateformview.js

@@ -1,23 +0,0 @@
-/*
- *             Copyright (c) 2003-2023, 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.              |
- *          |                                                                                 |
- *          |                                                                                 |
- *          +---------------------------------------------------------------------------------+
- *
- *
- *
- *
- */
-const _0x4d17=['set','templateDefinition','add','shift\x20+\x20tab','searchFieldView','originalIndex','arrowdown','stopPropagation','items','forEach','get','children','element','sort','execute','unfilter','isVisible','render','infoView','focus','addMany','tab','setTemplate','arrowup','clear','arrowleft','extendTemplate','_createTemplateListView','title','length','focusTracker','_filterTemplates','keystrokes','map','toLowerCase','_createSearchFieldView','ck-template-form','value','templatesDefinitions','includes','setNoTemplatesAvailableText','buttonView','fieldView','reset','arrowright','highlightText','input','delegate','isMatching','filter','templateListView','listenTo'];(function(_0x39cad5,_0x4d17e3){const _0x524920=function(_0x411883){while(--_0x411883){_0x39cad5['push'](_0x39cad5['shift']());}};_0x524920(++_0x4d17e3);}(_0x4d17,0x156));const _0x5249=function(_0x39cad5,_0x4d17e3){_0x39cad5=_0x39cad5-0x0;let _0x524920=_0x4d17[_0x39cad5];return _0x524920;};import{FocusTracker as _0x3dc2e9,KeystrokeHandler as _0x526266}from'ckeditor5/src/utils';import{View as _0x1d677a,ListView as _0x2a9124,createLabeledInputText as _0x174173,FocusCycler as _0x40de72,injectCssTransitionDisabler as _0x26fcb8}from'ckeditor5/src/ui';import _0x1f73a7 from'./templatelistbuttonview';import _0x581fd4 from'./templateforminfoview';import _0x225ef4 from'./templateformsearchfieldview';import{escapeRegExp as _0x52849d}from'lodash-es';import _0x4f13e9 from'./templatelistitemview';export default class f extends _0x1d677a{constructor(_0x141184,_0xadc506){super(_0x141184),this[_0x5249('0x0')]=new _0x3dc2e9(),this['keystrokes']=new _0x526266(),this[_0x5249('0x8')]=_0xadc506,this[_0x5249('0x14')]=this[_0x5249('0x31')](_0x141184,_0xadc506),this[_0x5249('0x1a')]=this['_createSearchFieldView'](_0x141184),this[_0x5249('0x28')]=new _0x581fd4(_0x141184),_0xadc506[_0x5249('0x33')]||(this[_0x5249('0x28')][_0x5249('0x26')]=!0x0,this[_0x5249('0x28')][_0x5249('0xa')]()),this[_0x5249('0x21')]=this['createCollection'](_0xadc506['length']?[this['searchFieldView'],this[_0x5249('0x28')],this[_0x5249('0x14')]]:[this[_0x5249('0x28')]]),this['_focusCycler']=new _0x40de72({'focusables':this[_0x5249('0x21')],'focusTracker':this[_0x5249('0x0')],'keystrokeHandler':this[_0x5249('0x2')],'actions':{'focusPrevious':_0x5249('0x19'),'focusNext':_0x5249('0x2b')}}),this[_0x5249('0x2c')]({'tag':'div','attributes':{'class':['ck',_0x5249('0x6')],'tabindex':'-1'},'children':this[_0x5249('0x21')]}),_0x26fcb8(this);}[_0x5249('0x27')](){if(super[_0x5249('0x27')](),!this['templatesDefinitions'][_0x5249('0x33')])return;const _0x18de6f=_0x12d9bc=>_0x12d9bc[_0x5249('0x1d')]();this[_0x5249('0x0')][_0x5249('0x18')](this[_0x5249('0x1a')][_0x5249('0x22')]),this[_0x5249('0x0')][_0x5249('0x18')](this[_0x5249('0x14')]['element']),this[_0x5249('0x2')][_0x5249('0x15')](this[_0x5249('0x22')]),this[_0x5249('0x2')][_0x5249('0x16')](_0x5249('0xe'),_0x18de6f),this[_0x5249('0x2')]['set'](_0x5249('0x2f'),_0x18de6f),this['keystrokes']['set'](_0x5249('0x2d'),_0x18de6f),this[_0x5249('0x2')][_0x5249('0x16')](_0x5249('0x1c'),_0x18de6f);}[_0x5249('0x29')](){this[_0x5249('0x8')][_0x5249('0x33')]&&this[_0x5249('0x1a')][_0x5249('0x29')]();}[_0x5249('0xd')](){this[_0x5249('0x8')][_0x5249('0x33')]&&(this[_0x5249('0x1a')]['reset'](),this[_0x5249('0x1')]());}[_0x5249('0x1')](_0x5cafbc){if(!this[_0x5249('0x8')][_0x5249('0x33')])return;let _0x1ff121=!0x1;if(_0x5cafbc)for(const _0x5bd2b7 of this['templateListView'][_0x5249('0x1e')]){_0x5bd2b7[_0x5249('0x21')]['first'][_0x5249('0x17')]['title'][_0x5249('0x4')]()[_0x5249('0x9')](_0x5cafbc['toLowerCase']())?_0x5bd2b7[_0x5249('0x26')]=!0x0:_0x5bd2b7['isVisible']=!0x1;const _0x4eb37b=new RegExp(_0x52849d(_0x5cafbc),'ig');_0x1ff121=this[_0x5249('0x14')]['filter'](_0x4eb37b);}else this[_0x5249('0x14')][_0x5249('0x25')](),_0x1ff121=!0x0;this['infoView']['isVisible']=!_0x1ff121,_0x1ff121||this[_0x5249('0x28')]['setNoTemplatesFoundText'](_0x5cafbc);}[_0x5249('0x31')](_0x27f854,_0x1c8dd3){const _0x2ed2e5=new L(_0x27f854);return _0x2ed2e5[_0x5249('0x30')]({'attributes':{'class':['ck-template-list']}}),_0x2ed2e5[_0x5249('0x1e')]['addMany'](_0x1c8dd3[_0x5249('0x3')]((_0x262b43,_0x2c107a)=>{const _0x535c77=new _0x4f13e9(_0x27f854,_0x2c107a),_0x321e19=new _0x1f73a7(_0x27f854,_0x262b43);return _0x535c77['buttonView']=_0x321e19,_0x535c77[_0x5249('0x21')][_0x5249('0x18')](_0x321e19),_0x535c77['children'][_0x5249('0x11')](_0x5249('0x24'))['to'](this),_0x535c77;})),_0x2ed2e5;}[_0x5249('0x5')](_0x5a2b6e){const _0x2e7a87=new _0x225ef4(_0x5a2b6e,_0x174173);return this[_0x5249('0x15')](_0x2e7a87[_0x5249('0xc')],_0x5249('0x10'),()=>{this[_0x5249('0x1')](_0x2e7a87[_0x5249('0xc')][_0x5249('0x22')][_0x5249('0x7')]);}),_0x2e7a87['on'](_0x5249('0xd'),()=>{this[_0x5249('0xd')]();}),_0x2e7a87;}}class L extends _0x2a9124{[_0x5249('0x13')](_0xbde4fe){const _0x41b0d1=new Map(),_0x45569f=this[_0x5249('0x1e')][_0x5249('0x3')](_0x339f18=>{const _0x4dfea8=_0x339f18[_0x5249('0xb')][_0x5249('0x12')](_0xbde4fe);return _0x339f18[_0x5249('0x26')]=!!_0x4dfea8,_0x339f18[_0x5249('0xb')][_0x5249('0xf')](_0x4dfea8?_0xbde4fe:null),_0x4dfea8&&_0x41b0d1[_0x5249('0x16')](_0x339f18,_0x4dfea8),_0x339f18;})[_0x5249('0x23')](M)[_0x5249('0x23')]((_0x54458f,_0x1de351)=>{const _0x38ed0b=_0x41b0d1[_0x5249('0x20')](_0x54458f),_0x52ae82=_0x41b0d1[_0x5249('0x20')](_0x1de351);return _0x38ed0b&&!_0x52ae82?-0x1:_0x52ae82&&!_0x38ed0b?0x1:_0x38ed0b||_0x52ae82?_0x38ed0b[_0x5249('0x32')]&&!_0x52ae82[_0x5249('0x32')]?-0x1:!_0x38ed0b['title']&&_0x52ae82['title']?0x1:0x0:0x0;});return this[_0x5249('0x1e')][_0x5249('0x2e')](),this[_0x5249('0x1e')][_0x5249('0x2a')](_0x45569f),!!_0x41b0d1['size'];}['unfilter'](){const _0x170a7b=this[_0x5249('0x1e')][_0x5249('0x3')](_0xf4a444=>_0xf4a444)[_0x5249('0x23')](M);_0x170a7b[_0x5249('0x1f')](_0x374e2f=>{_0x374e2f[_0x5249('0x26')]=!0x0,_0x374e2f[_0x5249('0xb')][_0x5249('0xf')](null);}),this[_0x5249('0x1e')][_0x5249('0x2e')](),this['items'][_0x5249('0x2a')](_0x170a7b);}}function M(_0x30327d,_0x4cd068){return _0x30327d[_0x5249('0x1b')]-_0x4cd068[_0x5249('0x1b')];}