lakelib 0.3.5 → 0.3.6

package/lib/lake.css

@@ -263,13 +263,16 @@ button.lake-button {
   cursor: pointer;
   user-select: none;
 }
+
 button.lake-button:focus-visible {
   outline: var(--lake-button-outline);
 }
+
 button.lake-button[disabled] {
   opacity: 0.25;
   cursor: default;
 }
+
 button.lake-button svg,
 button.lake-button img {
   display: inline-block;
@@ -277,42 +280,52 @@ button.lake-button img {
   height: 16px;
   margin: 6px;
 }
+
 button.lake-button svg {
   fill: var(--lake-text-color);
 }
+
 button.lake-icon-button.lake-button-hovered {
   background-color: var(--lake-button-background-hover-color);
 }
+
 button.lake-icon-button.lake-button-selected {
   background-color: var(--lake-button-background-active-color);
 }
+
 button.lake-text-button {
   background-color: transparent;
   border: 1px solid var(--lake-button-border-color);
   padding: 8px 16px;
   line-height: normal;
 }
+
 button.lake-text-button.lake-button-hovered {
   background-color: var(--lake-button-background-hover-color);
 }
+
 button.lake-text-button.lake-button-selected {
   background-color: var(--lake-button-background-active-color);
 }
+
 button.lake-text-button svg {
   background-color: transparent;
   margin: 0 6px 0 0;
   vertical-align: middle;
 }
+
 button.lake-text-button span {
   display: inline-block;
   line-height: 16px;
   vertical-align: middle;
 }
+
 button.lake-primary-button {
   color: #fff;
   border-color: transparent;
   background-color: #5672cd;
 }
+
 button.lake-primary-button.lake-button-hovered {
   background-color: #3a5ccc;
 }
@@ -324,6 +337,7 @@ button.lake-primary-button.lake-button-hovered {
   font-size: var(--lake-button-font-size);
   user-select: none;
 }
+
 .lake-dropdown button.lake-dropdown-title {
   border-radius: 5px;
   border: 0;
@@ -338,18 +352,22 @@ button.lake-primary-button.lake-button-hovered {
   margin-right: 4px;
   cursor: pointer;
 }
+
 .lake-dropdown[disabled] button.lake-dropdown-title {
   opacity: 0.25;
   cursor: default;
 }
+
 .lake-dropdown.lake-list-dropdown button.lake-dropdown-title-hovered,
 .lake-dropdown.lake-icon-dropdown button.lake-dropdown-title-hovered,
 .lake-dropdown.lake-character-dropdown button.lake-dropdown-title-hovered {
   background-color: var(--lake-button-background-hover-color);
 }
+
 .lake-dropdown button.lake-dropdown-title.lake-dropdown-title-no-down {
   margin-right: 0;
 }
+
 .lake-dropdown .lake-dropdown-text {
   height: 16px;
   line-height: normal;
@@ -358,49 +376,60 @@ button.lake-primary-button.lake-button-hovered {
   white-space: nowrap;
   color: var(--lake-text-color);
 }
+
 .lake-dropdown .lake-dropdown-icon {
   position: relative;
   line-height: 0;
   border-radius: 5px 0 0 5px;
 }
+
 .lake-dropdown .lake-dropdown-icon-hovered {
   background-color: var(--lake-button-background-hover-color);
 }
+
 .lake-dropdown .lake-dropdown-icon svg,
 .lake-dropdown .lake-dropdown-icon img {
   width: 16px;
   height: 16px;
   margin: 6px 2px 6px 4px;
 }
+
 .lake-dropdown .lake-dropdown-icon svg {
   fill: var(--lake-text-color);
 }
+
 .lake-dropdown.lake-color-dropdown .lake-dropdown-icon svg:last-child {
   position: absolute;
   left: 0;
   bottom: 0;
   fill: none;
 }
+
 .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 button.lake-dropdown-title-no-down .lake-dropdown-icon svg {
   fill: var(--lake-text-color);
 }
+
 .lake-dropdown .lake-dropdown-down-icon {
   line-height: 0;
   border-radius: 0 5px 5px 0;
 }
+
 .lake-dropdown .lake-dropdown-down-icon-hovered {
   background-color: var(--lake-button-background-hover-color);
 }
+
 .lake-dropdown .lake-dropdown-down-icon svg {
   width: 12px;
   height: 12px;
   margin: 8px 2px;
   fill: var(--lake-secondary-text-color);
 }
+
 /* menu */
 .lake-dropdown .lake-dropdown-menu,
 .lake-dropdown-menu {
@@ -418,10 +447,12 @@ button.lake-primary-button.lake-button-hovered {
   user-select: none;
   display: none;
 }
+
 .lake-dropdown-menu.lake-dropdown-menu-with-scroll {
   overflow-y: scroll;
   scrollbar-width: thin;
 }
+
 .lake-dropdown .lake-dropdown-menu li,
 .lake-dropdown-menu li {
   display: flex;
@@ -429,89 +460,112 @@ button.lake-primary-button.lake-button-hovered {
   cursor: pointer;
   margin: 0;
 }
+
 /* list type */
 .lake-list-dropdown-menu li {
   padding: 6px 24px 6px 10px;
 }
+
 .lake-list-dropdown-menu li.lake-dropdown-item-hovered {
   background-color: var(--lake-button-background-hover-color);
 }
+
 .lake-list-dropdown-menu li.lake-dropdown-item-selected {
   background-color: var(--lake-button-background-hover-color);
 }
+
 .lake-list-dropdown-menu li .lake-dropdown-menu-check {
   line-height: 0;
   visibility: hidden;
 }
+
 .lake-list-dropdown-menu li .lake-dropdown-menu-check svg {
   width: 12px;
   height: 12px;
   fill: var(--lake-text-color);
 }
+
 .lake-list-dropdown-menu li .lake-dropdown-menu-icon {
   line-height: 0;
   margin-left: 10px;
 }
+
 .lake-list-dropdown-menu li .lake-dropdown-menu-icon svg {
   width: 16px;
   height: 16px;
   fill: var(--lake-text-color);
 }
+
 .lake-list-dropdown-menu li .lake-dropdown-menu-text {
   margin-left: 10px;
   white-space: nowrap;
 }
+
 /* icon type */
 .lake-icon-dropdown-menu {
   flex-wrap: wrap;
   justify-content: center;
 }
+
 .lake-icon-dropdown-menu li {
   padding: 0;
   border-radius: 2px;
 }
+
 .lake-icon-dropdown-menu li.lake-dropdown-item-hovered {
   background-color: var(--lake-button-background-hover-color);
 }
+
 .lake-icon-dropdown-menu li.lake-dropdown-item-selected {
   background-color: var(--lake-button-background-hover-color);
 }
+
 .lake-icon-dropdown-menu li .lake-dropdown-menu-check {
   display: none;
 }
+
 .lake-icon-dropdown-menu li .lake-dropdown-menu-icon {
   line-height: 0;
   margin: 5px;
 }
+
 .lake-icon-dropdown-menu li .lake-dropdown-menu-icon svg,
 .lake-icon-dropdown-menu li .lake-dropdown-menu-icon img {
   width: 32px;
   height: 32px;
 }
+
 .lake-icon-dropdown-menu li .lake-dropdown-menu-text {
   display: none;
 }
+
 /* character type */
 .lake-character-dropdown-menu {
   flex-wrap: wrap;
   justify-content: center;
 }
+
 .lake-character-dropdown-menu li {
   padding: 0;
   border-radius: 2px;
 }
+
 .lake-character-dropdown-menu li.lake-dropdown-item-hovered {
   background-color: var(--lake-button-background-hover-color);
 }
+
 .lake-character-dropdown-menu li.lake-dropdown-item-selected {
   background-color: var(--lake-button-background-active-color);
 }
+
 .lake-character-dropdown-menu li .lake-dropdown-menu-check {
   display: none;
 }
+
 .lake-character-dropdown-menu li .lake-dropdown-menu-icon {
   display: none;
 }
+
 .lake-character-dropdown-menu li .lake-dropdown-menu-text {
   text-align: center;
   font-size: 24px;
@@ -519,21 +573,26 @@ button.lake-primary-button.lake-button-hovered {
   height: 42px;
   line-height: 42px;
 }
+
 /* color type */
 .lake-color-dropdown-menu {
   flex-wrap: wrap;
   justify-content: center;
 }
+
 .lake-color-dropdown-menu li {
   position: relative;
   padding: 0;
 }
+
 .lake-color-dropdown-menu li.lake-dropdown-item-hovered {
   background-color: var(--lake-button-background-hover-color);
 }
+
 .lake-color-dropdown-menu li.lake-dropdown-item-selected {
   background-color: var(--lake-button-background-active-color);
 }
+
 .lake-color-dropdown-menu li .lake-dropdown-menu-check {
   position: absolute;
   top: 6px;
@@ -542,24 +601,29 @@ button.lake-primary-button.lake-button-hovered {
   line-height: 0;
   visibility: hidden;
 }
+
 .lake-color-dropdown-menu li .lake-dropdown-menu-check svg {
   width: 12px;
   height: 12px;
   fill: #fff;
 }
+
 .lake-color-dropdown-menu li[value^="#f" i] .lake-dropdown-menu-check svg,
 .lake-color-dropdown-menu li[value^="#e6" i] .lake-dropdown-menu-check svg {
   fill: #000;
 }
+
 .lake-color-dropdown-menu li .lake-dropdown-menu-icon {
   line-height: 0;
 }
+
 .lake-color-dropdown-menu li .lake-dropdown-menu-icon svg {
   width: 16px;
   height: 16px;
   margin: 3px 4px;
   fill: var(--lake-text-color);
 }
+
 .lake-color-dropdown-menu li .lake-dropdown-menu-text {
   font-size: 0;
   box-sizing: content-box;
@@ -569,15 +633,18 @@ button.lake-primary-button.lake-button-hovered {
   height: 16px;
   margin: 3px;
 }
+
 .lake-color-dropdown-menu li:first-child {
   width: 100%;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 4px;
 }
+
 .lake-color-dropdown-menu li:first-child .lake-dropdown-menu-check {
   display: none;
 }
+
 .lake-color-dropdown-menu li:first-child .lake-dropdown-menu-text {
   width: 100%;
   font-size: var(--lake-button-font-size);
@@ -593,14 +660,17 @@ button.lake-primary-button.lake-button-hovered {
   line-height: normal;
   color: var(--lake-text-color);
 }
+
 .lake-popup *,
 .lake-popup ::before,
 .lake-popup ::after {
   box-sizing: border-box;
 }
+
 .lake-popup .lake-text-button {
   box-shadow: var(--lake-button-shadow);
 }
+
 .lake-popup input[type="text"] {
   font-family: var(--lake-font-family);
   font-size: var(--lake-popup-font-size);
@@ -609,13 +679,16 @@ button.lake-primary-button.lake-button-hovered {
   border: 1px solid var(--lake-input-border-color);
   padding: 4px 10px;
 }
+
 .lake-popup input[type="text"]:hover {
   border: 1px solid var(--lake-input-border-hover-color);
 }
+
 .lake-popup input[type="text"]:focus-visible {
   outline: var(--lake-input-outline);
   outline-offset: -2px;
 }
+
 .lake-popup .lake-row {
   padding-bottom: 8px;
 }
@@ -639,6 +712,7 @@ button.lake-primary-button.lake-button-hovered {
   scrollbar-width: thin;
   user-select: none;
 }
+
 .lake-menu .lake-menu-item {
   display: flex;
   align-items: center;
@@ -648,6 +722,7 @@ button.lake-primary-button.lake-button-hovered {
   border-radius: 5px;
   scroll-margin: 4px 0;
 }
+
 .lake-menu .lake-menu-item-selected {
   background-color: var(--lake-button-background-active-color);
 }
@@ -656,6 +731,7 @@ button.lake-primary-button.lake-button-hovered {
   user-select: none;
   display: none;
 }
+
 .lake-resizer-top-left,
 .lake-resizer-top-right,
 .lake-resizer-bottom-left,
@@ -669,26 +745,31 @@ button.lake-primary-button.lake-button-hovered {
   border-radius: 6px;
   background-color: var(--lake-box-border-focus-color);
 }
+
 .lake-resizer-top-left {
   top: -5px;
   left: -5px;
   cursor: nwse-resize;
 }
+
 .lake-resizer-top-right {
   top: -5px;
   right: -5px;
   cursor: nesw-resize;
 }
+
 .lake-resizer-bottom-left {
   bottom: -5px;
   left: -5px;
   cursor: nesw-resize;
 }
+
 .lake-resizer-bottom-right {
   bottom: -5px;
   right: -5px;
   cursor: nwse-resize;
 }
+
 .lake-resizer-info {
   position: absolute;
   bottom: 8px;
@@ -717,6 +798,7 @@ button.lake-primary-button.lake-button-hovered {
   padding: 0 6px;
   display: none;
 }
+
 .lake-corner-toolbar button {
   border-radius: 5px;
   border: 0;
@@ -728,6 +810,7 @@ button.lake-primary-button.lake-button-hovered {
   cursor: pointer;
   user-select: none;
 }
+
 .lake-corner-toolbar button svg {
   fill: #fff;
   width: 16px;
@@ -752,26 +835,32 @@ button.lake-primary-button.lake-button-hovered {
   margin: 0;
   padding: 0;
 }
+
 .lake-container h1 {
   font-size: 36px;
   margin-bottom: 16px;
 }
+
 .lake-container h2 {
   font-size: 30px;
   margin-bottom: 14px;
 }
+
 .lake-container h3 {
   font-size: 24px;
   margin-bottom: 14px;
 }
+
 .lake-container h4 {
   font-size: 20px;
   margin-bottom: 12px;
 }
+
 .lake-container h5 {
   font-size: 18px;
   margin-bottom: 10px;
 }
+
 .lake-container h6 {
   font-size: 16px;
   margin-bottom: 8px;
@@ -784,89 +873,109 @@ button.lake-primary-button.lake-button-hovered {
   margin-bottom: 4px;
   padding: 0;
 }
+
 .lake-container ol lake-box[name="emoji"],
 .lake-container ul lake-box[name="emoji"] {
   vertical-align: middle;
 }
+
 .lake-container ol[indent="1"],
 .lake-container ul[indent="1"] {
   padding-left: 2em;
 }
+
 .lake-container ol[indent="2"],
 .lake-container ul[indent="2"] {
   padding-left: 4em;
 }
+
 .lake-container ol[indent="3"],
 .lake-container ul[indent="3"] {
   padding-left: 6em;
 }
+
 .lake-container ol[indent="4"],
 .lake-container ul[indent="4"] {
   padding-left: 8em;
 }
+
 .lake-container ol[indent="5"],
 .lake-container ul[indent="5"] {
   padding-left: 10em;
 }
+
 .lake-container ol[indent="6"],
 .lake-container ul[indent="6"] {
   padding-left: 12em;
 }
+
 .lake-container ol[indent="7"],
 .lake-container ul[indent="7"] {
   padding-left: 14em;
 }
+
 .lake-container ol[indent="8"],
 .lake-container ul[indent="8"] {
   padding-left: 16em;
 }
+
 .lake-container ol[indent="9"],
 .lake-container ul[indent="9"] {
   padding-left: 18em;
 }
+
 .lake-container ol[indent="10"],
 .lake-container ul[indent="10"] {
   padding-left: 20em;
 }
+
 .lake-container ol li,
 .lake-container ul li {
   margin-left: 20px;
   padding-left: 4px;
 }
+
 .lake-container ol li {
   list-style: decimal;
 }
+
 .lake-container ul li {
   list-style: disc;
 }
+
 .lake-container ol[indent="1"] li,
 .lake-container ol[indent="4"] li,
 .lake-container ol[indent="7"] li,
 .lake-container ol[indent="10"] li {
   list-style-type: lower-alpha;
 }
+
 .lake-container ol[indent="2"] li,
 .lake-container ol[indent="5"] li,
 .lake-container ol[indent="8"] li {
   list-style-type: lower-roman;
 }
+
 .lake-container ul[indent="1"] li,
 .lake-container ul[indent="4"] li,
 .lake-container ul[indent="7"] li,
 .lake-container ul[indent="10"] li {
   list-style-type: circle;
 }
+
 .lake-container ul[indent="2"] li,
 .lake-container ul[indent="5"] li,
 .lake-container ul[indent="8"] li {
   list-style-type: square;
 }
+
 .lake-container ul[type="checklist"] li {
   list-style: none;
   position: relative;
   margin-left: 0;
   padding-left: 24px;
 }
+
 .lake-container ul[type="checklist"] li::before {
   box-sizing: content-box;
   content: '';
@@ -877,14 +986,17 @@ button.lake-primary-button.lake-button-hovered {
   height: 16px;
   border-radius: 4px;
 }
+
 .lake-container ul[type="checklist"] li[value="true"]::before {
   border: 1px solid #1890ff;
   background-color: #1890ff;
 }
+
 .lake-container ul[type="checklist"] li[value="false"]::before {
   border: 1px solid var(--lake-border-color);
   background-color: #fff;
 }
+
 .lake-container ul[type="checklist"] li::after {
   box-sizing: content-box;
   content: '';
@@ -900,9 +1012,11 @@ button.lake-primary-button.lake-button-hovered {
   border-radius: 1px;
   transform: rotate(45deg) scale(1) translate(-50%,-50%);
 }
+
 .lake-container[contenteditable="true"] ul[type="checklist"] li::before {
   cursor: pointer;
 }
+
 .lake-container[contenteditable="true"] ul[type="checklist"] li::after {
   cursor: pointer;
 }
@@ -914,6 +1028,7 @@ button.lake-primary-button.lake-button-hovered {
   color: var(--lake-blockquote-text-color);
   border-left: var(--lake-blockquote-border);
 }
+
 .lake-container blockquote[type] {
   margin: 16px 0;
   padding: 16px 20px;
@@ -921,15 +1036,19 @@ button.lake-primary-button.lake-button-hovered {
   border: 1px solid transparent;
   border-radius: 8px;
 }
+
 .lake-container blockquote[type="info"] {
   background-color: #8e96aa24;
 }
+
 .lake-container blockquote[type="tip"] {
   background-color: #646cff24;
 }
+
 .lake-container blockquote[type="warning"] {
   background-color: #eab30824;
 }
+
 .lake-container blockquote[type="danger"] {
   background-color: #f43f5e24;
 }
@@ -981,6 +1100,7 @@ button.lake-primary-button.lake-button-hovered {
   display: flex;
   align-items: center;
 }
+
 .lake-floating-toolbar .lake-toolbar-divider {
   width: 1px;
   height: 20px;
@@ -1031,27 +1151,33 @@ button.lake-primary-button.lake-button-hovered {
   box-shadow: var(--lake-popup-shadow);
   display: none;
 }
+
 .lake-link-popup .lake-url-row {
   display: flex;
   align-items: center;
 }
+
 .lake-link-popup .lake-button-row {
   padding-top: 16px;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
+
 .lake-link-popup input[type="text"] {
   width: 220px;
   margin-right: 4px;
 }
+
 .lake-link-popup button[name="copy"] svg:first-child {
   display: inline;
 }
+
 .lake-link-popup button[name="copy"] svg:nth-child(2) {
   display: none;
   fill: var(--lake-success-color);
 }
+
 .lake-link-popup button[name="copy"] svg:last-child {
   display: none;
   fill: var(--lake-error-color);
@@ -1499,12 +1625,14 @@ lake-box[name="file"] .lake-box-focused .lake-file {
   border: 1px solid transparent;
   border-radius: 2px;
 }
+
 .lake-emoji img {
   border: 0;
   border-radius: 2px;
   width: 32px;
   height: 32px;
 }
+
 lake-box[name="emoji"] .lake-box-focused .lake-emoji {
   border-color: var(--lake-selection-background-color);
   background-color: var(--lake-selection-background-color);
@@ -1516,21 +1644,27 @@ lake-box[name="emoji"] .lake-box-focused .lake-emoji {
   border: 1px solid transparent;
   border-radius: 4px;
 }
+
 .lake-container[contenteditable="true"] .lake-equation {
   user-select: none;
 }
+
 lake-box[name="equation"] .lake-box-strip {
   align-self: center;
 }
+
 lake-box[name="equation"] .lake-box-selected .lake-equation {
   background-color: var(--lake-selection-background-color);
 }
+
 lake-box[name="equation"] .lake-box-focused .lake-equation {
   background-color: var(--lake-selection-background-color);
 }
+
 .lake-equation .lake-equation-view {
   padding: 0 6px;
 }
+
 .lake-equation .lake-equation-form {
   position: absolute;
   top: 28px;
@@ -1544,10 +1678,12 @@ lake-box[name="equation"] .lake-box-focused .lake-equation {
   box-shadow: var(--lake-popup-shadow);
   display: none;
 }
+
 lake-box[name="equation"] .lake-box-focused .lake-equation-form,
 lake-box[name="equation"] .lake-box-activated .lake-equation-form {
   display: flex;
 }
+
 .lake-equation .lake-equation-form textarea {
   border: 0;
   background-color: var(--lake-popup-background-color);
@@ -1561,15 +1697,18 @@ lake-box[name="equation"] .lake-box-activated .lake-equation-form {
   resize: none;
   scrollbar-width: thin;
 }
+
 .lake-equation .lake-equation-form textarea:focus-visible {
   outline: 0;
 }
+
 .lake-equation .lake-equation-form .lake-button-row {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: flex-end;
 }
+
 /* error status */
 .lake-equation-error {
   padding: 0 6px;
@@ -1581,21 +1720,25 @@ lake-box[name="equation"] .lake-box-activated .lake-equation-form {
 .lake-mention-menu {
   max-height: 208px;
 }
+
 .lake-mention-menu .lake-mention-avatar {
   margin-inline-end: 8px;
   line-height: 0;
 }
+
 .lake-mention-menu .lake-mention-avatar img {
   border-radius: 100%;
   width: 32px;
   height: 32px;
 }
+
 .lake-mention-menu .lake-mention-nickname {
   margin-inline-end: 4px;
   font-weight: 500;
   color: var(--lake-text-color);
   white-space: nowrap;
 }
+
 .lake-mention-menu .lake-mention-name {
   color: #8c8c8c;
 }
@@ -1604,10 +1747,12 @@ lake-box[name="equation"] .lake-box-activated .lake-equation-form {
   border: 1px solid transparent;
   border-radius: 2px;
 }
+
 .lake-container[readonly="false"] .lake-mention a:hover {
   color: var(--lake-link-color);
   text-decoration: none;
 }
+
 lake-box[name="mention"] .lake-box-focused .lake-mention {
   border-color: var(--lake-selection-background-color);
   background-color: var(--lake-selection-background-color);