@juspay/svelte-ui-components 4.30.0 → 4.31.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AnimatedNumber/AnimatedNumber.svelte +75 -1
- package/dist/AnimatedNumber/properties.d.ts +16 -0
- package/dist/StatCard/StatCard.svelte +114 -8
- package/dist/StatCard/metric.d.ts +22 -0
- package/dist/StatCard/metric.js +74 -0
- package/dist/StatCard/properties.d.ts +32 -0
- package/dist-wc/index.js +340 -223
- package/package.json +1 -1
package/dist-wc/index.js
CHANGED
|
@@ -3608,11 +3608,11 @@ var WHEEL_LENGTH = 10, DELTA_PROPERTY = "--_animated-number-delta", wheelDelta =
|
|
|
3608
3608
|
return supported = CSS.supports("line-height", "mod(1,1)") && CSS.supports("line-height", "round(down,1,1)") && e && registerDelta(), supported;
|
|
3609
3609
|
}, root$111 = /* @__PURE__ */ from_html("<span class=\"animated-number-digit-glyph svelte-1rbv9ao\"> </span>"), root_1$100 = /* @__PURE__ */ from_html("<span class=\"animated-number-digit svelte-1rbv9ao\"></span>"), root_2$77 = /* @__PURE__ */ from_html("<span class=\"animated-number-literal svelte-1rbv9ao\"> </span>"), root_3$65 = /* @__PURE__ */ from_html("<span><span class=\"animated-number-plain svelte-1rbv9ao\" aria-hidden=\"true\"> </span> <span class=\"animated-number-visual svelte-1rbv9ao\" aria-hidden=\"true\"></span></span>"), $$css$203 = {
|
|
3610
3610
|
hash: "svelte-1rbv9ao",
|
|
3611
|
-
code: ".animated-number.svelte-1rbv9ao {\n /*\n * One box, shared by the columns, the static characters and the glyphs, and\n * also the distance a step of one digit travels.\n *\n * Defined once and referred to as a LENGTH rather than each place computing\n * its own, and rather than the glyphs positioning themselves in percentages\n * of their own height. A percentage resolves against the element's used\n * height, which WebKit rounds: measured at a 70.39px box, it parked a\n * clamped glyph 70.0px away instead of 70.39px, leaving a 0.39px sliver of\n * the wrong digit inside the window on every frame of every roll. It fell\n * inside the fully transparent end of the mask so nothing showed, but it is\n * the sort of near-miss that stops being invisible at another font size.\n * Sharing one length makes the column and the glyph the same size by\n * construction instead of by agreement. (The reference implementation meets\n * the same rounding and rounds its mask height to whole pixels for it.)\n */--_animated-number-box: calc(\n var(--animated-number-row-height, 1.2em) + 2 * var(--animated-number-fade-height, 0.28em)\n );position:relative;display:inline-block;white-space:nowrap;font-variant-numeric:var(--animated-number-font-variant-numeric, tabular-nums);color:var(--animated-number-color, inherit);}.animated-number-visual.svelte-1rbv9ao {\n /* Decorative glyph content, same treatment Avatar, KeyboardInput, Tabs,\n Calendar and Draggable already give theirs. */user-select:none;}\n\n /* Carries the real value for selection, copy and find-in-page. Clipped rather\n than `display: none` or `visibility: hidden`, both of which would take it out\n of the text layer and defeat the point. It sits inside the `role=\"img\"` root,\n so assistive technology never reaches it -- the root's aria-label is the one\n accessible name. */.animated-number-plain.svelte-1rbv9ao {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}\n\n /*\n * Both the digit columns and the static characters use ONE box height, so they\n * sit on the same line however the fade is tuned: the text row plus a fade band\n * above and below. The negative margin hands those two bands back to the line\n * box, so the number still occupies exactly `--animated-number-row-height` in\n * the surrounding text and adding a fade never shifts the baseline.\n */\n /*\n * Both the digit columns and the static characters use ONE box height, so they\n * sit on the same line however the fade is tuned: the text row plus a fade band\n * above and below. The negative margin hands those two bands back to the line\n * box, so the number still occupies exactly `--animated-number-row-height` in\n * the surrounding text and adding a fade never shifts the baseline. One box is\n * also exactly what a step of one digit travels, so a neighbour lands fully\n * outside the column rather than poking into the fade band where the mask is\n * still opaque.\n */.animated-number-digit.svelte-1rbv9ao,\n .animated-number-literal.svelte-1rbv9ao {display:inline-block;vertical-align:bottom;height:var(--_animated-number-box, 1.76em);line-height:var(--_animated-number-box, 1.76em);margin-block:calc(-1 * var(--animated-number-fade-height, 0.28em));}.animated-number-digit.svelte-1rbv9ao {position:relative;width:var(--animated-number-digit-width, 1ch);text-align:center;\n /* The mask only fades what is inside this box; the clip is what removes the\n glyphs parked outside it. Without it they sit in plain view above and below\n the number. */overflow:hidden;-webkit-mask-image:linear-gradient(\n to bottom,\n transparent 0,\n #000 var(--animated-number-fade-height, 0.28em),\n #000 calc(100% - var(--animated-number-fade-height, 0.28em)),\n transparent 100%\n );mask-image:linear-gradient(\n to bottom,\n transparent 0,\n #000 var(--animated-number-fade-height, 0.28em),\n #000 calc(100% - var(--animated-number-fade-height, 0.28em)),\n transparent 100%\n );\n\n /*\n * The scalar every glyph below resolves its position from. A token stream,\n * not a value: it is substituted into the `mod()` in the glyph rule, where\n * `a + b` is an ordinary calc sum. The digit jumps to its new value and the\n * delta animates from `-delta` back to 0, so the sum travels from the old\n * digit to the new one and no glyph ever has its own position animated.\n */--_animated-number-c: var(--_animated-number-digit, 0) + var(--_animated-number-delta, 0);\n\n /*\n * The two-token chain, resolved here and read back by the attachment rather\n * than driving a `transition` -- which is why it still answers to\n * `--motion-duration` and to the reduced-motion block at the end of this\n * sheet, even though the motion is now one interpolated custom property.\n */--_animated-number-spin-duration: var(\n --animated-number-digit-transition-duration,\n var(--motion-duration, 0.9s)\n );--_animated-number-spin-easing: var(\n --animated-number-digit-transition-easing,\n var(\n --motion-easing,\n linear(\n 0,\n 0.005,\n 0.019,\n 0.039,\n 0.066,\n 0.096,\n 0.129,\n 0.165,\n 0.202,\n 0.24,\n 0.278,\n 0.316,\n 0.354,\n 0.39,\n 0.426,\n 0.461,\n 0.494,\n 0.526,\n 0.557,\n 0.586,\n 0.614,\n 0.64,\n 0.665,\n 0.689,\n 0.711,\n 0.731,\n 0.751,\n 0.769,\n 0.786,\n 0.802,\n 0.817,\n 0.831,\n 0.844,\n 0.856,\n 0.867,\n 0.877,\n 0.887,\n 0.896,\n 0.904,\n 0.912,\n 0.919,\n 0.925,\n 0.931,\n 0.937,\n 0.942,\n 0.947,\n 0.951,\n 0.955,\n 0.959,\n 0.962,\n 0.965,\n 0.968,\n 0.971,\n 0.973,\n 0.976,\n 0.978,\n 0.98,\n 0.981,\n 0.983,\n 0.984,\n 0.986,\n 0.987,\n 0.988,\n 0.989,\n 0.99,\n 0.991,\n 0.992,\n 0.992,\n 0.993,\n 0.994,\n 0.994,\n 0.995,\n 0.995,\n 0.996,\n 0.996,\n 0.9963,\n 0.9967,\n 0.9969,\n 0.9972,\n 0.9975,\n 0.9977,\n 0.9979,\n 0.9981,\n 0.9982,\n 0.9984,\n 0.9985,\n 0.9987,\n 0.9988,\n 0.9989,\n 1\n )\n )\n );}\n\n /*\n * Where the wheel is actually drawn. `--_animated-number-offset-raw` is this\n * glyph's distance ahead of the current position, 0-9; the `round(down, ...)`\n * line re-centres that onto -5..5 so a glyph is placed on whichever side it is\n * nearer, and the clamp parks everything further than one box away at exactly\n * one box away. Nothing here is transitioned: it is recomputed every frame\n * from a scalar that is, which is what keeps a far glyph pinned outside the\n * window instead of tweening across it.\n */.animated-number-digit-glyph.svelte-1rbv9ao {display:block;height:var(--_animated-number-box, 1.76em);line-height:var(--_animated-number-box, 1.76em);--_animated-number-offset-raw: mod(\n 10 + var(--_animated-number-glyph, 0) - mod(var(--_animated-number-c, 0), 10),\n 10\n );--_animated-number-offset: calc(\n var(--_animated-number-offset-raw, 0) - 10 *\n round(down, var(--_animated-number-offset-raw, 0) / 5, 1)\n );--_animated-number-y: clamp(\n calc(-1 * var(--_animated-number-box, 1.76em)),\n calc(var(--_animated-number-offset, 0) * var(--_animated-number-box, 1.76em)),\n var(--_animated-number-box, 1.76em)\n );transform:translateY(var(--_animated-number-y, 0));}\n\n /* Only the current glyph stays in flow, so the column keeps one glyph's height\n and never resizes mid-roll. */.animated-number-digit-glyph[inert].svelte-1rbv9ao {position:absolute;top:0;left:0;width:100%;}\n\n /* At rest the column holds exactly the digit it reads as -- which is also what\n stops the other nine reaching find-in-page. They come back for the roll. */.animated-number-digit.svelte-1rbv9ao:not(.animated-number-digit--spinning) .animated-number-digit-glyph[inert]:where(.svelte-1rbv9ao) {display:none;}\n\n /* DESIGN_PRINCIPLES.md section 1 says only an animation with no natural end\n needs its own reduced-motion block, because --motion-duration: 0s would\n strand it on a keyframe meaning something else. This one is finite and has\n no such hazard -- but the token only stops it if something assigns it, and\n nothing in this library ever does: it exists as the middle rung of a\n fallback chain for consumers to reach. Left at that, a reader who asked\n their OS for reduced motion still watched every digit roll.\n\n Collapsing the duration here rather than duplicating the query in script\n keeps one mechanism for both routes: the attachment reads 0s and never\n starts an animation, so the digit is simply already correct. It lives in\n this component's own <style> because that is the only stylesheet reaching\n inside the shadow root a custom-element consumer gets. */\n @media (prefers-reduced-motion: reduce) {.animated-number-digit.svelte-1rbv9ao {--_animated-number-spin-duration: 0s;}\n }"
|
|
3611
|
+
code: ".animated-number.svelte-1rbv9ao {\n /*\n * One box, shared by the columns, the static characters and the glyphs, and\n * also the distance a step of one digit travels.\n *\n * Defined once and referred to as a LENGTH rather than each place computing\n * its own, and rather than the glyphs positioning themselves in percentages\n * of their own height. A percentage resolves against the element's used\n * height, which WebKit rounds: measured at a 70.39px box, it parked a\n * clamped glyph 70.0px away instead of 70.39px, leaving a 0.39px sliver of\n * the wrong digit inside the window on every frame of every roll. It fell\n * inside the fully transparent end of the mask so nothing showed, but it is\n * the sort of near-miss that stops being invisible at another font size.\n * Sharing one length makes the column and the glyph the same size by\n * construction instead of by agreement. (The reference implementation meets\n * the same rounding and rounds its mask height to whole pixels for it.)\n */--_animated-number-box: calc(\n var(--animated-number-row-height, 1.2em) + 2 * var(--animated-number-fade-height, 0.28em)\n );position:relative;display:inline-block;white-space:nowrap;font-variant-numeric:var(--animated-number-font-variant-numeric, tabular-nums);color:var(--animated-number-color, inherit);}\n\n /*\n * The number renders as the text it replaced, even against a host stylesheet\n * that styles bare elements.\n *\n * Every part of this component is a `<span>`: the root, the columns, the\n * glyphs and the selection-copy node. A consumer carrying a bare `span` rule\n * therefore hits all of them, and a type selector beats plain inheritance, so\n * the number silently stopped matching its own label -- which is a text node\n * in the parent and never affected.\n *\n * Measured rather than imagined: Lighthouse ships a bare `span` rule in\n * static/style/text.css that sets colour, font-size and font-weight from its\n * own tokens, and adopting the odometer there took every headline dashboard\n * metric from 24px/600 to 12px/400 in the tertiary text colour, across nine\n * routes. Nothing in this repo could have shown it: our own pages carry no\n * such rule.\n *\n * Declared on the classes rather than left to inheritance so a bare type\n * selector cannot win. `line-height` is deliberately NOT inherited -- the\n * column box is this component's own geometry and is set below.\n */.animated-number.svelte-1rbv9ao,\n .animated-number-plain.svelte-1rbv9ao,\n .animated-number-visual.svelte-1rbv9ao,\n .animated-number-digit.svelte-1rbv9ao,\n .animated-number-digit-glyph.svelte-1rbv9ao,\n .animated-number-literal.svelte-1rbv9ao {font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;letter-spacing:inherit;}\n\n /*\n * Colour is deliberately NOT in the group above, and the root is deliberately\n * not in this one.\n *\n * The root already resolves its colour through the token, and that\n * declaration sits EARLIER in this stylesheet. A grouped rule that also\n * matched `.animated-number` would set `color: inherit` at equal specificity\n * and later source order, so the token lost every time and the root silently\n * took the parent's colour instead -- which is indistinguishable from the\n * token working, because the token's own fallback IS `inherit`. Only a caller\n * that actually set `--animated-number-color` would have seen it ignored.\n *\n * The descendants still need the explicit declaration: a bare `span` selector\n * in a host stylesheet outranks plain inheritance, which is the whole reason\n * this block exists.\n */.animated-number-plain.svelte-1rbv9ao,\n .animated-number-visual.svelte-1rbv9ao,\n .animated-number-digit.svelte-1rbv9ao,\n .animated-number-digit-glyph.svelte-1rbv9ao,\n .animated-number-literal.svelte-1rbv9ao {color:inherit;}.animated-number-visual.svelte-1rbv9ao {\n /* Decorative glyph content, same treatment Avatar, KeyboardInput, Tabs,\n Calendar and Draggable already give theirs. */user-select:none;}\n\n /* Carries the real value for selection, copy and find-in-page. Clipped rather\n than `display: none` or `visibility: hidden`, both of which would take it out\n of the text layer and defeat the point. It sits inside the `role=\"img\"` root,\n so assistive technology never reaches it -- the root's aria-label is the one\n accessible name. */.animated-number-plain.svelte-1rbv9ao {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}\n\n /*\n * Both the digit columns and the static characters use ONE box height, so they\n * sit on the same line however the fade is tuned: the text row plus a fade band\n * above and below. The negative margin hands those two bands back to the line\n * box, so the number still occupies exactly `--animated-number-row-height` in\n * the surrounding text and adding a fade never shifts the baseline.\n */\n /*\n * Both the digit columns and the static characters use ONE box height, so they\n * sit on the same line however the fade is tuned: the text row plus a fade band\n * above and below. The negative margin hands those two bands back to the line\n * box, so the number still occupies exactly `--animated-number-row-height` in\n * the surrounding text and adding a fade never shifts the baseline. One box is\n * also exactly what a step of one digit travels, so a neighbour lands fully\n * outside the column rather than poking into the fade band where the mask is\n * still opaque.\n */.animated-number-digit.svelte-1rbv9ao,\n .animated-number-literal.svelte-1rbv9ao {display:inline-block;vertical-align:bottom;height:var(--_animated-number-box, 1.76em);line-height:var(--_animated-number-box, 1.76em);margin-block:calc(-1 * var(--animated-number-fade-height, 0.28em));}\n\n /*\n * `inline-block` above makes every column its own inline formatting context,\n * and collapsible whitespace at the edges of one of those is dropped -- so a\n * literal column holding exactly one space measured zero wide and \"12m 15s\"\n * painted as \"12m15s\". `pre` is the narrowest fix that keeps the space: it\n * changes nothing for a literal that is not whitespace, and a column is a\n * single character, so there is no wrapping behaviour to lose.\n *\n * Digits are exempt because they are never whitespace and their column has\n * its own width.\n */.animated-number-literal.svelte-1rbv9ao {white-space:pre;}.animated-number-digit.svelte-1rbv9ao {position:relative;width:var(--animated-number-digit-width, 1ch);text-align:center;\n /* The mask only fades what is inside this box; the clip is what removes the\n glyphs parked outside it. Without it they sit in plain view above and below\n the number. */overflow:hidden;-webkit-mask-image:linear-gradient(\n to bottom,\n transparent 0,\n #000 var(--animated-number-fade-height, 0.28em),\n #000 calc(100% - var(--animated-number-fade-height, 0.28em)),\n transparent 100%\n );mask-image:linear-gradient(\n to bottom,\n transparent 0,\n #000 var(--animated-number-fade-height, 0.28em),\n #000 calc(100% - var(--animated-number-fade-height, 0.28em)),\n transparent 100%\n );\n\n /*\n * The scalar every glyph below resolves its position from. A token stream,\n * not a value: it is substituted into the `mod()` in the glyph rule, where\n * `a + b` is an ordinary calc sum. The digit jumps to its new value and the\n * delta animates from `-delta` back to 0, so the sum travels from the old\n * digit to the new one and no glyph ever has its own position animated.\n */--_animated-number-c: var(--_animated-number-digit, 0) + var(--_animated-number-delta, 0);\n\n /*\n * The two-token chain, resolved here and read back by the attachment rather\n * than driving a `transition` -- which is why it still answers to\n * `--motion-duration` and to the reduced-motion block at the end of this\n * sheet, even though the motion is now one interpolated custom property.\n */--_animated-number-spin-duration: var(\n --animated-number-digit-transition-duration,\n var(--motion-duration, 0.9s)\n );--_animated-number-spin-easing: var(\n --animated-number-digit-transition-easing,\n var(\n --motion-easing,\n linear(\n 0,\n 0.005,\n 0.019,\n 0.039,\n 0.066,\n 0.096,\n 0.129,\n 0.165,\n 0.202,\n 0.24,\n 0.278,\n 0.316,\n 0.354,\n 0.39,\n 0.426,\n 0.461,\n 0.494,\n 0.526,\n 0.557,\n 0.586,\n 0.614,\n 0.64,\n 0.665,\n 0.689,\n 0.711,\n 0.731,\n 0.751,\n 0.769,\n 0.786,\n 0.802,\n 0.817,\n 0.831,\n 0.844,\n 0.856,\n 0.867,\n 0.877,\n 0.887,\n 0.896,\n 0.904,\n 0.912,\n 0.919,\n 0.925,\n 0.931,\n 0.937,\n 0.942,\n 0.947,\n 0.951,\n 0.955,\n 0.959,\n 0.962,\n 0.965,\n 0.968,\n 0.971,\n 0.973,\n 0.976,\n 0.978,\n 0.98,\n 0.981,\n 0.983,\n 0.984,\n 0.986,\n 0.987,\n 0.988,\n 0.989,\n 0.99,\n 0.991,\n 0.992,\n 0.992,\n 0.993,\n 0.994,\n 0.994,\n 0.995,\n 0.995,\n 0.996,\n 0.996,\n 0.9963,\n 0.9967,\n 0.9969,\n 0.9972,\n 0.9975,\n 0.9977,\n 0.9979,\n 0.9981,\n 0.9982,\n 0.9984,\n 0.9985,\n 0.9987,\n 0.9988,\n 0.9989,\n 1\n )\n )\n );}\n\n /*\n * Where the wheel is actually drawn. `--_animated-number-offset-raw` is this\n * glyph's distance ahead of the current position, 0-9; the `round(down, ...)`\n * line re-centres that onto -5..5 so a glyph is placed on whichever side it is\n * nearer, and the clamp parks everything further than one box away at exactly\n * one box away. Nothing here is transitioned: it is recomputed every frame\n * from a scalar that is, which is what keeps a far glyph pinned outside the\n * window instead of tweening across it.\n */.animated-number-digit-glyph.svelte-1rbv9ao {display:block;height:var(--_animated-number-box, 1.76em);line-height:var(--_animated-number-box, 1.76em);--_animated-number-offset-raw: mod(\n 10 + var(--_animated-number-glyph, 0) - mod(var(--_animated-number-c, 0), 10),\n 10\n );--_animated-number-offset: calc(\n var(--_animated-number-offset-raw, 0) - 10 *\n round(down, var(--_animated-number-offset-raw, 0) / 5, 1)\n );--_animated-number-y: clamp(\n calc(-1 * var(--_animated-number-box, 1.76em)),\n calc(var(--_animated-number-offset, 0) * var(--_animated-number-box, 1.76em)),\n var(--_animated-number-box, 1.76em)\n );transform:translateY(var(--_animated-number-y, 0));}\n\n /* Only the current glyph stays in flow, so the column keeps one glyph's height\n and never resizes mid-roll. */.animated-number-digit-glyph[inert].svelte-1rbv9ao {position:absolute;top:0;left:0;width:100%;}\n\n /* At rest the column holds exactly the digit it reads as -- which is also what\n stops the other nine reaching find-in-page. They come back for the roll. */.animated-number-digit.svelte-1rbv9ao:not(.animated-number-digit--spinning) .animated-number-digit-glyph[inert]:where(.svelte-1rbv9ao) {display:none;}\n\n /* DESIGN_PRINCIPLES.md section 1 says only an animation with no natural end\n needs its own reduced-motion block, because --motion-duration: 0s would\n strand it on a keyframe meaning something else. This one is finite and has\n no such hazard -- but the token only stops it if something assigns it, and\n nothing in this library ever does: it exists as the middle rung of a\n fallback chain for consumers to reach. Left at that, a reader who asked\n their OS for reduced motion still watched every digit roll.\n\n Collapsing the duration here rather than duplicating the query in script\n keeps one mechanism for both routes: the attachment reads 0s and never\n starts an animation, so the digit is simply already correct. It lives in\n this component's own <style> because that is the only stylesheet reaching\n inside the shadow root a custom-element consumer gets. */\n @media (prefers-reduced-motion: reduce) {.animated-number-digit.svelte-1rbv9ao {--_animated-number-spin-duration: 0s;}\n }"
|
|
3612
3612
|
};
|
|
3613
3613
|
function AnimatedNumber(e, t) {
|
|
3614
3614
|
push(t, !0), append_styles$1(e, $$css$203);
|
|
3615
|
-
let n = prop(t, "value", 7), i = prop(t, "locale", 7, "en-US"), a = prop(t, "format", 7), o = prop(t, "live", 7, "off"), s = prop(t, "
|
|
3615
|
+
let n = prop(t, "value", 7), i = prop(t, "locale", 7, "en-US"), a = prop(t, "format", 7), o = prop(t, "live", 7, "off"), s = prop(t, "animateOnMount", 7, !1), c = prop(t, "ariaLabel", 7), l = prop(t, "testId", 7), u = prop(t, "classes", 7), f = [
|
|
3616
3616
|
"0",
|
|
3617
3617
|
"1",
|
|
3618
3618
|
"2",
|
|
@@ -3623,17 +3623,17 @@ function AnimatedNumber(e, t) {
|
|
|
3623
3623
|
"7",
|
|
3624
3624
|
"8",
|
|
3625
3625
|
"9"
|
|
3626
|
-
],
|
|
3626
|
+
], p = (e) => {
|
|
3627
3627
|
let t = e.reduce((e, t) => t.type === "integer" ? e + [...t.value].length : e, 0), n = e.reduce((e, t) => t.type === "group" ? e + 1 : e, 0), i = 0, a = 0, o = 0, s = {}, c = [];
|
|
3628
3628
|
for (let l of e) if (l.type === "integer") for (let e of l.value) c.push({
|
|
3629
3629
|
kind: "digit",
|
|
3630
3630
|
key: `int-${t - 1 - i}`,
|
|
3631
|
-
digit: get(
|
|
3631
|
+
digit: get(R)(e)
|
|
3632
3632
|
}), i += 1;
|
|
3633
3633
|
else if (l.type === "fraction") for (let e of l.value) c.push({
|
|
3634
3634
|
kind: "digit",
|
|
3635
3635
|
key: `frac-${a}`,
|
|
3636
|
-
digit: get(
|
|
3636
|
+
digit: get(R)(e)
|
|
3637
3637
|
}), a += 1;
|
|
3638
3638
|
else if (l.type === "group") c.push({
|
|
3639
3639
|
kind: "literal",
|
|
@@ -3649,10 +3649,10 @@ function AnimatedNumber(e, t) {
|
|
|
3649
3649
|
});
|
|
3650
3650
|
}
|
|
3651
3651
|
return c;
|
|
3652
|
-
},
|
|
3652
|
+
}, h = (e) => {
|
|
3653
3653
|
let t = [...e], n = -1, i = -1;
|
|
3654
3654
|
t.forEach((e, t) => {
|
|
3655
|
-
get(
|
|
3655
|
+
get(R)(e) >= 0 && (n < 0 && (n = t), i = t);
|
|
3656
3656
|
});
|
|
3657
3657
|
let a = n >= 0, o = a ? t.slice(0, n) : t, s = a ? t.slice(n, i + 1) : [], c = a ? t.slice(i + 1) : [], l = [];
|
|
3658
3658
|
return o.forEach((e, t) => {
|
|
@@ -3662,7 +3662,7 @@ function AnimatedNumber(e, t) {
|
|
|
3662
3662
|
text: e
|
|
3663
3663
|
});
|
|
3664
3664
|
}), s.forEach((e, t) => {
|
|
3665
|
-
let n = `body-${s.length - 1 - t}`, i = get(
|
|
3665
|
+
let n = `body-${s.length - 1 - t}`, i = get(R)(e);
|
|
3666
3666
|
l.push(i >= 0 ? {
|
|
3667
3667
|
kind: "digit",
|
|
3668
3668
|
key: n,
|
|
@@ -3679,26 +3679,26 @@ function AnimatedNumber(e, t) {
|
|
|
3679
3679
|
text: e
|
|
3680
3680
|
});
|
|
3681
3681
|
}), l;
|
|
3682
|
-
},
|
|
3682
|
+
}, S = /* @__PURE__ */ user_derived(() => typeof n() == "number" && Object.is(n(), -0) ? 0 : n()), C = /* @__PURE__ */ user_derived(() => new Intl.NumberFormat(i(), a())), k = /* @__PURE__ */ user_derived(() => {
|
|
3683
3683
|
try {
|
|
3684
|
-
let e = get(
|
|
3684
|
+
let e = get(C).resolvedOptions().numberingSystem, t = new Intl.NumberFormat("en", {
|
|
3685
3685
|
numberingSystem: e,
|
|
3686
3686
|
useGrouping: !1
|
|
3687
3687
|
});
|
|
3688
3688
|
return Array.from({ length: 10 }, (e, n) => t.format(n));
|
|
3689
3689
|
} catch {
|
|
3690
|
-
return
|
|
3690
|
+
return f;
|
|
3691
3691
|
}
|
|
3692
|
-
}),
|
|
3693
|
-
let e = new Map(get(
|
|
3692
|
+
}), R = /* @__PURE__ */ user_derived(() => {
|
|
3693
|
+
let e = new Map(get(k).map((e, t) => [e, t]));
|
|
3694
3694
|
return (t) => e.get(t) ?? -1;
|
|
3695
|
-
}),
|
|
3695
|
+
}), te = /* @__PURE__ */ user_derived(() => typeof get(S) == "number" ? get(C).formatToParts(get(S)) : null), ne = /* @__PURE__ */ user_derived(() => get(te) === null ? String(get(S)) : get(te).map((e) => e.value).join("")), re = /* @__PURE__ */ state(!1);
|
|
3696
3696
|
onMount(() => {
|
|
3697
|
-
set(
|
|
3697
|
+
set(re, !0);
|
|
3698
3698
|
});
|
|
3699
|
-
let
|
|
3700
|
-
let a =
|
|
3701
|
-
if (
|
|
3699
|
+
let G = null, be = 0, Me = (e) => (G !== e && (be = G === null ? 0 : trendBetween(G, e, get(R)), G = e), be), Re = /* @__PURE__ */ new WeakMap(), Ue = /* @__PURE__ */ new WeakMap(), it = (e, t, n) => (i) => {
|
|
3700
|
+
let a = Me(n), o = Re.has(i), s = Re.get(i) ?? 0;
|
|
3701
|
+
if (Re.set(i, e), !t || !canSpin()) return;
|
|
3702
3702
|
let c = wheelDelta(e, o ? s : 0, a);
|
|
3703
3703
|
if (c === 0) return;
|
|
3704
3704
|
let l = getComputedStyle(i), u = durationMs(l.getPropertyValue("--_animated-number-spin-duration"));
|
|
@@ -3713,14 +3713,14 @@ function AnimatedNumber(e, t) {
|
|
|
3713
3713
|
} catch {
|
|
3714
3714
|
return;
|
|
3715
3715
|
}
|
|
3716
|
-
let p = (
|
|
3717
|
-
|
|
3716
|
+
let p = (Ue.get(i) ?? 0) + 1;
|
|
3717
|
+
Ue.set(i, p), i.classList.add("animated-number-digit--spinning");
|
|
3718
3718
|
let h = () => {
|
|
3719
|
-
|
|
3719
|
+
Ue.get(i) === p && i.classList.remove("animated-number-digit--spinning");
|
|
3720
3720
|
};
|
|
3721
3721
|
Promise.all(i.getAnimations().map((e) => e.finished)).then(h, h);
|
|
3722
|
-
},
|
|
3723
|
-
var
|
|
3722
|
+
}, at = /* @__PURE__ */ user_derived(() => get(te) === null ? h(String(get(S))) : p(get(te))), ot = /* @__PURE__ */ user_derived(() => c() ?? get(ne)), ct = /* @__PURE__ */ user_derived(() => get(ot).length > 0);
|
|
3723
|
+
var lt = {
|
|
3724
3724
|
get value() {
|
|
3725
3725
|
return n();
|
|
3726
3726
|
},
|
|
@@ -3745,36 +3745,42 @@ function AnimatedNumber(e, t) {
|
|
|
3745
3745
|
set live(e = "off") {
|
|
3746
3746
|
o(e), flushSync();
|
|
3747
3747
|
},
|
|
3748
|
-
get
|
|
3748
|
+
get animateOnMount() {
|
|
3749
3749
|
return s();
|
|
3750
3750
|
},
|
|
3751
|
-
set
|
|
3751
|
+
set animateOnMount(e = !1) {
|
|
3752
3752
|
s(e), flushSync();
|
|
3753
3753
|
},
|
|
3754
|
-
get
|
|
3754
|
+
get ariaLabel() {
|
|
3755
3755
|
return c();
|
|
3756
3756
|
},
|
|
3757
|
-
set
|
|
3757
|
+
set ariaLabel(e) {
|
|
3758
3758
|
c(e), flushSync();
|
|
3759
3759
|
},
|
|
3760
|
-
get
|
|
3760
|
+
get testId() {
|
|
3761
3761
|
return l();
|
|
3762
3762
|
},
|
|
3763
|
-
set
|
|
3763
|
+
set testId(e) {
|
|
3764
3764
|
l(e), flushSync();
|
|
3765
|
+
},
|
|
3766
|
+
get classes() {
|
|
3767
|
+
return u();
|
|
3768
|
+
},
|
|
3769
|
+
set classes(e) {
|
|
3770
|
+
u(e), flushSync();
|
|
3765
3771
|
}
|
|
3766
|
-
},
|
|
3767
|
-
reset(
|
|
3768
|
-
var
|
|
3769
|
-
return each(
|
|
3772
|
+
}, ut = root_3$65(), dt = child(ut), ft = child(dt, !0);
|
|
3773
|
+
reset(dt);
|
|
3774
|
+
var pt = sibling(dt, 2);
|
|
3775
|
+
return each(pt, 21, () => get(at), (e) => e.key, (e, t) => {
|
|
3770
3776
|
var n = comment(), i = first_child(n), a = (e) => {
|
|
3771
3777
|
var n = root_1$100();
|
|
3772
|
-
each(n, 22, () => get(
|
|
3778
|
+
each(n, 22, () => get(k), (e) => e, (e, n, i) => {
|
|
3773
3779
|
var a = root$111(), o = child(a, !0);
|
|
3774
3780
|
reset(a), template_effect(() => {
|
|
3775
3781
|
set_style(a, `--_animated-number-glyph: ${get(i) ?? ""};`), a.inert = get(i) !== get(t).digit, set_text(o, n);
|
|
3776
3782
|
}), append(e, a);
|
|
3777
|
-
}), reset(n), attach(n, () =>
|
|
3783
|
+
}), reset(n), attach(n, () => it(get(t).digit, get(re) || s(), get(S))), template_effect(() => set_style(n, `--_animated-number-digit: ${get(t).digit ?? ""};`)), append(e, n);
|
|
3778
3784
|
}, o = (e) => {
|
|
3779
3785
|
var n = root_2$77(), i = child(n, !0);
|
|
3780
3786
|
reset(n), template_effect(() => set_text(i, get(t).text)), append(e, n);
|
|
@@ -3782,15 +3788,16 @@ function AnimatedNumber(e, t) {
|
|
|
3782
3788
|
if_block(i, (e) => {
|
|
3783
3789
|
get(t).kind === "digit" ? e(a) : e(o, -1);
|
|
3784
3790
|
}), append(e, n);
|
|
3785
|
-
}), reset(
|
|
3786
|
-
set_class(
|
|
3787
|
-
}), append(e,
|
|
3791
|
+
}), reset(pt), reset(ut), template_effect(() => {
|
|
3792
|
+
set_class(ut, 1, `animated-number ${u() ?? "" ?? ""}`, "svelte-1rbv9ao"), set_attribute(ut, "data-pw", l() ?? null), set_attribute(ut, "testid", l() ?? null), set_attribute(ut, "role", get(ct) ? "img" : null), set_attribute(ut, "aria-label", get(ct) ? get(ot) : null), set_attribute(ut, "aria-live", o() === "off" ? null : o()), set_text(ft, get(ne));
|
|
3793
|
+
}), append(e, ut), pop(lt);
|
|
3788
3794
|
}
|
|
3789
3795
|
create_custom_element(AnimatedNumber, {
|
|
3790
3796
|
value: {},
|
|
3791
3797
|
locale: {},
|
|
3792
3798
|
format: {},
|
|
3793
3799
|
live: {},
|
|
3800
|
+
animateOnMount: {},
|
|
3794
3801
|
ariaLabel: {},
|
|
3795
3802
|
testId: {},
|
|
3796
3803
|
classes: {}
|
|
@@ -3830,6 +3837,11 @@ customElements.define("sui-animated-number", create_custom_element(AnimatedNumbe
|
|
|
3830
3837
|
attribute: "aria-label",
|
|
3831
3838
|
type: "String"
|
|
3832
3839
|
},
|
|
3840
|
+
animateOnMount: {
|
|
3841
|
+
attribute: "animate-on-mount",
|
|
3842
|
+
reflect: !0,
|
|
3843
|
+
type: "Boolean"
|
|
3844
|
+
},
|
|
3833
3845
|
testId: {
|
|
3834
3846
|
attribute: "test-id",
|
|
3835
3847
|
type: "String"
|
|
@@ -21874,7 +21886,7 @@ var normalizeColumns = (e, t) => ({
|
|
|
21874
21886
|
})),
|
|
21875
21887
|
rest: n.length - i.length
|
|
21876
21888
|
};
|
|
21877
|
-
}, trend_up_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 11.5L6.5 7L9 9.5L14 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 4.5H14V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", trend_down_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 4.5L6.5 9L9 6.5L14 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 11.5H14V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", dots_vertical_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <circle cx=\"8\" cy=\"3\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"13\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>\n", root$45 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <!></div>"), root_1$42 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div>"), root_2$32 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-label-icon svelte-4boxsj\"><!></span>"), root_3$29 = /* @__PURE__ */ from_html("<div><!> <span> </span></div>"), root_4$25 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb svelte-4boxsj\"><!></span>"), root_5$24 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb builtin-thumb-placeholder svelte-4boxsj\"> </span>"), root_6$22 = /* @__PURE__ */ from_html("<div><!> <div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div></div>"), root_7$20 = /* @__PURE__ */ from_html("<div></div>"), root_8$18 = /* @__PURE__ */ from_html("<span class=\"builtin-avatar-rest svelte-4boxsj\"> </span>"), root_9$15 = /* @__PURE__ */ from_html("<div><!> <!></div>"), root_10$14 = /* @__PURE__ */ from_html("<span class=\"builtin-primary-text svelte-4boxsj\"> </span>"), root_11$12 = /* @__PURE__ */ from_html("<span class=\"builtin-secondary-text svelte-4boxsj\"> </span>"), root_12$11 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-up svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> <!></span>"), root_13$9 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-down svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> <!></span>"), root_14$8 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\">↔ 0%</span>"), root_15$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\"> </span>"), root_16$5 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_17$5 = /* @__PURE__ */ from_html("<span class=\"builtin-toggle svelte-4boxsj\" role=\"switch\"><!></span>"), root_18$4 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive svelte-4boxsj\"><!></span>"), root_19$4 = /* @__PURE__ */ from_html("<img class=\"builtin-input-icon svelte-4boxsj\" alt=\"\"/>"), root_20$4 = /* @__PURE__ */ from_html("<img class=\"builtin-button-icon svelte-4boxsj\" alt=\"\"/>"), root_21$3 = /* @__PURE__ */ from_html("<span><!></span>"), root_22$3 = /* @__PURE__ */ from_html("<span class=\"builtin-menu-dots svelte-4boxsj\"></span>"), root_23$3 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-button svelte-4boxsj\"><!></span>"), root_24$
|
|
21889
|
+
}, trend_up_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 11.5L6.5 7L9 9.5L14 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 4.5H14V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", trend_down_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 4.5L6.5 9L9 6.5L14 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 11.5H14V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", dots_vertical_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <circle cx=\"8\" cy=\"3\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"13\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>\n", root$45 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <!></div>"), root_1$42 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div>"), root_2$32 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-label-icon svelte-4boxsj\"><!></span>"), root_3$29 = /* @__PURE__ */ from_html("<div><!> <span> </span></div>"), root_4$25 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb svelte-4boxsj\"><!></span>"), root_5$24 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb builtin-thumb-placeholder svelte-4boxsj\"> </span>"), root_6$22 = /* @__PURE__ */ from_html("<div><!> <div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div></div>"), root_7$20 = /* @__PURE__ */ from_html("<div></div>"), root_8$18 = /* @__PURE__ */ from_html("<span class=\"builtin-avatar-rest svelte-4boxsj\"> </span>"), root_9$15 = /* @__PURE__ */ from_html("<div><!> <!></div>"), root_10$14 = /* @__PURE__ */ from_html("<span class=\"builtin-primary-text svelte-4boxsj\"> </span>"), root_11$12 = /* @__PURE__ */ from_html("<span class=\"builtin-secondary-text svelte-4boxsj\"> </span>"), root_12$11 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-up svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> <!></span>"), root_13$9 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-down svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> <!></span>"), root_14$8 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\">↔ 0%</span>"), root_15$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\"> </span>"), root_16$5 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_17$5 = /* @__PURE__ */ from_html("<span class=\"builtin-toggle svelte-4boxsj\" role=\"switch\"><!></span>"), root_18$4 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive svelte-4boxsj\"><!></span>"), root_19$4 = /* @__PURE__ */ from_html("<img class=\"builtin-input-icon svelte-4boxsj\" alt=\"\"/>"), root_20$4 = /* @__PURE__ */ from_html("<img class=\"builtin-button-icon svelte-4boxsj\" alt=\"\"/>"), root_21$3 = /* @__PURE__ */ from_html("<span><!></span>"), root_22$3 = /* @__PURE__ */ from_html("<span class=\"builtin-menu-dots svelte-4boxsj\"></span>"), root_23$3 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-button svelte-4boxsj\"><!></span>"), root_24$3 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive builtin-action-group svelte-4boxsj\"><!> <!></span>"), root_25$2 = /* @__PURE__ */ from_html("<span class=\"builtin-copy-icon svelte-4boxsj\"></span>"), root_26$2 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copied svelte-4boxsj\">Copied</span>"), root_27$1 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copy svelte-4boxsj\"><!></span> <!>", 1), root_28$1 = /* @__PURE__ */ from_html("<div class=\"builtin-link svelte-4boxsj\"><a target=\"_blank\" rel=\"noopener noreferrer\" class=\"builtin-link-anchor svelte-4boxsj\"> </a> <!></div>"), $$css$87 = {
|
|
21878
21890
|
hash: "svelte-4boxsj",
|
|
21879
21891
|
code: ".builtin-primary-text.svelte-4boxsj {display:block;font-size:var(--table-cell-primary-font-size, var(--table-content-font-size, 14px));color:var(--table-cell-primary-color, var(--table-content-color, #111827));}.builtin-secondary-text.svelte-4boxsj {display:block;font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);}.builtin-two-line.svelte-4boxsj,\n .builtin-compare.svelte-4boxsj {display:flex;flex-direction:column;gap:var(--table-cell-line-gap, 2px);}\n\n /* column.align lands on the td as text-align, which flex layouts ignore.\n Column-flex builtins follow it via align-items… */.builtin-two-line.builtin-align-end.svelte-4boxsj,\n .builtin-compare.builtin-align-end.svelte-4boxsj {align-items:flex-end;}.builtin-two-line.builtin-align-center.svelte-4boxsj,\n .builtin-compare.builtin-align-center.svelte-4boxsj {align-items:center;}\n\n /* …and row-flex builtins follow it via justify-content. */.builtin-text-tag.builtin-align-end.svelte-4boxsj,\n .builtin-icon-label.builtin-align-end.svelte-4boxsj,\n .builtin-image-two-line.builtin-align-end.svelte-4boxsj,\n .builtin-tag-array.builtin-align-end.svelte-4boxsj,\n .builtin-avatar-stack.builtin-align-end.svelte-4boxsj {justify-content:flex-end;}.builtin-text-tag.builtin-align-center.svelte-4boxsj,\n .builtin-icon-label.builtin-align-center.svelte-4boxsj,\n .builtin-image-two-line.builtin-align-center.svelte-4boxsj,\n .builtin-tag-array.builtin-align-center.svelte-4boxsj,\n .builtin-avatar-stack.builtin-align-center.svelte-4boxsj {justify-content:center;}.builtin-text-tag.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-label.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-label-icon.svelte-4boxsj img,\n .builtin-icon-label-icon.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);color:var(--table-cell-icon-color, inherit);display:block;}.builtin-image-two-line.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-thumb.svelte-4boxsj {display:inline-flex;width:var(--table-cell-thumb-size, 32px);height:var(--table-cell-thumb-size, 32px);border-radius:var(--table-cell-thumb-radius, var(--radius, 4px));overflow:hidden;flex-shrink:0;}.builtin-thumb.svelte-4boxsj img {width:100%;height:100%;object-fit:cover;}.builtin-thumb-placeholder.svelte-4boxsj {display:flex;align-items:center;justify-content:center;background-color:var(--table-cell-thumb-placeholder-background, #f3f4f6);color:var(--table-cell-thumb-placeholder-color, #4b5563);font-size:var(--table-cell-thumb-placeholder-font-size, 14px);font-weight:600;line-height:1;text-transform:uppercase;}.builtin-tag-array.svelte-4boxsj {display:flex;flex-wrap:wrap;gap:var(--table-tag-array-gap, 4px);}.builtin-avatar-stack.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-avatar-rest.svelte-4boxsj {font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);}.builtin-trend.svelte-4boxsj {display:inline-flex;align-items:center;gap:var(--table-trend-gap, 4px);font-size:var(--table-cell-secondary-font-size, 12px);}.builtin-trend-up.svelte-4boxsj {color:var(--table-trend-up-color, #166534);}.builtin-trend-down.svelte-4boxsj {color:var(--table-trend-down-color, #dc2626);}.builtin-trend-flat.svelte-4boxsj {color:var(--table-trend-flat-color, #6b7280);}.builtin-trend-icon.svelte-4boxsj svg {width:var(--table-trend-icon-size, 12px);height:var(--table-trend-icon-size, 12px);display:block;}.builtin-toggle.svelte-4boxsj {display:inline-flex;align-items:center;}.builtin-interactive.svelte-4boxsj {display:inline-flex;align-items:center;min-width:0;width:var(--table-interactive-width, auto);}.builtin-input-icon.svelte-4boxsj {display:block;width:var(--table-cell-input-icon-size, 16px);height:var(--table-cell-input-icon-size, 16px);}.builtin-button-icon.svelte-4boxsj {display:block;width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);}.builtin-action-group.svelte-4boxsj {gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-button.svelte-4boxsj {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-cell-icon-button-color, #6b7280);--button-hover-color: var(--table-cell-icon-button-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;}.builtin-menu-dots.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);display:block;}.builtin-link.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);min-width:0;}.builtin-link-anchor.svelte-4boxsj {color:var(--table-link-color, #2563eb);text-decoration:var(--table-link-decoration, underline);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}.builtin-link-copy.svelte-4boxsj {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-link-copy-color, #6b7280);--button-hover-color: var(--table-link-copy-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;flex-shrink:0;}.builtin-copy-icon.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);display:block;}.builtin-link-copied.svelte-4boxsj {font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);flex-shrink:0;}"
|
|
21880
21892
|
};
|
|
@@ -22377,7 +22389,7 @@ function BuiltinCell(e, t) {
|
|
|
22377
22389
|
}, ut = (e) => {
|
|
22378
22390
|
let t = /* @__PURE__ */ user_derived(() => asActionGroupCellData(i()));
|
|
22379
22391
|
var c = comment(), l = first_child(c), f = (e) => {
|
|
22380
|
-
var i = root_24$
|
|
22392
|
+
var i = root_24$3(), c = child(i), l = (e) => {
|
|
22381
22393
|
let i = (e) => {
|
|
22382
22394
|
var t = root_20$4();
|
|
22383
22395
|
template_effect(() => set_attribute(t, "src", get(s).iconUrl)), append(e, t);
|
|
@@ -22610,7 +22622,7 @@ delegate(["click", "keydown"]), create_custom_element(BuiltinCell, {
|
|
|
22610
22622
|
}, [], [], { mode: "open" });
|
|
22611
22623
|
//#endregion
|
|
22612
22624
|
//#region src/lib/assets/sort-default.svg?raw
|
|
22613
|
-
var sort_default_default = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64645 1.64645C5.84171 1.45118 6.15829 1.45118 6.35355 1.64645L8.85355 4.14645C9.04882 4.34171 9.04882 4.65829 8.85355 4.85355C8.65829 5.04882 8.34171 5.04882 8.14645 4.85355L6 2.70711L3.85355 4.85355C3.65829 5.04882 3.34171 5.04882 3.14645 4.85355C2.95118 4.65829 2.95118 4.34171 3.14645 4.14645L5.64645 1.64645Z\" fill=\"currentColor\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.14645 7.14645C3.34171 6.95118 3.65829 6.95118 3.85355 7.14645L6 9.29289L8.14645 7.14645C8.34171 6.95118 8.65829 6.95118 8.85355 7.14645C9.04882 7.34171 9.04882 7.65829 8.85355 7.85355L6.35355 10.3536C6.15829 10.5488 5.84171 10.5488 5.64645 10.3536L3.14645 7.85355C2.95118 7.65829 2.95118 7.34171 3.14645 7.14645Z\" fill=\"currentColor\"/>\n</svg>\n", root$44 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$41 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\"></button>"), root_2$31 = /* @__PURE__ */ from_html("<div class=\"table-search svelte-171ci2i\"><span class=\"table-search-icon svelte-171ci2i\"></span> <input class=\"table-search-input svelte-171ci2i\" type=\"search\" autocomplete=\"off\"/> <!></div>"), root_3$28 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$24 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$23 = /* @__PURE__ */ from_html("<th><!></th>"), root_6$21 = /* @__PURE__ */ from_html("<th></th>"), root_7$19 = /* @__PURE__ */ from_html("<th> </th>"), root_8$17 = /* @__PURE__ */ from_html("<span> </span>"), root_9$14 = /* @__PURE__ */ from_html("<span class=\"table-header-filter-icon svelte-171ci2i\"></span>"), root_10$13 = /* @__PURE__ */ from_html("<span><!></span>"), root_11$11 = /* @__PURE__ */ from_html("<span class=\"table-header-filter svelte-171ci2i\"><!></span>"), root_12$10 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-asc\"></span>"), root_13$8 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-desc\"></span>"), root_14$7 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-idle\"></span>"), root_15$5 = /* @__PURE__ */ from_html("<div class=\"sort-button svelte-171ci2i\"><!></div>"), root_16$4 = /* @__PURE__ */ from_html("<!> <span class=\"table-inline-search-clear svelte-171ci2i\"><!></span>", 1), root_17$4 = /* @__PURE__ */ from_html("<span class=\"table-inline-search-trigger svelte-171ci2i\"><!></span>"), root_18$3 = /* @__PURE__ */ from_html("<span class=\"table-header-inline-search svelte-171ci2i\"><!></span>"), root_19$3 = /* @__PURE__ */ from_html("<th><span class=\"table-header-content svelte-171ci2i\"><!> <!> <!> <!></span></th>"), root_20$3 = /* @__PURE__ */ from_html("<tr class=\"svelte-171ci2i\"><td class=\"table-empty svelte-171ci2i\"><!></td></tr>"), root_21$2 = /* @__PURE__ */ from_html("<span class=\"table-mobile-label svelte-171ci2i\" aria-hidden=\"true\">Select</span>"), root_22$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-checkbox-col svelte-171ci2i\"><!><!></td>"), root_23$2 = /* @__PURE__ */ from_html("<span class=\"table-mobile-label svelte-171ci2i\" aria-hidden=\"true\"> </span>"), root_24$
|
|
22625
|
+
var sort_default_default = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64645 1.64645C5.84171 1.45118 6.15829 1.45118 6.35355 1.64645L8.85355 4.14645C9.04882 4.34171 9.04882 4.65829 8.85355 4.85355C8.65829 5.04882 8.34171 5.04882 8.14645 4.85355L6 2.70711L3.85355 4.85355C3.65829 5.04882 3.34171 5.04882 3.14645 4.85355C2.95118 4.65829 2.95118 4.34171 3.14645 4.14645L5.64645 1.64645Z\" fill=\"currentColor\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.14645 7.14645C3.34171 6.95118 3.65829 6.95118 3.85355 7.14645L6 9.29289L8.14645 7.14645C8.34171 6.95118 8.65829 6.95118 8.85355 7.14645C9.04882 7.34171 9.04882 7.65829 8.85355 7.85355L6.35355 10.3536C6.15829 10.5488 5.84171 10.5488 5.64645 10.3536L3.14645 7.85355C2.95118 7.65829 2.95118 7.34171 3.14645 7.14645Z\" fill=\"currentColor\"/>\n</svg>\n", root$44 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$41 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\"></button>"), root_2$31 = /* @__PURE__ */ from_html("<div class=\"table-search svelte-171ci2i\"><span class=\"table-search-icon svelte-171ci2i\"></span> <input class=\"table-search-input svelte-171ci2i\" type=\"search\" autocomplete=\"off\"/> <!></div>"), root_3$28 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$24 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$23 = /* @__PURE__ */ from_html("<th><!></th>"), root_6$21 = /* @__PURE__ */ from_html("<th></th>"), root_7$19 = /* @__PURE__ */ from_html("<th> </th>"), root_8$17 = /* @__PURE__ */ from_html("<span> </span>"), root_9$14 = /* @__PURE__ */ from_html("<span class=\"table-header-filter-icon svelte-171ci2i\"></span>"), root_10$13 = /* @__PURE__ */ from_html("<span><!></span>"), root_11$11 = /* @__PURE__ */ from_html("<span class=\"table-header-filter svelte-171ci2i\"><!></span>"), root_12$10 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-asc\"></span>"), root_13$8 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-desc\"></span>"), root_14$7 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-idle\"></span>"), root_15$5 = /* @__PURE__ */ from_html("<div class=\"sort-button svelte-171ci2i\"><!></div>"), root_16$4 = /* @__PURE__ */ from_html("<!> <span class=\"table-inline-search-clear svelte-171ci2i\"><!></span>", 1), root_17$4 = /* @__PURE__ */ from_html("<span class=\"table-inline-search-trigger svelte-171ci2i\"><!></span>"), root_18$3 = /* @__PURE__ */ from_html("<span class=\"table-header-inline-search svelte-171ci2i\"><!></span>"), root_19$3 = /* @__PURE__ */ from_html("<th><span class=\"table-header-content svelte-171ci2i\"><!> <!> <!> <!></span></th>"), root_20$3 = /* @__PURE__ */ from_html("<tr class=\"svelte-171ci2i\"><td class=\"table-empty svelte-171ci2i\"><!></td></tr>"), root_21$2 = /* @__PURE__ */ from_html("<span class=\"table-mobile-label svelte-171ci2i\" aria-hidden=\"true\">Select</span>"), root_22$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-checkbox-col svelte-171ci2i\"><!><!></td>"), root_23$2 = /* @__PURE__ */ from_html("<span class=\"table-mobile-label svelte-171ci2i\" aria-hidden=\"true\"> </span>"), root_24$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-row-number-col svelte-171ci2i\"><!><span class=\"table-mobile-value svelte-171ci2i\"> </span></td>"), root_25$1 = /* @__PURE__ */ from_html("<div><!></div>"), root_26$1 = /* @__PURE__ */ from_html("<td><!><!></td>"), root_27 = /* @__PURE__ */ from_html("<tr><!><!><!></tr>"), root_28 = /* @__PURE__ */ from_html("<div class=\"table-footer svelte-171ci2i\"><!></div>"), root_29 = /* @__PURE__ */ from_html("<span class=\"table-paginator-size svelte-171ci2i\"><!></span>"), root_30 = /* @__PURE__ */ from_html("<span class=\"table-paginator-controls svelte-171ci2i\"><!> <!></span>"), root_31 = /* @__PURE__ */ from_html("<div class=\"table-footer table-paginator svelte-171ci2i\"><span class=\"table-paginator-range svelte-171ci2i\"> </span> <!></div>"), root_32 = /* @__PURE__ */ from_html("<div><div><div class=\"table-scroll svelte-171ci2i\"><table class=\"svelte-171ci2i\"><!><thead class=\"svelte-171ci2i\"><tr class=\"svelte-171ci2i\"><!><!><!></tr></thead><tbody class=\"svelte-171ci2i\"><!></tbody></table></div></div> <!></div>"), root_33 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), $$css$86 = {
|
|
22614
22626
|
hash: "svelte-171ci2i",
|
|
22615
22627
|
code: "\n /* ── Title ─────────────────────────────────────────────────────────────── */.table-title.svelte-171ci2i {margin:var(--table-title-margin, 0px 0px 12px 0px);font-size:var(--table-title-font-size, var(--table-tile-font-size, 18px));font-weight:var(--table-title-font-weight, 600);\n /* Unlike .table-content, a heading legitimately has no background of its\n own -- it sits directly on whatever surface the consumer places it on.\n The old #111827 literal ignored that surface entirely: on a dark page\n it measured a contrast of 1.03 against #1a1a26, i.e. invisible. `color`\n already inherits by default, so `inherit` states that explicitly and\n lets the title track its container's text colour; `currentColor` would\n resolve to the same value here (the spec special-cases it to mean\n exactly `inherit` for the `color` property) but reads as if it were\n referencing a colour set elsewhere on this rule, which it isn't. */color:var(--table-title-color, inherit);font-family:var(--table-title-font-family, inherit);padding:var(--table-title-padding);}\n\n /* ── C2-3 Search bar ────────────────────────────────────────────────────── */.table-search.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-search-gap, 8px);padding:var(--table-search-padding, 8px 12px);border:var(--table-search-border, 1px solid #e5e7eb);border-radius:var(--table-search-border-radius, var(--radius, 4px));background-color:var(--table-search-background, #ffffff);margin-bottom:var(--table-search-margin-bottom, 8px);}.table-search-icon.svelte-171ci2i {display:inline-flex;align-items:center;color:var(--table-search-icon-color, #9ca3af);flex-shrink:0;}.table-search-icon.svelte-171ci2i svg {width:var(--table-search-icon-size, 16px);height:var(--table-search-icon-size, 16px);}.table-search-input.svelte-171ci2i {flex:1;border:none;outline:none;background:transparent;font-size:var(--table-search-font-size, 14px);color:var(--table-search-color, #111827);min-width:0;}.table-search-input.svelte-171ci2i:focus-visible {outline:2px solid var(--table-focus-outline-color, #3b82f6);outline-offset:2px;border-radius:var(--table-search-focus-border-radius, var(--radius, 4px));}.table-search-input.svelte-171ci2i::placeholder {color:var(--table-search-placeholder-color, #4b5563);}\n\n /* Hide browser-default clear button on search inputs */.table-search-input.svelte-171ci2i::-webkit-search-cancel-button {display:none;}.table-search-clear.svelte-171ci2i {display:inline-flex;align-items:center;padding:2px;border:none;background:transparent;color:var(--table-search-clear-color, #6b7280);cursor:pointer;border-radius:4px;flex-shrink:0;}.table-search-clear.svelte-171ci2i:hover {color:var(--table-search-clear-hover-color, #111827);background-color:var(--table-search-clear-hover-background, rgba(0, 0, 0, 0.05));}.table-search-clear.svelte-171ci2i svg {width:var(--table-search-clear-icon-size, 14px);height:var(--table-search-clear-icon-size, 14px);}.table-header-inline-search.svelte-171ci2i {display:inline-flex;align-items:center;gap:var(--table-inline-search-gap, 6px);margin-left:auto;}.table-inline-search-trigger.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: var(--table-inline-search-trigger-padding, 4px);--button-text-color: var(--table-inline-search-icon-color, #9ca3af);}.table-inline-search-trigger.svelte-171ci2i svg {width:var(--table-inline-search-icon-size, 16px);height:var(--table-inline-search-icon-size, 16px);display:block;}.table-inline-search-input.svelte-171ci2i {--input-margin: 0;width:var(--table-inline-search-input-width, 160px);}.table-inline-search-clear.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: var(--table-inline-search-clear-padding, 2px);--button-text-color: var(--table-inline-search-clear-color, #6b7280);}.table-inline-search-clear.svelte-171ci2i svg {width:var(--table-inline-search-clear-icon-size, 14px);height:var(--table-inline-search-clear-icon-size, 14px);}\n\n /* ── Container ──────────────────────────────────────────────────────────── */\n /* `hidden` is the default because it is what clips the table's corners to\n this element's border-radius; without it the first and last cells square\n off over the rounded border. A consumer who needs the container itself to\n scroll sideways sets this to `auto` and accepts that trade. Note the\n scrollable variant below sets `overflow-y`, and per the CSS overflow spec\n a `visible` on one axis computes to `auto` when the other is not visible,\n so `visible` here does not survive on a scrollable table. */.table-container.svelte-171ci2i {border:var(--table-border, 1px solid #e5e7eb);border-radius:var(--table-border-radius, var(--radius, 4px));width:var(--table-container-width, 100%);overflow:var(--table-container-overflow, hidden);}.scrollable-table.svelte-171ci2i {height:var(--table-container-height, 143px);overflow-y:auto;}.table-scroll-shell.svelte-171ci2i {position:relative;min-width:0;}\n\n /* Edge scrims: fade the clipped side of the table into its background so\n hidden columns read as \"more content this way\". Class-driven from live\n scroll state — never shown when the table fits. pointer-events: none\n keeps cells under the fade clickable; z-index 2 paints above sticky\n headers (z-index 1). */.table-scroll-shell.svelte-171ci2i::before,\n .table-scroll-shell.svelte-171ci2i::after {content:'';position:absolute;top:0;bottom:0;width:var(--table-scroll-scrim-width, 32px);opacity:0;pointer-events:none;transition:opacity var(--table-scroll-scrim-transition-duration, var(--motion-duration, 0.2s))\n var(--table-scroll-scrim-transition-easing, var(--motion-easing, ease));z-index:2;}.table-scroll-shell.svelte-171ci2i::before {left:0;border-radius:var(--table-border-radius, var(--radius, 4px)) 0 0\n var(--table-border-radius, var(--radius, 4px));background:linear-gradient(to right, var(--table-scroll-scrim-color, #ffffff), transparent);}.table-scroll-shell.svelte-171ci2i::after {right:0;border-radius:0 var(--table-border-radius, var(--radius, 4px))\n var(--table-border-radius, var(--radius, 4px)) 0;background:linear-gradient(to left, var(--table-scroll-scrim-color, #ffffff), transparent);}.table-scroll-shell.scrollable-left.svelte-171ci2i::before {opacity:1;}.table-scroll-shell.scrollable-right.svelte-171ci2i::after {opacity:1;}.table-scroll.svelte-171ci2i {overflow-x:auto;min-width:0;scrollbar-width:thin;}table.svelte-171ci2i {width:var(--table-width, 100%);border-collapse:var(--table-border-collapse, collapse);}.table-header.svelte-171ci2i,\n .table-content.svelte-171ci2i {border:var(--table-inner-border, none);padding:var(--table-padding, 12px 16px);text-align:var(--table-text-align, left);width:var(--table-column-width);\n /* Wrap at word boundaries; only a single word wider than the column may\n split as a last resort. break-word (not anywhere) keeps each column's\n min-content width at its longest word, so ordinary labels never split\n mid-word — the old break-all default did. Opt back in per consumer via\n --table-word-break / --table-overflow-wrap. */word-break:var(--table-word-break, normal);overflow-wrap:var(--table-overflow-wrap, break-word);}.scrollable-content.svelte-171ci2i {overflow-y:auto;height:var(--scrollable-column-height, 20px);}.table-header.svelte-171ci2i {background-color:var(--table-header-background, var(--table-header-border-bgcolor, #f9fafb));font-size:var(--table-header-font-size, 13px);font-family:var(--table-header-font-family, inherit);font-weight:var(--table-header-font-weight, 600);letter-spacing:var(--table-header-letter-spacing, 0.02em);text-transform:var(--table-header-text-transform, inherit);color:var(--table-header-color, var(--table-header-font-color, #6b7280));border-bottom:var(--table-header-border, var(--table-inner-border, none));}.table-header-content.svelte-171ci2i {display:flex;align-items:center;gap:4px;justify-content:var(--table-header-justify, flex-start);}.table-header-label.svelte-171ci2i {text-decoration:var(--table-header-tooltip-underline, underline dotted);text-underline-offset:2px;cursor:help;}.table-header-label-plain.svelte-171ci2i {text-decoration:none;}.table-header-filter.svelte-171ci2i {display:inline-flex;align-items:center;}.table-header-filter-trigger.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-sort-button-color, inherit);--button-border-radius: 4px;--button-hover-color: var(--table-sort-button-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;align-items:center;opacity:var(--table-sort-idle-opacity, 0.5);}.table-header-filter-trigger.svelte-171ci2i:hover {opacity:var(--table-sort-idle-hover-opacity, 0.85);}.table-header-filter-active.svelte-171ci2i {opacity:1;color:var(--table-filter-active-color, #2563eb);}.table-header-filter-icon.svelte-171ci2i svg {width:var(--table-sort-icon-size, 14px);height:var(--table-sort-icon-size, 14px);display:block;}.table-cell-clamp.svelte-171ci2i {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.table-header-sticky.svelte-171ci2i {position:sticky;top:var(--table-header-sticky-top, 0);z-index:1;}.table-content.svelte-171ci2i {\n /* The terminal #ffffff matters as much as the colour beside it. Without it\n the whole declaration is invalid at computed-value time when neither\n variable is set, so the cell falls back to `transparent` and inherits\n whatever surface it lands on -- while `color` still resolves to a\n hardcoded near-black. On a dark page that is #111827 on #1a1a26: a\n measured contrast of 1.03, i.e. invisible. The header row never had the\n bug because it pairs its colour with a background of its own. */background-color:var(--table-content-background, var(--table-content-border-bgcolor, #ffffff));font-size:var(--table-content-font-size, 14px);font-family:var(--table-content-font-family, inherit);color:var(--table-content-color, var(--table-content-font-color, #111827));}\n\n /* Column highlight (TableColumn.highlighted). Row hover keeps higher\n specificity and row selection is declared later at equal specificity, so\n both row states paint over the column wash. */.table-header.table-col-highlighted.svelte-171ci2i {background-color:var(\n --table-col-highlight-header-background,\n var(--table-col-highlight-background, #f3f9ff)\n );}.table-content.table-col-highlighted.svelte-171ci2i {background-color:var(--table-col-highlight-background, #f3f9ff);}.table-row.svelte-171ci2i {border-bottom:var(--table-row-border, 1px solid #f3f4f6);background-color:var(--table-row-background);}.table-row.svelte-171ci2i:last-child {border-bottom:var(--table-row-last-border, none);}.table-row.svelte-171ci2i:nth-child(even) {background-color:var(--table-row-alt-background, var(--table-row-background));}.table-row.svelte-171ci2i:hover {background-color:var(--table-row-hover-background);}.table-row.svelte-171ci2i:hover > .table-content:where(.svelte-171ci2i) {background-color:var(\n --table-row-hover-background,\n var(--table-content-background, var(--table-content-border-bgcolor))\n );}.table-row-clickable.svelte-171ci2i {cursor:pointer;}.table-row-clickable.svelte-171ci2i:focus-visible {outline:2px solid var(--table-focus-outline-color, #3b82f6);outline-offset:-2px;}\n\n /* C2-1: Selected row highlight */.table-row-selected.svelte-171ci2i {background-color:var(--table-row-selected-background, #eff6ff);}.table-row-selected.svelte-171ci2i > .table-content:where(.svelte-171ci2i) {background-color:var(--table-row-selected-background, #eff6ff);}\n\n /* Summary/period-total row (summaryRowIndex): both the row and its cells,\n since a themed --table-content-background would otherwise paint over a\n row-level background. Falls back to the regular cell background. */.table-summary-row.svelte-171ci2i {background-color:var(--table-summary-row-background, var(--table-content-background));}.table-summary-row.svelte-171ci2i > .table-content:where(.svelte-171ci2i) {background-color:var(--table-summary-row-background, var(--table-content-background));}\n\n /* ── C2-1 Checkbox column ───────────────────────────────────────────────── */\n /* The column renders the library Checkbox. The table's own --table-checkbox-*\n tokens stay the public API and are bridged onto Checkbox's --checkbox-*\n variables here, so a consumer theming the table keeps working and a\n consumer theming Checkbox app-wide is overridden only inside the table. */.table-checkbox-col.svelte-171ci2i {width:var(--table-checkbox-col-width, 44px);padding:var(--table-checkbox-col-padding, 12px 12px);--checkbox-container-gap: 0;--checkbox-size: var(--table-checkbox-size, 18px);--checkbox-border: var(--table-checkbox-border, 2px solid #9ca3af);--checkbox-border-radius: var(--table-checkbox-border-radius, var(--radius, 4px));--checkbox-background: var(--table-checkbox-background, transparent);--checkbox-hover-border-color: var(--table-checkbox-hover-border-color, #6b7280);--checkbox-checked-background: var(--table-checkbox-checked-background, #2563eb);--checkbox-checked-border: var(\n --table-checkbox-checked-border,\n 2px solid var(--table-checkbox-checked-border-color, #2563eb)\n );--checkbox-indeterminate-background: var(--table-checkbox-indeterminate-background, #2563eb);--checkbox-indeterminate-border: var(\n --table-checkbox-indeterminate-border,\n 2px solid var(--table-checkbox-indeterminate-border-color, #2563eb)\n );--checkbox-disabled-opacity: var(--table-checkbox-disabled-opacity, 0.4);--checkbox-focus-ring: var(--table-checkbox-focus-ring, 0 0 0 3px rgba(59, 130, 246, 0.3));--checkbox-icon-size: var(--table-checkbox-icon-size, 12px);--checkbox-checkmark-color: var(--table-checkbox-icon-color, #ffffff);--checkbox-dash-color: var(--table-checkbox-icon-color, #ffffff);\n /* Named so a consumer can reach it. Table sets the Checkbox child's token\n directly, and a rule on the element beats anything declared at :root, so\n through <sui-table> the selection checkboxes' transition could not be\n slowed or stopped by any means -- custom properties are the only route\n across a shadow boundary and this one was already spoken for. */--checkbox-transition: var(--table-checkbox-transition, 0.15s);}\n\n /* ── Sort button ────────────────────────────────────────────────────────── */.sort-button.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-text-color: var(--table-sort-button-color, inherit);--button-border-radius: 4px;--button-width: fit-content;--button-height: fit-content;--button-hover-color: var(--table-sort-button-hover-background, rgba(0, 0, 0, 0.05));--button-hover-text-color: var(\n --table-sort-button-hover-color,\n var(--table-sort-button-color, inherit)\n );display:inline-flex;align-items:center;line-height:1;}.sort-button.svelte-171ci2i .sort-icon {display:inline-flex;align-items:center;}\n\n /* The sorted-direction half paints via currentColor; without an explicit\n color it inherits the Button's text color (white on the default button\n theme), which disappears on light headers. Default to the design\n system's active blue. */.sort-button.svelte-171ci2i .sort-icon:not(.sort-icon-idle) {color:var(--table-sort-active-color, #1b85ff);}.sort-button.svelte-171ci2i .sort-icon svg {width:var(--table-sort-icon-size, 14px);height:var(--table-sort-icon-size, 14px);display:block;}\n\n /* Two-tone state painting. The shared sort-default.svg asset stays\n color-agnostic (fill=\"currentColor\", like every other icon asset); the\n state colors live here. All halves default to the inactive fill, then\n the sorted direction's half is released back to currentColor (the\n active color above). Path order in the asset is up-chevron first,\n down-chevron second. */.sort-button.svelte-171ci2i .sort-icon svg path {fill:var(--table-sort-inactive-color, #c7c7c7);}.sort-button.svelte-171ci2i .sort-icon-asc svg path:first-child,\n .sort-button.svelte-171ci2i .sort-icon-desc svg path:last-child {fill:currentColor;}\n\n /* The design system draws every sort state fully opaque — faintness comes\n from the glyph fills (inactive halves #C7C7C7, active direction\n currentColor), never from transparency. The opacity vars remain for\n consumers that prefer a fade but now default to solid; hover steps the\n inactive halves to the design system's hover gray. */.sort-button.svelte-171ci2i .sort-icon-idle {opacity:var(--table-sort-idle-opacity, 1);}.sort-button.svelte-171ci2i:hover .sort-icon-idle {opacity:var(--table-sort-idle-hover-opacity, 1);--table-sort-inactive-color: var(--table-sort-hover-color, #797979);}\n\n /* ── Empty ──────────────────────────────────────────────────────────────── */.table-empty.svelte-171ci2i {padding:var(--table-empty-padding, 32px 24px);text-align:center;color:var(--table-empty-color, #9ca3af);}\n\n /* ── Footer ─────────────────────────────────────────────────────────────── */.table-footer.svelte-171ci2i {border-top:var(--table-footer-border, 1px solid #e5e7eb);padding:var(--table-footer-padding, 8px 16px);background-color:var(--table-footer-background, transparent);}.table-paginator.svelte-171ci2i {display:flex;align-items:center;justify-content:space-between;gap:var(--table-paginator-gap, 12px);flex-wrap:wrap;}.table-paginator-range.svelte-171ci2i {font-size:var(--table-paginator-range-font-size, 13px);color:var(--table-paginator-range-color, #6b7280);font-variant-numeric:tabular-nums;}.table-paginator-controls.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-paginator-gap, 12px);}.table-paginator-size.svelte-171ci2i {display:inline-flex;min-width:var(--table-paginator-size-width, 72px);\n /* Select's standalone defaults (40px min-height, 8px 12px padding) render\n 58px tall next to the 36px pagination buttons sharing this row. Match the\n steppers instead of towering over them. */--select-trigger-min-height: var(--table-paginator-size-height, 36px);--select-trigger-padding: var(--table-paginator-size-padding, 0 8px);}\n\n /* ── Toolbar (bulk actions) ─────────────────────────────────────────────── */.table-toolbar.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-toolbar-gap, 12px);padding:var(--table-toolbar-padding, 8px 12px);border:var(--table-toolbar-border, 1px solid #e5e7eb);border-radius:var(--table-toolbar-border-radius, var(--radius, 4px));background-color:var(--table-toolbar-background, #f9fafb);margin-bottom:var(--table-toolbar-margin-bottom, 8px);}\n\n /* ── Row-number column ──────────────────────────────────────────────────── */.table-row-number-col.svelte-171ci2i {width:var(--table-row-number-col-width, 48px);color:var(--table-row-number-color, #6b7280);font-variant-numeric:tabular-nums;text-align:var(--table-row-number-align, var(--table-text-align, left));}\n\n /* ── Accessibility ──────────────────────────────────────────────────────── */.sr-only.svelte-171ci2i {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border-width:0;}\n\n /* ── Mobile record cards (opt-in via `mobileCardLayout`) ──────────────────\n The label span is always in the DOM -- rendering it only under the media\n query below would mean an AT that queries computed style rather than\n layout (or a print stylesheet, or a future breakpoint change) sees no\n label at all until the exact 640px condition is re-evaluated. Keeping the\n element and toggling `display` is what lets `aria-hidden` on it (see the\n template) stay meaningful at every width: hidden today, but never a\n generated-content trick that could not carry that attribute in the first\n place. */.table-mobile-label.svelte-171ci2i {display:none;}\n\n /* The breakpoint is a literal, not `var(--table-mobile-breakpoint)`: a\n custom property can't be read inside an `@media` condition (only inside\n a declaration value), so a themable breakpoint was never on the table --\n documented in docs/Table.md rather than silently unsupported. */\n @media (max-width: 640px) {\n /* `display: table` (and its `-row`/`-cell`/etc. companions) is what gives\n a table its IMPLICIT header/cell ARIA semantics -- switching every one\n of these to `block` for the stacked-card look throws that away, which\n is exactly why `mobileRole()` in the script restates it explicitly as\n `table`/`rowgroup`/`row`/`columnheader`/`cell` on the elements below.\n Without both halves this rule would silently turn every consumer's\n table into an AX-tree list the moment their viewport narrowed. */.table-mobile-cards.svelte-171ci2i table:where(.svelte-171ci2i),\n .table-mobile-cards.svelte-171ci2i thead:where(.svelte-171ci2i),\n .table-mobile-cards.svelte-171ci2i tbody:where(.svelte-171ci2i),\n .table-mobile-cards.svelte-171ci2i tr:where(.svelte-171ci2i),\n .table-mobile-cards.svelte-171ci2i th:where(.svelte-171ci2i),\n .table-mobile-cards.svelte-171ci2i td:where(.svelte-171ci2i) {display:block;width:100%;}\n\n /* Headers are not shown as a row anymore -- their text now repeats per\n card as the `.table-mobile-label` beside each value -- but they stay\n in the DOM (not `display: none`) so `role=\"columnheader\"` continues\n naming its `role=\"cell\"` for any reading that still associates the\n two by DOM structure rather than only by the label span's text. */.table-mobile-cards.svelte-171ci2i thead:where(.svelte-171ci2i) {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border-width:0;}\n\n /* The horizontal-scroll affordance this table uses at desktop width (see\n .table-scroll / .table-scroll-shell above) has nothing to scroll once\n every cell is a full-width block, and a lingering scrim would fade a\n card edge that no longer clips anything. */.table-mobile-cards.svelte-171ci2i .table-scroll:where(.svelte-171ci2i) {overflow-x:visible;}.table-mobile-cards.svelte-171ci2i .table-scroll-shell:where(.svelte-171ci2i)::before,\n .table-mobile-cards.svelte-171ci2i .table-scroll-shell:where(.svelte-171ci2i)::after {display:none;}.table-mobile-cards.svelte-171ci2i tbody:where(.svelte-171ci2i) tr.table-row:where(.svelte-171ci2i) {border:var(--table-mobile-card-border, 1px solid #e5e7eb);border-radius:var(\n --table-mobile-card-radius,\n var(--table-border-radius, var(--radius, 4px))\n );padding:var(--table-mobile-card-padding, 12px);margin-block-end:var(--table-mobile-card-gap, 12px);}.table-mobile-cards.svelte-171ci2i tbody:where(.svelte-171ci2i) tr.table-row:where(.svelte-171ci2i):last-child {margin-block-end:0;}\n\n /* Each cell becomes a label/value pair instead of a table column; the\n label span (hidden above) is the only thing `display: inline` turns\n back on inside this query. */.table-mobile-cards.svelte-171ci2i td.table-content:where(.svelte-171ci2i) {display:flex;align-items:baseline;gap:var(--table-mobile-label-gap, 8px);border:none;}.table-mobile-cards.svelte-171ci2i .table-mobile-label:where(.svelte-171ci2i) {display:inline;flex:0 0 var(--table-mobile-label-width, 40%);font-weight:var(--table-mobile-label-font-weight, 600);color:var(--table-mobile-label-color, #6b7280);}.table-mobile-cards.svelte-171ci2i .table-mobile-value:where(.svelte-171ci2i),\n .table-mobile-cards.svelte-171ci2i td.table-content:where(.svelte-171ci2i) > div:where(.svelte-171ci2i) {flex:1 1 auto;min-width:0;}\n }"
|
|
22616
22628
|
};
|
|
@@ -23346,7 +23358,7 @@ function Table(e, t) {
|
|
|
23346
23358
|
get(Qn) && e(h);
|
|
23347
23359
|
});
|
|
23348
23360
|
var C = sibling(p), k = (e) => {
|
|
23349
|
-
var t = root_24$
|
|
23361
|
+
var t = root_24$2(), i = child(t), a = (e) => {
|
|
23350
23362
|
var t = root_23$2(), n = child(t, !0);
|
|
23351
23363
|
reset(t), template_effect(() => set_text(n, mt())), append(e, t);
|
|
23352
23364
|
};
|
|
@@ -33009,21 +33021,42 @@ create_custom_element(DeltaIndicator, {
|
|
|
33009
33021
|
classes: {}
|
|
33010
33022
|
}, [], [], { mode: "open" });
|
|
33011
33023
|
//#endregion
|
|
33012
|
-
//#region src/lib/StatCard/
|
|
33013
|
-
var
|
|
33024
|
+
//#region src/lib/StatCard/metric.ts
|
|
33025
|
+
var UNITS = new Set(/* @__PURE__ */ "k.l.m.b.t.cr.lac.lakh.mn.bn.s.ms.h.hr.hrs.d.day.days.min.mins.sec.secs.x.pt.pts.px".split(".")), DECORATION = /[\p{Nd}\s,.:+%()[\]]|\p{Sc}|\p{Pd}|\p{Sm}/gu, isAnimatableMetric = (e) => {
|
|
33026
|
+
if (typeof e != "string") return !1;
|
|
33027
|
+
let t = e.trim();
|
|
33028
|
+
return t.length === 0 || !/\p{Nd}/u.test(t) || /\.[a-z]{2,}(?:\/|$)|@|\/\//i.test(t) || /\([^)]*\p{Nd}[^)]*\)/u.test(t) ? !1 : t.replace(DECORATION, " ").split(/\s+/).filter((e) => e.length > 0).every((e) => UNITS.has(e.toLowerCase()));
|
|
33029
|
+
}, root$35 = /* @__PURE__ */ from_html("<span class=\"statcard-title-tooltip-trigger svelte-pfmus\"><span class=\"statcard-title statcard-title-tooltip svelte-pfmus\"> </span> <span class=\"statcard-tooltip-icon svelte-pfmus\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\" fill=\"none\" class=\"svelte-pfmus\"><circle cx=\"8\" cy=\"8\" r=\"6.5\" stroke=\"currentColor\" stroke-width=\"1.2\"></circle><rect x=\"7.25\" y=\"6.9\" width=\"1.5\" height=\"4.1\" rx=\"0.75\" fill=\"currentColor\"></rect><circle cx=\"8\" cy=\"4.8\" r=\"0.9\" fill=\"currentColor\"></circle></svg></span></span>"), root_1$34 = /* @__PURE__ */ from_html("<div class=\"statcard-title svelte-pfmus\"> </div>"), root_2$25 = /* @__PURE__ */ from_html("<div class=\"statcard-header-checkbox svelte-pfmus\"><!></div>"), root_3$24 = /* @__PURE__ */ from_html("<div class=\"statcard-header-right svelte-pfmus\"><!></div>"), root_4$21 = /* @__PURE__ */ from_html("<div class=\"statcard-header svelte-pfmus\"><div class=\"statcard-header-left svelte-pfmus\"><!> <!></div> <!></div>"), root_5$20 = /* @__PURE__ */ from_html("<div class=\"statcard-row-divider svelte-pfmus\"></div>"), root_6$19 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading statcard-row-heading-tooltip svelte-pfmus\"> </div>"), root_7$17 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading svelte-pfmus\"> </div>"), root_8$15 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading-wrap svelte-pfmus\"><!></div>"), root_9$12 = /* @__PURE__ */ from_html("<div class=\"statcard-comparison-value svelte-pfmus\">/ <!></div>"), root_10$11 = /* @__PURE__ */ from_html("<div class=\"statcard-delta statcard-delta-na svelte-pfmus\">N/A</div>"), root_11$9 = /* @__PURE__ */ from_html("<div> </div>"), root_12$8 = /* @__PURE__ */ from_html("<div class=\"statcard-row-subtitle svelte-pfmus\"> </div>"), root_13$6 = /* @__PURE__ */ from_html("<div class=\"statcard-breakdown-heading svelte-pfmus\"> </div>"), root_14$5 = /* @__PURE__ */ from_html("<div class=\"statcard-breakdown-item svelte-pfmus\"><div class=\"statcard-breakdown-label svelte-pfmus\"> </div> <div class=\"statcard-breakdown-value-line svelte-pfmus\"><div class=\"statcard-breakdown-value svelte-pfmus\"><!></div> <!></div></div>"), root_15$3 = /* @__PURE__ */ from_html("<!> <div class=\"statcard-breakdown-grid svelte-pfmus\"></div>", 1), root_16$2 = /* @__PURE__ */ from_html("<!> <div class=\"statcard-row svelte-pfmus\"><!> <div class=\"statcard-row-value-line svelte-pfmus\"><div><!></div> <!> <!> <!></div> <!> <!></div>", 1), root_17$2 = /* @__PURE__ */ from_html("<div></div>"), root_18$1 = /* @__PURE__ */ from_html("<div class=\"statcard-value svelte-pfmus\"><!></div>"), root_19$1 = /* @__PURE__ */ from_html("<div class=\"statcard-value svelte-pfmus\" data-sc-slot=\"value\"><!></div>"), root_20$1 = /* @__PURE__ */ from_html("<div class=\"statcard-value-row svelte-pfmus\"><!> <!></div>"), root_21$1 = /* @__PURE__ */ from_html("<div class=\"statcard-subtitle svelte-pfmus\" data-sc-slot=\"subtitle\"><!></div>"), root_22$1 = /* @__PURE__ */ from_html("<div class=\"statcard-children svelte-pfmus\"><!></div>"), root_23$1 = /* @__PURE__ */ from_html("<div class=\"statcard-footer svelte-pfmus\"><!></div>"), root_24$1 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$74 = {
|
|
33014
33030
|
hash: "svelte-pfmus",
|
|
33015
33031
|
code: ".statcard.svelte-pfmus {display:flex;flex-direction:column;gap:var(--statcard-gap, 4px);padding:var(--statcard-padding, 16px);background:var(--statcard-background, #ffffff);border:var(--statcard-border, 1px solid #e5e7eb);border-radius:var(--statcard-border-radius, var(--radius, 4px));box-shadow:var(--statcard-box-shadow, none);width:var(--statcard-width, auto);min-width:var(--statcard-min-width, 0);max-width:var(--statcard-max-width, none);height:var(--statcard-height, auto);color:var(--statcard-color, inherit);cursor:var(--statcard-cursor, default);box-sizing:border-box;}.statcard-interactive.svelte-pfmus {cursor:var(--statcard-cursor, pointer);}.statcard-interactive.svelte-pfmus:focus-visible {outline:var(--statcard-focus-outline, 2px solid currentColor);outline-offset:var(--statcard-focus-outline-offset, 2px);}.statcard-header.svelte-pfmus {order:var(--statcard-header-order, 0);display:flex;align-items:center;justify-content:space-between;gap:var(--statcard-header-gap, 8px);}.statcard-header-left.svelte-pfmus {display:flex;align-items:center;gap:var(--statcard-header-left-gap, 8px);flex:1;min-width:0;}.statcard-header-right.svelte-pfmus {display:flex;align-items:center;flex-shrink:0;}\n\n /* Wrapper keeps the checkbox in the event path (to stop bubbling to the card\n action). `margin-left: auto` pushes it to the header's right edge so the title\n stays left and the checkbox reads as a right-aligned control. (A previous\n `display: contents` here removed the box, which silently defeated the flex\n alignment.) */.statcard-header-checkbox.svelte-pfmus {display:flex;align-items:center;margin-left:auto;}.statcard-title.svelte-pfmus {font-size:var(--statcard-title-font-size, 12px);font-weight:var(--statcard-title-font-weight, 500);color:var(--statcard-title-color, #6b7280);line-height:var(--statcard-title-line-height, 1.4);white-space:var(--statcard-title-white-space, nowrap);overflow:hidden;text-overflow:ellipsis;}.statcard-title-tooltip-trigger.svelte-pfmus {display:inline-flex;align-items:center;gap:var(--statcard-tooltip-icon-gap, 4px);min-width:0;}.statcard-title-tooltip.svelte-pfmus {cursor:default;\n /* Default surface (Euler) uses the ⓘ icon as the tooltip affordance, so the\n title carries no underline. The Shopify theme flips both tokens — dotted\n underline on, icon off — via its own stylesheet. */text-decoration:var(--statcard-title-tooltip-decoration, none);text-underline-offset:2px;}.statcard-tooltip-icon.svelte-pfmus {display:var(--statcard-tooltip-icon-display, inline-flex);align-items:center;justify-content:center;width:var(--statcard-tooltip-icon-size, 14px);height:var(--statcard-tooltip-icon-size, 14px);flex-shrink:0;color:var(--statcard-tooltip-icon-color, currentColor);cursor:default;}.statcard-tooltip-icon.svelte-pfmus svg:where(.svelte-pfmus) {width:100%;height:100%;}.statcard-value-row.svelte-pfmus {order:var(--statcard-value-row-order, 0);display:flex;align-items:var(--statcard-value-row-align, baseline);gap:var(--statcard-value-row-gap, 8px);flex-wrap:wrap;}.statcard-value.svelte-pfmus {font-size:var(--statcard-value-font-size, 24px);font-weight:var(--statcard-value-font-weight, 600);color:var(--statcard-value-color, inherit);line-height:var(--statcard-value-line-height, 1.2);}.statcard-value-success.svelte-pfmus {color:var(--statcard-value-success-color, #16a34a);}.statcard-value-warning.svelte-pfmus {color:var(--statcard-value-warning-color, #b45309);}\n\n /* Per-row value typography override — falls back to the card-level value\n tokens so an unset row matches today's shared appearance exactly, then to\n the same literals as the last resort. Scoped to the row's value line so\n the single (non-rows) card value is unaffected. Mirrors the fallback\n shape of --statcard-row-subtitle-font-size below. */.statcard-row-value-line.svelte-pfmus .statcard-value:where(.svelte-pfmus) {font-size:var(--statcard-row-value-font-size, var(--statcard-value-font-size, 24px));font-weight:var(--statcard-row-value-font-weight, var(--statcard-value-font-weight, 600));}.statcard-delta.svelte-pfmus {font-size:var(--statcard-delta-font-size, 13px);font-weight:var(--statcard-delta-font-weight, 500);color:var(--statcard-delta-color, #6b7280);line-height:var(--statcard-delta-line-height, 1.4);}.statcard-delta-positive.svelte-pfmus {color:var(--statcard-delta-positive-color, #166534);}.statcard-delta-negative.svelte-pfmus {color:var(--statcard-delta-negative-color, #dc2626);}.statcard-delta-na.svelte-pfmus {color:var(--statcard-delta-na-color, var(--statcard-delta-color, #6b7280));}\n\n /* Inline comparison denominator (\"₹60k / ₹10L\") — a muted, slightly smaller\n companion to the metric value, baseline-aligned by the value row. */.statcard-comparison-value.svelte-pfmus {font-size:var(--statcard-comparison-font-size, 16px);font-weight:var(--statcard-comparison-font-weight, 700);color:var(--statcard-comparison-color, #c7c7c7);line-height:var(--statcard-comparison-line-height, 1.4);white-space:nowrap;}.statcard-subtitle.svelte-pfmus {order:var(--statcard-subtitle-order, 0);font-size:var(--statcard-subtitle-font-size, 12px);font-weight:var(--statcard-subtitle-font-weight, 400);color:var(--statcard-subtitle-color, #4b5563);line-height:var(--statcard-subtitle-line-height, 1.4);}\n\n /* Per-row subtitle — falls back to the card-level subtitle tokens so a\n consumer that already themes `.statcard-subtitle` gets a matching look\n with no extra wiring, then to the same literals as the last resort. */.statcard-row-subtitle.svelte-pfmus {order:var(--statcard-row-subtitle-order, 0);font-size:var(--statcard-row-subtitle-font-size, var(--statcard-subtitle-font-size, 12px));font-weight:var(\n --statcard-row-subtitle-font-weight,\n var(--statcard-subtitle-font-weight, 400)\n );color:var(--statcard-row-subtitle-color, var(--statcard-subtitle-color, #4b5563));line-height:var(\n --statcard-row-subtitle-line-height,\n var(--statcard-subtitle-line-height, 1.4)\n );}\n\n /* Multi-row layout */.statcard-rows.svelte-pfmus {order:var(--statcard-rows-order, 0);display:flex;flex-direction:column;gap:var(--statcard-rows-gap, 0px);}.statcard-row-divider.svelte-pfmus {height:var(--statcard-row-divider-height, 1px);background:var(--statcard-row-divider-color, #e5e7eb);margin:var(--statcard-row-divider-margin, 8px 0);}\n\n /* Horizontal layout: lay the metric sections side by side with vertical\n dividers. Each section flexes to share the available width equally. */.statcard-rows-horizontal.svelte-pfmus {flex-direction:row;}.statcard-rows-horizontal.svelte-pfmus .statcard-row:where(.svelte-pfmus) {flex:1;min-width:0;}.statcard-rows-horizontal.svelte-pfmus .statcard-row-divider:where(.svelte-pfmus) {align-self:stretch;flex-shrink:0;width:var(--statcard-row-divider-height, 1px);height:auto;margin:var(--statcard-row-divider-margin-horizontal, 0 16px);}.statcard-row.svelte-pfmus {display:flex;flex-direction:column;gap:var(--statcard-row-gap, 4px);}.statcard-row-heading-wrap.svelte-pfmus {order:var(--statcard-row-heading-order, 0);display:flex;align-items:center;}.statcard-row-heading.svelte-pfmus {font-size:var(--statcard-row-heading-font-size, 12px);font-weight:var(--statcard-row-heading-font-weight, 500);color:var(--statcard-row-heading-color, #6b7280);line-height:var(--statcard-row-heading-line-height, 1.4);}.statcard-row-heading-tooltip.svelte-pfmus {cursor:default;text-decoration:underline dotted;text-underline-offset:2px;}.statcard-row-value-line.svelte-pfmus {order:var(--statcard-row-value-line-order, 0);display:flex;align-items:baseline;gap:var(--statcard-row-value-gap, 8px);flex-wrap:wrap;}.statcard-row-additional.svelte-pfmus {\n /* Default: flows inline in the wrapping flex row and only breaks if it\n does not fit — matches short unit suffixes like \"%\" or \"ms\". */font-size:var(--statcard-row-additional-font-size, 12px);font-weight:var(--statcard-row-additional-font-weight, 400);color:var(--statcard-row-additional-color, #4b5563);line-height:1.4;}.statcard-row-additional-break.svelte-pfmus {\n /* Opt-in: forces its own line regardless of available width, for\n descriptive text that should never sit beside the value/delta. */flex-basis:var(--statcard-row-additional-flex-basis, 100%);}\n\n /* Breakdown grid */.statcard-breakdown-heading.svelte-pfmus {font-size:var(--statcard-breakdown-heading-font-size, 11px);font-weight:var(--statcard-breakdown-heading-font-weight, 600);color:var(--statcard-breakdown-heading-color, #6b7280);letter-spacing:0.04em;text-transform:var(--statcard-breakdown-heading-text-transform, uppercase);margin-top:var(--statcard-breakdown-heading-margin-top, 6px);}.statcard-breakdown-grid.svelte-pfmus {display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--statcard-breakdown-col-min, 100px), 1fr));gap:var(--statcard-breakdown-gap, 8px);margin-top:var(--statcard-breakdown-margin-top, 4px);}.statcard-breakdown-item.svelte-pfmus {display:flex;flex-direction:var(--statcard-breakdown-item-flex-direction, column);align-items:var(--statcard-breakdown-item-align-items, stretch);flex-wrap:var(--statcard-breakdown-item-flex-wrap, nowrap);gap:var(--statcard-breakdown-item-gap, 2px);}\n\n /* The metric value and its change indicator share one line (label sits above\n as the caption). Previously the delta was a third stacked child, so it\n rendered on its own line beneath the number. */.statcard-breakdown-value-line.svelte-pfmus {order:var(--statcard-breakdown-value-line-order, 0);display:flex;align-items:baseline;gap:var(--statcard-breakdown-value-gap, 6px);flex-wrap:wrap;}.statcard-breakdown-label.svelte-pfmus {font-size:var(--statcard-breakdown-label-font-size, 11px);font-weight:var(--statcard-breakdown-label-font-weight, 400);color:var(--statcard-breakdown-label-color, #4b5563);line-height:1.4;}.statcard-breakdown-value.svelte-pfmus {font-size:var(--statcard-breakdown-value-font-size, 14px);font-weight:var(--statcard-breakdown-value-font-weight, 600);color:var(--statcard-breakdown-value-color, inherit);line-height:1.2;}.statcard-children.svelte-pfmus {margin-top:var(--statcard-children-margin-top, 4px);}.statcard-footer.svelte-pfmus {margin-top:var(--statcard-footer-margin-top, 8px);padding-top:var(--statcard-footer-padding-top, 8px);border-top:var(--statcard-footer-border-top, 1px solid #e5e7eb);}"
|
|
33016
33032
|
};
|
|
33017
33033
|
function StatCard(e, t) {
|
|
33018
33034
|
push(t, !0), append_styles$1(e, $$css$74);
|
|
33019
|
-
let n = prop(t, "title", 7), i = prop(t, "value", 7), a = prop(t, "delta", 7), o = prop(t, "deltaPositive", 7), s = prop(t, "subtitle", 7), c = prop(t, "footer", 7), l = prop(t, "valueSnippet", 7), u = prop(t, "animateValue", 7, !1), f = prop(t, "
|
|
33035
|
+
let n = prop(t, "title", 7), i = prop(t, "value", 7), a = prop(t, "delta", 7), o = prop(t, "deltaPositive", 7), s = prop(t, "subtitle", 7), c = prop(t, "footer", 7), l = prop(t, "valueSnippet", 7), u = prop(t, "animateValue", 7, !1), f = prop(t, "animatePrimary", 7, !1), p = prop(t, "primary", 7, "auto"), h = prop(t, "animateOnMount", 7, !1), S = prop(t, "rows", 7), C = prop(t, "rowsDirection", 7, "column"), k = prop(t, "tooltip", 7), R = prop(t, "checkbox", 7), te = prop(t, "headerRight", 7), ne = prop(t, "children", 7), re = prop(t, "testId", 7), G = prop(t, "classes", 7), be = prop(t, "onclick", 7), Me = prop(t, "oncheckboxchange", 7), Re = /* @__PURE__ */ user_derived(() => typeof be() == "function"), Ue = /* @__PURE__ */ state(null), it = /* @__PURE__ */ user_derived(() => JSON.stringify([
|
|
33036
|
+
i(),
|
|
33037
|
+
s(),
|
|
33038
|
+
(S() ?? []).map((e) => [
|
|
33039
|
+
e.value,
|
|
33040
|
+
e.comparisonValue,
|
|
33041
|
+
(e.breakdown ?? []).map((e) => e.value)
|
|
33042
|
+
])
|
|
33043
|
+
])), at = (e) => (e) => {
|
|
33044
|
+
if (!f() || p() !== "auto") return;
|
|
33045
|
+
let t = null, n = -1;
|
|
33046
|
+
for (let i of e.querySelectorAll("[data-sc-slot]")) {
|
|
33047
|
+
if (!(i instanceof HTMLElement) || !isAnimatableMetric(i.textContent ?? "")) continue;
|
|
33048
|
+
let e = Number.parseFloat(getComputedStyle(i).fontSize);
|
|
33049
|
+
Number.isFinite(e) && e > n && (n = e, t = i.dataset.scSlot ?? null);
|
|
33050
|
+
}
|
|
33051
|
+
set(Ue, t, !0);
|
|
33052
|
+
}, ot = (e) => typeof e == "number" || /^\d+$/.test(String(e)) ? `row-${e}` : String(e), ct = /* @__PURE__ */ user_derived(() => p() === "auto" ? get(Ue) : ot(p())), lt = (e, t) => typeof t != "string" || !isAnimatableMetric(t) ? !1 : f() ? e === get(ct) : u(), ut = /* @__PURE__ */ user_derived(() => typeof o() == "boolean" ? o() : typeof a() == "string" && a().trim().length > 0 ? a().trimStart().startsWith("+") ? !0 : a().trimStart().startsWith("-") ? !1 : null : null), dt = /* @__PURE__ */ user_derived(() => typeof a() == "string" && a().trim().length > 0), ft = /* @__PURE__ */ user_derived(() => Array.isArray(S()) && S().length > 0), pt = /* @__PURE__ */ user_derived(() => typeof n() == "string" && n().length > 0), mt = /* @__PURE__ */ user_derived(() => get(pt) || !!R() || typeof te() == "function"), ht = (e) => {
|
|
33020
33053
|
(e.key === "Enter" || e.key === " ") && (e.key === " " && e.preventDefault(), e.currentTarget instanceof HTMLElement && e.currentTarget.click());
|
|
33021
|
-
},
|
|
33022
|
-
|
|
33023
|
-
},
|
|
33054
|
+
}, gt = (e) => {
|
|
33055
|
+
Me()?.(e);
|
|
33056
|
+
}, _t = (e) => {
|
|
33024
33057
|
e.stopPropagation();
|
|
33025
33058
|
};
|
|
33026
|
-
var
|
|
33059
|
+
var vt = {
|
|
33027
33060
|
get title() {
|
|
33028
33061
|
return n();
|
|
33029
33062
|
},
|
|
@@ -33072,82 +33105,100 @@ function StatCard(e, t) {
|
|
|
33072
33105
|
set animateValue(e = !1) {
|
|
33073
33106
|
u(e), flushSync();
|
|
33074
33107
|
},
|
|
33075
|
-
get
|
|
33108
|
+
get animatePrimary() {
|
|
33076
33109
|
return f();
|
|
33077
33110
|
},
|
|
33078
|
-
set
|
|
33111
|
+
set animatePrimary(e = !1) {
|
|
33079
33112
|
f(e), flushSync();
|
|
33080
33113
|
},
|
|
33081
|
-
get
|
|
33114
|
+
get primary() {
|
|
33082
33115
|
return p();
|
|
33083
33116
|
},
|
|
33084
|
-
set
|
|
33117
|
+
set primary(e = "auto") {
|
|
33085
33118
|
p(e), flushSync();
|
|
33086
33119
|
},
|
|
33087
|
-
get
|
|
33120
|
+
get animateOnMount() {
|
|
33088
33121
|
return h();
|
|
33089
33122
|
},
|
|
33090
|
-
set
|
|
33123
|
+
set animateOnMount(e = !1) {
|
|
33091
33124
|
h(e), flushSync();
|
|
33092
33125
|
},
|
|
33093
|
-
get
|
|
33126
|
+
get rows() {
|
|
33094
33127
|
return S();
|
|
33095
33128
|
},
|
|
33096
|
-
set
|
|
33129
|
+
set rows(e) {
|
|
33097
33130
|
S(e), flushSync();
|
|
33098
33131
|
},
|
|
33099
|
-
get
|
|
33132
|
+
get rowsDirection() {
|
|
33100
33133
|
return C();
|
|
33101
33134
|
},
|
|
33102
|
-
set
|
|
33135
|
+
set rowsDirection(e = "column") {
|
|
33103
33136
|
C(e), flushSync();
|
|
33104
33137
|
},
|
|
33105
|
-
get
|
|
33138
|
+
get tooltip() {
|
|
33106
33139
|
return k();
|
|
33107
33140
|
},
|
|
33108
|
-
set
|
|
33141
|
+
set tooltip(e) {
|
|
33109
33142
|
k(e), flushSync();
|
|
33110
33143
|
},
|
|
33111
|
-
get
|
|
33144
|
+
get checkbox() {
|
|
33112
33145
|
return R();
|
|
33113
33146
|
},
|
|
33114
|
-
set
|
|
33147
|
+
set checkbox(e) {
|
|
33115
33148
|
R(e), flushSync();
|
|
33116
33149
|
},
|
|
33117
|
-
get
|
|
33150
|
+
get headerRight() {
|
|
33118
33151
|
return te();
|
|
33119
33152
|
},
|
|
33120
|
-
set
|
|
33153
|
+
set headerRight(e) {
|
|
33121
33154
|
te(e), flushSync();
|
|
33122
33155
|
},
|
|
33123
|
-
get
|
|
33156
|
+
get children() {
|
|
33124
33157
|
return ne();
|
|
33125
33158
|
},
|
|
33126
|
-
set
|
|
33159
|
+
set children(e) {
|
|
33127
33160
|
ne(e), flushSync();
|
|
33128
33161
|
},
|
|
33129
|
-
get
|
|
33162
|
+
get testId() {
|
|
33130
33163
|
return re();
|
|
33131
33164
|
},
|
|
33132
|
-
set
|
|
33165
|
+
set testId(e) {
|
|
33133
33166
|
re(e), flushSync();
|
|
33167
|
+
},
|
|
33168
|
+
get classes() {
|
|
33169
|
+
return G();
|
|
33170
|
+
},
|
|
33171
|
+
set classes(e) {
|
|
33172
|
+
G(e), flushSync();
|
|
33173
|
+
},
|
|
33174
|
+
get onclick() {
|
|
33175
|
+
return be();
|
|
33176
|
+
},
|
|
33177
|
+
set onclick(e) {
|
|
33178
|
+
be(e), flushSync();
|
|
33179
|
+
},
|
|
33180
|
+
get oncheckboxchange() {
|
|
33181
|
+
return Me();
|
|
33182
|
+
},
|
|
33183
|
+
set oncheckboxchange(e) {
|
|
33184
|
+
Me(e), flushSync();
|
|
33134
33185
|
}
|
|
33135
|
-
},
|
|
33136
|
-
let
|
|
33137
|
-
var
|
|
33186
|
+
}, yt = root_24$1();
|
|
33187
|
+
let bt;
|
|
33188
|
+
var xt = child(yt), St = (e) => {
|
|
33138
33189
|
var t = root_4$21(), i = child(t), a = child(i), o = (e) => {
|
|
33139
33190
|
var t = comment(), i = first_child(t), a = (e) => {
|
|
33140
33191
|
{
|
|
33141
|
-
let t = /* @__PURE__ */ user_derived(() =>
|
|
33192
|
+
let t = /* @__PURE__ */ user_derived(() => k().position ?? "top");
|
|
33142
33193
|
Tooltip(e, {
|
|
33143
33194
|
get text() {
|
|
33144
|
-
return
|
|
33195
|
+
return k().text;
|
|
33145
33196
|
},
|
|
33146
33197
|
get position() {
|
|
33147
33198
|
return get(t);
|
|
33148
33199
|
},
|
|
33149
33200
|
get testId() {
|
|
33150
|
-
return
|
|
33201
|
+
return k().testId;
|
|
33151
33202
|
},
|
|
33152
33203
|
children: (e, t) => {
|
|
33153
33204
|
var i = root$35(), a = child(i), o = child(a, !0);
|
|
@@ -33159,56 +33210,56 @@ function StatCard(e, t) {
|
|
|
33159
33210
|
}, o = (e) => {
|
|
33160
33211
|
var t = root_1$34(), i = child(t, !0);
|
|
33161
33212
|
reset(t), template_effect(() => {
|
|
33162
|
-
set_attribute(t, "data-pw", typeof
|
|
33213
|
+
set_attribute(t, "data-pw", typeof re() == "string" ? `${re()}-title` : null), set_attribute(t, "testid", typeof re() == "string" ? `${re()}-title` : null), set_text(i, n());
|
|
33163
33214
|
}), append(e, t);
|
|
33164
33215
|
};
|
|
33165
33216
|
if_block(i, (e) => {
|
|
33166
|
-
|
|
33217
|
+
k() ? e(a) : e(o, -1);
|
|
33167
33218
|
}), append(e, t);
|
|
33168
33219
|
};
|
|
33169
33220
|
if_block(a, (e) => {
|
|
33170
|
-
get(
|
|
33221
|
+
get(pt) && e(o);
|
|
33171
33222
|
});
|
|
33172
33223
|
var s = sibling(a, 2), c = (e) => {
|
|
33173
33224
|
var t = root_2$25(), n = child(t);
|
|
33174
33225
|
{
|
|
33175
|
-
let e = /* @__PURE__ */ user_derived(() =>
|
|
33226
|
+
let e = /* @__PURE__ */ user_derived(() => R().checked ?? !1);
|
|
33176
33227
|
CheckListItem(n, {
|
|
33177
33228
|
get text() {
|
|
33178
|
-
return
|
|
33229
|
+
return R().text;
|
|
33179
33230
|
},
|
|
33180
33231
|
get checked() {
|
|
33181
33232
|
return get(e);
|
|
33182
33233
|
},
|
|
33183
|
-
onclick:
|
|
33234
|
+
onclick: gt
|
|
33184
33235
|
});
|
|
33185
33236
|
}
|
|
33186
|
-
reset(t), delegated("click", t,
|
|
33237
|
+
reset(t), delegated("click", t, _t), delegated("keydown", t, _t), append(e, t);
|
|
33187
33238
|
};
|
|
33188
33239
|
if_block(s, (e) => {
|
|
33189
|
-
|
|
33240
|
+
R() && e(c);
|
|
33190
33241
|
}), reset(i);
|
|
33191
33242
|
var l = sibling(i, 2), u = (e) => {
|
|
33192
33243
|
var t = root_3$24();
|
|
33193
|
-
snippet(child(t),
|
|
33244
|
+
snippet(child(t), te), reset(t), append(e, t);
|
|
33194
33245
|
};
|
|
33195
33246
|
if_block(l, (e) => {
|
|
33196
|
-
|
|
33247
|
+
te() && e(u);
|
|
33197
33248
|
}), reset(t), template_effect(() => {
|
|
33198
|
-
set_attribute(t, "data-pw", typeof
|
|
33249
|
+
set_attribute(t, "data-pw", typeof re() == "string" ? `${re()}-header` : null), set_attribute(t, "testid", typeof re() == "string" ? `${re()}-header` : null);
|
|
33199
33250
|
}), append(e, t);
|
|
33200
33251
|
};
|
|
33201
|
-
if_block(
|
|
33202
|
-
get(
|
|
33252
|
+
if_block(xt, (e) => {
|
|
33253
|
+
get(mt) && e(St);
|
|
33203
33254
|
});
|
|
33204
|
-
var
|
|
33255
|
+
var Ct = sibling(xt, 2), wt = (e) => {
|
|
33205
33256
|
var t = root_17$2();
|
|
33206
33257
|
let n;
|
|
33207
|
-
each(t, 21,
|
|
33258
|
+
each(t, 21, S, index, (e, t, n) => {
|
|
33208
33259
|
var i = root_16$2(), a = first_child(i), o = (e) => {
|
|
33209
33260
|
var t = root_5$20();
|
|
33210
33261
|
template_effect(() => {
|
|
33211
|
-
set_attribute(t, "data-pw", typeof
|
|
33262
|
+
set_attribute(t, "data-pw", typeof re() == "string" ? `${re()}-row-divider-${n}` : null), set_attribute(t, "testid", typeof re() == "string" ? `${re()}-row-divider-${n}` : null);
|
|
33212
33263
|
}), append(e, t);
|
|
33213
33264
|
};
|
|
33214
33265
|
if_block(a, (e) => {
|
|
@@ -33246,40 +33297,51 @@ function StatCard(e, t) {
|
|
|
33246
33297
|
if_block(c, (e) => {
|
|
33247
33298
|
typeof get(t).heading == "string" && get(t).heading.length > 0 && e(l);
|
|
33248
33299
|
});
|
|
33249
|
-
var
|
|
33250
|
-
let
|
|
33251
|
-
|
|
33252
|
-
|
|
33253
|
-
|
|
33254
|
-
|
|
33255
|
-
|
|
33300
|
+
var u = sibling(c, 2), f = child(u);
|
|
33301
|
+
let p;
|
|
33302
|
+
set_attribute(f, "data-sc-slot", `row-${n}`);
|
|
33303
|
+
var S = child(f), C = (e) => {
|
|
33304
|
+
AnimatedNumber(e, {
|
|
33305
|
+
get value() {
|
|
33306
|
+
return get(t).value;
|
|
33307
|
+
},
|
|
33308
|
+
get animateOnMount() {
|
|
33309
|
+
return h();
|
|
33310
|
+
}
|
|
33311
|
+
});
|
|
33312
|
+
}, k = /* @__PURE__ */ user_derived(() => lt(`row-${n}`, get(t).value)), R = (e) => {
|
|
33256
33313
|
var n = text();
|
|
33257
33314
|
template_effect(() => set_text(n, get(t).value)), append(e, n);
|
|
33258
33315
|
};
|
|
33259
33316
|
if_block(S, (e) => {
|
|
33260
|
-
|
|
33261
|
-
}), reset(
|
|
33262
|
-
var te = sibling(
|
|
33317
|
+
get(k) ? e(C) : e(R, -1);
|
|
33318
|
+
}), reset(f);
|
|
33319
|
+
var te = sibling(f, 2), ne = (e) => {
|
|
33263
33320
|
var i = root_9$12(), a = sibling(child(i)), o = (e) => {
|
|
33264
|
-
AnimatedNumber(e, {
|
|
33265
|
-
|
|
33266
|
-
|
|
33267
|
-
|
|
33321
|
+
AnimatedNumber(e, {
|
|
33322
|
+
get animateOnMount() {
|
|
33323
|
+
return h();
|
|
33324
|
+
},
|
|
33325
|
+
get value() {
|
|
33326
|
+
return get(t).comparisonValue;
|
|
33327
|
+
}
|
|
33328
|
+
});
|
|
33329
|
+
}, s = /* @__PURE__ */ user_derived(() => lt(`row-${n}-comparison`, get(t).comparisonValue)), c = (e) => {
|
|
33268
33330
|
var n = text();
|
|
33269
33331
|
template_effect(() => set_text(n, get(t).comparisonValue)), append(e, n);
|
|
33270
33332
|
};
|
|
33271
33333
|
if_block(a, (e) => {
|
|
33272
|
-
|
|
33334
|
+
get(s) ? e(o) : e(c, -1);
|
|
33273
33335
|
}), reset(i), template_effect(() => {
|
|
33274
|
-
set_attribute(i, "data-pw", typeof
|
|
33336
|
+
set_attribute(i, "data-pw", typeof re() == "string" ? `${re()}-comparison-${n}` : null), set_attribute(i, "testid", typeof re() == "string" ? `${re()}-comparison-${n}` : null);
|
|
33275
33337
|
}), append(e, i);
|
|
33276
33338
|
};
|
|
33277
33339
|
if_block(te, (e) => {
|
|
33278
33340
|
typeof get(t).comparisonValue == "string" && get(t).comparisonValue.length > 0 && e(ne);
|
|
33279
33341
|
});
|
|
33280
|
-
var
|
|
33342
|
+
var G = sibling(te, 2), be = (e) => {
|
|
33281
33343
|
{
|
|
33282
|
-
let i = /* @__PURE__ */ user_derived(() => get(t).invertChangeColors ?? !1), a = /* @__PURE__ */ user_derived(() =>
|
|
33344
|
+
let i = /* @__PURE__ */ user_derived(() => get(t).invertChangeColors ?? !1), a = /* @__PURE__ */ user_derived(() => re() ? `${re()}-delta-${n}` : null);
|
|
33283
33345
|
DeltaIndicator(e, {
|
|
33284
33346
|
get value() {
|
|
33285
33347
|
return get(t).change;
|
|
@@ -33292,36 +33354,36 @@ function StatCard(e, t) {
|
|
|
33292
33354
|
}
|
|
33293
33355
|
});
|
|
33294
33356
|
}
|
|
33295
|
-
},
|
|
33357
|
+
}, Me = (e) => {
|
|
33296
33358
|
var t = root_10$11();
|
|
33297
33359
|
template_effect(() => {
|
|
33298
|
-
set_attribute(t, "data-pw", typeof
|
|
33360
|
+
set_attribute(t, "data-pw", typeof re() == "string" ? `${re()}-delta-na-${n}` : null), set_attribute(t, "testid", typeof re() == "string" ? `${re()}-delta-na-${n}` : null);
|
|
33299
33361
|
}), append(e, t);
|
|
33300
33362
|
};
|
|
33301
|
-
if_block(
|
|
33302
|
-
typeof get(t).change == "number" ? e(
|
|
33363
|
+
if_block(G, (e) => {
|
|
33364
|
+
typeof get(t).change == "number" ? e(be) : get(t).change === null && e(Me, 1);
|
|
33303
33365
|
});
|
|
33304
|
-
var
|
|
33366
|
+
var Re = sibling(G, 2), Ue = (e) => {
|
|
33305
33367
|
var i = root_11$9();
|
|
33306
33368
|
let a;
|
|
33307
33369
|
var o = child(i, !0);
|
|
33308
33370
|
reset(i), template_effect(() => {
|
|
33309
|
-
a = set_class(i, 1, "statcard-row-additional svelte-pfmus", null, a, { "statcard-row-additional-break": get(t).additionalContentBreak === !0 }), set_attribute(i, "data-pw", typeof
|
|
33371
|
+
a = set_class(i, 1, "statcard-row-additional svelte-pfmus", null, a, { "statcard-row-additional-break": get(t).additionalContentBreak === !0 }), set_attribute(i, "data-pw", typeof re() == "string" ? `${re()}-additional-${n}` : null), set_attribute(i, "testid", typeof re() == "string" ? `${re()}-additional-${n}` : null), set_text(o, get(t).additionalContent);
|
|
33310
33372
|
}), append(e, i);
|
|
33311
33373
|
};
|
|
33312
|
-
if_block(
|
|
33313
|
-
typeof get(t).additionalContent == "string" && get(t).additionalContent.length > 0 && e(
|
|
33314
|
-
}), reset(
|
|
33315
|
-
var
|
|
33374
|
+
if_block(Re, (e) => {
|
|
33375
|
+
typeof get(t).additionalContent == "string" && get(t).additionalContent.length > 0 && e(Ue);
|
|
33376
|
+
}), reset(u);
|
|
33377
|
+
var it = sibling(u, 2), at = (e) => {
|
|
33316
33378
|
var i = root_12$8(), a = child(i, !0);
|
|
33317
33379
|
reset(i), template_effect(() => {
|
|
33318
|
-
set_attribute(i, "data-pw", typeof
|
|
33380
|
+
set_attribute(i, "data-pw", typeof re() == "string" ? `${re()}-subtitle-${n}` : null), set_attribute(i, "testid", typeof re() == "string" ? `${re()}-subtitle-${n}` : null), set_text(a, get(t).subtitle);
|
|
33319
33381
|
}), append(e, i);
|
|
33320
33382
|
};
|
|
33321
|
-
if_block(
|
|
33322
|
-
typeof get(t).subtitle == "string" && get(t).subtitle.length > 0 && e(
|
|
33383
|
+
if_block(it, (e) => {
|
|
33384
|
+
typeof get(t).subtitle == "string" && get(t).subtitle.length > 0 && e(at);
|
|
33323
33385
|
});
|
|
33324
|
-
var
|
|
33386
|
+
var ot = sibling(it, 2), ct = (e) => {
|
|
33325
33387
|
var i = root_15$3(), a = first_child(i), o = (e) => {
|
|
33326
33388
|
var n = root_13$6(), i = child(n, !0);
|
|
33327
33389
|
reset(n), template_effect(() => set_text(i, get(t).breakdownHeading)), append(e, n);
|
|
@@ -33333,18 +33395,23 @@ function StatCard(e, t) {
|
|
|
33333
33395
|
each(s, 21, () => get(t).breakdown, index, (e, t, i) => {
|
|
33334
33396
|
var a = root_14$5(), o = child(a), s = child(o, !0);
|
|
33335
33397
|
reset(o);
|
|
33336
|
-
var c = sibling(o, 2), l = child(c),
|
|
33337
|
-
AnimatedNumber(e, {
|
|
33338
|
-
|
|
33339
|
-
|
|
33340
|
-
|
|
33398
|
+
var c = sibling(o, 2), l = child(c), u = child(l), f = (e) => {
|
|
33399
|
+
AnimatedNumber(e, {
|
|
33400
|
+
get value() {
|
|
33401
|
+
return get(t).value;
|
|
33402
|
+
},
|
|
33403
|
+
get animateOnMount() {
|
|
33404
|
+
return h();
|
|
33405
|
+
}
|
|
33406
|
+
});
|
|
33407
|
+
}, p = /* @__PURE__ */ user_derived(() => lt(`breakdown-${n}-${i}`, get(t).value)), S = (e) => {
|
|
33341
33408
|
var n = text();
|
|
33342
33409
|
template_effect(() => set_text(n, get(t).value)), append(e, n);
|
|
33343
33410
|
};
|
|
33344
|
-
if_block(
|
|
33345
|
-
|
|
33411
|
+
if_block(u, (e) => {
|
|
33412
|
+
get(p) ? e(f) : e(S, -1);
|
|
33346
33413
|
}), reset(l);
|
|
33347
|
-
var
|
|
33414
|
+
var C = sibling(l, 2), k = (e) => {
|
|
33348
33415
|
{
|
|
33349
33416
|
let n = /* @__PURE__ */ user_derived(() => get(t).invertChangeColors ?? !1);
|
|
33350
33417
|
DeltaIndicator(e, {
|
|
@@ -33357,95 +33424,114 @@ function StatCard(e, t) {
|
|
|
33357
33424
|
});
|
|
33358
33425
|
}
|
|
33359
33426
|
};
|
|
33360
|
-
if_block(
|
|
33361
|
-
typeof get(t).change == "number" && e(
|
|
33427
|
+
if_block(C, (e) => {
|
|
33428
|
+
typeof get(t).change == "number" && e(k);
|
|
33362
33429
|
}), reset(c), reset(a), template_effect(() => {
|
|
33363
|
-
set_attribute(a, "data-pw", typeof
|
|
33430
|
+
set_attribute(a, "data-pw", typeof re() == "string" ? `${re()}-breakdown-item-${n}-${i}` : null), set_attribute(a, "testid", typeof re() == "string" ? `${re()}-breakdown-item-${n}-${i}` : null), set_text(s, get(t).label);
|
|
33364
33431
|
}), append(e, a);
|
|
33365
33432
|
}), reset(s), append(e, i);
|
|
33366
|
-
},
|
|
33367
|
-
if_block(
|
|
33368
|
-
get(
|
|
33433
|
+
}, ut = /* @__PURE__ */ user_derived(() => Array.isArray(get(t).breakdown) && get(t).breakdown.length > 0);
|
|
33434
|
+
if_block(ot, (e) => {
|
|
33435
|
+
get(ut) && e(ct);
|
|
33369
33436
|
}), reset(s), template_effect(() => {
|
|
33370
|
-
set_attribute(s, "data-pw", typeof get(t).testId == "string" ? get(t).testId : null), set_attribute(s, "testid", typeof get(t).testId == "string" ? get(t).testId : null),
|
|
33437
|
+
set_attribute(s, "data-pw", typeof get(t).testId == "string" ? get(t).testId : null), set_attribute(s, "testid", typeof get(t).testId == "string" ? get(t).testId : null), p = set_class(f, 1, "statcard-value svelte-pfmus", null, p, {
|
|
33371
33438
|
"statcard-value-success": get(t).valueVariant === "success",
|
|
33372
33439
|
"statcard-value-warning": get(t).valueVariant === "warning"
|
|
33373
|
-
}), set_attribute(
|
|
33440
|
+
}), set_attribute(f, "data-pw", typeof re() == "string" ? `${re()}-value-${n}` : null), set_attribute(f, "testid", typeof re() == "string" ? `${re()}-value-${n}` : null);
|
|
33374
33441
|
}), append(e, i);
|
|
33375
33442
|
}), reset(t), template_effect(() => {
|
|
33376
|
-
n = set_class(t, 1, "statcard-rows svelte-pfmus", null, n, { "statcard-rows-horizontal":
|
|
33443
|
+
n = set_class(t, 1, "statcard-rows svelte-pfmus", null, n, { "statcard-rows-horizontal": C() === "row" }), set_attribute(t, "data-pw", typeof re() == "string" ? `${re()}-rows` : null), set_attribute(t, "testid", typeof re() == "string" ? `${re()}-rows` : null);
|
|
33377
33444
|
}), append(e, t);
|
|
33378
|
-
},
|
|
33379
|
-
var t =
|
|
33445
|
+
}, Tt = (e) => {
|
|
33446
|
+
var t = root_20$1(), n = child(t), o = (e) => {
|
|
33380
33447
|
var t = root_18$1();
|
|
33381
33448
|
snippet(child(t), l), reset(t), template_effect(() => {
|
|
33382
|
-
set_attribute(t, "data-pw", typeof
|
|
33449
|
+
set_attribute(t, "data-pw", typeof re() == "string" ? `${re()}-value` : null), set_attribute(t, "testid", typeof re() == "string" ? `${re()}-value` : null);
|
|
33383
33450
|
}), append(e, t);
|
|
33384
33451
|
}, s = (e) => {
|
|
33385
|
-
var t =
|
|
33386
|
-
AnimatedNumber(e, {
|
|
33387
|
-
|
|
33388
|
-
|
|
33389
|
-
|
|
33452
|
+
var t = root_19$1(), n = child(t), a = (e) => {
|
|
33453
|
+
AnimatedNumber(e, {
|
|
33454
|
+
get value() {
|
|
33455
|
+
return i();
|
|
33456
|
+
},
|
|
33457
|
+
get animateOnMount() {
|
|
33458
|
+
return h();
|
|
33459
|
+
}
|
|
33460
|
+
});
|
|
33461
|
+
}, o = /* @__PURE__ */ user_derived(() => lt("value", i())), s = (e) => {
|
|
33390
33462
|
var t = text();
|
|
33391
33463
|
template_effect(() => set_text(t, i())), append(e, t);
|
|
33392
33464
|
};
|
|
33393
33465
|
if_block(n, (e) => {
|
|
33394
|
-
|
|
33466
|
+
get(o) ? e(a) : e(s, -1);
|
|
33395
33467
|
}), reset(t), template_effect(() => {
|
|
33396
|
-
set_attribute(t, "data-pw", typeof
|
|
33468
|
+
set_attribute(t, "data-pw", typeof re() == "string" ? `${re()}-value` : null), set_attribute(t, "testid", typeof re() == "string" ? `${re()}-value` : null);
|
|
33397
33469
|
}), append(e, t);
|
|
33398
33470
|
};
|
|
33399
33471
|
if_block(n, (e) => {
|
|
33400
33472
|
typeof l() == "function" ? e(o) : typeof i() == "string" && i().length > 0 && e(s, 1);
|
|
33401
33473
|
});
|
|
33402
|
-
var c = sibling(n, 2),
|
|
33474
|
+
var c = sibling(n, 2), u = (e) => {
|
|
33403
33475
|
var t = root_11$9();
|
|
33404
33476
|
let n;
|
|
33405
33477
|
var i = child(t, !0);
|
|
33406
33478
|
reset(t), template_effect(() => {
|
|
33407
33479
|
n = set_class(t, 1, "statcard-delta svelte-pfmus", null, n, {
|
|
33408
|
-
"statcard-delta-positive": get(
|
|
33409
|
-
"statcard-delta-negative": get(
|
|
33480
|
+
"statcard-delta-positive": get(ut) === !0,
|
|
33481
|
+
"statcard-delta-negative": get(ut) === !1
|
|
33410
33482
|
}), set_text(i, a());
|
|
33411
33483
|
}), append(e, t);
|
|
33412
33484
|
};
|
|
33413
33485
|
if_block(c, (e) => {
|
|
33414
|
-
get(
|
|
33486
|
+
get(dt) && e(u);
|
|
33415
33487
|
}), reset(t), append(e, t);
|
|
33416
33488
|
};
|
|
33417
|
-
if_block(
|
|
33418
|
-
get(
|
|
33489
|
+
if_block(Ct, (e) => {
|
|
33490
|
+
get(ft) && S() ? e(wt) : e(Tt, -1);
|
|
33419
33491
|
});
|
|
33420
|
-
var
|
|
33421
|
-
var t =
|
|
33422
|
-
|
|
33423
|
-
|
|
33492
|
+
var Et = sibling(Ct, 2), Dt = (e) => {
|
|
33493
|
+
var t = root_21$1(), n = child(t), i = (e) => {
|
|
33494
|
+
AnimatedNumber(e, {
|
|
33495
|
+
get value() {
|
|
33496
|
+
return s();
|
|
33497
|
+
},
|
|
33498
|
+
get animateOnMount() {
|
|
33499
|
+
return h();
|
|
33500
|
+
}
|
|
33501
|
+
});
|
|
33502
|
+
}, a = /* @__PURE__ */ user_derived(() => lt("subtitle", s())), o = (e) => {
|
|
33503
|
+
var t = text();
|
|
33504
|
+
template_effect(() => set_text(t, s())), append(e, t);
|
|
33505
|
+
};
|
|
33506
|
+
if_block(n, (e) => {
|
|
33507
|
+
get(a) ? e(i) : e(o, -1);
|
|
33508
|
+
}), reset(t), template_effect(() => {
|
|
33509
|
+
set_attribute(t, "data-pw", typeof re() == "string" ? `${re()}-subtitle` : null), set_attribute(t, "testid", typeof re() == "string" ? `${re()}-subtitle` : null);
|
|
33424
33510
|
}), append(e, t);
|
|
33425
33511
|
};
|
|
33426
|
-
if_block(
|
|
33427
|
-
typeof s() == "string" && s().length > 0 && e(
|
|
33512
|
+
if_block(Et, (e) => {
|
|
33513
|
+
typeof s() == "string" && s().length > 0 && e(Dt);
|
|
33428
33514
|
});
|
|
33429
|
-
var
|
|
33430
|
-
var t =
|
|
33431
|
-
snippet(child(t),
|
|
33515
|
+
var Ot = sibling(Et, 2), kt = (e) => {
|
|
33516
|
+
var t = root_22$1();
|
|
33517
|
+
snippet(child(t), ne), reset(t), append(e, t);
|
|
33432
33518
|
};
|
|
33433
|
-
if_block(
|
|
33434
|
-
|
|
33519
|
+
if_block(Ot, (e) => {
|
|
33520
|
+
ne() && e(kt);
|
|
33435
33521
|
});
|
|
33436
|
-
var
|
|
33437
|
-
var t =
|
|
33522
|
+
var At = sibling(Ot, 2), jt = (e) => {
|
|
33523
|
+
var t = root_23$1();
|
|
33438
33524
|
snippet(child(t), c), reset(t), append(e, t);
|
|
33439
33525
|
};
|
|
33440
|
-
return if_block(
|
|
33441
|
-
typeof c() == "function" && e(
|
|
33442
|
-
}), reset(
|
|
33443
|
-
|
|
33444
|
-
}), delegated("click",
|
|
33445
|
-
(get(
|
|
33446
|
-
}), delegated("keydown",
|
|
33447
|
-
(get(
|
|
33448
|
-
}), append(e,
|
|
33526
|
+
return if_block(At, (e) => {
|
|
33527
|
+
typeof c() == "function" && e(jt);
|
|
33528
|
+
}), reset(yt), attach(yt, () => at(get(it))), template_effect(() => {
|
|
33529
|
+
bt = set_class(yt, 1, `statcard ${G() ?? "" ?? ""}`, "svelte-pfmus", bt, { "statcard-interactive": get(Re) }), set_attribute(yt, "data-pw", typeof re() == "string" ? re() : null), set_attribute(yt, "testid", typeof re() == "string" ? re() : null), set_attribute(yt, "role", get(Re) ? "button" : null), set_attribute(yt, "tabindex", get(Re) ? 0 : null);
|
|
33530
|
+
}), delegated("click", yt, function(...e) {
|
|
33531
|
+
(get(Re) ? be() : null)?.apply(this, e);
|
|
33532
|
+
}), delegated("keydown", yt, function(...e) {
|
|
33533
|
+
(get(Re) ? ht : null)?.apply(this, e);
|
|
33534
|
+
}), append(e, yt), pop(vt);
|
|
33449
33535
|
}
|
|
33450
33536
|
delegate(["click", "keydown"]), create_custom_element(StatCard, {
|
|
33451
33537
|
title: {},
|
|
@@ -33456,6 +33542,9 @@ delegate(["click", "keydown"]), create_custom_element(StatCard, {
|
|
|
33456
33542
|
footer: {},
|
|
33457
33543
|
valueSnippet: {},
|
|
33458
33544
|
animateValue: {},
|
|
33545
|
+
animatePrimary: {},
|
|
33546
|
+
primary: {},
|
|
33547
|
+
animateOnMount: {},
|
|
33459
33548
|
rows: {},
|
|
33460
33549
|
rowsDirection: {},
|
|
33461
33550
|
tooltip: {},
|
|
@@ -33481,55 +33570,69 @@ var rest_excludes$35 = new Set([
|
|
|
33481
33570
|
};
|
|
33482
33571
|
function StatCard_wc(e, t) {
|
|
33483
33572
|
push(t, !0), append_styles$1(e, $$css$73);
|
|
33484
|
-
let n = (
|
|
33485
|
-
|
|
33486
|
-
AnimatedNumber(e, { get value() {
|
|
33487
|
-
return t.value;
|
|
33488
|
-
} });
|
|
33489
|
-
}, o = (e) => {
|
|
33490
|
-
var n = text();
|
|
33491
|
-
template_effect(() => set_text(n, t.value)), append(e, n);
|
|
33492
|
-
};
|
|
33493
|
-
if_block(i, (e) => {
|
|
33494
|
-
t.animateValue ? e(a) : e(o, -1);
|
|
33495
|
-
}), append(e, n);
|
|
33496
|
-
}, i = prop(t, "statCardTitle", 7), a = /* @__PURE__ */ rest_props(t, rest_excludes$35), o = t.$$host, s = /* @__PURE__ */ user_derived(() => dispatchEvents(o, a));
|
|
33497
|
-
return StatCard(e, spread_props(() => a, () => get(s), {
|
|
33498
|
-
get title() {
|
|
33499
|
-
return i();
|
|
33500
|
-
},
|
|
33501
|
-
headerRight: (e) => {
|
|
33502
|
-
var n = comment();
|
|
33503
|
-
slot(first_child(n), t, "header-right", {}, null), append(e, n);
|
|
33504
|
-
},
|
|
33505
|
-
footer: (e) => {
|
|
33506
|
-
var n = comment();
|
|
33507
|
-
slot(first_child(n), t, "footer", {}, null), append(e, n);
|
|
33508
|
-
},
|
|
33509
|
-
valueSnippet: (e) => {
|
|
33510
|
-
var i = comment();
|
|
33511
|
-
slot(first_child(i), t, "value-snippet", {}, (e) => {
|
|
33512
|
-
n(e);
|
|
33513
|
-
}), append(e, i);
|
|
33514
|
-
},
|
|
33515
|
-
children: (e, n) => {
|
|
33516
|
-
var i = comment();
|
|
33517
|
-
slot(first_child(i), t, "default", {}, null), append(e, i);
|
|
33518
|
-
},
|
|
33519
|
-
$$slots: {
|
|
33520
|
-
headerRight: !0,
|
|
33521
|
-
footer: !0,
|
|
33522
|
-
valueSnippet: !0,
|
|
33523
|
-
default: !0
|
|
33524
|
-
}
|
|
33525
|
-
})), pop({
|
|
33573
|
+
let n = prop(t, "statCardTitle", 7), i = /* @__PURE__ */ rest_props(t, rest_excludes$35), a = t.$$host, o = /* @__PURE__ */ user_derived(() => dispatchEvents(a, i)), s = t.$$host.querySelector("[slot=\"value-snippet\"]") !== null;
|
|
33574
|
+
var c = {
|
|
33526
33575
|
get statCardTitle() {
|
|
33527
|
-
return
|
|
33576
|
+
return n();
|
|
33528
33577
|
},
|
|
33529
33578
|
set statCardTitle(e) {
|
|
33530
|
-
|
|
33579
|
+
n(e), flushSync();
|
|
33531
33580
|
}
|
|
33532
|
-
})
|
|
33581
|
+
}, l = comment(), u = first_child(l), f = (e) => {
|
|
33582
|
+
StatCard(e, spread_props(() => i, () => get(o), {
|
|
33583
|
+
get title() {
|
|
33584
|
+
return n();
|
|
33585
|
+
},
|
|
33586
|
+
headerRight: (e) => {
|
|
33587
|
+
var n = comment();
|
|
33588
|
+
slot(first_child(n), t, "header-right", {}, null), append(e, n);
|
|
33589
|
+
},
|
|
33590
|
+
footer: (e) => {
|
|
33591
|
+
var n = comment();
|
|
33592
|
+
slot(first_child(n), t, "footer", {}, null), append(e, n);
|
|
33593
|
+
},
|
|
33594
|
+
valueSnippet: (e) => {
|
|
33595
|
+
var n = comment();
|
|
33596
|
+
slot(first_child(n), t, "value-snippet", {}, null), append(e, n);
|
|
33597
|
+
},
|
|
33598
|
+
children: (e, n) => {
|
|
33599
|
+
var i = comment();
|
|
33600
|
+
slot(first_child(i), t, "default", {}, null), append(e, i);
|
|
33601
|
+
},
|
|
33602
|
+
$$slots: {
|
|
33603
|
+
headerRight: !0,
|
|
33604
|
+
footer: !0,
|
|
33605
|
+
valueSnippet: !0,
|
|
33606
|
+
default: !0
|
|
33607
|
+
}
|
|
33608
|
+
}));
|
|
33609
|
+
}, p = (e) => {
|
|
33610
|
+
StatCard(e, spread_props(() => i, () => get(o), {
|
|
33611
|
+
get title() {
|
|
33612
|
+
return n();
|
|
33613
|
+
},
|
|
33614
|
+
headerRight: (e) => {
|
|
33615
|
+
var n = comment();
|
|
33616
|
+
slot(first_child(n), t, "header-right", {}, null), append(e, n);
|
|
33617
|
+
},
|
|
33618
|
+
footer: (e) => {
|
|
33619
|
+
var n = comment();
|
|
33620
|
+
slot(first_child(n), t, "footer", {}, null), append(e, n);
|
|
33621
|
+
},
|
|
33622
|
+
children: (e, n) => {
|
|
33623
|
+
var i = comment();
|
|
33624
|
+
slot(first_child(i), t, "default", {}, null), append(e, i);
|
|
33625
|
+
},
|
|
33626
|
+
$$slots: {
|
|
33627
|
+
headerRight: !0,
|
|
33628
|
+
footer: !0,
|
|
33629
|
+
default: !0
|
|
33630
|
+
}
|
|
33631
|
+
}));
|
|
33632
|
+
};
|
|
33633
|
+
return if_block(u, (e) => {
|
|
33634
|
+
s ? e(f) : e(p, -1);
|
|
33635
|
+
}), append(e, l), pop(c);
|
|
33533
33636
|
}
|
|
33534
33637
|
customElements.define("sui-stat-card", create_custom_element(StatCard_wc, {
|
|
33535
33638
|
statCardTitle: {
|
|
@@ -33559,6 +33662,20 @@ customElements.define("sui-stat-card", create_custom_element(StatCard_wc, {
|
|
|
33559
33662
|
reflect: !0,
|
|
33560
33663
|
type: "Boolean"
|
|
33561
33664
|
},
|
|
33665
|
+
animatePrimary: {
|
|
33666
|
+
attribute: "animate-primary",
|
|
33667
|
+
reflect: !0,
|
|
33668
|
+
type: "Boolean"
|
|
33669
|
+
},
|
|
33670
|
+
primary: {
|
|
33671
|
+
reflect: !0,
|
|
33672
|
+
type: "String"
|
|
33673
|
+
},
|
|
33674
|
+
animateOnMount: {
|
|
33675
|
+
attribute: "animate-on-mount",
|
|
33676
|
+
reflect: !0,
|
|
33677
|
+
type: "Boolean"
|
|
33678
|
+
},
|
|
33562
33679
|
rows: { type: "Object" },
|
|
33563
33680
|
rowsDirection: {
|
|
33564
33681
|
attribute: "rows-direction",
|