@ckeditor/ckeditor5-ui 39.0.2 → 40.0.0

package/src/spinner/spinnerview.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @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 ui/spinner/spinnerview
+ */
+import View from '../view';
+import '../../theme/components/spinner/spinner.css';
+/**
+ * The spinner view class.
+ */
+export default class SpinnerView extends View {
+    /**
+     * Controls whether the spinner is visible.
+     *
+     * @observable
+     * @default false
+     */
+    isVisible: boolean;
+    /**
+     * @inheritDoc
+     */
+    constructor();
+}

package/src/spinner/spinnerview.js

@@ -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 ui/spinner/spinnerview
+ */
+import View from '../view';
+import '../../theme/components/spinner/spinner.css';
+/**
+ * The spinner view class.
+ */
+export default class SpinnerView extends View {
+    /**
+     * @inheritDoc
+     */
+    constructor() {
+        super();
+        this.set('isVisible', false);
+        const bind = this.bindTemplate;
+        this.setTemplate({
+            tag: 'span',
+            attributes: {
+                class: [
+                    'ck',
+                    'ck-spinner-container',
+                    bind.if('isVisible', 'ck-hidden', value => !value)
+                ]
+            },
+            children: [{
+                    tag: 'span',
+                    attributes: {
+                        class: ['ck', 'ck-spinner']
+                    }
+                }]
+        });
+    }
+}