ninegrid2 6.1340.0 → 6.1341.0

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.
Files changed (5) hide show
  1. package/dist/bundle.cjs.js +36 -31
  2. package/dist/bundle.esm.js +36 -31
  3. package/dist/nx/nxEditor.js +36 -31
  4. package/package.json +1 -1
  5. package/src/nx/nxEditor.js +36 -31
package/dist/bundle.cjs.js CHANGED
@@ -55256,42 +55256,47 @@ class nxEditor extends nxDiv {
55256
55256
 
55257
55257
  #render() {
55258
55258
  this.shadowRoot.innerHTML = `
55259
- <style>
55260
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxEditor.css";
55261
- ${ninegrid.getCustomPath(this,"nxEditor.css")}
55262
- </style>
55259
+ <style>
55260
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxEditor.css";
55261
+ ${ninegrid.getCustomPath(this,"nxEditor.css")}
55262
+ </style>
55263
55263
 
55264
- <div class="menu-bar">
55265
- <button type="button" data-cmd="bold"><b>B</b></button>
55266
- <button type="button" data-cmd="italic"><i>I</i></button>
55267
- <button type="button" data-cmd="underline"><u>U</u></button>
55268
- <button type="button" data-cmd="strike"><s>S</s></button>
55264
+ <div class="menu-bar">
55265
+ <button type="button" data-cmd="bold"><b>B</b></button>
55266
+ <button type="button" data-cmd="italic"><i>I</i></button>
55267
+ <button type="button" data-cmd="underline"><u>U</u></button>
55268
+ <button type="button" data-cmd="strike"><s>S</s></button>
55269
55269
 
55270
- <select id="font-size">
55271
- <option value="12px">12px</option>
55272
- <option value="14px" selected>14px</option>
55273
- <option value="16px">16px</option>
55274
- <option value="18px">18px</option>
55275
- <option value="24px">24px</option>
55276
- <option value="32px">32px</option>
55277
- </select>
55270
+ <select id="font-size">
55271
+ <option value="12px">12px</option>
55272
+ <option value="14px" selected>14px</option>
55273
+ <option value="16px">16px</option>
55274
+ <option value="18px">18px</option>
55275
+ <option value="24px">24px</option>
55276
+ <option value="32px">32px</option>
55277
+ </select>
55278
55278
 
55279
- <input type="color" id="color-picker" title="Text Color">
55280
- <button type="button" data-cmd="highlight">Highlight</button>
55281
-
55282
- <button type="button" data-align="left">Left</button>
55283
- <button type="button" data-align="center">Center</button>
55284
- <button type="button" data-align="right">Right</button>
55285
-
55286
- <button type="button" data-cmd="bulletList">Bullet</button>
55287
- <button type="button" data-cmd="orderedList">Ordered</button>
55279
+ <input type="color" id="color-picker" title="Text Color">
55288
55280
 
55289
- <button type="button" id="img-btn">Image</button>
55281
+ <button type="button" data-cmd="highlight">
55282
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-highlighter" viewBox="0 0 16 16">
55283
+ <path fill-rule="evenodd" d="M11.096.644a2 2 0 0 1 2.791.036l1.433 1.433a2 2 0 0 1 .035 2.791l-.413.435-8.07 8.995a.5.5 0 0 1-.372.166h-3a.5.5 0 0 1-.234-.058l-.412.412A.5.5 0 0 1 2.5 15h-2a.5.5 0 0 1-.354-.854l1.412-1.412A.5.5 0 0 1 1.5 12.5v-3a.5.5 0 0 1 .166-.372l8.995-8.07zm-.115 1.47L2.727 9.52l3.753 3.753 7.406-8.254zm3.585 2.17.064-.068a1 1 0 0 0-.017-1.396L13.18 1.387a1 1 0 0 0-1.396-.018l-.068.065zM5.293 13.5 2.5 10.707v1.586L3.707 13.5z"/>
55284
+ </svg>
55285
+ </button>
55290
55286
 
55291
- <button type="button" data-cmd="undo">Undo</button>
55292
- <button type="button" data-cmd="redo">Redo</button>
55293
- </div>
55294
- <div id="editor-container"></div>
55287
+ <button type="button" data-align="left">Left</button>
55288
+ <button type="button" data-align="center">Center</button>
55289
+ <button type="button" data-align="right">Right</button>
55290
+
55291
+ <button type="button" data-cmd="bulletList">Bullet</button>
55292
+ <button type="button" data-cmd="orderedList">Ordered</button>
55293
+
55294
+ <button type="button" id="img-btn">Image</button>
55295
+
55296
+ <button type="button" data-cmd="undo">Undo</button>
55297
+ <button type="button" data-cmd="redo">Redo</button>
55298
+ </div>
55299
+ <div id="editor-container"></div>
55295
55300
  `;
55296
55301
  this.#container = this.shadowRoot.querySelector('#editor-container');
55297
55302
 
package/dist/bundle.esm.js CHANGED
@@ -55252,42 +55252,47 @@ class nxEditor extends nxDiv {
55252
55252
 
55253
55253
  #render() {
55254
55254
  this.shadowRoot.innerHTML = `
55255
- <style>
55256
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxEditor.css";
55257
- ${ninegrid.getCustomPath(this,"nxEditor.css")}
55258
- </style>
55255
+ <style>
55256
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxEditor.css";
55257
+ ${ninegrid.getCustomPath(this,"nxEditor.css")}
55258
+ </style>
55259
55259
 
55260
- <div class="menu-bar">
55261
- <button type="button" data-cmd="bold"><b>B</b></button>
55262
- <button type="button" data-cmd="italic"><i>I</i></button>
55263
- <button type="button" data-cmd="underline"><u>U</u></button>
55264
- <button type="button" data-cmd="strike"><s>S</s></button>
55260
+ <div class="menu-bar">
55261
+ <button type="button" data-cmd="bold"><b>B</b></button>
55262
+ <button type="button" data-cmd="italic"><i>I</i></button>
55263
+ <button type="button" data-cmd="underline"><u>U</u></button>
55264
+ <button type="button" data-cmd="strike"><s>S</s></button>
55265
55265
 
55266
- <select id="font-size">
55267
- <option value="12px">12px</option>
55268
- <option value="14px" selected>14px</option>
55269
- <option value="16px">16px</option>
55270
- <option value="18px">18px</option>
55271
- <option value="24px">24px</option>
55272
- <option value="32px">32px</option>
55273
- </select>
55266
+ <select id="font-size">
55267
+ <option value="12px">12px</option>
55268
+ <option value="14px" selected>14px</option>
55269
+ <option value="16px">16px</option>
55270
+ <option value="18px">18px</option>
55271
+ <option value="24px">24px</option>
55272
+ <option value="32px">32px</option>
55273
+ </select>
55274
55274
 
55275
- <input type="color" id="color-picker" title="Text Color">
55276
- <button type="button" data-cmd="highlight">Highlight</button>
55277
-
55278
- <button type="button" data-align="left">Left</button>
55279
- <button type="button" data-align="center">Center</button>
55280
- <button type="button" data-align="right">Right</button>
55281
-
55282
- <button type="button" data-cmd="bulletList">Bullet</button>
55283
- <button type="button" data-cmd="orderedList">Ordered</button>
55275
+ <input type="color" id="color-picker" title="Text Color">
55284
55276
 
55285
- <button type="button" id="img-btn">Image</button>
55277
+ <button type="button" data-cmd="highlight">
55278
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-highlighter" viewBox="0 0 16 16">
55279
+ <path fill-rule="evenodd" d="M11.096.644a2 2 0 0 1 2.791.036l1.433 1.433a2 2 0 0 1 .035 2.791l-.413.435-8.07 8.995a.5.5 0 0 1-.372.166h-3a.5.5 0 0 1-.234-.058l-.412.412A.5.5 0 0 1 2.5 15h-2a.5.5 0 0 1-.354-.854l1.412-1.412A.5.5 0 0 1 1.5 12.5v-3a.5.5 0 0 1 .166-.372l8.995-8.07zm-.115 1.47L2.727 9.52l3.753 3.753 7.406-8.254zm3.585 2.17.064-.068a1 1 0 0 0-.017-1.396L13.18 1.387a1 1 0 0 0-1.396-.018l-.068.065zM5.293 13.5 2.5 10.707v1.586L3.707 13.5z"/>
55280
+ </svg>
55281
+ </button>
55286
55282
 
55287
- <button type="button" data-cmd="undo">Undo</button>
55288
- <button type="button" data-cmd="redo">Redo</button>
55289
- </div>
55290
- <div id="editor-container"></div>
55283
+ <button type="button" data-align="left">Left</button>
55284
+ <button type="button" data-align="center">Center</button>
55285
+ <button type="button" data-align="right">Right</button>
55286
+
55287
+ <button type="button" data-cmd="bulletList">Bullet</button>
55288
+ <button type="button" data-cmd="orderedList">Ordered</button>
55289
+
55290
+ <button type="button" id="img-btn">Image</button>
55291
+
55292
+ <button type="button" data-cmd="undo">Undo</button>
55293
+ <button type="button" data-cmd="redo">Redo</button>
55294
+ </div>
55295
+ <div id="editor-container"></div>
55291
55296
  `;
55292
55297
  this.#container = this.shadowRoot.querySelector('#editor-container');
55293
55298
 
package/dist/nx/nxEditor.js CHANGED
@@ -68,42 +68,47 @@ class nxEditor extends nxDiv {
68
68
 
69
69
  #render() {
70
70
  this.shadowRoot.innerHTML = `
71
- <style>
72
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxEditor.css";
73
- ${ninegrid.getCustomPath(this,"nxEditor.css")}
74
- </style>
71
+ <style>
72
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxEditor.css";
73
+ ${ninegrid.getCustomPath(this,"nxEditor.css")}
74
+ </style>
75
75
 
76
- <div class="menu-bar">
77
- <button type="button" data-cmd="bold"><b>B</b></button>
78
- <button type="button" data-cmd="italic"><i>I</i></button>
79
- <button type="button" data-cmd="underline"><u>U</u></button>
80
- <button type="button" data-cmd="strike"><s>S</s></button>
76
+ <div class="menu-bar">
77
+ <button type="button" data-cmd="bold"><b>B</b></button>
78
+ <button type="button" data-cmd="italic"><i>I</i></button>
79
+ <button type="button" data-cmd="underline"><u>U</u></button>
80
+ <button type="button" data-cmd="strike"><s>S</s></button>
81
81
 
82
- <select id="font-size">
83
- <option value="12px">12px</option>
84
- <option value="14px" selected>14px</option>
85
- <option value="16px">16px</option>
86
- <option value="18px">18px</option>
87
- <option value="24px">24px</option>
88
- <option value="32px">32px</option>
89
- </select>
82
+ <select id="font-size">
83
+ <option value="12px">12px</option>
84
+ <option value="14px" selected>14px</option>
85
+ <option value="16px">16px</option>
86
+ <option value="18px">18px</option>
87
+ <option value="24px">24px</option>
88
+ <option value="32px">32px</option>
89
+ </select>
90
90
 
91
- <input type="color" id="color-picker" title="Text Color">
92
- <button type="button" data-cmd="highlight">Highlight</button>
91
+ <input type="color" id="color-picker" title="Text Color">
93
92
 
94
- <button type="button" data-align="left">Left</button>
95
- <button type="button" data-align="center">Center</button>
96
- <button type="button" data-align="right">Right</button>
93
+ <button type="button" data-cmd="highlight">
94
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-highlighter" viewBox="0 0 16 16">
95
+ <path fill-rule="evenodd" d="M11.096.644a2 2 0 0 1 2.791.036l1.433 1.433a2 2 0 0 1 .035 2.791l-.413.435-8.07 8.995a.5.5 0 0 1-.372.166h-3a.5.5 0 0 1-.234-.058l-.412.412A.5.5 0 0 1 2.5 15h-2a.5.5 0 0 1-.354-.854l1.412-1.412A.5.5 0 0 1 1.5 12.5v-3a.5.5 0 0 1 .166-.372l8.995-8.07zm-.115 1.47L2.727 9.52l3.753 3.753 7.406-8.254zm3.585 2.17.064-.068a1 1 0 0 0-.017-1.396L13.18 1.387a1 1 0 0 0-1.396-.018l-.068.065zM5.293 13.5 2.5 10.707v1.586L3.707 13.5z"/>
96
+ </svg>
97
+ </button>
97
98
 
98
- <button type="button" data-cmd="bulletList">Bullet</button>
99
- <button type="button" data-cmd="orderedList">Ordered</button>
100
-
101
- <button type="button" id="img-btn">Image</button>
102
-
103
- <button type="button" data-cmd="undo">Undo</button>
104
- <button type="button" data-cmd="redo">Redo</button>
105
- </div>
106
- <div id="editor-container"></div>
99
+ <button type="button" data-align="left">Left</button>
100
+ <button type="button" data-align="center">Center</button>
101
+ <button type="button" data-align="right">Right</button>
102
+
103
+ <button type="button" data-cmd="bulletList">Bullet</button>
104
+ <button type="button" data-cmd="orderedList">Ordered</button>
105
+
106
+ <button type="button" id="img-btn">Image</button>
107
+
108
+ <button type="button" data-cmd="undo">Undo</button>
109
+ <button type="button" data-cmd="redo">Redo</button>
110
+ </div>
111
+ <div id="editor-container"></div>
107
112
  `;
108
113
  this.#container = this.shadowRoot.querySelector('#editor-container');
109
114
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.1340.0",
4
+ "version": "6.1341.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxEditor.js CHANGED
@@ -68,42 +68,47 @@ class nxEditor extends nxDiv {
68
68
 
69
69
  #render() {
70
70
  this.shadowRoot.innerHTML = `
71
- <style>
72
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxEditor.css";
73
- ${ninegrid.getCustomPath(this,"nxEditor.css")}
74
- </style>
71
+ <style>
72
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxEditor.css";
73
+ ${ninegrid.getCustomPath(this,"nxEditor.css")}
74
+ </style>
75
75
 
76
- <div class="menu-bar">
77
- <button type="button" data-cmd="bold"><b>B</b></button>
78
- <button type="button" data-cmd="italic"><i>I</i></button>
79
- <button type="button" data-cmd="underline"><u>U</u></button>
80
- <button type="button" data-cmd="strike"><s>S</s></button>
76
+ <div class="menu-bar">
77
+ <button type="button" data-cmd="bold"><b>B</b></button>
78
+ <button type="button" data-cmd="italic"><i>I</i></button>
79
+ <button type="button" data-cmd="underline"><u>U</u></button>
80
+ <button type="button" data-cmd="strike"><s>S</s></button>
81
81
 
82
- <select id="font-size">
83
- <option value="12px">12px</option>
84
- <option value="14px" selected>14px</option>
85
- <option value="16px">16px</option>
86
- <option value="18px">18px</option>
87
- <option value="24px">24px</option>
88
- <option value="32px">32px</option>
89
- </select>
82
+ <select id="font-size">
83
+ <option value="12px">12px</option>
84
+ <option value="14px" selected>14px</option>
85
+ <option value="16px">16px</option>
86
+ <option value="18px">18px</option>
87
+ <option value="24px">24px</option>
88
+ <option value="32px">32px</option>
89
+ </select>
90
90
 
91
- <input type="color" id="color-picker" title="Text Color">
92
- <button type="button" data-cmd="highlight">Highlight</button>
91
+ <input type="color" id="color-picker" title="Text Color">
93
92
 
94
- <button type="button" data-align="left">Left</button>
95
- <button type="button" data-align="center">Center</button>
96
- <button type="button" data-align="right">Right</button>
93
+ <button type="button" data-cmd="highlight">
94
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-highlighter" viewBox="0 0 16 16">
95
+ <path fill-rule="evenodd" d="M11.096.644a2 2 0 0 1 2.791.036l1.433 1.433a2 2 0 0 1 .035 2.791l-.413.435-8.07 8.995a.5.5 0 0 1-.372.166h-3a.5.5 0 0 1-.234-.058l-.412.412A.5.5 0 0 1 2.5 15h-2a.5.5 0 0 1-.354-.854l1.412-1.412A.5.5 0 0 1 1.5 12.5v-3a.5.5 0 0 1 .166-.372l8.995-8.07zm-.115 1.47L2.727 9.52l3.753 3.753 7.406-8.254zm3.585 2.17.064-.068a1 1 0 0 0-.017-1.396L13.18 1.387a1 1 0 0 0-1.396-.018l-.068.065zM5.293 13.5 2.5 10.707v1.586L3.707 13.5z"/>
96
+ </svg>
97
+ </button>
97
98
 
98
- <button type="button" data-cmd="bulletList">Bullet</button>
99
- <button type="button" data-cmd="orderedList">Ordered</button>
100
-
101
- <button type="button" id="img-btn">Image</button>
102
-
103
- <button type="button" data-cmd="undo">Undo</button>
104
- <button type="button" data-cmd="redo">Redo</button>
105
- </div>
106
- <div id="editor-container"></div>
99
+ <button type="button" data-align="left">Left</button>
100
+ <button type="button" data-align="center">Center</button>
101
+ <button type="button" data-align="right">Right</button>
102
+
103
+ <button type="button" data-cmd="bulletList">Bullet</button>
104
+ <button type="button" data-cmd="orderedList">Ordered</button>
105
+
106
+ <button type="button" id="img-btn">Image</button>
107
+
108
+ <button type="button" data-cmd="undo">Undo</button>
109
+ <button type="button" data-cmd="redo">Redo</button>
110
+ </div>
111
+ <div id="editor-container"></div>
107
112
  `;
108
113
  this.#container = this.shadowRoot.querySelector('#editor-container');
109
114