@magmonium/one 0.4.78 → 0.4.79
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.
|
@@ -33974,8 +33974,8 @@ var ScoreSetItemComponent = class ScoreSetItemComponent {
|
|
|
33974
33974
|
}
|
|
33975
33975
|
},
|
|
33976
33976
|
ngImport: i0,
|
|
33977
|
-
template: "@switch (shape()) {\n @case ('primary') {\n @if (set?.variant() === 'compact') {\n <span class=\"m-score-set__primary-name\">{{ model().name }}</span>\n <span class=\"m-score-set__primary-value\">{{ model().display }}</span>\n } @else {\n <span class=\"m-score-set__ring\" [style.--_fill]=\"model().value ?? 0\">\n
|
|
33978
|
-
styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{position:relative;border-radius:.5em;cursor:pointer}:host:hover,:host:focus-visible{background:color-mix(in srgb,var(--_tone) 8%,transparent)}:host:focus-visible{outline:2px solid var(--_tone);outline-offset:-2px}:host(.is-stale){opacity:.6}:host(.is-no-data){--_tone: var(--m-score-set-no-data);color:var(--m-text-secondary)}:host(.is-primary){grid-column:1;grid-row:1/span var(--_rows, 1);display:flex;flex-direction:column;align-items:center;gap:.25em;padding:.4em}:host(.is-row){grid-column:2;display:grid;grid-template-columns:.6em 1fr auto auto;grid-template-areas:\"dot name value standing\" \"track track track track\";align-items:center;column-gap:.5em;row-gap:.3em;padding:.4em .5em}:host(.is-compact){display:flex;flex-direction:column;align-items:flex-start;gap:.1em;padding:.45em .7em;border-bottom:3px solid var(--_tone);background:var(--m-background)}:host(.is-compact.is-primary){background:color-mix(in srgb,var(--_tone) 14%,var(--m-background))}.m-score-set__ring{display:
|
|
33977
|
+
template: "@switch (shape()) {\n @case ('primary') {\n @if (set?.variant() === 'compact') {\n <span class=\"m-score-set__primary-name\">{{ model().name }}</span>\n <span class=\"m-score-set__primary-value\">{{ model().display }}</span>\n } @else {\n <span class=\"m-score-set__ring\" [style.--_fill]=\"model().value ?? 0\"></span>\n <span class=\"m-score-set__primary-value\">{{ model().display }}</span>\n <span class=\"m-score-set__primary-name\">{{ model().name }}</span>\n }\n @if (model().standing) {\n <span class=\"m-score-set__primary-standing\">{{ model().standing }}</span>\n }\n @if (set?.bandShown() && model().value !== null) {\n <span class=\"m-score-set__primary-band\">{{ model().bandText }}</span>\n }\n @if (set?.basis()) {\n <span class=\"m-score-set__primary-basis\">{{ set?.basis() }}</span>\n }\n }\n @case ('row') {\n <span class=\"m-score-set__row-dot\"></span>\n <span class=\"m-score-set__row-name\">{{ model().name }}</span>\n <span class=\"m-score-set__row-value\">{{ model().display }}</span>\n @if (model().standing) {\n <span class=\"m-score-set__row-standing\">{{ model().standing }}</span>\n }\n @if (set?.variant() !== 'compact') {\n <span class=\"m-score-set__row-track\">\n <span class=\"m-score-set__row-fill\" [style.width.%]=\"model().value ?? 0\"></span>\n </span>\n }\n }\n}\n@if (shape() !== 'none' && model().tip) {\n <span class=\"m-score-set__tip\" role=\"tooltip\" [id]=\"tipId\">\n <m-tooltip [text]=\"model().tip\" />\n </span>\n}\n",
|
|
33978
|
+
styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{position:relative;border-radius:.5em;cursor:pointer;text-align:start}:host:hover,:host:focus-visible{background:color-mix(in srgb,var(--_tone) 8%,transparent)}:host:focus-visible{outline:2px solid var(--_tone);outline-offset:-2px}:host(.is-stale){opacity:.6}:host(.is-no-data){--_tone: var(--m-score-set-no-data);color:var(--m-text-secondary)}:host(.is-primary){grid-column:1;grid-row:1/span var(--_rows, 1);display:flex;flex-direction:column;align-items:center;gap:.25em;padding:.4em}:host(.is-row){grid-column:2;display:grid;grid-template-columns:.6em 1fr auto auto;grid-template-areas:\"dot name value standing\" \"track track track track\";align-items:center;column-gap:.5em;row-gap:.3em;padding:.4em .5em}:host(.is-compact){display:flex;flex-direction:column;align-items:flex-start;gap:.1em;padding:.45em .7em;border-bottom:3px solid var(--_tone);background:var(--m-background)}:host(.is-compact.is-primary){background:color-mix(in srgb,var(--_tone) 14%,var(--m-background))}.m-score-set__ring{display:block;width:6em;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--_tone) calc(var(--_fill) * 1%),var(--m-border) 0);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - .65em),#000 calc(50% - .6em));mask:radial-gradient(circle,transparent 0 calc(50% - .65em),#000 calc(50% - .6em))}.m-score-set__primary-value{margin-top:.15em;font-size:2.1em;font-weight:750;line-height:1}.m-score-set__primary-name{font-size:.75em;letter-spacing:.06em;text-transform:uppercase;color:var(--m-text-secondary)}.m-score-set__primary-standing{font-size:.8em;font-weight:600;color:var(--_tone)}.m-score-set__primary-band{font-size:.7em;font-weight:600;padding:.1em .6em;border-radius:99em;color:var(--_tone);background:color-mix(in srgb,var(--_tone) 18%,transparent)}.m-score-set__primary-basis{font-size:.7em;color:var(--m-text-secondary)}.m-score-set__row-dot{grid-area:dot;width:.55em;aspect-ratio:1;border-radius:50%;background:var(--_tone)}.m-score-set__row-name{grid-area:name;justify-self:start;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-score-set__row-value{grid-area:value;font-weight:650;font-variant-numeric:tabular-nums}.m-score-set__row-standing{grid-area:standing;font-size:.8em;color:var(--m-text-secondary)}.m-score-set__row-track{grid-area:track;height:.4em;border-radius:99em;overflow:hidden;background:var(--m-border)}.m-score-set__row-fill{display:block;height:100%;border-radius:inherit;background:var(--_tone)}.m-score-set__tip{position:absolute;z-index:2;top:100%;left:.5em;display:none}:host(:hover) .m-score-set__tip,:host(:focus-within) .m-score-set__tip{display:block}:host(.is-tip-dismissed) .m-score-set__tip{display:none}:host(.is-no-data) .m-score-set__row-track{background:repeating-linear-gradient(45deg,var(--m-border) 0 .25em,transparent .25em .5em)}:host(.is-compact) .m-score-set__row-dot{display:none}:host(.is-compact) .m-score-set__row-name,:host(.is-compact) .m-score-set__primary-name{order:-1;font-size:.7em;text-transform:none;letter-spacing:0;color:var(--m-text-secondary)}:host(.is-compact) .m-score-set__primary-value{font-size:1.6em;color:var(--_tone)}:host(.is-compact) .m-score-set__row-value{font-size:1.05em;color:var(--_tone)}:host(.is-compact) .m-score-set__row-standing{font-size:.7em}@container (max-width: 26em){:host(.is-primary),:host(.is-row){grid-column:1;grid-row:auto}}\n"],
|
|
33979
33979
|
dependencies: [{
|
|
33980
33980
|
kind: "component",
|
|
33981
33981
|
type: TooltipComponent,
|
|
@@ -34016,8 +34016,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
34016
34016
|
"(keydown)": "onKeydown($event)",
|
|
34017
34017
|
"(focusout)": "tipDismissed.set(false)"
|
|
34018
34018
|
},
|
|
34019
|
-
template: "@switch (shape()) {\n @case ('primary') {\n @if (set?.variant() === 'compact') {\n <span class=\"m-score-set__primary-name\">{{ model().name }}</span>\n <span class=\"m-score-set__primary-value\">{{ model().display }}</span>\n } @else {\n <span class=\"m-score-set__ring\" [style.--_fill]=\"model().value ?? 0\">\n
|
|
34020
|
-
styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{position:relative;border-radius:.5em;cursor:pointer}:host:hover,:host:focus-visible{background:color-mix(in srgb,var(--_tone) 8%,transparent)}:host:focus-visible{outline:2px solid var(--_tone);outline-offset:-2px}:host(.is-stale){opacity:.6}:host(.is-no-data){--_tone: var(--m-score-set-no-data);color:var(--m-text-secondary)}:host(.is-primary){grid-column:1;grid-row:1/span var(--_rows, 1);display:flex;flex-direction:column;align-items:center;gap:.25em;padding:.4em}:host(.is-row){grid-column:2;display:grid;grid-template-columns:.6em 1fr auto auto;grid-template-areas:\"dot name value standing\" \"track track track track\";align-items:center;column-gap:.5em;row-gap:.3em;padding:.4em .5em}:host(.is-compact){display:flex;flex-direction:column;align-items:flex-start;gap:.1em;padding:.45em .7em;border-bottom:3px solid var(--_tone);background:var(--m-background)}:host(.is-compact.is-primary){background:color-mix(in srgb,var(--_tone) 14%,var(--m-background))}.m-score-set__ring{display:
|
|
34019
|
+
template: "@switch (shape()) {\n @case ('primary') {\n @if (set?.variant() === 'compact') {\n <span class=\"m-score-set__primary-name\">{{ model().name }}</span>\n <span class=\"m-score-set__primary-value\">{{ model().display }}</span>\n } @else {\n <span class=\"m-score-set__ring\" [style.--_fill]=\"model().value ?? 0\"></span>\n <span class=\"m-score-set__primary-value\">{{ model().display }}</span>\n <span class=\"m-score-set__primary-name\">{{ model().name }}</span>\n }\n @if (model().standing) {\n <span class=\"m-score-set__primary-standing\">{{ model().standing }}</span>\n }\n @if (set?.bandShown() && model().value !== null) {\n <span class=\"m-score-set__primary-band\">{{ model().bandText }}</span>\n }\n @if (set?.basis()) {\n <span class=\"m-score-set__primary-basis\">{{ set?.basis() }}</span>\n }\n }\n @case ('row') {\n <span class=\"m-score-set__row-dot\"></span>\n <span class=\"m-score-set__row-name\">{{ model().name }}</span>\n <span class=\"m-score-set__row-value\">{{ model().display }}</span>\n @if (model().standing) {\n <span class=\"m-score-set__row-standing\">{{ model().standing }}</span>\n }\n @if (set?.variant() !== 'compact') {\n <span class=\"m-score-set__row-track\">\n <span class=\"m-score-set__row-fill\" [style.width.%]=\"model().value ?? 0\"></span>\n </span>\n }\n }\n}\n@if (shape() !== 'none' && model().tip) {\n <span class=\"m-score-set__tip\" role=\"tooltip\" [id]=\"tipId\">\n <m-tooltip [text]=\"model().tip\" />\n </span>\n}\n",
|
|
34020
|
+
styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{position:relative;border-radius:.5em;cursor:pointer;text-align:start}:host:hover,:host:focus-visible{background:color-mix(in srgb,var(--_tone) 8%,transparent)}:host:focus-visible{outline:2px solid var(--_tone);outline-offset:-2px}:host(.is-stale){opacity:.6}:host(.is-no-data){--_tone: var(--m-score-set-no-data);color:var(--m-text-secondary)}:host(.is-primary){grid-column:1;grid-row:1/span var(--_rows, 1);display:flex;flex-direction:column;align-items:center;gap:.25em;padding:.4em}:host(.is-row){grid-column:2;display:grid;grid-template-columns:.6em 1fr auto auto;grid-template-areas:\"dot name value standing\" \"track track track track\";align-items:center;column-gap:.5em;row-gap:.3em;padding:.4em .5em}:host(.is-compact){display:flex;flex-direction:column;align-items:flex-start;gap:.1em;padding:.45em .7em;border-bottom:3px solid var(--_tone);background:var(--m-background)}:host(.is-compact.is-primary){background:color-mix(in srgb,var(--_tone) 14%,var(--m-background))}.m-score-set__ring{display:block;width:6em;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--_tone) calc(var(--_fill) * 1%),var(--m-border) 0);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - .65em),#000 calc(50% - .6em));mask:radial-gradient(circle,transparent 0 calc(50% - .65em),#000 calc(50% - .6em))}.m-score-set__primary-value{margin-top:.15em;font-size:2.1em;font-weight:750;line-height:1}.m-score-set__primary-name{font-size:.75em;letter-spacing:.06em;text-transform:uppercase;color:var(--m-text-secondary)}.m-score-set__primary-standing{font-size:.8em;font-weight:600;color:var(--_tone)}.m-score-set__primary-band{font-size:.7em;font-weight:600;padding:.1em .6em;border-radius:99em;color:var(--_tone);background:color-mix(in srgb,var(--_tone) 18%,transparent)}.m-score-set__primary-basis{font-size:.7em;color:var(--m-text-secondary)}.m-score-set__row-dot{grid-area:dot;width:.55em;aspect-ratio:1;border-radius:50%;background:var(--_tone)}.m-score-set__row-name{grid-area:name;justify-self:start;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-score-set__row-value{grid-area:value;font-weight:650;font-variant-numeric:tabular-nums}.m-score-set__row-standing{grid-area:standing;font-size:.8em;color:var(--m-text-secondary)}.m-score-set__row-track{grid-area:track;height:.4em;border-radius:99em;overflow:hidden;background:var(--m-border)}.m-score-set__row-fill{display:block;height:100%;border-radius:inherit;background:var(--_tone)}.m-score-set__tip{position:absolute;z-index:2;top:100%;left:.5em;display:none}:host(:hover) .m-score-set__tip,:host(:focus-within) .m-score-set__tip{display:block}:host(.is-tip-dismissed) .m-score-set__tip{display:none}:host(.is-no-data) .m-score-set__row-track{background:repeating-linear-gradient(45deg,var(--m-border) 0 .25em,transparent .25em .5em)}:host(.is-compact) .m-score-set__row-dot{display:none}:host(.is-compact) .m-score-set__row-name,:host(.is-compact) .m-score-set__primary-name{order:-1;font-size:.7em;text-transform:none;letter-spacing:0;color:var(--m-text-secondary)}:host(.is-compact) .m-score-set__primary-value{font-size:1.6em;color:var(--_tone)}:host(.is-compact) .m-score-set__row-value{font-size:1.05em;color:var(--_tone)}:host(.is-compact) .m-score-set__row-standing{font-size:.7em}@container (max-width: 26em){:host(.is-primary),:host(.is-row){grid-column:1;grid-row:auto}}\n"]
|
|
34021
34021
|
}]
|
|
34022
34022
|
}],
|
|
34023
34023
|
propDecorators: {
|