浏览代码

Renamed CSS to Css when used inside a code name.

Piotrek Koszuliński 5 年之前
父节点
当前提交
fd7a56db9a

+ 2 - 2
packages/ckeditor5-image/src/imagetextalternative/imagetextalternativeui.js

@@ -165,7 +165,7 @@ export default class ImageTextAlternativeUI extends Plugin {
 		const command = editor.commands.get( 'imageTextAlternative' );
 		const labeledInput = this._form.labeledInput;
 
-		this._form.disableCSSTransitions();
+		this._form.disableCssTransitions();
 
 		if ( !this._isInBalloon ) {
 			this._balloon.add( {
@@ -183,7 +183,7 @@ export default class ImageTextAlternativeUI extends Plugin {
 
 		this._form.labeledInput.fieldView.select();
 
-		this._form.enableCSSTransitions();
+		this._form.enableCssTransitions();
 	}
 
 	/**

+ 2 - 2
packages/ckeditor5-image/src/imagetextalternative/ui/textalternativeformview.js

@@ -14,7 +14,7 @@ import ButtonView from '@ckeditor/ckeditor5-ui/src/button/buttonview';
 
 import LabeledFieldView from '@ckeditor/ckeditor5-ui/src/labeledfield/labeledfieldview';
 import { createLabeledInputText } from '@ckeditor/ckeditor5-ui/src/labeledfield/utils';
-import injectCSSTransitionDisabling from '@ckeditor/ckeditor5-ui/src/bindings/injecttransitiondisabling';
+import injectCssTransitionDisabler from '@ckeditor/ckeditor5-ui/src/bindings/injectcsstransitiondisabler';
 
 import submitHandler from '@ckeditor/ckeditor5-ui/src/bindings/submithandler';
 import KeystrokeHandler from '@ckeditor/ckeditor5-utils/src/keystrokehandler';
@@ -128,7 +128,7 @@ export default class TextAlternativeFormView extends View {
 			]
 		} );
 
-		injectCSSTransitionDisabling( this );
+		injectCssTransitionDisabler( this );
 	}
 
 	/**

+ 3 - 3
packages/ckeditor5-image/tests/imagetextalternative/imagetextalternativeui.js

@@ -99,15 +99,15 @@ describe( 'ImageTextAlternativeUI', () => {
 
 		it( 'should disable CSS transitions before showing the form to avoid unnecessary animations (and then enable them again)', () => {
 			const addSpy = sinon.spy( balloon, 'add' );
-			const disableCSSTransitionsSpy = sinon.spy( form, 'disableCSSTransitions' );
-			const enableCSSTransitionsSpy = sinon.spy( form, 'enableCSSTransitions' );
+			const disableCssTransitionsSpy = sinon.spy( form, 'disableCssTransitions' );
+			const enableCssTransitionsSpy = sinon.spy( form, 'enableCssTransitions' );
 			const selectSpy = sinon.spy( form.labeledInput.fieldView, 'select' );
 
 			setData( model, '[<image src="" alt="foo bar"></image>]' );
 
 			button.fire( 'execute' );
 
-			sinon.assert.callOrder( disableCSSTransitionsSpy, addSpy, selectSpy, enableCSSTransitionsSpy );
+			sinon.assert.callOrder( disableCssTransitionsSpy, addSpy, selectSpy, enableCssTransitionsSpy );
 		} );
 	} );
 

+ 1 - 1
packages/ckeditor5-image/tests/imagetextalternative/ui/textalternativeformview.js

@@ -69,7 +69,7 @@ describe( 'TextAlternativeFormView', () => {
 		} );
 
 		it( 'should implement the CSS transition disabling feature', () => {
-			expect( view.disableCSSTransitions ).to.be.a( 'function' );
+			expect( view.disableCssTransitions ).to.be.a( 'function' );
 		} );
 	} );
 

+ 2 - 2
packages/ckeditor5-link/src/linkui.js

@@ -314,7 +314,7 @@ export default class LinkUI extends Plugin {
 		const editor = this.editor;
 		const linkCommand = editor.commands.get( 'link' );
 
-		this.formView.disableCSSTransitions();
+		this.formView.disableCssTransitions();
 
 		this._balloon.add( {
 			view: this.formView,
@@ -326,7 +326,7 @@ export default class LinkUI extends Plugin {
 			this.formView.urlInputView.fieldView.select();
 		}
 
-		this.formView.enableCSSTransitions();
+		this.formView.enableCssTransitions();
 
 		// Make sure that each time the panel shows up, the URL field remains in sync with the value of
 		// the command. If the user typed in the input, then canceled the balloon (`urlInputView.fieldView#value` stays

+ 2 - 2
packages/ckeditor5-link/src/ui/linkformview.js

@@ -15,7 +15,7 @@ import SwitchButtonView from '@ckeditor/ckeditor5-ui/src/button/switchbuttonview
 
 import LabeledFieldView from '@ckeditor/ckeditor5-ui/src/labeledfield/labeledfieldview';
 import { createLabeledInputText } from '@ckeditor/ckeditor5-ui/src/labeledfield/utils';
-import injectCSSTransitionDisabling from '@ckeditor/ckeditor5-ui/src/bindings/injecttransitiondisabling';
+import injectCssTransitionDisabler from '@ckeditor/ckeditor5-ui/src/bindings/injectcsstransitiondisabler';
 
 import submitHandler from '@ckeditor/ckeditor5-ui/src/bindings/submithandler';
 import FocusTracker from '@ckeditor/ckeditor5-utils/src/focustracker';
@@ -154,7 +154,7 @@ export default class LinkFormView extends View {
 			children: this.children
 		} );
 
-		injectCSSTransitionDisabling( this );
+		injectCssTransitionDisabler( this );
 	}
 
 	/**

+ 3 - 3
packages/ckeditor5-link/tests/linkui.js

@@ -1110,13 +1110,13 @@ describe( 'LinkUI', () => {
 			it( 'should disable CSS transitions before showing the form to avoid unnecessary animations' +
 				'(and then enable them again)', () => {
 				const addSpy = sinon.spy( balloon, 'add' );
-				const disableCSSTransitionsSpy = sinon.spy( formView, 'disableCSSTransitions' );
-				const enableCSSTransitionsSpy = sinon.spy( formView, 'enableCSSTransitions' );
+				const disableCssTransitionsSpy = sinon.spy( formView, 'disableCssTransitions' );
+				const enableCssTransitionsSpy = sinon.spy( formView, 'enableCssTransitions' );
 				const selectSpy = sinon.spy( formView.urlInputView.fieldView, 'select' );
 
 				actionsView.fire( 'edit' );
 
-				sinon.assert.callOrder( disableCSSTransitionsSpy, addSpy, selectSpy, enableCSSTransitionsSpy );
+				sinon.assert.callOrder( disableCssTransitionsSpy, addSpy, selectSpy, enableCssTransitionsSpy );
 			} );
 
 			it( 'should execute unlink command on actionsView#unlink event', () => {

+ 1 - 1
packages/ckeditor5-link/tests/ui/linkformview.js

@@ -94,7 +94,7 @@ describe( 'LinkFormView', () => {
 		} );
 
 		it( 'should implement the CSS transition disabling feature', () => {
-			expect( view.disableCSSTransitions ).to.be.a( 'function' );
+			expect( view.disableCssTransitions ).to.be.a( 'function' );
 		} );
 	} );
 

+ 2 - 2
packages/ckeditor5-media-embed/src/mediaembedui.js

@@ -77,7 +77,7 @@ export default class MediaEmbedUI extends Plugin {
 		// default action of the drop-down is executed (i.e. the panel showed up). Otherwise, the
 		// invisible form/input cannot be focused/selected.
 		button.on( 'open', () => {
-			form.disableCSSTransitions();
+			form.disableCssTransitions();
 
 			// Make sure that each time the panel shows up, the URL field remains in sync with the value of
 			// the command. If the user typed in the input, then canceled (`urlInputView#fieldView#value` stays
@@ -87,7 +87,7 @@ export default class MediaEmbedUI extends Plugin {
 			form.url = command.value || '';
 			form.urlInputView.fieldView.select();
 			form.focus();
-			form.enableCSSTransitions();
+			form.enableCssTransitions();
 		}, { priority: 'low' } );
 
 		dropdown.on( 'submit', () => {

+ 2 - 2
packages/ckeditor5-media-embed/src/ui/mediaformview.js

@@ -19,7 +19,7 @@ import submitHandler from '@ckeditor/ckeditor5-ui/src/bindings/submithandler';
 import FocusTracker from '@ckeditor/ckeditor5-utils/src/focustracker';
 import FocusCycler from '@ckeditor/ckeditor5-ui/src/focuscycler';
 import KeystrokeHandler from '@ckeditor/ckeditor5-utils/src/keystrokehandler';
-import injectCSSTransitionDisabling from '@ckeditor/ckeditor5-ui/src/bindings/injecttransitiondisabling';
+import injectCssTransitionDisabler from '@ckeditor/ckeditor5-ui/src/bindings/injectcsstransitiondisabler';
 
 import checkIcon from '@ckeditor/ckeditor5-core/theme/icons/check.svg';
 import cancelIcon from '@ckeditor/ckeditor5-core/theme/icons/cancel.svg';
@@ -148,7 +148,7 @@ export default class MediaFormView extends View {
 			]
 		} );
 
-		injectCSSTransitionDisabling( this );
+		injectCssTransitionDisabler( this );
 
 		/**
 		 * The default info text for the {@link #urlInputView}.

+ 3 - 3
packages/ckeditor5-media-embed/tests/mediaembedui.js

@@ -129,13 +129,13 @@ describe( 'MediaEmbedUI', () => {
 				} );
 
 				it( 'should disable CSS transitions to avoid unnecessary animations (and then enable them again)', () => {
-					const disableCSSTransitionsSpy = sinon.spy( form, 'disableCSSTransitions' );
-					const enableCSSTransitionsSpy = sinon.spy( form, 'enableCSSTransitions' );
+					const disableCssTransitionsSpy = sinon.spy( form, 'disableCssTransitions' );
+					const enableCssTransitionsSpy = sinon.spy( form, 'enableCssTransitions' );
 					const selectSpy = sinon.spy( form.urlInputView.fieldView, 'select' );
 
 					button.fire( 'open' );
 
-					sinon.assert.callOrder( disableCSSTransitionsSpy, selectSpy, enableCSSTransitionsSpy );
+					sinon.assert.callOrder( disableCssTransitionsSpy, selectSpy, enableCssTransitionsSpy );
 				} );
 			} );
 		} );

+ 1 - 1
packages/ckeditor5-media-embed/tests/ui/mediaformview.js

@@ -79,7 +79,7 @@ describe( 'MediaFormView', () => {
 		} );
 
 		it( 'should implement the CSS transition disabling feature', () => {
-			expect( view.disableCSSTransitions ).to.be.a( 'function' );
+			expect( view.disableCssTransitions ).to.be.a( 'function' );
 		} );
 
 		describe( 'url input view', () => {

+ 14 - 14
packages/ckeditor5-ui/src/bindings/injecttransitiondisabling.js

@@ -4,7 +4,7 @@
  */
 
 /**
- * @module ui/bindings/injecttransitiondisabling
+ * @module ui/bindings/injectcsstransitiondisabler
  */
 
 /**
@@ -13,15 +13,15 @@
  * when the view is first displayed but they should work normally in other cases.
  *
  * The methods to control the CSS transitions are:
- * * `disableCSSTransitions()` – adds the `.ck-transitions-disabled` class to the
+ * * `disableCssTransitions()` – adds the `.ck-transitions-disabled` class to the
  * {@link module:ui/view~View#element view element},
- * * `enableCSSTransitions()` – removes the `.ck-transitions-disabled` class from the
+ * * `enableCssTransitions()` – removes the `.ck-transitions-disabled` class from the
  * {@link module:ui/view~View#element view element}.
  *
  * **Note**: This helper extends the {@link module:ui/view~View#template template} and must be used **after**
  * {@link module:ui/view~View#setTemplate} is called:
  *
- *		import injectCSSTransitionDisabling from '@ckeditor/ckeditor5-ui/src/bindings/injecttransitiondisabling';
+ *		import injectCssTransitionDisabler from '@ckeditor/ckeditor5-ui/src/bindings/injectcsstransitiondisabler';
  *
  *		class MyView extends View {
  *			constructor() {
@@ -33,7 +33,7 @@
  *
  *				// ...
  *
- *				injectCSSTransitionDisabling( this );
+ *				injectCssTransitionDisabler( this );
  *
  *				// ...
  *			}
@@ -45,27 +45,27 @@
  *
  *		// ...
  *
- *		view.disableCSSTransitions();
+ *		view.disableCssTransitions();
  *		view.show();
- *		view.enableCSSTransitions();
+ *		view.enableCssTransitions();
  *
  * @param {module:ui/view~View} view View instance that should get this functionality.
  */
-export default function injectCSSTransitionDisabling( view ) {
-	view.set( '_isCSSTransitionsDisabled', false );
+export default function injectCssTransitionDisabler( view ) {
+	view.set( '_isCssTransitionsDisabled', false );
 
-	view.disableCSSTransitions = () => {
-		view._isCSSTransitionsDisabled = true;
+	view.disableCssTransitions = () => {
+		view._isCssTransitionsDisabled = true;
 	};
 
-	view.enableCSSTransitions = () => {
-		view._isCSSTransitionsDisabled = false;
+	view.enableCssTransitions = () => {
+		view._isCssTransitionsDisabled = false;
 	};
 
 	view.extendTemplate( {
 		attributes: {
 			class: [
-				view.bindTemplate.if( '_isCSSTransitionsDisabled', 'ck-transitions-disabled' )
+				view.bindTemplate.if( '_isCssTransitionsDisabled', 'ck-transitions-disabled' )
 			]
 		}
 	} );

+ 11 - 11
packages/ckeditor5-ui/tests/bindings/injecttransitiondisabling.js

@@ -3,10 +3,10 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 
-import injectCSSTransitionDisabling from '../../src/bindings/injecttransitiondisabling';
+import injectCssTransitionDisabler from '../../src/bindings/injectcsstransitiondisabler';
 import View from '../../src/view';
 
-describe( 'injectCSSTransitionDisabling()', () => {
+describe( 'injectCssTransitionDisabler()', () => {
 	let view;
 
 	class TestView extends View {
@@ -17,7 +17,7 @@ describe( 'injectCSSTransitionDisabling()', () => {
 				tag: 'div'
 			} );
 
-			injectCSSTransitionDisabling( this );
+			injectCssTransitionDisabler( this );
 		}
 	}
 
@@ -31,35 +31,35 @@ describe( 'injectCSSTransitionDisabling()', () => {
 	} );
 
 	it( 'should create a protected observable property for class binding', () => {
-		expect( view._isCSSTransitionsDisabled ).to.be.false;
+		expect( view._isCssTransitionsDisabled ).to.be.false;
 	} );
 
 	it( 'should not alter the CSS class of the view until blocking is enabled', () => {
 		expect( view.element.classList ).to.be.empty;
 	} );
 
-	describe( 'disableCSSTransitions() method', () => {
+	describe( 'disableCssTransitions() method', () => {
 		it( 'should belong to the view', () => {
-			expect( view.disableCSSTransitions ).to.be.a( 'function' );
+			expect( view.disableCssTransitions ).to.be.a( 'function' );
 		} );
 
 		it( 'should set the proper CSS class when called', () => {
-			view.disableCSSTransitions();
+			view.disableCssTransitions();
 
 			expect( view.element.classList.contains( 'ck-transitions-disabled' ) ).to.be.true;
 		} );
 	} );
 
-	describe( 'enableCSSTransitions() method', () => {
+	describe( 'enableCssTransitions() method', () => {
 		it( 'should belong to the view', () => {
-			expect( view.enableCSSTransitions ).to.be.a( 'function' );
+			expect( view.enableCssTransitions ).to.be.a( 'function' );
 		} );
 
 		it( 'should remove the proper CSS class when called', () => {
-			view.disableCSSTransitions();
+			view.disableCssTransitions();
 			expect( view.element.classList.contains( 'ck-transitions-disabled' ) ).to.be.true;
 
-			view.enableCSSTransitions();
+			view.enableCssTransitions();
 			expect( view.element.classList.contains( 'ck-transitions-disabled' ) ).to.be.false;
 		} );
 	} );