@ostendis/grapesjs-preset-ostendis-adv 1.3.0 → 1.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -1,118 +1,118 @@
|
|
|
1
|
-
# GrapesJS Ostendis Preset
|
|
2
|
-
|
|
3
|
-
This preset configures GrapesJS to be used with some unique features and blocks for the [Ostendis E-Recruiting system](https://www.ostendis.com/en)
|
|
4
|
-
|
|
5
|
-
## Summary
|
|
6
|
-
|
|
7
|
-
TODO
|
|
8
|
-
|
|
9
|
-
## Download
|
|
10
|
-
|
|
11
|
-
Download using one of the options:
|
|
12
|
-
|
|
13
|
-
- `npm i grapesjs-preset-ostendis-adv`
|
|
14
|
-
- Latest release link https://github.com/ostendisorg/grapesjs-preset-ostendis-adv/releases
|
|
15
|
-
|
|
16
|
-
## Usage
|
|
17
|
-
|
|
18
|
-
Directly in the browser
|
|
19
|
-
|
|
20
|
-
```html
|
|
21
|
-
<link href="path/to/grapes.min.css" rel="stylesheet" />
|
|
22
|
-
<link href="path/to/grapesjs-preset-ostendis-adv.css" rel="stylesheet" />
|
|
23
|
-
|
|
24
|
-
<script src="path/to/grapes.min.js"></script>
|
|
25
|
-
<script src="path/to/grapesjs-preset-ostendis-adv.min.js"></script>
|
|
26
|
-
|
|
27
|
-
<div id="gjs"></div>
|
|
28
|
-
|
|
29
|
-
<script type="text/javascript">
|
|
30
|
-
var editor = grapesjs.init({
|
|
31
|
-
container: "#gjs",
|
|
32
|
-
plugins: ["grapesjs-preset-ostendis-adv"],
|
|
33
|
-
pluginsOpts: {
|
|
34
|
-
"grapesjs-preset-ostendis-adv": {
|
|
35
|
-
// options
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
});
|
|
39
|
-
</script>
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
Modern javascript
|
|
43
|
-
|
|
44
|
-
```js
|
|
45
|
-
import grapesjs from 'grapesjs';
|
|
46
|
-
import plugin from 'grapesjs-preset-ostendis-adv';
|
|
47
|
-
|
|
48
|
-
const editor = grapesjs.init({
|
|
49
|
-
container : '#gjs',
|
|
50
|
-
// ...
|
|
51
|
-
plugins: [plugin],
|
|
52
|
-
pluginsOpts: {
|
|
53
|
-
[plugin]: { /* options */ }
|
|
54
|
-
}
|
|
55
|
-
// or
|
|
56
|
-
plugins: [
|
|
57
|
-
editor => plugin(editor, { /* options */ }),
|
|
58
|
-
],
|
|
59
|
-
});
|
|
60
|
-
```
|
|
61
|
-
|
|
62
|
-
## Development
|
|
63
|
-
|
|
64
|
-
Clone the repository
|
|
65
|
-
|
|
66
|
-
```sh
|
|
67
|
-
$ git clone https://github.com/ostendisorg/grapesjs-preset-ostendis-adv.git
|
|
68
|
-
$ cd grapesjs-preset-ostendis
|
|
69
|
-
```
|
|
70
|
-
|
|
71
|
-
Install dependencies (use Node version 18.x)
|
|
72
|
-
|
|
73
|
-
```sh
|
|
74
|
-
$ npm i
|
|
75
|
-
```
|
|
76
|
-
|
|
77
|
-
Start the dev server
|
|
78
|
-
|
|
79
|
-
```sh
|
|
80
|
-
$ npm start
|
|
81
|
-
```
|
|
82
|
-
|
|
83
|
-
Build before the commit. This will also increase the patch level version of the package
|
|
84
|
-
|
|
85
|
-
```sh
|
|
86
|
-
$ npm run build
|
|
87
|
-
```
|
|
88
|
-
|
|
89
|
-
## Test Version (test.html)
|
|
90
|
-
|
|
91
|
-
The file test.html was created for testing purposes. It can be used either with the Ostendis plugin or in its original version (see comments for details).
|
|
92
|
-
|
|
93
|
-
URL: http://localhost:8080/test.html
|
|
94
|
-
|
|
95
|
-
## Release
|
|
96
|
-
|
|
97
|
-
To install publishing dependency
|
|
98
|
-
|
|
99
|
-
```sh
|
|
100
|
-
$ npm install --global np
|
|
101
|
-
```
|
|
102
|
-
|
|
103
|
-
Publish the package
|
|
104
|
-
|
|
105
|
-
```sh
|
|
106
|
-
$ npm run release
|
|
107
|
-
```
|
|
108
|
-
|
|
109
|
-
**ONLY** workes with package:
|
|
110
|
-
https://www.npmjs.com/package/np
|
|
111
|
-
|
|
112
|
-
## License
|
|
113
|
-
|
|
114
|
-
BSD 3-Clause
|
|
115
|
-
|
|
116
|
-
Based on: [GrapesJS Newsletter Preset](http://grapesjs.com/demo-newsletter-editor.html)
|
|
117
|
-
Copyright (c) 2016, [Artur Arseniev](https://github.com/artf)
|
|
118
|
-
All rights reserved.
|
|
1
|
+
# GrapesJS Ostendis Preset
|
|
2
|
+
|
|
3
|
+
This preset configures GrapesJS to be used with some unique features and blocks for the [Ostendis E-Recruiting system](https://www.ostendis.com/en)
|
|
4
|
+
|
|
5
|
+
## Summary
|
|
6
|
+
|
|
7
|
+
TODO
|
|
8
|
+
|
|
9
|
+
## Download
|
|
10
|
+
|
|
11
|
+
Download using one of the options:
|
|
12
|
+
|
|
13
|
+
- `npm i grapesjs-preset-ostendis-adv`
|
|
14
|
+
- Latest release link https://github.com/ostendisorg/grapesjs-preset-ostendis-adv/releases
|
|
15
|
+
|
|
16
|
+
## Usage
|
|
17
|
+
|
|
18
|
+
Directly in the browser
|
|
19
|
+
|
|
20
|
+
```html
|
|
21
|
+
<link href="path/to/grapes.min.css" rel="stylesheet" />
|
|
22
|
+
<link href="path/to/grapesjs-preset-ostendis-adv.css" rel="stylesheet" />
|
|
23
|
+
|
|
24
|
+
<script src="path/to/grapes.min.js"></script>
|
|
25
|
+
<script src="path/to/grapesjs-preset-ostendis-adv.min.js"></script>
|
|
26
|
+
|
|
27
|
+
<div id="gjs"></div>
|
|
28
|
+
|
|
29
|
+
<script type="text/javascript">
|
|
30
|
+
var editor = grapesjs.init({
|
|
31
|
+
container: "#gjs",
|
|
32
|
+
plugins: ["grapesjs-preset-ostendis-adv"],
|
|
33
|
+
pluginsOpts: {
|
|
34
|
+
"grapesjs-preset-ostendis-adv": {
|
|
35
|
+
// options
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
});
|
|
39
|
+
</script>
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
Modern javascript
|
|
43
|
+
|
|
44
|
+
```js
|
|
45
|
+
import grapesjs from 'grapesjs';
|
|
46
|
+
import plugin from 'grapesjs-preset-ostendis-adv';
|
|
47
|
+
|
|
48
|
+
const editor = grapesjs.init({
|
|
49
|
+
container : '#gjs',
|
|
50
|
+
// ...
|
|
51
|
+
plugins: [plugin],
|
|
52
|
+
pluginsOpts: {
|
|
53
|
+
[plugin]: { /* options */ }
|
|
54
|
+
}
|
|
55
|
+
// or
|
|
56
|
+
plugins: [
|
|
57
|
+
editor => plugin(editor, { /* options */ }),
|
|
58
|
+
],
|
|
59
|
+
});
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
## Development
|
|
63
|
+
|
|
64
|
+
Clone the repository
|
|
65
|
+
|
|
66
|
+
```sh
|
|
67
|
+
$ git clone https://github.com/ostendisorg/grapesjs-preset-ostendis-adv.git
|
|
68
|
+
$ cd grapesjs-preset-ostendis
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
Install dependencies (use Node version 18.x)
|
|
72
|
+
|
|
73
|
+
```sh
|
|
74
|
+
$ npm i
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
Start the dev server
|
|
78
|
+
|
|
79
|
+
```sh
|
|
80
|
+
$ npm start
|
|
81
|
+
```
|
|
82
|
+
|
|
83
|
+
Build before the commit. This will also increase the patch level version of the package
|
|
84
|
+
|
|
85
|
+
```sh
|
|
86
|
+
$ npm run build
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
## Test Version (test.html)
|
|
90
|
+
|
|
91
|
+
The file test.html was created for testing purposes. It can be used either with the Ostendis plugin or in its original version (see comments for details).
|
|
92
|
+
|
|
93
|
+
URL: http://localhost:8080/test.html
|
|
94
|
+
|
|
95
|
+
## Release
|
|
96
|
+
|
|
97
|
+
To install publishing dependency
|
|
98
|
+
|
|
99
|
+
```sh
|
|
100
|
+
$ npm install --global np
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
Publish the package
|
|
104
|
+
|
|
105
|
+
```sh
|
|
106
|
+
$ npm run release
|
|
107
|
+
```
|
|
108
|
+
|
|
109
|
+
**ONLY** workes with package:
|
|
110
|
+
https://www.npmjs.com/package/np
|
|
111
|
+
|
|
112
|
+
## License
|
|
113
|
+
|
|
114
|
+
BSD 3-Clause
|
|
115
|
+
|
|
116
|
+
Based on: [GrapesJS Newsletter Preset](http://grapesjs.com/demo-newsletter-editor.html)
|
|
117
|
+
Copyright (c) 2016, [Artur Arseniev](https://github.com/artf)
|
|
118
|
+
All rights reserved.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.gjs-one-bg{background-color:#fff}.gjs-two-color{color:#657390}.gjs-blocks-c{background-color:#f2f2f2}.gjs-pn-commands,.gjs-pn-views-container{box-shadow:none}.gjs-four-color{color:#ff8200}.gjs-color-warn{color:#ff8200;fill:#ff8200;text-decoration:line-through}.gjs-radio-item input:checked+.gjs-radio-item-label{color:#fff;background-color:#3b5998}.gjs-field-checkbox input:checked+.gjs-chk-icon{border-color:#3b5998}.gjs-field-arrow-d{border-top:4px solid #3b5998}.gjs-field-arrow-u{border-bottom:4px solid #3b5998}.gjs-clm-tags #gjs-clm-new{color:#657390}.gjs-pn-commands,.gjs-cv-canvas{width:80%}.gjs-pn-views,.gjs-pn-views-container{width:20%;transition:all .2s ease-in}.gjs-pn-options{right:20%}.gjs-field-arrows{z-index:9}.gjs-block.fa::before,.gjs-block.fa-solid::before,.gjs-block.fa-regular::before,.gjs-block.fa-brands::before{display:block;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:48px}.gjs-block.fa-regular::before,.gjs-block.fa-brands::before{font-weight:400}.gjs-block.fa-solid::before{font-weight:900}.gjs-drag-helper{background-color:#3b5998 !important}.gjs-selected{outline:2px solid #3b5998 !important}.gjs-highlighter{outline:1px solid #3b5998 !important}*.gjs-hover,div.gjs-hover{outline:1px solid #3b5998}.gjs-badge,.gjs-badge{background-color:#3b5998}.gjs-toolbar{background-color:#3b5998}.gjs-toolbar-items{display:flex;justify-content:center;align-items:center;text-align:center}.gjs-toolbar-items>.gjs-toolbar-item{height:26px;display:flex;justify-content:center;align-items:center}.gjs-resizer-h{border:2px solid #3b5998}.gjs-clm-tags .gjs-sm-title,.gjs-sm-sector .gjs-sm-title{border-top:none;background-color:#fff}.gjs-clm-tags .gjs-clm-tag{background-color:#3b5998;border:none;box-shadow:none;padding:5px 8px;text-shadow:none;color:#fff}.gjs-field{color:#657390;background-color:rgba(0,0,0,.1);box-shadow:none}.gjs-btnt.gjs-pn-active,.gjs-pn-btn.gjs-pn-active{box-shadow:none}.gjs-pn-btn:hover{color:#3b5998}.gjs-btnt.gjs-pn-active,.gjs-color-active,.gjs-pn-btn.gjs-pn-active,.gjs-pn-btn:active,.gjs-block:hover{color:#3b5998}#gjs-rte-toolbar .gjs-rte-btn,.gjs-btn-prim,.gjs-btnt,.gjs-clm-tags .gjs-sm-composite.gjs-clm-field,.gjs-clm-tags .gjs-sm-field.gjs-sm-composite,.gjs-clm-tags .gjs-sm-stack #gjs-sm-add,.gjs-color-main,.gjs-mdl-dialog,.gjs-off-prv,.gjs-pn-btn,.gjs-pn-panel,.gjs-sm-sector .gjs-sm-composite.gjs-clm-field,.gjs-sm-sector .gjs-sm-field.gjs-sm-composite,.gjs-sm-sector .gjs-sm-stack #gjs-sm-add{color:#657390}#gjs-rte-toolbar,.gjs-bg-main,.gjs-clm-select option,.gjs-clm-tags .gjs-sm-colorp-c,.gjs-editor,.gjs-mdl-dialog,.gjs-nv-item .gjs-nv-title-c,.gjs-off-prv,.gjs-pn-panel,.gjs-block,.gjs-select option,.gjs-field-select option,.gjs-sm-sector .gjs-sm-colorp-c,.gjs-sm-select option,.gjs-sm-unit option,.sp-container .sp-container button{color:#657390;background-color:#fff}.simple .gjs-toolbar-item:not(:first-child){display:none}.gjs-ost-toolbar{display:none;position:absolute;background-color:#3b5998;white-space:nowrap;color:#fff;z-index:11;bottom:-26px;right:0}.gjs-ost-toolbar.show{display:block;pointer-events:all}.gjs-ost-toolbar .gjs-ost-toolbar-item{cursor:pointer;display:inline-block;width:26px;height:26px;padding:5px}.gjs-ost-toolbar .gjs-ost-toolbar-item.disable{color:hsla(0,0%,100%,.3);cursor:inherit}.gjs-sm-sector .gjs-sm-field input,.gjs-clm-tags .gjs-sm-field input,.gjs-sm-sector .gjs-clm-field input,.gjs-clm-tags .gjs-clm-field input,.gjs-sm-sector .gjs-clm-select input,.gjs-clm-tags .gjs-clm-select input,.gjs-sm-sector .gjs-sm-field select,.gjs-clm-tags .gjs-sm-field select,.gjs-sm-sector .gjs-clm-field select,.gjs-clm-tags .gjs-clm-field select,.gjs-sm-sector .gjs-clm-select select,.gjs-clm-tags .gjs-clm-select select{color:#657390;background-color:#fff}.gjs-import-label,.gjs-export-label{margin-bottom:10px;font-size:13px}.gjs-mdl-dialog .gjs-btn-import{margin-top:10px;background-color:#3b5998;color:#fff;padding-inline:15px;margin-left:auto}.CodeMirror{border-radius:3px;height:450px;font-family:sans-serif,monospace;letter-spacing:.3px;font-size:12px}.gjs-block{border:1px solid rgba(0,0,0,.2);border-radius:3px;margin:5px 2.5% 5px;box-shadow:0 1px 0 0 rgba(0,0,0,.15);transition:box-shadow,color .2s ease 0s}.gjs-block:hover{box-shadow:0 3px 4px 0 rgba(0,0,0,.15)}#gjs-pn-views-container.gjs-pn-panel{padding:39px 0 0}#gjs-pn-views.gjs-pn-panel{padding:0;border:none}#gjs-pn-views .gjs-pn-btn{margin:0;height:40px;padding:10px;width:25%;border-bottom:2px solid rgba(0,0,0,.3)}#gjs-pn-views .gjs-pn-active{color:hsla(0,0%,100%,.9);border-bottom:2px solid #3b5998;border-radius:0}#gjs-pn-devices-c{padding-left:30px}#gjs-pn-options{padding-right:30px}.gjs-pn-options{z-index:4}.gjs-sm-composite .gjs-sm-properties{display:flex;flex-flow:row wrap;justify-content:space-between}#gjs-sm-border-top-left-radius,#gjs-sm-border-top-right-radius,#gjs-sm-border-bottom-left-radius,#gjs-sm-border-bottom-right-radius,#gjs-sm-margin-top,#gjs-sm-margin-bottom,#gjs-sm-margin-right,#gjs-sm-margin-left,#gjs-sm-padding-top,#gjs-sm-padding-bottom,#gjs-sm-padding-right,#gjs-sm-padding-left{flex:999 1 60px}#gjs-sm-border-width,#gjs-sm-border-style,#gjs-sm-border-color{flex:999 1 80px}#gjs-sm-margin-left,#gjs-sm-padding-left{order:2}#gjs-sm-margin-right,#gjs-sm-padding-right{order:3}#gjs-sm-margin-bottom,#gjs-sm-padding-bottom{order:4}.gjs-field-radio{width:100%}.gjs-field-radio #gjs-sm-input-holder{display:flex}.gjs-radio-item{flex:1 0 auto;text-align:center}.gjs-sm-sector .gjs-sm-property.gjs-sm-list{width:50%}.gjs-mdl-content{border-top:none}.gjs-sm-sector .gjs-sm-property .gjs-sm-layer.gjs-sm-active{background-color:hsla(0,0%,100%,.09)}.gjs-f-button::before{content:"B"}.gjs-f-divider::before{content:"D"}.gjs-mdl-dialog-sm{width:300px}.gjs-mdl-dialog form .gjs-sm-property{font-size:12px;margin-bottom:15px}.gjs-mdl-dialog form .gjs-sm-label{margin-bottom:5px}#gjs-clm-status-c{display:none}.anim-spin{animation:.5s linear 0s normal none infinite running spin}.form-status{float:right;font-size:14px}.text-danger{color:#f92929}#alert-msg-overlay{position:absolute;top:0;left:0;width:100%;height:401px;z-index:990}.alert-msg{position:absolute;background-color:#fff;top:50px;left:20%;width:60%;min-width:300px;z-index:999;border-radius:5px;box-shadow:0 0 11px rgba(0,0,0,.5)}.alert-msg .header{background-color:#ff8200;color:#fff;padding:15px;border-top-left-radius:5px;border-top-right-radius:5px;height:50px;box-sizing:border-box}.alert-msg .header h3{margin:0}.alert-msg .header h3 span{margin-right:10px}.alert-msg .content{padding:20px;box-sizing:border-box}.alert-msg .content .files{overflow-y:auto;margin:15px 0}.alert-msg .content .files ul{margin:5px;padding:0 0 0 15px}.alert-msg .content .files ul ::marker{content:"×"}.alert-msg .content .files ul li{padding-left:5px}.alert-msg .content strong{font-weight:bold}.alert-msg .content button.ok{margin:15px auto;display:flex;background-color:#fff;padding:5px 15px;text-transform:uppercase;color:currentColor;border:none;font-weight:normal;font-size:1.1rem;cursor:pointer}.alert-msg .content button.ok:hover{background-color:#dfdfdf}.gjs-mdl-header{display:flex;padding:10px 15px;line-height:25px}.gjs-mdl-btn-close{position:inherit;right:inherit;top:inherit;margin-left:auto;border-color:rgba(59,89,152,.2);line-height:25px;font-size:2rem}.gjs-mdl-container.alertModalOstBlocks .gjs-mdl-dialog{width:500px;max-width:100%;border-radius:5px}.gjs-mdl-container.alertModalOstBlocks .gjs-mdl-header{background-color:#ff8200;color:#fff;border:none;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:bold}.gjs-mdl-container.alertModalOstBlocks .gjs-mdl-btn-close{color:#fff}.gjs-mdl-container.alertModalOstBlocks .gjs-mdl-content{padding:20px}.gjs-mdl-container.alertModalOstBlocks button.ok{margin:15px auto;display:flex;background-color:#fff;padding:5px 15px;text-transform:uppercase;color:currentColor;border:none;font-weight:normal;font-size:1.1rem;cursor:pointer}.gjs-mdl-container.alertModalOstBlocks button.ok:hover{background-color:#dfdfdf}.gjs-editor-cont .sp-container .sp-choose{background:#3b5998;border-color:#3b5998;color:#fff;border-radius:0}.gjs-editor-cont .sp-container .sp-choose:hover,.gjs-editor-cont .sp-container .sp-choose:active{background:#3b5998;border-color:#3b5998;color:#657390}.gjs-trt-trait{padding:10px;flex-wrap:wrap}.gjs-trt-trait .gjs-label-wrp{width:100%}.gjs-select-option-ok,.gjs-select-option-ok:checked{background-color:#b9ffb2;color:#006400}.gjs-select-option-nok,.gjs-select-option-nok:checked{background-color:#ffb3b3;color:#680000}.gjs-trt-traits .sp-container{top:30px !important;left:-200px !important}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#paste-from-word-text{margin-bottom:15px;color:#657390;font-size:14px}#paste-from-word-content{box-sizing:border-box;width:100%;height:300px;padding:10px;border:1px solid #ddd;border-radius:4px;color:#657390;font-size:14px;line-height:1.4;resize:vertical}#paste-from-word-content:focus{outline:1px solid #3b5998}#paste-from-word-footer{
|
|
1
|
+
.gjs-one-bg{background-color:#fff}.gjs-two-color{color:#657390}.gjs-blocks-c{background-color:#f2f2f2}.gjs-pn-commands,.gjs-pn-views-container{box-shadow:none}.gjs-four-color{color:#ff8200}.gjs-color-warn{color:#ff8200;fill:#ff8200;text-decoration:line-through}.gjs-radio-item input:checked+.gjs-radio-item-label{color:#fff;background-color:#3b5998}.gjs-field-checkbox input:checked+.gjs-chk-icon{border-color:#3b5998}.gjs-field-arrow-d{border-top:4px solid #3b5998}.gjs-field-arrow-u{border-bottom:4px solid #3b5998}.gjs-clm-tags #gjs-clm-new{color:#657390}.gjs-pn-commands,.gjs-cv-canvas{width:80%}.gjs-pn-views,.gjs-pn-views-container{width:20%;transition:all .2s ease-in}.gjs-pn-options{right:20%}.gjs-field-arrows{z-index:9}.gjs-block.fa::before,.gjs-block.fa-solid::before,.gjs-block.fa-regular::before,.gjs-block.fa-brands::before{display:block;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:48px}.gjs-block.fa-regular::before,.gjs-block.fa-brands::before{font-weight:400}.gjs-block.fa-solid::before{font-weight:900}.gjs-drag-helper{background-color:#3b5998 !important}.gjs-selected{outline:2px solid #3b5998 !important}.gjs-highlighter{outline:1px solid #3b5998 !important}*.gjs-hover,div.gjs-hover{outline:1px solid #3b5998}.gjs-badge,.gjs-badge{background-color:#3b5998}.gjs-toolbar{background-color:#3b5998}.gjs-toolbar-items{display:flex;justify-content:center;align-items:center;text-align:center}.gjs-toolbar-items>.gjs-toolbar-item{height:26px;display:flex;justify-content:center;align-items:center}.gjs-resizer-h{border:2px solid #3b5998}.gjs-clm-tags .gjs-sm-title,.gjs-sm-sector .gjs-sm-title{border-top:none;background-color:#fff}.gjs-clm-tags .gjs-clm-tag{background-color:#3b5998;border:none;box-shadow:none;padding:5px 8px;text-shadow:none;color:#fff}.gjs-field{color:#657390;background-color:rgba(0,0,0,.1);box-shadow:none}.gjs-btnt.gjs-pn-active,.gjs-pn-btn.gjs-pn-active{box-shadow:none}.gjs-pn-btn:hover{color:#3b5998}.gjs-btnt.gjs-pn-active,.gjs-color-active,.gjs-pn-btn.gjs-pn-active,.gjs-pn-btn:active,.gjs-block:hover{color:#3b5998}#gjs-rte-toolbar .gjs-rte-btn,.gjs-btn-prim,.gjs-btnt,.gjs-clm-tags .gjs-sm-composite.gjs-clm-field,.gjs-clm-tags .gjs-sm-field.gjs-sm-composite,.gjs-clm-tags .gjs-sm-stack #gjs-sm-add,.gjs-color-main,.gjs-mdl-dialog,.gjs-off-prv,.gjs-pn-btn,.gjs-pn-panel,.gjs-sm-sector .gjs-sm-composite.gjs-clm-field,.gjs-sm-sector .gjs-sm-field.gjs-sm-composite,.gjs-sm-sector .gjs-sm-stack #gjs-sm-add{color:#657390}#gjs-rte-toolbar,.gjs-bg-main,.gjs-clm-select option,.gjs-clm-tags .gjs-sm-colorp-c,.gjs-editor,.gjs-mdl-dialog,.gjs-nv-item .gjs-nv-title-c,.gjs-off-prv,.gjs-pn-panel,.gjs-block,.gjs-select option,.gjs-field-select option,.gjs-sm-sector .gjs-sm-colorp-c,.gjs-sm-select option,.gjs-sm-unit option,.sp-container .sp-container button{color:#657390;background-color:#fff}.simple .gjs-toolbar-item:not(:first-child){display:none}.gjs-ost-toolbar{display:none;position:absolute;background-color:#3b5998;white-space:nowrap;color:#fff;z-index:11;bottom:-26px;right:0}.gjs-ost-toolbar.show{display:block;pointer-events:all}.gjs-ost-toolbar .gjs-ost-toolbar-item{cursor:pointer;display:inline-block;width:26px;height:26px;padding:5px}.gjs-ost-toolbar .gjs-ost-toolbar-item.disable{color:hsla(0,0%,100%,.3);cursor:inherit}.gjs-sm-sector .gjs-sm-field input,.gjs-clm-tags .gjs-sm-field input,.gjs-sm-sector .gjs-clm-field input,.gjs-clm-tags .gjs-clm-field input,.gjs-sm-sector .gjs-clm-select input,.gjs-clm-tags .gjs-clm-select input,.gjs-sm-sector .gjs-sm-field select,.gjs-clm-tags .gjs-sm-field select,.gjs-sm-sector .gjs-clm-field select,.gjs-clm-tags .gjs-clm-field select,.gjs-sm-sector .gjs-clm-select select,.gjs-clm-tags .gjs-clm-select select{color:#657390;background-color:#fff}.gjs-import-label,.gjs-export-label{margin-bottom:10px;font-size:13px}.gjs-mdl-dialog .gjs-btn-import{margin-top:10px;background-color:#3b5998;color:#fff;padding-inline:15px;margin-left:auto}.CodeMirror{border-radius:3px;height:450px;font-family:sans-serif,monospace;letter-spacing:.3px;font-size:12px}.gjs-block{border:1px solid rgba(0,0,0,.2);border-radius:3px;margin:5px 2.5% 5px;box-shadow:0 1px 0 0 rgba(0,0,0,.15);transition:box-shadow,color .2s ease 0s}.gjs-block:hover{box-shadow:0 3px 4px 0 rgba(0,0,0,.15)}#gjs-pn-views-container.gjs-pn-panel{padding:39px 0 0}#gjs-pn-views.gjs-pn-panel{padding:0;border:none}#gjs-pn-views .gjs-pn-btn{margin:0;height:40px;padding:10px;width:25%;border-bottom:2px solid rgba(0,0,0,.3)}#gjs-pn-views .gjs-pn-active{color:hsla(0,0%,100%,.9);border-bottom:2px solid #3b5998;border-radius:0}#gjs-pn-devices-c{padding-left:30px}#gjs-pn-options{padding-right:30px}.gjs-pn-options{z-index:4}.gjs-sm-composite .gjs-sm-properties{display:flex;flex-flow:row wrap;justify-content:space-between}#gjs-sm-border-top-left-radius,#gjs-sm-border-top-right-radius,#gjs-sm-border-bottom-left-radius,#gjs-sm-border-bottom-right-radius,#gjs-sm-margin-top,#gjs-sm-margin-bottom,#gjs-sm-margin-right,#gjs-sm-margin-left,#gjs-sm-padding-top,#gjs-sm-padding-bottom,#gjs-sm-padding-right,#gjs-sm-padding-left{flex:999 1 60px}#gjs-sm-border-width,#gjs-sm-border-style,#gjs-sm-border-color{flex:999 1 80px}#gjs-sm-margin-left,#gjs-sm-padding-left{order:2}#gjs-sm-margin-right,#gjs-sm-padding-right{order:3}#gjs-sm-margin-bottom,#gjs-sm-padding-bottom{order:4}.gjs-field-radio{width:100%}.gjs-field-radio #gjs-sm-input-holder{display:flex}.gjs-radio-item{flex:1 0 auto;text-align:center}.gjs-sm-sector .gjs-sm-property.gjs-sm-list{width:50%}.gjs-mdl-content{border-top:none}.gjs-sm-sector .gjs-sm-property .gjs-sm-layer.gjs-sm-active{background-color:hsla(0,0%,100%,.09)}.gjs-f-button::before{content:"B"}.gjs-f-divider::before{content:"D"}.gjs-mdl-dialog-sm{width:300px}.gjs-mdl-dialog form .gjs-sm-property{font-size:12px;margin-bottom:15px}.gjs-mdl-dialog form .gjs-sm-label{margin-bottom:5px}#gjs-clm-status-c{display:none}.anim-spin{animation:.5s linear 0s normal none infinite running spin}.form-status{float:right;font-size:14px}.text-danger{color:#f92929}#alert-msg-overlay{position:absolute;top:0;left:0;width:100%;height:401px;z-index:990}.alert-msg{position:absolute;background-color:#fff;top:50px;left:20%;width:60%;min-width:300px;z-index:999;border-radius:5px;box-shadow:0 0 11px rgba(0,0,0,.5)}.alert-msg .header{background-color:#ff8200;color:#fff;padding:15px;border-top-left-radius:5px;border-top-right-radius:5px;height:50px;box-sizing:border-box}.alert-msg .header h3{margin:0}.alert-msg .header h3 span{margin-right:10px}.alert-msg .content{padding:20px;box-sizing:border-box}.alert-msg .content .files{overflow-y:auto;margin:15px 0}.alert-msg .content .files ul{margin:5px;padding:0 0 0 15px}.alert-msg .content .files ul ::marker{content:"×"}.alert-msg .content .files ul li{padding-left:5px}.alert-msg .content strong{font-weight:bold}.alert-msg .content button.ok{margin:15px auto;display:flex;background-color:#fff;padding:5px 15px;text-transform:uppercase;color:currentColor;border:none;font-weight:normal;font-size:1.1rem;cursor:pointer}.alert-msg .content button.ok:hover{background-color:#dfdfdf}.gjs-mdl-header{display:flex;padding:10px 15px;line-height:25px}.gjs-mdl-btn-close{position:inherit;right:inherit;top:inherit;margin-left:auto;border-color:rgba(59,89,152,.2);line-height:25px;font-size:2rem}.gjs-mdl-container.alertModalOstBlocks .gjs-mdl-dialog{width:500px;max-width:100%;border-radius:5px}.gjs-mdl-container.alertModalOstBlocks .gjs-mdl-header{background-color:#ff8200;color:#fff;border:none;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:bold}.gjs-mdl-container.alertModalOstBlocks .gjs-mdl-btn-close{color:#fff}.gjs-mdl-container.alertModalOstBlocks .gjs-mdl-content{padding:20px}.gjs-mdl-container.alertModalOstBlocks button.ok{margin:15px auto;display:flex;background-color:#fff;padding:5px 15px;text-transform:uppercase;color:currentColor;border:none;font-weight:normal;font-size:1.1rem;cursor:pointer}.gjs-mdl-container.alertModalOstBlocks button.ok:hover{background-color:#dfdfdf}.gjs-editor-cont .sp-container .sp-choose{background:#3b5998;border-color:#3b5998;color:#fff;border-radius:0}.gjs-editor-cont .sp-container .sp-choose:hover,.gjs-editor-cont .sp-container .sp-choose:active{background:#3b5998;border-color:#3b5998;color:#657390}.gjs-trt-trait{padding:10px;flex-wrap:wrap}.gjs-trt-trait .gjs-label-wrp{width:100%}.gjs-select-option-ok,.gjs-select-option-ok:checked{background-color:#b9ffb2;color:#006400}.gjs-select-option-nok,.gjs-select-option-nok:checked{background-color:#ffb3b3;color:#680000}.gjs-trt-traits .sp-container{top:30px !important;left:-200px !important}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#paste-from-word-text{margin-bottom:15px;color:#657390;font-size:14px}#paste-from-word-content{box-sizing:border-box;width:100%;height:300px;padding:10px;border:1px solid #ddd;border-radius:4px;color:#657390;font-size:14px;line-height:1.4;resize:vertical}#paste-from-word-content:focus{outline:1px solid #3b5998}#paste-from-word-footer{display:flex;justify-content:flex-end;gap:10px}#paste-from-word-apply{margin-top:10px;background-color:#3b5998;color:#fff;padding-inline:15px;margin-left:auto}
|
|
@@ -22542,7 +22542,7 @@ var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _argume
|
|
|
22542
22542
|
<p id="paste-from-word-text">${opts.t9n.labelPasteFromWordText}</p>
|
|
22543
22543
|
<textarea id="paste-from-word-content" placeholder="${opts.t9n.labelPasteFromWordPlaceholder}"></textarea>
|
|
22544
22544
|
<div id="paste-from-word-footer">
|
|
22545
|
-
<button id="paste-from-word-apply">${opts.t9n.labelPasteFromWordButton}</button>
|
|
22545
|
+
<button id="paste-from-word-apply" class="gjs-btn-prim">${opts.t9n.labelPasteFromWordButton}</button>
|
|
22546
22546
|
</div>
|
|
22547
22547
|
</div>
|
|
22548
22548
|
`;
|
|
@@ -24061,7 +24061,7 @@ const plugin = (editor_1, ...args_1) => __awaiter(void 0, [editor_1, ...args_1],
|
|
|
24061
24061
|
showOstToolbar(selected.closest("li"));
|
|
24062
24062
|
}
|
|
24063
24063
|
else if (((_c = selected.getEl()) === null || _c === void 0 ? void 0 : _c.tagName) === "UL") {
|
|
24064
|
-
// UL is selected - show
|
|
24064
|
+
// UL is selected - show toolbar with paste-from-word and standard buttons with SVG icons
|
|
24065
24065
|
const ulToolbar = [
|
|
24066
24066
|
{
|
|
24067
24067
|
attributes: {
|
|
@@ -24071,38 +24071,32 @@ const plugin = (editor_1, ...args_1) => __awaiter(void 0, [editor_1, ...args_1],
|
|
|
24071
24071
|
},
|
|
24072
24072
|
command: "paste-from-word",
|
|
24073
24073
|
},
|
|
24074
|
-
];
|
|
24075
|
-
selected.set({
|
|
24076
|
-
toolbar: ulToolbar,
|
|
24077
|
-
});
|
|
24078
|
-
// Hide OST toolbar for UL elements
|
|
24079
|
-
const ostToolbar = document.querySelector(".gjs-ost-toolbar");
|
|
24080
|
-
ostToolbar === null || ostToolbar === void 0 ? void 0 : ostToolbar.classList.remove("show");
|
|
24081
|
-
}
|
|
24082
|
-
else {
|
|
24083
|
-
// For other elements, show default toolbar without paste button
|
|
24084
|
-
const defaultToolbar = [
|
|
24085
24074
|
{
|
|
24086
|
-
|
|
24075
|
+
label: '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z"></path></svg>',
|
|
24087
24076
|
command: "select-parent",
|
|
24088
24077
|
},
|
|
24089
24078
|
{
|
|
24090
|
-
|
|
24079
|
+
label: '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M13,6V11H18V7.75L22.25,12L18,16.25V13H13V18H16.25L12,22.25L7.75,18H11V13H6V16.25L1.75,12L6,7.75V11H11V6H7.75L12,1.75L16.25,6H13Z"></path></svg>',
|
|
24091
24080
|
command: "tlb-move",
|
|
24092
24081
|
},
|
|
24093
24082
|
{
|
|
24094
|
-
|
|
24083
|
+
label: '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg>',
|
|
24095
24084
|
command: "tlb-clone"
|
|
24096
24085
|
},
|
|
24097
24086
|
{
|
|
24098
|
-
|
|
24087
|
+
label: '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"></path></svg>',
|
|
24099
24088
|
command: "tlb-delete"
|
|
24100
24089
|
},
|
|
24101
24090
|
];
|
|
24102
24091
|
selected.set({
|
|
24103
|
-
toolbar:
|
|
24092
|
+
toolbar: ulToolbar,
|
|
24104
24093
|
});
|
|
24105
|
-
// Hide OST toolbar for
|
|
24094
|
+
// Hide OST toolbar for UL elements
|
|
24095
|
+
const ostToolbar = document.querySelector(".gjs-ost-toolbar");
|
|
24096
|
+
ostToolbar === null || ostToolbar === void 0 ? void 0 : ostToolbar.classList.remove("show");
|
|
24097
|
+
}
|
|
24098
|
+
else {
|
|
24099
|
+
// For other elements, just hide OST toolbar
|
|
24106
24100
|
const ostToolbar = document.querySelector(".gjs-ost-toolbar");
|
|
24107
24101
|
ostToolbar === null || ostToolbar === void 0 ? void 0 : ostToolbar.classList.remove("show");
|
|
24108
24102
|
}
|
|
@@ -24210,58 +24204,6 @@ const plugin = (editor_1, ...args_1) => __awaiter(void 0, [editor_1, ...args_1],
|
|
|
24210
24204
|
ostToolbar.classList.add("show");
|
|
24211
24205
|
}
|
|
24212
24206
|
}
|
|
24213
|
-
// On storage start
|
|
24214
|
-
editor.on("storage:start", () => {
|
|
24215
|
-
// Reset all Components
|
|
24216
|
-
const getAllComponents = (model, result = []) => {
|
|
24217
|
-
result.push(model);
|
|
24218
|
-
model.components().each((mod) => getAllComponents(mod, result));
|
|
24219
|
-
return result;
|
|
24220
|
-
};
|
|
24221
|
-
const allComponents = getAllComponents(editor.DomComponents.getWrapper());
|
|
24222
|
-
allComponents.forEach((compo) => {
|
|
24223
|
-
var _a;
|
|
24224
|
-
const defaultToolbar = [
|
|
24225
|
-
{
|
|
24226
|
-
attributes: { class: "fa-solid fa-arrow-up" },
|
|
24227
|
-
command: "select-parent",
|
|
24228
|
-
},
|
|
24229
|
-
{
|
|
24230
|
-
attributes: { class: "fa-solid fa-arrows-up-down-left-right" },
|
|
24231
|
-
command: "tlb-move",
|
|
24232
|
-
},
|
|
24233
|
-
{
|
|
24234
|
-
attributes: {
|
|
24235
|
-
class: "fa-regular fa-copy"
|
|
24236
|
-
},
|
|
24237
|
-
command: "tlb-clone"
|
|
24238
|
-
},
|
|
24239
|
-
{
|
|
24240
|
-
attributes: {
|
|
24241
|
-
class: "fa-solid fa-trash"
|
|
24242
|
-
},
|
|
24243
|
-
command: "tlb-delete"
|
|
24244
|
-
},
|
|
24245
|
-
];
|
|
24246
|
-
// Add paste button only for UL elements
|
|
24247
|
-
if (compo.getEl && ((_a = compo.getEl()) === null || _a === void 0 ? void 0 : _a.tagName) === "UL") {
|
|
24248
|
-
defaultToolbar.push({
|
|
24249
|
-
attributes: {
|
|
24250
|
-
class: "fa-solid fa-file-word",
|
|
24251
|
-
"data-tooltip": options.t9n.ostToolbarPasteFromWord,
|
|
24252
|
-
"data-tooltip-pos": "bottom"
|
|
24253
|
-
},
|
|
24254
|
-
command: "paste-from-word",
|
|
24255
|
-
});
|
|
24256
|
-
}
|
|
24257
|
-
compo.set({
|
|
24258
|
-
draggable: true,
|
|
24259
|
-
removable: true,
|
|
24260
|
-
copyable: true,
|
|
24261
|
-
toolbar: defaultToolbar,
|
|
24262
|
-
});
|
|
24263
|
-
});
|
|
24264
|
-
});
|
|
24265
24207
|
});
|
|
24266
24208
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (plugin);
|
|
24267
24209
|
|