@aceshooting/lyra-ui 9.1.1 → 11.0.0

package/dist/components/viewers/pptx-viewer/pptx-viewer.styles.js

@@ -39,9 +39,6 @@ import{css}from"lit";const styles=css`
   }
   [part="previous-button"],
   [part="next-button"] {
-    /* Keep the glyph compact while giving the interactive box the shared
-       minimum target size -- same "small glyph, padded hit box" pattern as
-       lr-code-block's/lr-json-viewer's [part='toggle']. */
     display: inline-flex;
     align-items: center;
     justify-content: center;

package/dist/components/viewers/spreadsheet-viewer/spreadsheet-viewer.class.js

@@ -37,7 +37,7 @@ var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3
         item-role="row"
         row-index-offset="1"
         @lr-load-more=${this.stopInternalEvent}
-        @lr-visible-range-changed=${this.stopInternalEvent}
+        @lr-visible-range-change=${this.stopInternalEvent}
         @lr-virtual-scroll=${this.stopInternalEvent}
       ></lr-virtual-list>
     </div>`}renderLoaded(sheets){return sheets.length?sheets.length===1?this.renderSheet(sheets[0],0):html`<lr-tab-group

package/dist/components/viewers/spreadsheet-viewer/spreadsheet-viewer.styles.js

@@ -20,11 +20,6 @@ import{css}from"lit";const styles=css`
       var(--_lr-spreadsheet-viewer-max-height)
     );
   }
-  /* Vertical overflow is capped/scrolled by [part='body'] above; horizontal overflow of the grid
-     itself is [part='sheet']'s own concern below -- both axes are pinned non-visible on purpose
-     there (per the CSS overflow spec, pinning only overflow-x forces overflow-y's used value to
-     'auto' too, risking a phantom/empty scrollbar from sub-pixel rounding on a grid that never
-     actually overflows vertically -- matching lr-csv-viewer's identical two-layer fix shape). */
   [part='sheet'] {
     overflow-x: auto;
     overflow-y: hidden;
@@ -50,11 +45,6 @@ import{css}from"lit";const styles=css`
     font-size: var(--lr-font-size-sm);
     color: var(--lr-color-text);
   }
-  /* renderRow()/renderCell()'s output for a DATA row is passed to <lr-virtual-list> as its
-     .renderItem callback and ends up rendered inside THAT component's own shadow root -- a plain
-     [part=] selector above, scoped to this component's own shadow root, only ever reaches the
-     header row (rendered directly by this component, not through virtual-list). ::part() is what
-     reaches one shadow boundary in, matching dataset-viewer's identical precedent. */
   lr-virtual-list::part(data-row) {
     display: grid;
     min-inline-size: max-content;
@@ -69,10 +59,6 @@ import{css}from"lit";const styles=css`
     font-size: var(--lr-font-size-sm);
     color: var(--lr-color-text);
   }
-  /* Body cell highlights live in lr-virtual-list's shadow root, so both the structural cell and
-     its nested native action are styled through exported parts. Header highlights use the matching
-     local part selectors. A private per-cell active default crosses the shadow boundary without
-     shadowing the inherited or direct public highlight-color input. */
   [part~='cell-highlight'],
   lr-virtual-list::part(cell-highlight) {
     outline: var(--lr-border-width-medium) solid

package/dist/components/viewers/svg-viewer/svg-viewer.styles.js

@@ -1,10 +1,6 @@
 import{css}from"lit";const styles=css`
   :host {
     display: block;
-    /* Lets the host shrink below its rendered SVG's intrinsic inline size
-       inside a narrower flex/grid track (a split pane, dialog, etc.) instead
-       of forcing the track to overflow -- [part='body']'s own overflow:auto
-       then takes over scrolling within whatever allocation it actually gets. */
     min-inline-size: 0;
     max-inline-size: 100%;
     --_lr-svg-viewer-max-height: none;
@@ -116,9 +112,6 @@ import{css}from"lit";const styles=css`
       transparent
     );
   }
-  /* Pressed, matching <lr-document-preview>'s identical region overlay: the hovered tint pushed
-     toward the text colour, which both deepens the hue and (the partner being opaque) raises the
-     tint's alpha, so a mousedown on the transparent target button reads as firmer than hovering. */
   [part="region-highlight-target"]:active + [part="region-highlight"] {
     background: color-mix(
       in oklab,

package/dist/components/viewers/xml-viewer/xml-viewer.styles.js

@@ -33,22 +33,12 @@ import{css}from"lit";const styles=css`
     min-inline-size: 0;
     border-radius: var(--lr-radius);
   }
-  /* --lr-xml-viewer-match-color indirection (rather than the bare --lr-color-warning token)
-     lets a consumer retheme just this component's (non-active) search-match indicator without
-     repainting every other warning-toned surface on the page that reads the same shared token
-     -- the same rationale as --lr-xml-viewer-active-match-color just below, for the active match. */
   [part='node'][data-match] {
     outline: var(--lr-border-width-thin) dashed var(--lr-xml-viewer-match-color, var(--lr-color-warning));
   }
   [part='node'][data-active-match] {
     outline: var(--lr-border-width-medium) solid var(--lr-xml-viewer-active-match-color, var(--lr-color-warning));
   }
-  /* Host-supplied highlights. Each tone resolves into one private carrier so the row tint and the
-     action button both read from a single base -- the same shape lr-archive-viewer/lr-docx-viewer
-     use for their own tone sets, and the same quiet fill tokens, which are the ones designed to sit
-     behind body text at an accessible contrast ratio. Neutral deliberately resolves to
-     --lr-color-surface-raised rather than --lr-color-surface: tinting a row with the viewer's own
-     ambient background would render a neutral highlight as unhighlighted. */
   [part='node'][data-highlight] {
     --_lr-xml-viewer-highlight-background: var(--lr-xml-viewer-highlight-accent-background, var(--lr-color-brand-quiet));
     background: var(--_lr-xml-viewer-highlight-background);
@@ -92,8 +82,6 @@ import{css}from"lit";const styles=css`
     outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
     outline-offset: var(--lr-focus-ring-offset);
   }
-  /* The one attribute an attribute-addressing node-path anchor resolved to, so a citation pointing
-     at a single attribute value of a multi-attribute element stays identifiable. */
   [part='attribute'][data-active] {
     outline: var(--lr-border-width-medium) solid var(--lr-xml-viewer-active-attribute-color, var(--lr-color-brand));
     border-radius: var(--lr-size-0-1875rem);
@@ -109,7 +97,6 @@ import{css}from"lit";const styles=css`
     color: var(--lr-color-success);
     overflow-wrap: anywhere;
   }
-  /* --lr-xml-viewer-match-bg indirection, same rationale as --lr-xml-viewer-match-color above. */
   [part='tag'][data-match],
   [part='attribute-value'][data-match] {
     background: var(--lr-xml-viewer-match-bg, var(--lr-color-warning-quiet));
@@ -139,9 +126,6 @@ import{css}from"lit";const styles=css`
   }
   [part='toggle'],
   [part='toggle-placeholder'] {
-    /* Keep the glyph compact while giving the interactive box the shared minimum target size.
-       --lr-icon-button-size is a floor, not a fixed size, so lowering it never squashes the
-       chevron below its own box. */
     inline-size: var(--lr-size-1-25rem);
     block-size: var(--lr-size-1-25rem);
     min-inline-size: var(--lr-icon-button-size);
@@ -195,8 +179,6 @@ import{css}from"lit";const styles=css`
     background: var(--lr-color-brand-quiet);
     color: var(--lr-color-brand);
   }
-  /* Also the pressed state the row-reveal rule below needs: that rule only fades the button in, so
-     the acknowledgement of the click itself lives here. */
   [part='copy-button']:active {
     background: color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active));
     color: var(--lr-color-brand);
@@ -205,12 +187,8 @@ import{css}from"lit";const styles=css`
     margin-inline-start: auto;
     opacity: 0;
   }
-  /* :where() zeroes the wrapped selectors' specificity contribution, leaving only :hover/
-     :focus-within themselves -- (0,1,0) total, so a consumer's own ::part(copy-button):hover
-     override ((0,1,1)) wins without needing !important -- same fix shape as
-     lr-attachment-trigger's/lr-copy-button's/lr-json-viewer's own :where()-wrapped hover rule. */
-  :where(.row):hover :where([part='copy-button']),
-  :where(.row):focus-within :where([part='copy-button']) {
+  .row:hover [part='copy-button'],
+  .row:focus-within [part='copy-button'] {
     opacity: 1;
   }
   [part='error'] {