@ckeditor/ckeditor5-template 39.0.1 → 40.0.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,41 +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"
-
-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 _0x2aa218}from'ckeditor5/src/ui';export default class h extends _0x2aa218{constructor(_0x5e3bbb){super(_0x5e3bbb);const _0x255244=this['bindTemplate'];this['set']({'isVisible':!0x1,'primaryText':'','secondaryText':''}),this['setTemplate']({'tag':'div','attributes':{'class':['ck','ck-template-form__info',_0x255244['if']('isVisible','ck-hidden',_0x5e174f=>!_0x5e174f)]},'children':[{'tag':'span','children':[{'text':[_0x255244['to']('primaryText')]}]},{'tag':'span','children':[{'text':[_0x255244['to']('secondaryText')]}]}]});}['setNoTemplatesAvailableText'](){const {t:t}=this['locale'];this['primaryText']=t('No\x20templates\x20available.'),this['secondaryText']='';}['setNoTemplatesFoundText'](_0x33922d){const {t:t}=this['locale'];this['primaryText']=t('No\x20templates\x20were\x20found\x20matching\x20\x22%0\x22.',_0x33922d),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 _0x45bbf3,IconView as _0x2dfd28,LabeledFieldView as _0xe30804}from'ckeditor5/src/ui';import _0x47df75 from'../../theme/icons/loupe.svg';import{icons as _0x399f16}from'ckeditor5/src/core';export default class w extends _0xe30804{constructor(_0x2ab53a,_0x2ca02d){super(_0x2ab53a,_0x2ca02d);const t=_0x2ab53a['t'];this['label']=t('Search\x20template'),this['loupeIconView']=new _0x2dfd28(),this['loupeIconView']['content']=_0x47df75,this['clearButtonView']=new _0x45bbf3(_0x2ab53a),this['clearButtonView']['set']({'label':t('Clear'),'icon':_0x399f16['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',_0x5769d8=>!_0x5769d8),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 _0x1b7f=['arrowright','setNoTemplatesAvailableText','set','ck-template-list','extendTemplate','unfilter','forEach','_filterTemplates','fieldView','input','listenTo','tab','shift\x20+\x20tab','delegate','arrowdown','filter','title','templatesDefinitions','get','templateListView','buttonView','clear','reset','keystrokes','createCollection','searchFieldView','value','isVisible','items','_createTemplateListView','element','first','ck-template-form','children','includes','setTemplate','infoView','add','stopPropagation','map','_focusCycler','length','sort','arrowup','focusTracker','highlightText','setNoTemplatesFoundText','toLowerCase','templateDefinition','render','div','addMany','focus'];(function(_0x442635,_0x1b7f44){const _0x2b672a=function(_0x53a12e){while(--_0x53a12e){_0x442635['push'](_0x442635['shift']());}};_0x2b672a(++_0x1b7f44);}(_0x1b7f,0x182));const _0x2b67=function(_0x442635,_0x1b7f44){_0x442635=_0x442635-0x0;let _0x2b672a=_0x1b7f[_0x442635];return _0x2b672a;};import{FocusTracker as _0x2a386a,KeystrokeHandler as _0x4869a0}from'ckeditor5/src/utils';import{View as _0x29a596,ListView as _0x30a8d5,createLabeledInputText as _0x3f14dd,FocusCycler as _0x223917,injectCssTransitionDisabler as _0x44142b}from'ckeditor5/src/ui';import _0x125c78 from'./templatelistbuttonview';import _0x7fbf6d from'./templateforminfoview';import _0x58676b from'./templateformsearchfieldview';import{escapeRegExp as _0x4471da}from'lodash-es';import _0x6f96cd from'./templatelistitemview';export default class f extends _0x29a596{constructor(_0x3d1b6c,_0x338466){super(_0x3d1b6c),this['focusTracker']=new _0x2a386a(),this[_0x2b67('0x8')]=new _0x4869a0(),this[_0x2b67('0x2')]=_0x338466,this['templateListView']=this[_0x2b67('0xe')](_0x3d1b6c,_0x338466),this[_0x2b67('0xa')]=this['_createSearchFieldView'](_0x3d1b6c),this[_0x2b67('0x15')]=new _0x7fbf6d(_0x3d1b6c),_0x338466[_0x2b67('0x1a')]||(this[_0x2b67('0x15')]['isVisible']=!0x0,this['infoView'][_0x2b67('0x27')]()),this[_0x2b67('0x12')]=this[_0x2b67('0x9')](_0x338466['length']?[this[_0x2b67('0xa')],this[_0x2b67('0x15')],this[_0x2b67('0x4')]]:[this[_0x2b67('0x15')]]),this[_0x2b67('0x19')]=new _0x223917({'focusables':this[_0x2b67('0x12')],'focusTracker':this[_0x2b67('0x1d')],'keystrokeHandler':this[_0x2b67('0x8')],'actions':{'focusPrevious':_0x2b67('0x32'),'focusNext':_0x2b67('0x31')}}),this[_0x2b67('0x14')]({'tag':_0x2b67('0x23'),'attributes':{'class':['ck',_0x2b67('0x11')],'tabindex':'-1'},'children':this[_0x2b67('0x12')]}),_0x44142b(this);}[_0x2b67('0x22')](){if(super[_0x2b67('0x22')](),!this[_0x2b67('0x2')][_0x2b67('0x1a')])return;const _0x275cd5=_0x29cea1=>_0x29cea1[_0x2b67('0x17')]();this['focusTracker'][_0x2b67('0x16')](this[_0x2b67('0xa')]['element']),this['focusTracker']['add'](this[_0x2b67('0x4')][_0x2b67('0xf')]),this[_0x2b67('0x8')]['listenTo'](this[_0x2b67('0xf')]),this['keystrokes'][_0x2b67('0x28')](_0x2b67('0x26'),_0x275cd5),this[_0x2b67('0x8')][_0x2b67('0x28')]('arrowleft',_0x275cd5),this['keystrokes'][_0x2b67('0x28')](_0x2b67('0x1c'),_0x275cd5),this[_0x2b67('0x8')][_0x2b67('0x28')](_0x2b67('0x34'),_0x275cd5);}[_0x2b67('0x25')](){this[_0x2b67('0x2')]['length']&&this[_0x2b67('0xa')][_0x2b67('0x25')]();}['reset'](){this['templatesDefinitions'][_0x2b67('0x1a')]&&(this['searchFieldView']['reset'](),this['_filterTemplates']());}[_0x2b67('0x2d')](_0x3bb556){if(!this[_0x2b67('0x2')][_0x2b67('0x1a')])return;let _0x5c3d2f=!0x1;if(_0x3bb556)for(const _0x2f8f19 of this[_0x2b67('0x4')]['items']){_0x2f8f19[_0x2b67('0x12')][_0x2b67('0x10')][_0x2b67('0x21')][_0x2b67('0x1')]['toLowerCase']()[_0x2b67('0x13')](_0x3bb556[_0x2b67('0x20')]())?_0x2f8f19['isVisible']=!0x0:_0x2f8f19[_0x2b67('0xc')]=!0x1;const _0x25a4a5=new RegExp(_0x4471da(_0x3bb556),'ig');_0x5c3d2f=this[_0x2b67('0x4')][_0x2b67('0x0')](_0x25a4a5);}else this[_0x2b67('0x4')][_0x2b67('0x2b')](),_0x5c3d2f=!0x0;this['infoView'][_0x2b67('0xc')]=!_0x5c3d2f,_0x5c3d2f||this[_0x2b67('0x15')][_0x2b67('0x1f')](_0x3bb556);}[_0x2b67('0xe')](_0x29f91e,_0x1df87a){const _0x473616=new L(_0x29f91e);return _0x473616[_0x2b67('0x2a')]({'attributes':{'class':[_0x2b67('0x29')]}}),_0x473616['items'][_0x2b67('0x24')](_0x1df87a[_0x2b67('0x18')]((_0x44a4bd,_0x56ea10)=>{const _0x1027aa=new _0x6f96cd(_0x29f91e,_0x56ea10),_0x2ca856=new _0x125c78(_0x29f91e,_0x44a4bd);return _0x1027aa[_0x2b67('0x5')]=_0x2ca856,_0x1027aa['children'][_0x2b67('0x16')](_0x2ca856),_0x1027aa[_0x2b67('0x12')][_0x2b67('0x33')]('execute')['to'](this),_0x1027aa;})),_0x473616;}['_createSearchFieldView'](_0x43cd6a){const _0x55a70e=new _0x58676b(_0x43cd6a,_0x3f14dd);return this[_0x2b67('0x30')](_0x55a70e[_0x2b67('0x2e')],_0x2b67('0x2f'),()=>{this[_0x2b67('0x2d')](_0x55a70e[_0x2b67('0x2e')]['element'][_0x2b67('0xb')]);}),_0x55a70e['on']('reset',()=>{this[_0x2b67('0x7')]();}),_0x55a70e;}}class L extends _0x30a8d5{['filter'](_0x427f4b){const _0x197fc3=new Map(),_0x3ded16=this[_0x2b67('0xd')][_0x2b67('0x18')](_0x5ca18e=>{const _0x1ce5ff=_0x5ca18e[_0x2b67('0x5')]['isMatching'](_0x427f4b);return _0x5ca18e[_0x2b67('0xc')]=!!_0x1ce5ff,_0x5ca18e[_0x2b67('0x5')][_0x2b67('0x1e')](_0x1ce5ff?_0x427f4b:null),_0x1ce5ff&&_0x197fc3[_0x2b67('0x28')](_0x5ca18e,_0x1ce5ff),_0x5ca18e;})[_0x2b67('0x1b')](M)['sort']((_0x1fa9fe,_0x48a01f)=>{const _0x385ad1=_0x197fc3[_0x2b67('0x3')](_0x1fa9fe),_0xd15a8a=_0x197fc3[_0x2b67('0x3')](_0x48a01f);return _0x385ad1&&!_0xd15a8a?-0x1:_0xd15a8a&&!_0x385ad1?0x1:_0x385ad1||_0xd15a8a?_0x385ad1[_0x2b67('0x1')]&&!_0xd15a8a['title']?-0x1:!_0x385ad1['title']&&_0xd15a8a['title']?0x1:0x0:0x0;});return this['items'][_0x2b67('0x6')](),this[_0x2b67('0xd')]['addMany'](_0x3ded16),!!_0x197fc3['size'];}['unfilter'](){const _0x3617a2=this['items'][_0x2b67('0x18')](_0x248289=>_0x248289)[_0x2b67('0x1b')](M);_0x3617a2[_0x2b67('0x2c')](_0x1c75a1=>{_0x1c75a1[_0x2b67('0xc')]=!0x0,_0x1c75a1['buttonView']['highlightText'](null);}),this[_0x2b67('0xd')][_0x2b67('0x6')](),this[_0x2b67('0xd')][_0x2b67('0x24')](_0x3617a2);}}function M(_0x5ea2e2,_0x30b699){return _0x5ea2e2['originalIndex']-_0x30b699['originalIndex'];}