lakelib 0.0.6 → 0.0.7

package/lib/lake.css

@@ -35,7 +35,10 @@
 .lake-container {
   font-family: var(--font-family);
   font-size: 16px;
+  font-weight: normal;
+  line-height: normal;
   color: var(--text-color);
+  background-color: #fff;
   padding: 16px 24px;
 }
 .lake-container:focus {
@@ -91,10 +94,11 @@
   background-color: #0000000a;
 }
 
-.lake-button {
+button.lake-button {
+  box-sizing: content-box;
   border-radius: 5px;
   border: 0;
-  font-family: var(--font-family);
+  font-family: Arial;
   font-size: 14px;
   color: var(--text-color);
   background-color: #fff;
@@ -104,41 +108,42 @@
   cursor: pointer;
   user-select: none;
 }
-.lake-button:focus-visible {
+button.lake-button:focus-visible {
   outline: var(--button-outline);
 }
-.lake-button[disabled] {
+button.lake-button[disabled] {
   opacity: 0.25;
   cursor: default;
 }
-.lake-button svg {
+button.lake-button svg {
+  display: inline-block;
   width: 16px;
   height: 16px;
   margin: 6px;
 }
-.lake-icon-button.lake-button-hovered {
+button.lake-icon-button.lake-button-hovered {
   background-color: var(--background-hover-color);
 }
-.lake-icon-button.lake-button-selected {
+button.lake-icon-button.lake-button-selected {
   background-color: var(--background-active-color);
 }
-.lake-text-button {
+button.lake-text-button {
   background-color: transparent;
   border: 1px solid var(--border-color);
   padding: 8px 16px;
 }
-.lake-text-button.lake-button-hovered {
+button.lake-text-button.lake-button-hovered {
   background-color: var(--background-hover-color);
 }
-.lake-text-button.lake-button-selected {
+button.lake-text-button.lake-button-selected {
   background-color: var(--background-active-color);
 }
-.lake-text-button svg {
+button.lake-text-button svg {
   background-color: transparent;
   margin: 0 6px 0 0;
   vertical-align: middle;
 }
-.lake-text-button span {
+button.lake-text-button span {
   display: inline-block;
   line-height: 16px;
   vertical-align: middle;
@@ -151,30 +156,34 @@
   font-size: 14px;
   user-select: none;
 }
-.lake-dropdown .lake-dropdown-title {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0;
-  margin-right: 4px;
+.lake-dropdown button.lake-dropdown-title {
+  box-sizing: content-box;
   border-radius: 5px;
   border: 0;
+  font-family: Arial;
   font-size: 14px;
+  color: var(--text-color);
   background-color: #fff;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-right: 4px;
   cursor: pointer;
 }
-.lake-dropdown[disabled] .lake-dropdown-title {
+.lake-dropdown[disabled] button.lake-dropdown-title {
   opacity: 0.25;
   cursor: default;
 }
-.lake-dropdown.lake-list-dropdown .lake-dropdown-title-hovered {
+.lake-dropdown.lake-list-dropdown button.lake-dropdown-title-hovered {
   background-color: var(--background-hover-color);
 }
-.lake-dropdown .lake-dropdown-title.lake-dropdown-title-no-down {
+.lake-dropdown button.lake-dropdown-title.lake-dropdown-title-no-down {
   margin-right: 0;
 }
 .lake-dropdown .lake-dropdown-text {
   height: 16px;
+  line-height: normal;
   margin: 6px;
   overflow: hidden;
   white-space: nowrap;
@@ -199,8 +208,8 @@
   left: 0;
   bottom: 0;
 }
-.lake-dropdown .lake-dropdown-title-no-down .lake-dropdown-icon svg,
-.lake-dropdown .lake-dropdown-title-no-down .lake-dropdown-icon img {
+.lake-dropdown button.lake-dropdown-title-no-down .lake-dropdown-icon svg,
+.lake-dropdown button.lake-dropdown-title-no-down .lake-dropdown-icon img {
   margin: 6px;
 }
 .lake-dropdown .lake-dropdown-down-icon {
@@ -217,6 +226,7 @@
   fill: var(--secondary-text-color);
 }
 .lake-dropdown .lake-dropdown-menu {
+  box-sizing: content-box;
   position: absolute;
   top: 30px;
   left: 0;
@@ -235,9 +245,9 @@
   display: flex;
   align-items: center;
   cursor: pointer;
+  margin: 0;
 }
 .lake-dropdown .lake-list-dropdown-menu li {
-  margin: 0;
   padding: 6px 24px 6px 10px;
 }
 .lake-dropdown .lake-list-dropdown-menu li.lake-dropdown-item-hovered {
@@ -308,6 +318,7 @@
 }
 .lake-dropdown .lake-color-dropdown-menu li .lake-dropdown-menu-text {
   font-size: 0;
+  box-sizing: content-box;
   border: 1px solid var(--background-hover-color);
   border-radius: 2px;
   width: 16px;
@@ -330,11 +341,18 @@
   height: auto;
 }
 
+.lake-popup {
+  font-family: var(--font-family);
+  font-size: 14px;
+  font-weight: normal;
+  line-height: normal;
+  color: var(--text-color);
+}
 .lake-popup input[type="text"] {
+  box-sizing: content-box;
   font-family: var(--font-family);
   font-size: 14px;
   color: var(--text-color);
-  width: 200px;
   border-radius: 5px;
   border: 1px solid var(--input-border-color);
   padding: 4px 10px;
@@ -544,6 +562,7 @@
 }
 
 .lake-container table {
+  box-sizing: content-box;
   border-collapse: collapse;
   border: 1px solid var(--border-color);
   margin-bottom: 8px;
@@ -917,6 +936,11 @@ lake-box[name="codeBlock"] .lake-box-activated .lake-code-block .lake-dropdown {
 }
 
 .lake-toolbar {
+  font-family: var(--font-family);
+  font-size: 14px;
+  font-weight: normal;
+  line-height: normal;
+  color: var(--text-color);
   background-color: #fff;
   padding: 4px;
   display: flex;
@@ -924,6 +948,7 @@ lake-box[name="codeBlock"] .lake-box-activated .lake-code-block .lake-dropdown {
   align-items: center;
 }
 .lake-toolbar .lake-toolbar-divider {
+  box-sizing: content-box;
   width: 1px;
   height: 20px;
   margin: 0 4px;

package/lib/lake.js

@@ -4295,7 +4295,7 @@ class Dropdown {
     }
 }
 
-var version = "0.0.6";
+var version = "0.0.7";
 
 // Inserts a box into the specified range.
 function insertBox(range, boxName, boxValue) {
@@ -6287,7 +6287,6 @@ const defaultItems = [
     'redo',
     '|',
     'heading',
-    'fontSize',
     '|',
     'formatPainter',
     'removeFormat',
@@ -6721,8 +6720,10 @@ function openFullScreen(box) {
     lightbox.on('openingAnimationEnd', () => {
         box.event.emit('openfullscreen');
     });
-    lightbox.on('closingAnimationEnd', () => {
-        box.event.emit('closefullscreen');
+    lightbox.on('destroy', () => {
+        window.setTimeout(() => {
+            box.event.emit('closefullscreen');
+        }, 0);
     });
     lightbox.init();
     lightbox.loadAndOpen(currentIndex);
@@ -8130,6 +8131,12 @@ var link = (editor) => {
         }
         popup.show(linkNode);
     });
+    editor.container.on('click', event => {
+        const targetNode = new Nodes(event.target);
+        if (targetNode.closest('a').length > 0) {
+            event.preventDefault();
+        }
+    });
     editor.command.add('link', {
         execute: () => {
             const linkNode = editor.selection.insertLink(`<a href="">${locale.link.newLink()}</a>`);