@aceshooting/lyra-ui 6.2.0 → 7.1.0

package/dist/components/layout/command-palette/command-palette.styles.js

@@ -1,26 +1,172 @@
-import { css } from 'lit';
+import { css } from "lit";
 export const styles = css `
-  :host { display: contents; --lr-command-palette-z-index: var(--lr-overlay-stack-index, var(--lr-layer-modal)); --lr-command-palette-max-inline-size: var(--lr-size-48rem); --lr-command-palette-max-block-size: 70vh; --lr-command-palette-list-max-block-size: 50vh; --lr-command-palette-offset-block-start: 12vh; }
-  [part='backdrop'] { position: fixed; inset: 0; z-index: var(--lr-command-palette-z-index); display: grid; place-items: start center; padding-block-start: var(--lr-command-palette-offset-block-start); background: var(--lr-color-overlay); }
-  [part='dialog'] { inline-size: min(var(--lr-command-palette-max-inline-size), calc(100vw - 2 * var(--lr-space-l))); max-block-size: var(--lr-command-palette-max-block-size); overflow: hidden; border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-radius); background: var(--lr-color-surface); box-shadow: var(--lr-shadow); color: var(--lr-color-text); }
-  [part='search'] { display: flex; align-items: center; gap: var(--lr-space-s); padding: var(--lr-space-m); border-block-end: var(--lr-border-width-thin) solid var(--lr-color-border); }
-  [part='input'] { flex: 1; min-inline-size: 0; border: 0; outline: 0; background: transparent; color: inherit; font: inherit; }
-  [part='input']::placeholder { color: var(--lr-color-text-quiet); opacity: 1; }
-  [part='input']::-webkit-search-cancel-button,
-  [part='input']::-webkit-search-decoration { appearance: none; }
-  [part='list'] { max-block-size: var(--lr-command-palette-list-max-block-size); overflow: auto; padding: var(--lr-space-xs); }
-  [part='group'] { padding: var(--lr-space-xs) var(--lr-space-s); color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-sm); font-weight: var(--lr-font-weight-semibold); }
-  [part='command'] { display: flex; align-items: center; gap: var(--lr-space-s); inline-size: 100%; padding: var(--lr-space-s); border: 0; border-radius: var(--lr-radius); background: transparent; color: inherit; text-align: start; cursor: pointer; }
+  :host {
+    display: contents;
+    --lr-command-palette-z-index: var(
+      --lr-overlay-stack-index,
+      var(--lr-layer-modal)
+    );
+    --lr-command-palette-max-inline-size: var(--lr-size-48rem);
+    --lr-command-palette-max-block-size: 70vh;
+    --lr-command-palette-list-max-block-size: 50vh;
+    --lr-command-palette-offset-block-start: 12vh;
+    --lr-command-palette-row-height: var(--lr-size-3rem);
+    --lr-command-palette-group-height: var(--lr-size-2rem);
+  }
+  [part="backdrop"] {
+    position: fixed;
+    inset: 0;
+    z-index: var(--lr-command-palette-z-index);
+    display: grid;
+    place-items: start center;
+    padding-block-start: var(--lr-command-palette-offset-block-start);
+    background: var(--lr-color-overlay);
+  }
+  [part="dialog"] {
+    inline-size: min(
+      var(--lr-command-palette-max-inline-size),
+      calc(100vw - 2 * var(--lr-space-l))
+    );
+    min-inline-size: 0;
+    max-block-size: var(--lr-command-palette-max-block-size);
+    overflow: hidden;
+    border: var(--lr-border-width-thin) solid var(--lr-color-border);
+    border-radius: var(--lr-radius);
+    background: var(--lr-color-surface);
+    box-shadow: var(--lr-shadow);
+    color: var(--lr-color-text);
+  }
+  [part="search"] {
+    display: flex;
+    align-items: center;
+    min-inline-size: 0;
+    gap: var(--lr-space-s);
+    padding: var(--lr-space-m);
+    border-block-end: var(--lr-border-width-thin) solid var(--lr-color-border);
+  }
+  [part="input"] {
+    flex: 1;
+    min-inline-size: 0;
+    border: 0;
+    outline: 0;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+  }
+  [part="input"]:focus-visible {
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
+    outline-offset: var(--lr-focus-ring-offset);
+    border-radius: var(--lr-radius-xs);
+  }
+  [part="input"]::placeholder {
+    color: var(--lr-color-text-quiet);
+    opacity: 1;
+  }
+  [part="input"]::-webkit-search-cancel-button,
+  [part="input"]::-webkit-search-decoration {
+    appearance: none;
+  }
+  [part="list"] {
+    position: relative;
+    max-block-size: var(--lr-command-palette-list-max-block-size);
+    overflow-x: hidden;
+    overflow-y: auto;
+    padding: var(--lr-space-xs);
+  }
+  [part="list-spacer"] {
+    position: relative;
+    min-inline-size: 0;
+  }
+  [part="command-group"] {
+    display: contents;
+  }
+  [part="group"] {
+    position: absolute;
+    inset-inline: 0;
+    block-size: var(--lr-command-palette-group-height);
+    box-sizing: border-box;
+    overflow: hidden;
+    padding: var(--lr-space-xs) var(--lr-space-s);
+    color: var(--lr-color-text-quiet);
+    font-size: var(--lr-font-size-sm);
+    font-weight: var(--lr-font-weight-semibold);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  [part="command"] {
+    position: absolute;
+    inset-inline: 0;
+    display: flex;
+    align-items: center;
+    min-inline-size: 0;
+    block-size: var(--lr-command-palette-row-height);
+    box-sizing: border-box;
+    gap: var(--lr-space-s);
+    inline-size: 100%;
+    overflow: hidden;
+    padding: var(--lr-space-s);
+    border: 0;
+    border-radius: var(--lr-radius);
+    background: transparent;
+    color: inherit;
+    text-align: start;
+    cursor: pointer;
+  }
+  :where([part="command"]):hover:where(:not(:disabled)) {
+    background: var(
+      --lr-command-palette-active-bg,
+      var(--lr-color-brand-quiet)
+    );
+  }
   /* Inline var() fallback rather than a :host-declared property, so a consumer can set it on any
      ancestor without a :host declaration shadowing that. ::part(command)[data-active='true'] is
      invalid CSS (an attribute selector cannot follow ::part), so highlighting the active row used to
      require hijacking the shared --lr-color-brand-quiet token, repainting everything else that reads
      it. Unset, it falls back to that token, so the rendering is unchanged. */
-  [part='command'][data-active='true'] { background: var(--lr-command-palette-active-bg, var(--lr-color-brand-quiet)); }
-  [part='command']:disabled { opacity: var(--lr-opacity-disabled); cursor: not-allowed; }
-  [part='icon'] { display: inline-flex; align-items: center; flex: none; block-size: var(--lr-size-1em); max-inline-size: var(--lr-size-1-25rem); }
-  [part='description'] { flex: 1; min-inline-size: 0; overflow-wrap: anywhere; color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-sm); }
-  [part='shortcut'] { color: var(--lr-color-text-quiet); font-family: var(--lr-font-mono); font-size: var(--lr-font-size-sm); }
-  [part='empty'] { padding: var(--lr-space-l); color: var(--lr-color-text-quiet); text-align: center; }
+  [part="command"][data-active="true"] {
+    background: var(
+      --lr-command-palette-active-bg,
+      var(--lr-color-brand-quiet)
+    );
+  }
+  [part="command"]:disabled {
+    opacity: var(--lr-opacity-disabled);
+    cursor: not-allowed;
+  }
+  [part="icon"] {
+    display: inline-flex;
+    align-items: center;
+    flex: none;
+    block-size: var(--lr-size-1em);
+    max-inline-size: var(--lr-size-1-25rem);
+  }
+  [part="label"],
+  [part="description"],
+  [part="shortcut"] {
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  [part="label"] {
+    flex: 0 1 auto;
+  }
+  [part="description"] {
+    flex: 1 1 auto;
+    color: var(--lr-color-text-quiet);
+    font-size: var(--lr-font-size-sm);
+  }
+  [part="shortcut"] {
+    flex: 0 1 auto;
+    max-inline-size: 40%;
+    color: var(--lr-color-text-quiet);
+    font-family: var(--lr-font-mono);
+    font-size: var(--lr-font-size-sm);
+  }
+  [part="empty"] {
+    padding: var(--lr-space-l);
+    color: var(--lr-color-text-quiet);
+    text-align: center;
+  }
 `;
 //# sourceMappingURL=command-palette.styles.js.map

package/dist/components/layout/command-palette/command-palette.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"command-palette.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/command-palette/command-palette.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;CAuBxB,CAAC"}
+{"version":3,"file":"command-palette.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/command-palette/command-palette.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyKxB,CAAC"}

package/dist/components/layout/dashboard-grid/dashboard-grid.class.d.ts

@@ -1,8 +1,8 @@
-import { type TemplateResult, type PropertyValues } from 'lit';
-import { LyraElement } from '../../../internal/lyra-element.js';
-import { type DashboardCell, type DashboardCollisionPolicy } from './layout.js';
+import { type TemplateResult, type PropertyValues } from "lit";
+import { LyraElement } from "../../../internal/lyra-element.js";
+import { type DashboardCell, type DashboardCollisionPolicy } from "./layout.js";
 export interface LyraDashboardGridEventMap {
-    'lr-cell-move': CustomEvent<{
+    "lr-cell-move": CustomEvent<{
         id: string;
         position: {
             x: number;
@@ -13,7 +13,7 @@ export interface LyraDashboardGridEventMap {
             y: number;
         };
     }>;
-    'lr-cell-resize': CustomEvent<{
+    "lr-cell-resize": CustomEvent<{
         id: string;
         size: {
             w: number;
@@ -24,13 +24,13 @@ export interface LyraDashboardGridEventMap {
             h: number;
         };
     }>;
-    'lr-collision': CustomEvent<{
+    "lr-collision": CustomEvent<{
         id: string;
         collidedWith: string[];
         policy: DashboardCollisionPolicy;
         accepted: boolean;
     }>;
-    'lr-layout-change': CustomEvent<{
+    "lr-layout-change": CustomEvent<{
         layout: DashboardCell[];
     }>;
 }
@@ -98,6 +98,8 @@ export interface LyraDashboardGridEventMap {
  * @cssprop [--lr-dashboard-grid-cell-hover-outline-color=var(--lr-color-border-strong)] - Outline
  *   color of a cell's mouse-hover preview of its own `:focus-visible` ring (shown because every
  *   cell is a real focusable, draggable/resizable target). Set to `transparent` to opt out.
+ * @cssprop [--lr-dashboard-grid-collision-outline-color=var(--lr-color-danger)] - Outline color
+ *   of a cell whose current drag/resize preview collides with another cell.
  */
 export declare class LyraDashboardGrid extends LyraElement<LyraDashboardGridEventMap> {
     static styles: import("lit").CSSResultGroup[];
@@ -125,10 +127,12 @@ export declare class LyraDashboardGrid extends LyraElement<LyraDashboardGridEven
     private get safeColumns();
     private get safeRowHeight();
     private get safeGap();
+    private normalizeCell;
     private get sortedLayout();
     private readonly announcer;
     private liveText;
     private activeCellIndex;
+    private activeCellId;
     private cellDrag?;
     private cellResize?;
     disconnectedCallback(): void;
@@ -166,7 +170,7 @@ export declare class LyraDashboardGrid extends LyraElement<LyraDashboardGridEven
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lr-dashboard-grid': LyraDashboardGrid;
+        "lr-dashboard-grid": LyraDashboardGrid;
     }
 }
 //# sourceMappingURL=dashboard-grid.class.d.ts.map

package/dist/components/layout/dashboard-grid/dashboard-grid.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-grid.class.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/dashboard-grid/dashboard-grid.class.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dashboard-grid.class.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/dashboard-grid/dashboard-grid.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAWhE,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,wBAAwB,EAC9B,MAAM,aAAa,CAAC;AAkDrB,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,WAAW,CAAC;QAC1B,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACnC,QAAQ,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KACpC,CAAC,CAAC;IACH,gBAAgB,EAAE,WAAW,CAAC;QAC5B,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC/B,QAAQ,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KACpC,CAAC,CAAC;IACH,cAAc,EAAE,WAAW,CAAC;QAC1B,EAAE,EAAE,MAAM,CAAC;QACX,YAAY,EAAE,MAAM,EAAE,CAAC;QACvB,MAAM,EAAE,wBAAwB,CAAC;QACjC,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC,CAAC;IACH,kBAAkB,EAAE,WAAW,CAAC;QAAE,MAAM,EAAE,aAAa,EAAE,CAAA;KAAE,CAAC,CAAC;CAC9D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AACH,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,yBAAyB,CAAC;IAC3E,OAAgB,MAAM,iCAAwC;IAE9D;4FACwF;IACxD,MAAM,EAAE,aAAa,EAAE,CAAM;IAC7D,+CAA+C;IACnB,OAAO,SAAM;IACzC,kGAAkG;IAC7C,SAAS,SAAM;IACpE,8CAA8C;IAClB,GAAG,SAAK;IACpC,0FAA0F;IAC9E,SAAS,EAAE,wBAAwB,CAAY;IAC3D,gFAAgF;IACrB,cAAc,UACjE;IACR,qGAAqG;IAC1C,cAAc,UACjE;IACR;sDACkD;IACN,MAAM,UAAS;IAC3D;8FAC0F;IACnD,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE7E,OAAO,KAAK,WAAW,GAEtB;IACD,OAAO,KAAK,aAAa,GAExB;IACD,OAAO,KAAK,OAAO,GAElB;IAED,OAAO,CAAC,aAAa;IA0BrB,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,CAAC,QAAQ,CAAC,SAAS,CAEvB;IACM,OAAO,CAAC,QAAQ,CAAM;IACtB,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,YAAY,CAAM;IAEnC,OAAO,CAAC,QAAQ,CAAC,CAAgB;IACjC,OAAO,CAAC,UAAU,CAAC,CAAkB;IAE5B,oBAAoB,IAAI,IAAI,CAkBpC;IAED,UAAmB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAG3D;IAMD,OAAO,CAAC,SAAS;IAIjB;;;;;;2FAMuF;IACvF,OAAO,CAAC,gBAAgB;IA+BxB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,WAAW;IAsBnB,OAAO,CAAC,aAAa;IA0BrB,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,eAAe;IAyEvB,OAAO,CAAC,SAAS;IAUjB;wFACoF;IACpF,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,iBAAiB;IAiCzB,OAAO,CAAC,iBAAiB,CAgCvB;IAEF,OAAO,CAAC,eAAe,CAgBrB;IAMF,OAAO,CAAC,yBAAyB;IAkCjC,OAAO,CAAC,yBAAyB,CAkC/B;IAEF,OAAO,CAAC,uBAAuB,CAuB7B;IAMF,OAAO,CAAC,UAAU;IA2BT,MAAM,IAAI,cAAc,CAwChC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,iBAAiB,CAAC;KACxC;CACF"}