@formicoidea/labre-core 0.23.1 → 0.23.3

package/dist/_pkgs/affine-components/filterable-list/styles.js

@@ -1,106 +1,105 @@
 import { panelBaseStyle, scrollbarStyle, } from '../../affine-shared/styles/index.js';
 import { css } from 'lit';
-export const filterableListStyles = css `
-  ${panelBaseStyle(':host')}
-  :host {
-    flex-direction: column;
-    padding: 0;
-
-    max-height: 100%;
-    pointer-events: auto;
-    overflow: hidden;
-    z-index: var(--affine-z-index-popover);
-  }
-
-  .affine-filterable-list {
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-    justify-content: center;
-    width: 230px;
-    padding: 8px;
-    box-sizing: border-box;
-    overflow: hidden;
-  }
-
-  .affine-filterable-list.flipped {
-    flex-direction: column-reverse;
-  }
-
-  .items-container {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    flex: 1;
-    overflow-y: scroll;
-    padding-top: 5px;
-    padding-left: 4px;
-    padding-right: 4px;
-  }
-
-  editor-toolbar-separator {
-    margin: 8px 0;
-  }
-
-  .input-wrapper {
-    display: flex;
-    align-items: center;
-    border-radius: 4px;
-    padding: 4px 10px;
-    gap: 4px;
-    border-width: 1px;
-    border-style: solid;
-    border-color: transparent;
-  }
-
-  .input-wrapper:focus-within {
-    border-color: var(--affine-blue-700);
-    box-shadow: var(--affine-active-shadow);
-  }
-
-  ${scrollbarStyle('.items-container')}
-
-  .filterable-item {
-    display: flex;
-    justify-content: space-between;
-    gap: 4px;
-    padding: 12px;
-  }
-
-  .filterable-item > div[slot='suffix'] {
-    display: flex;
-    align-items: center;
-  }
-
-  .filterable-item svg {
-    width: 20px;
-    height: 20px;
-  }
-
-  .filterable-item.focussed {
-    color: var(--affine-blue-700);
-    background: var(--affine-hover-color-filled);
-  }
-
-  #filter-input {
-    flex: 1;
-    align-items: center;
-    height: 20px;
-    width: 140px;
-    border-radius: 8px;
-    padding-top: 2px;
-    border: transparent;
-    background: transparent;
-    color: inherit;
-  }
-
-  #filter-input:focus {
-    outline: none;
-  }
-
-  #filter-input::placeholder {
-    color: var(--affine-placeholder-color);
-    font-size: var(--affine-font-sm);
-  }
+export const filterableListStyles = css `
+  ${panelBaseStyle(':host')}
+  :host {
+    flex-direction: column;
+    padding: 0;
+
+    max-height: 100%;
+    pointer-events: auto;
+    overflow: hidden;
+    z-index: var(--affine-z-index-popover);
+  }
+
+  .affine-filterable-list {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: center;
+    width: 230px;
+    padding: 8px;
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+
+  .affine-filterable-list.flipped {
+    flex-direction: column-reverse;
+  }
+
+  .items-container {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    flex: 1;
+    overflow-y: scroll;
+    padding-top: 5px;
+    padding-left: 4px;
+    padding-right: 4px;
+  }
+
+  editor-toolbar-separator {
+    margin: 8px 0;
+  }
+
+  .input-wrapper {
+    display: flex;
+    align-items: center;
+    border-radius: 4px;
+    padding: 4px 10px;
+    gap: 4px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: transparent;
+  }
+
+  .input-wrapper:focus-within {
+    border-color: var(--affine-blue-700);
+    box-shadow: var(--affine-active-shadow);
+  }
+
+  ${scrollbarStyle('.items-container')}
+
+  .filterable-item {
+    display: flex;
+    justify-content: space-between;
+    gap: 4px;
+    padding: 12px;
+  }
+
+  .filterable-item > div[slot='suffix'] {
+    display: flex;
+    align-items: center;
+  }
+
+  .filterable-item svg {
+    width: 20px;
+    height: 20px;
+  }
+
+  .filterable-item.focussed {
+    color: var(--affine-blue-700);
+    background: var(--affine-hover-color-filled);
+  }
+
+  #filter-input {
+    flex: 1;
+    align-items: center;
+    height: 20px;
+    width: 140px;
+    border-radius: 8px;
+    padding-top: 2px;
+    border: transparent;
+    background: transparent;
+    color: inherit;
+  }
+
+  #filter-input:focus {
+    outline: none;
+  }
+
+  #filter-input::placeholder {
+    color: var(--affine-placeholder-color);
+    font-size: var(--affine-font-sm);
+  }
 `;
-//# sourceMappingURL=styles.js.map

package/dist/_pkgs/affine-components/filterable-list/types.d.ts

@@ -12,4 +12,3 @@ export interface FilterableListOptions<Props = unknown> {
     active?: (item: FilterableListItem) => boolean;
     onSelect: (item: FilterableListItem) => void;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/_pkgs/affine-components/filterable-list/types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map

package/dist/_pkgs/affine-components/highlight-dropdown-menu/dropdown-menu.d.ts

@@ -11,4 +11,3 @@ declare global {
         'affine-highlight-dropdown-menu': HighlightDropdownMenu;
     }
 }
-//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/_pkgs/affine-components/highlight-dropdown-menu/dropdown-menu.js

@@ -91,74 +91,73 @@ let HighlightDropdownMenu = (() => {
         set updateHighlight(value) { this.#updateHighlight_accessor_storage = value; }
         render() {
             const prefix = '--affine-text-highlight';
-            return html `
-      <editor-menu-button
-        .contentPadding="${'8px'}"
-        .button=${html `
-          <editor-icon-button aria-label="highlight" .tooltip="${'Highlight'}">
-            <affine-highlight-duotone-icon
+            return html `
+      <editor-menu-button
+        .contentPadding="${'8px'}"
+        .button=${html `
+          <editor-icon-button aria-label="highlight" .tooltip="${'Highlight'}">
+            <affine-highlight-duotone-icon
               style=${styleMap({
                 '--color': 
                 // latestHighlightColor ?? 'var(--affine-text-primary-color)',
                 'var(--affine-text-primary-color)',
-            })}
-            ></affine-highlight-duotone-icon>
-            ${EditorChevronDown}
-          </editor-icon-button>
-        `}
-      >
-        <div data-size="large" data-orientation="vertical">
-          <div class="highlight-heading">Color</div>
+            })}
+            ></affine-highlight-duotone-icon>
+            ${EditorChevronDown}
+          </editor-icon-button>
+        `}
+      >
+        <div data-size="large" data-orientation="vertical">
+          <div class="highlight-heading">Color</div>
           ${repeat(colors, color => {
                 const isDefault = color === 'default';
                 const value = isDefault
                     ? null
                     : `var(${prefix}-foreground-${color})`;
-                return html `
-              <editor-menu-action
-                data-testid="foreground-${color}"
-                @click=${() => this._update({ color: value })}
-              >
-                <affine-text-duotone-icon
+                return html `
+              <editor-menu-action
+                data-testid="foreground-${color}"
+                @click=${() => this._update({ color: value })}
+              >
+                <affine-text-duotone-icon
                   style=${styleMap({
                     '--color': value ?? 'var(--affine-text-primary-color)',
-                })}
-                ></affine-text-duotone-icon>
-                <span class="label capitalize"
-                  >${isDefault ? `${color} color` : color}</span
-                >
-              </editor-menu-action>
+                })}
+                ></affine-text-duotone-icon>
+                <span class="label capitalize"
+                  >${isDefault ? `${color} color` : color}</span
+                >
+              </editor-menu-action>
             `;
-            })}
-
-          <div class="highlight-heading">Background</div>
+            })}
+
+          <div class="highlight-heading">Background</div>
           ${repeat(colors, color => {
                 const isDefault = color === 'default';
                 const value = isDefault ? null : `var(${prefix}-${color})`;
-                return html `
-              <editor-menu-action
-                data-testid="background-${color}"
-                @click=${() => this._update({ background: value })}
-              >
-                <affine-text-duotone-icon
+                return html `
+              <editor-menu-action
+                data-testid="background-${color}"
+                @click=${() => this._update({ background: value })}
+              >
+                <affine-text-duotone-icon
                   style=${styleMap({
                     '--color': 'var(--affine-text-primary-color)',
                     '--background': value ?? 'transparent',
-                })}
-                ></affine-text-duotone-icon>
-
-                <span class="label capitalize"
-                  >${isDefault ? `${color} background` : color}</span
-                >
-              </editor-menu-action>
+                })}
+                ></affine-text-duotone-icon>
+
+                <span class="label capitalize"
+                  >${isDefault ? `${color} background` : color}</span
+                >
+              </editor-menu-action>
             `;
-            })}
-        </div>
-      </editor-menu-button>
+            })}
+        </div>
+      </editor-menu-button>
     `;
         }
     };
     return HighlightDropdownMenu = _classThis;
 })();
 export { HighlightDropdownMenu };
-//# sourceMappingURL=dropdown-menu.js.map

package/dist/_pkgs/affine-components/highlight-dropdown-menu/highlight-duotone-icon.d.ts

@@ -8,4 +8,3 @@ declare global {
         'affine-highlight-duotone-icon': HighlightDuotoneIcon;
     }
 }
-//# sourceMappingURL=highlight-duotone-icon.d.ts.map

package/dist/_pkgs/affine-components/highlight-dropdown-menu/highlight-duotone-icon.js

@@ -14,4 +14,3 @@ export class HighlightDuotoneIcon extends LitElement {
         return HighLightDuotoneIcon();
     }
 }
-//# sourceMappingURL=highlight-duotone-icon.js.map

package/dist/_pkgs/affine-components/highlight-dropdown-menu/index.d.ts

@@ -2,4 +2,3 @@ export * from './dropdown-menu';
 export * from './highlight-duotone-icon';
 export * from './text-duotone-icon';
 export declare function effects(): void;
-//# sourceMappingURL=index.d.ts.map

package/dist/_pkgs/affine-components/highlight-dropdown-menu/index.js

@@ -9,4 +9,3 @@ export function effects() {
     customElements.define('affine-highlight-duotone-icon', HighlightDuotoneIcon);
     customElements.define('affine-text-duotone-icon', TextDuotoneIcon);
 }
-//# sourceMappingURL=index.js.map

package/dist/_pkgs/affine-components/highlight-dropdown-menu/text-duotone-icon.d.ts

@@ -8,4 +8,3 @@ declare global {
         'affine-text-duotone-icon': TextDuotoneIcon;
     }
 }
-//# sourceMappingURL=text-duotone-icon.d.ts.map

package/dist/_pkgs/affine-components/highlight-dropdown-menu/text-duotone-icon.js

@@ -17,4 +17,3 @@ export class TextDuotoneIcon extends LitElement {
         return TextBackgroundDuotoneIcon();
     }
 }
-//# sourceMappingURL=text-duotone-icon.js.map

package/dist/_pkgs/affine-components/hover/controller.d.ts

@@ -35,4 +35,3 @@ export declare class HoverController implements ReactiveController {
     hostDisconnected(): void;
 }
 export {};
-//# sourceMappingURL=controller.d.ts.map

package/dist/_pkgs/affine-components/hover/controller.js

@@ -130,4 +130,3 @@ export class HoverController {
         this._disposables.dispose();
     }
 }
-//# sourceMappingURL=controller.js.map

package/dist/_pkgs/affine-components/hover/index.d.ts

@@ -1,4 +1,3 @@
 export { HoverController } from './controller.js';
 export type * from './types.js';
 export { whenHover } from './when-hover.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/_pkgs/affine-components/hover/index.js

@@ -1,3 +1,2 @@
 export { HoverController } from './controller.js';
 export { whenHover } from './when-hover.js';
-//# sourceMappingURL=index.js.map

package/dist/_pkgs/affine-components/hover/middlewares/basic.d.ts

@@ -12,4 +12,3 @@ export declare const delayShow: (delay: number) => HoverMiddleware;
  * Wait some time before emitting the `mouseleave` event.
  */
 export declare const delayHide: (delay: number) => HoverMiddleware;
-//# sourceMappingURL=basic.d.ts.map

package/dist/_pkgs/affine-components/hover/middlewares/basic.js

@@ -75,4 +75,3 @@ export const delayHide = (delay) => {
         return !newAbortController.signal.aborted;
     };
 };
-//# sourceMappingURL=basic.js.map

package/dist/_pkgs/affine-components/hover/middlewares/safe-area.d.ts

@@ -24,4 +24,3 @@ export type SafeBridgeOptions = {
  * Licensed under MIT.
  */
 export declare const safeBridge: ({ debug, idleTimeout, }?: Partial<SafeBridgeOptions>) => HoverMiddleware;
-//# sourceMappingURL=safe-area.d.ts.map

package/dist/_pkgs/affine-components/hover/middlewares/safe-area.js

@@ -253,4 +253,3 @@ export const safeBridge = ({ debug = false, idleTimeout = 500, } = {}) => {
         return true;
     };
 };
-//# sourceMappingURL=safe-area.js.map

package/dist/_pkgs/affine-components/hover/types.d.ts

@@ -56,4 +56,3 @@ export type HoverOptions = {
     setPortalAsFloating: boolean;
     allowMultiple?: boolean;
 } & WhenHoverOptions;
-//# sourceMappingURL=types.d.ts.map

package/dist/_pkgs/affine-components/hover/types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map

package/dist/_pkgs/affine-components/hover/when-hover.d.ts

@@ -39,4 +39,3 @@ export declare const whenHover: (whenHoverChange: (isHover: boolean, event?: Eve
     dispose: () => void;
 };
 export type { WhenHoverOptions };
-//# sourceMappingURL=when-hover.d.ts.map

package/dist/_pkgs/affine-components/hover/when-hover.js

@@ -122,4 +122,3 @@ export const whenHover = (whenHoverChange, { enterDelay = 0, leaveDelay = 250, a
         },
     };
 };
-//# sourceMappingURL=when-hover.js.map

package/dist/_pkgs/affine-components/icon-button/index.d.ts

@@ -38,4 +38,3 @@ declare global {
         'icon-button': IconButton;
     }
 }
-//# sourceMappingURL=index.d.ts.map