locize 4.0.7 → 4.0.9

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 (11) hide show
  1. package/dist/cjs/ui/elements/popup.js +1 -1
  2. package/dist/cjs/ui/elements/ribbonBox.js +3 -2
  3. package/dist/esm/ui/elements/popup.js +1 -1
  4. package/dist/esm/ui/elements/ribbonBox.js +3 -2
  5. package/dist/umd/locize.js +87 -735
  6. package/dist/umd/locize.min.js +1 -1
  7. package/locize.js +87 -735
  8. package/locize.min.js +1 -1
  9. package/package.json +1 -1
  10. package/src/ui/elements/popup.js +1 -1
  11. package/src/ui/elements/ribbonBox.js +3 -2
package/dist/cjs/ui/elements/popup.js CHANGED
@@ -46,7 +46,7 @@ function Popup(url, cb) {
46
46
  var popup = document.createElement('div');
47
47
  popup.setAttribute('id', popupId);
48
48
  popup.classList.add('i18next-editor-popup');
49
- popup.style = "\n z-index: 9;\n background-color: transparent;\n border: 1px solid rgba(200, 200, 200, 0.9);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n --i18next-editor-popup-height: 200px;\n height: var(--i18next-editor-popup-height);\n min-height: 150px;\n min-width: 300px;\n --i18next-editor-popup-width: 400px;\n width: var(--i18next-editor-popup-width);\n max-height: 800px;\n max-width: 1000px;\n\n position: fixed;\n --i18next-editor-popup-position-top: calc(100vh - var(--i18next-editor-popup-height) - 10px);\n top: calc(100vh - var(--i18next-editor-popup-height) - 10px);\n --i18next-editor-popup-position-left: calc(100vw - var(--i18next-editor-popup-width) - 10px);\n left: calc(100vw - var(--i18next-editor-popup-width) - 10px);\n\n overflow: visible;\n ";
49
+ popup.style = "\n background-color: transparent;\n border: 1px solid rgba(200, 200, 200, 0.9);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n --i18next-editor-popup-height: 200px;\n height: var(--i18next-editor-popup-height);\n min-height: 150px;\n min-width: 300px;\n --i18next-editor-popup-width: 400px;\n width: var(--i18next-editor-popup-width);\n max-height: 800px;\n max-width: 1000px;\n\n position: fixed;\n --i18next-editor-popup-position-top: calc(100vh - var(--i18next-editor-popup-height) - 10px);\n top: calc(100vh - var(--i18next-editor-popup-height) - 10px);\n --i18next-editor-popup-position-left: calc(100vw - var(--i18next-editor-popup-width) - 10px);\n left: calc(100vw - var(--i18next-editor-popup-width) - 10px);\n\n overflow: visible;\n z-index: 99999;\n ";
50
50
  popup.setAttribute('data-i18next-editor-element', 'true');
51
51
  var header = document.createElement('div');
52
52
  header.classList.add('i18next-editor-popup-header');
package/dist/cjs/ui/elements/ribbonBox.js CHANGED
@@ -21,7 +21,7 @@ if (stylesheet.sheet) {
21
21
  }
22
22
  function RibbonButton(text, attrTitle, onClick) {
23
23
  var btn = document.createElement('button');
24
- btn.style = 'font-family: Arial; position: relative; backdrop-filter: blur(3px); cursor: pointer; padding: 2px 10px 2px 20px; font-size: 15px; font-weight: 300; text-transform: uppercase; color: #fff; background-color: rgba(25, 118, 210, 0.8); border: none; border-radius: 12px; z-index: 99999;';
24
+ btn.style = 'font-family: Arial; position: relative; backdrop-filter: blur(3px); cursor: pointer; padding: 2px 10px 2px 20px; font-size: 15px; font-weight: 300; text-transform: uppercase; color: #fff; background-color: rgba(25, 118, 210, 0.8); border: none; border-radius: 12px; ';
25
25
  btn.classList.add('i18next-editor-button');
26
26
  btn.setAttribute('data-i18next-editor-element', 'true');
27
27
  btn.setAttribute('title', attrTitle);
@@ -38,7 +38,8 @@ function RibbonButton(text, attrTitle, onClick) {
38
38
  function RibbonBox() {
39
39
  var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
40
40
  var box = document.createElement('div');
41
- box.style = 'position: absolute; top: 0; left: 0; display: flex; align-items: flex-start; justify-content: center; filter: drop-shadow(0px 0px 20px #aaa );';
41
+ box.classList.add('i18next-editor-button-container');
42
+ box.style = 'position: absolute; top: 0; left: 0; display: flex; align-items: flex-start; justify-content: center; filter: drop-shadow(0px 0px 20px #aaa ); z-index: 99999;';
42
43
  box.setAttribute('data-i18next-editor-element', 'true');
43
44
  var arrow = document.createElement('div');
44
45
  arrow.style = "\n position: absolute;\n width: 0;\n height: 0;\n border-top-width: 7px;\n border-bottom-width: 7px;\n border-left-width: 10px;\n border-right-width: 10px;\n border-style: solid;\n border-color: transparent ".concat(vars.colors.highlight, " transparent\n transparent;\n ");
package/dist/esm/ui/elements/popup.js CHANGED
@@ -42,7 +42,7 @@ function Popup(url, cb) {
42
42
  var popup = document.createElement('div');
43
43
  popup.setAttribute('id', popupId);
44
44
  popup.classList.add('i18next-editor-popup');
45
- popup.style = "\n z-index: 9;\n background-color: transparent;\n border: 1px solid rgba(200, 200, 200, 0.9);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n --i18next-editor-popup-height: 200px;\n height: var(--i18next-editor-popup-height);\n min-height: 150px;\n min-width: 300px;\n --i18next-editor-popup-width: 400px;\n width: var(--i18next-editor-popup-width);\n max-height: 800px;\n max-width: 1000px;\n\n position: fixed;\n --i18next-editor-popup-position-top: calc(100vh - var(--i18next-editor-popup-height) - 10px);\n top: calc(100vh - var(--i18next-editor-popup-height) - 10px);\n --i18next-editor-popup-position-left: calc(100vw - var(--i18next-editor-popup-width) - 10px);\n left: calc(100vw - var(--i18next-editor-popup-width) - 10px);\n\n overflow: visible;\n ";
45
+ popup.style = "\n background-color: transparent;\n border: 1px solid rgba(200, 200, 200, 0.9);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n --i18next-editor-popup-height: 200px;\n height: var(--i18next-editor-popup-height);\n min-height: 150px;\n min-width: 300px;\n --i18next-editor-popup-width: 400px;\n width: var(--i18next-editor-popup-width);\n max-height: 800px;\n max-width: 1000px;\n\n position: fixed;\n --i18next-editor-popup-position-top: calc(100vh - var(--i18next-editor-popup-height) - 10px);\n top: calc(100vh - var(--i18next-editor-popup-height) - 10px);\n --i18next-editor-popup-position-left: calc(100vw - var(--i18next-editor-popup-width) - 10px);\n left: calc(100vw - var(--i18next-editor-popup-width) - 10px);\n\n overflow: visible;\n z-index: 99999;\n ";
46
46
  popup.setAttribute('data-i18next-editor-element', 'true');
47
47
  var header = document.createElement('div');
48
48
  header.classList.add('i18next-editor-popup-header');
package/dist/esm/ui/elements/ribbonBox.js CHANGED
@@ -17,7 +17,7 @@ if (sheet) {
17
17
  }
18
18
  function RibbonButton(text, attrTitle, onClick) {
19
19
  var btn = document.createElement('button');
20
- btn.style = 'font-family: Arial; position: relative; backdrop-filter: blur(3px); cursor: pointer; padding: 2px 10px 2px 20px; font-size: 15px; font-weight: 300; text-transform: uppercase; color: #fff; background-color: rgba(25, 118, 210, 0.8); border: none; border-radius: 12px; z-index: 99999;';
20
+ btn.style = 'font-family: Arial; position: relative; backdrop-filter: blur(3px); cursor: pointer; padding: 2px 10px 2px 20px; font-size: 15px; font-weight: 300; text-transform: uppercase; color: #fff; background-color: rgba(25, 118, 210, 0.8); border: none; border-radius: 12px; ';
21
21
  btn.classList.add('i18next-editor-button');
22
22
  btn.setAttribute('data-i18next-editor-element', 'true');
23
23
  btn.setAttribute('title', attrTitle);
@@ -34,7 +34,8 @@ function RibbonButton(text, attrTitle, onClick) {
34
34
  function RibbonBox() {
35
35
  var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
36
36
  var box = document.createElement('div');
37
- box.style = 'position: absolute; top: 0; left: 0; display: flex; align-items: flex-start; justify-content: center; filter: drop-shadow(0px 0px 20px #aaa );';
37
+ box.classList.add('i18next-editor-button-container');
38
+ box.style = 'position: absolute; top: 0; left: 0; display: flex; align-items: flex-start; justify-content: center; filter: drop-shadow(0px 0px 20px #aaa ); z-index: 99999;';
38
39
  box.setAttribute('data-i18next-editor-element', 'true');
39
40
  var arrow = document.createElement('div');
40
41
  arrow.style = "\n position: absolute;\n width: 0;\n height: 0;\n border-top-width: 7px;\n border-bottom-width: 7px;\n border-left-width: 10px;\n border-right-width: 10px;\n border-style: solid;\n border-color: transparent ".concat(colors.highlight, " transparent\n transparent;\n ");