@ckeditor/ckeditor5-template 39.0.2 → 40.0.0

package/src/ui/templatelistview.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @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/templatelistview
+ */
+import { ListView, type FilteredView } from 'ckeditor5/src/ui';
+/**
+ * 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-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 _0x5404=['size','addMany','clear','isVisible','length','buttonView','items','originalIndex','map','_resetFiltering','set','sort','title','isMatching','get','highlightText','forEach'];(function(_0x36b71c,_0x5404c9){const _0x311604=function(_0x235b33){while(--_0x235b33){_0x36b71c['push'](_0x36b71c['shift']());}};_0x311604(++_0x5404c9);}(_0x5404,0x14a));const _0x3116=function(_0x36b71c,_0x5404c9){_0x36b71c=_0x36b71c-0x0;let _0x311604=_0x5404[_0x36b71c];return _0x311604;};import{ListView as _0x1bb126}from'ckeditor5/src/ui';export default class a extends _0x1bb126{['filter'](_0x139c1b){if(!_0x139c1b)return this['_resetFiltering']();const _0x589729=new Map(),_0x339775=this['items'][_0x3116('0x1')](_0x2f392f=>{const _0x1b1c5a=_0x2f392f[_0x3116('0xf')][_0x3116('0x6')](_0x139c1b);return _0x2f392f[_0x3116('0xd')]=!!_0x1b1c5a,_0x2f392f[_0x3116('0xf')][_0x3116('0x8')](_0x1b1c5a?_0x139c1b:null),_0x1b1c5a&&_0x589729[_0x3116('0x3')](_0x2f392f,_0x1b1c5a),_0x2f392f;})[_0x3116('0x4')](I)[_0x3116('0x4')](function(_0x2147ae){return function(_0x198f9e,_0x326f89){const _0x208ec4=_0x2147ae[_0x3116('0x7')](_0x198f9e),_0x5de7d0=_0x2147ae[_0x3116('0x7')](_0x326f89);return _0x208ec4&&!_0x5de7d0?-0x1:_0x5de7d0&&!_0x208ec4?0x1:_0x208ec4||_0x5de7d0?_0x208ec4[_0x3116('0x5')]&&!_0x5de7d0[_0x3116('0x5')]?-0x1:!_0x208ec4[_0x3116('0x5')]&&_0x5de7d0[_0x3116('0x5')]?0x1:0x0:0x0;};}(_0x589729));return this[_0x3116('0x10')][_0x3116('0xc')](),this['items'][_0x3116('0xb')](_0x339775),{'resultsCount':_0x589729[_0x3116('0xa')],'totalItemsCount':this[_0x3116('0x10')][_0x3116('0xe')]};}[_0x3116('0x2')](){const _0x34a7e8=this[_0x3116('0x10')]['map'](_0x318dcf=>_0x318dcf)[_0x3116('0x4')](I);return _0x34a7e8[_0x3116('0x9')](_0x1ba390=>{_0x1ba390[_0x3116('0xd')]=!0x0,_0x1ba390[_0x3116('0xf')][_0x3116('0x8')](null);}),this[_0x3116('0x10')][_0x3116('0xc')](),this[_0x3116('0x10')][_0x3116('0xb')](_0x34a7e8),{'resultsCount':_0x34a7e8[_0x3116('0xe')],'totalItemsCount':_0x34a7e8['length']};}}function I(_0x2a4d0c,_0x3d9cba){return _0x2a4d0c[_0x3116('0x0')]-_0x3d9cba[_0x3116('0x0')];}

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;}}