@magmonium/one 0.4.94 → 0.4.96
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/fesm2022/magmonium-one.mjs +13 -10
- package/fesm2022/magmonium-one.mjs.map +1 -1
- package/package.json +1 -1
- package/types/magmonium-one.d.ts +32 -26
|
@@ -1843,10 +1843,11 @@ const requiredValidation = (s, paths) => paths.forEach((path) => {
|
|
|
1843
1843
|
} : null;
|
|
1844
1844
|
});
|
|
1845
1845
|
});
|
|
1846
|
-
const
|
|
1847
|
-
const
|
|
1848
|
-
const
|
|
1849
|
-
const
|
|
1846
|
+
const readLimit = (limit) => typeof limit === "function" ? limit() : limit;
|
|
1847
|
+
const minLengthValidation = (s, paths, len) => paths.forEach((path) => minLength(s[path], () => readLimit(len), { message: () => `min-length?len=${readLimit(len)}` }));
|
|
1848
|
+
const maxLengthValidation = (s, paths, len) => paths.forEach((path) => maxLength(s[path], () => readLimit(len), { message: () => `max-length?len=${readLimit(len)}` }));
|
|
1849
|
+
const minValidation = (s, paths, limit) => paths.forEach((path) => min(s[path], () => readLimit(limit), { message: () => `min-length?len=${readLimit(limit)}` }));
|
|
1850
|
+
const maxValidation = (s, paths, limit) => paths.forEach((path) => max(s[path], () => readLimit(limit), { message: () => `max-length?len=${readLimit(limit)}` }));
|
|
1850
1851
|
const manualValidation = (errorMap) => errorMap.forEach(({ error, path }) => validate(path, () => {
|
|
1851
1852
|
const message = error();
|
|
1852
1853
|
return message ? {
|
|
@@ -1857,15 +1858,17 @@ const manualValidation = (errorMap) => errorMap.forEach(({ error, path }) => val
|
|
|
1857
1858
|
const minAgeValidation = (schemaPath, minAge, dateFormat = "YYYY-MM-DD") => validate(schemaPath, (ctx) => {
|
|
1858
1859
|
const value = ctx.value();
|
|
1859
1860
|
if (!value) return null;
|
|
1861
|
+
const limit = readLimit(minAge);
|
|
1862
|
+
if (limit === void 0) return null;
|
|
1860
1863
|
const birthDate = parseDate(value, dateFormat);
|
|
1861
1864
|
if (!birthDate) return null;
|
|
1862
1865
|
const today = /* @__PURE__ */ new Date();
|
|
1863
1866
|
const age = today.getFullYear() - birthDate.getFullYear();
|
|
1864
1867
|
const monthDiff = today.getMonth() - birthDate.getMonth();
|
|
1865
1868
|
const dayDiff = today.getDate() - birthDate.getDate();
|
|
1866
|
-
return (monthDiff < 0 || monthDiff === 0 && dayDiff < 0 ? age - 1 : age) <
|
|
1869
|
+
return (monthDiff < 0 || monthDiff === 0 && dayDiff < 0 ? age - 1 : age) < limit ? {
|
|
1867
1870
|
kind: "minAge",
|
|
1868
|
-
message: `min-age?age=${
|
|
1871
|
+
message: `min-age?age=${limit}`
|
|
1869
1872
|
} : null;
|
|
1870
1873
|
});
|
|
1871
1874
|
const matchFieldValidation = (schemaPath, matchSchemaPath, fieldLabel) => validate(schemaPath, (ctx) => {
|
|
@@ -36813,8 +36816,8 @@ var ScaleComponent = class ScaleComponent {
|
|
|
36813
36816
|
isSignal: true
|
|
36814
36817
|
}],
|
|
36815
36818
|
ngImport: i0,
|
|
36816
|
-
template: "<div [class]=\"'m-scale is-' + shownAs()\" role=\"img\" [attr.aria-label]=\"summary()\">\n <div class=\"m-scale__head\">\n @if (label()) {\n <span class=\"m-scale__label\">{{ label() | translate }}</span>\n }\n @if (primary(); as p) {\n <span class=\"m-scale__value\">{{ formatValue(p.value) }}</span>\n
|
|
36817
|
-
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{display:block;flex:1 1 100%;min-width:0;--m-scale-target: var(--m-mm);--m-scale-up: var(--m-success);--m-scale-down: var(--m-error);--m-scale-warn: var(--m-warning);--m-scale-gold: var(--m-gold)}.m-scale{display:flex;flex-direction:column;gap:.75em;font-variant-numeric:tabular-nums}.m-scale__head{display:flex;flex-
|
|
36819
|
+
template: "<div [class]=\"'m-scale is-' + shownAs()\" role=\"img\" [attr.aria-label]=\"summary()\">\n <div class=\"m-scale__head\">\n @if (label()) {\n <span class=\"m-scale__label\">{{ label() | translate }}</span>\n }\n @if (primary(); as p) {\n <span class=\"m-scale__figure\">\n <span class=\"m-scale__value\">{{ formatValue(p.value) }}</span>\n <span class=\"m-scale__value-name\">{{ p.name }}</span>\n </span>\n }\n </div>\n\n @if (chips().length) {\n <div class=\"m-scale__chips\">\n @for (c of chips(); track c.key) {\n <span [class]=\"'m-scale__chip is-' + c.tone\" [attr.title]=\"c.detail || null\">{{ c.label }}</span>\n }\n </div>\n }\n\n @if (plot(); as p) {\n <div\n class=\"m-scale__plot\"\n [style.--_lanes]=\"p.lanes\"\n [style.--_brackets]=\"p.brackets.length\"\n [style.height.px]=\"shownAs() === 'vertical' ? verticalPx() : null\"\n >\n <div class=\"m-scale__axis\">\n @if (p.range; as r) {\n <span class=\"m-scale__range\" [style.--_from.%]=\"r.from\" [style.--_size.%]=\"r.size\"></span>\n }\n @for (b of p.bands; track b.key) {\n <span class=\"m-scale__band\" [style.--_from.%]=\"b.from\" [style.--_size.%]=\"b.size\"></span>\n }\n @for (t of p.ticks; track t.key) {\n <span\n [class]=\"'m-scale__tick is-' + t.kind\"\n [class.is-primary]=\"t.primary\"\n [class.is-pin-start]=\"t.pin === 'start'\"\n [class.is-pin-end]=\"t.pin === 'end'\"\n [style.--_at.%]=\"t.at\"\n ></span>\n }\n </div>\n\n @for (l of p.labels; track l.key) {\n <span\n class=\"m-scale__mark-label\"\n [class.is-lane-2]=\"l.lane === 1\"\n [class.is-primary]=\"l.primary\"\n [class.is-target]=\"l.target\"\n [style.--_at.%]=\"l.at\"\n >\n <span class=\"m-scale__mark-value\">{{ l.valueText }}</span>\n <span class=\"m-scale__mark-name\">{{ l.name }}</span>\n </span>\n }\n\n @for (b of p.brackets; track b.key) {\n <span\n [class]=\"'m-scale__bracket is-' + b.tone\"\n [attr.title]=\"b.label\"\n [style.--_from.%]=\"b.from\"\n [style.--_size.%]=\"b.size\"\n [style.--_row]=\"b.row\"\n >\n <span class=\"m-scale__bracket-label\">{{ b.label }}</span>\n </span>\n }\n </div>\n }\n</div>\n",
|
|
36820
|
+
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{display:block;flex:1 1 100%;min-width:0;--m-scale-target: var(--m-mm);--m-scale-up: var(--m-success);--m-scale-down: var(--m-error);--m-scale-warn: var(--m-warning);--m-scale-gold: var(--m-gold)}.m-scale{display:flex;flex-direction:column;gap:.75em;font-variant-numeric:tabular-nums}.m-scale__head{display:flex;flex-direction:column;gap:.35em;min-width:0}.m-scale__label{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--m-text-tertiary);font-size:.75em;text-transform:uppercase;letter-spacing:.08em;font-weight:600;opacity:.85}.m-scale__figure{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.35em}.m-scale__value{font-size:1.65em;font-weight:700;line-height:1.15;letter-spacing:-.01em;background:linear-gradient(135deg,var(--m-text),color-mix(in srgb,var(--m-mm) 40%,var(--m-text)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.m-scale__value-name{color:var(--m-text-tertiary);font-size:.8em;font-weight:300}.m-scale__chips{display:flex;flex-wrap:wrap;gap:.4em}.m-scale__chip{display:inline-flex;align-items:center;gap:.4em;padding:.15em .65em .15em .5em;border:1px solid var(--m-border);border-radius:999px;font-size:.8em;font-weight:500}.m-scale__chip:before{content:\"\";width:.55em;height:.55em;border-radius:50%;background:var(--_tone, var(--m-text-tertiary))}.m-scale__chip.is-up{--_tone: var(--m-scale-up)}.m-scale__chip.is-down{--_tone: var(--m-scale-down)}.m-scale__chip.is-warn{--_tone: var(--m-scale-warn)}.m-scale__chip.is-gold{--_tone: var(--m-scale-gold);border-color:var(--m-scale-gold)}.m-scale__plot{position:relative}.m-scale__axis{position:absolute}.m-scale__axis:before{content:\"\";position:absolute;background:var(--m-border)}.m-scale__range,.m-scale__band,.m-scale__tick,.m-scale__bracket,.m-scale__mark-label{position:absolute}.m-scale__range{background:color-mix(in srgb,var(--m-text-tertiary) 22%,transparent)}.m-scale__band{border:1px dashed var(--m-scale-target);border-radius:.2em;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--m-scale-target) 22%,transparent) 0 2px,transparent 2px 6px)}.m-scale__tick{background:var(--m-text-secondary)}.m-scale__tick.is-bound{background:var(--m-text-tertiary)}.m-scale__tick.is-target{background:none}.m-scale__mark-label{font-size:.75em;white-space:nowrap}.m-scale__mark-label.is-primary{font-weight:700}.m-scale__mark-label.is-target{color:var(--m-scale-target)}.m-scale__mark-name{color:var(--m-text-tertiary)}.m-scale__mark-value{font-weight:600}.m-scale__bracket{border:1.5px solid var(--_tone, var(--m-text-tertiary))}.m-scale__bracket.is-up{--_tone: var(--m-scale-up)}.m-scale__bracket.is-down{--_tone: var(--m-scale-down)}.m-scale__bracket.is-warn{--_tone: var(--m-scale-warn)}.m-scale__bracket.is-gold{--_tone: var(--m-scale-gold)}.m-scale__bracket-label{position:absolute;color:var(--_tone, var(--m-text-tertiary));font-size:.7em;white-space:nowrap}.m-scale.is-horizontal .m-scale__plot{height:calc(2.6em + var(--_lanes, 1) * 2.4em + var(--_brackets, 0) * 1.8em)}.m-scale.is-horizontal .m-scale__axis{inset:0 0 auto;height:2.4em}.m-scale.is-horizontal .m-scale__axis:before{inset:50% 0 auto;height:2px;transform:translateY(-50%)}.m-scale.is-horizontal .m-scale__range,.m-scale.is-horizontal .m-scale__band{top:50%;left:var(--_from);width:var(--_size);transform:translateY(-50%)}.m-scale.is-horizontal .m-scale__range{height:.5em}.m-scale.is-horizontal .m-scale__band{height:1.4em}.m-scale.is-horizontal .m-scale__tick{top:50%;left:var(--_at);width:1.5px;height:.9em;transform:translate(-50%,-50%)}.m-scale.is-horizontal .m-scale__tick.is-bound{width:2.5px;height:1.3em}.m-scale.is-horizontal .m-scale__tick.is-target{width:0;height:2em;border-left:2px dashed var(--m-scale-target)}.m-scale.is-horizontal .m-scale__tick.is-primary{width:.9em;height:.9em;border:2px solid var(--m-background);border-radius:50%;background:var(--m-text)}.m-scale.is-horizontal .m-scale__tick.is-pin-start,.m-scale.is-horizontal .m-scale__tick.is-pin-end{width:.6em;height:.6em;border:0;border-top:2.5px solid var(--m-scale-target);border-right:2.5px solid var(--m-scale-target);background:none}.m-scale.is-horizontal .m-scale__tick.is-pin-start{transform:translate(-50%,-50%) rotate(-135deg)}.m-scale.is-horizontal .m-scale__tick.is-pin-end{transform:translate(-50%,-50%) rotate(45deg)}.m-scale.is-horizontal .m-scale__mark-label{top:3.4em;left:var(--_at);display:flex;flex-direction:column;align-items:center;transform:translate(calc(var(--_at) * -1))}.m-scale.is-horizontal .m-scale__mark-label.is-lane-2{top:6.6em}.m-scale.is-horizontal .m-scale__bracket{top:calc(2.8em + var(--_lanes, 1) * 2.4em + var(--_row, 0) * 1.8em);left:var(--_from);width:var(--_size);height:.45em;border-top:0}.m-scale.is-horizontal .m-scale__bracket-label{top:.45em;left:50%;transform:translate(-50%)}.m-scale.is-vertical .m-scale__axis{inset:0 auto 0 calc(.5em + var(--_brackets, 0) * .9em);width:2.4em}.m-scale.is-vertical .m-scale__axis:before{inset:0 auto 0 50%;width:2px;transform:translate(-50%)}.m-scale.is-vertical .m-scale__range,.m-scale.is-vertical .m-scale__band{top:var(--_from);left:50%;height:var(--_size);transform:translate(-50%)}.m-scale.is-vertical .m-scale__range{width:.5em}.m-scale.is-vertical .m-scale__band{width:1.4em}.m-scale.is-vertical .m-scale__tick{top:var(--_at);left:50%;width:.9em;height:1.5px;transform:translate(-50%,-50%)}.m-scale.is-vertical .m-scale__tick.is-bound{width:1.3em;height:2.5px}.m-scale.is-vertical .m-scale__tick.is-target{width:2em;height:0;border-top:2px dashed var(--m-scale-target)}.m-scale.is-vertical .m-scale__tick.is-primary{width:.9em;height:.9em;border:2px solid var(--m-background);border-radius:50%;background:var(--m-text)}.m-scale.is-vertical .m-scale__tick.is-pin-start,.m-scale.is-vertical .m-scale__tick.is-pin-end{width:.6em;height:.6em;border:0;border-top:2.5px solid var(--m-scale-target);border-right:2.5px solid var(--m-scale-target);background:none}.m-scale.is-vertical .m-scale__tick.is-pin-start{transform:translate(-50%,-50%) rotate(-45deg)}.m-scale.is-vertical .m-scale__tick.is-pin-end{transform:translate(-50%,-50%) rotate(135deg)}.m-scale.is-vertical .m-scale__mark-label{top:var(--_at);left:calc(3.6em + var(--_brackets, 0) * .9em);display:flex;gap:.5em;transform:translateY(-50%)}.m-scale.is-vertical .m-scale__bracket{top:var(--_from);left:calc(.2em + var(--_row, 0) * .9em);width:.45em;height:var(--_size);border-right:0}.m-scale.is-vertical .m-scale__bracket-label{display:none}\n"],
|
|
36818
36821
|
dependencies: [{
|
|
36819
36822
|
kind: "pipe",
|
|
36820
36823
|
type: TranslatePipe,
|
|
@@ -36834,8 +36837,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
36834
36837
|
selector: "m-scale",
|
|
36835
36838
|
imports: [TranslatePipe],
|
|
36836
36839
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
36837
|
-
template: "<div [class]=\"'m-scale is-' + shownAs()\" role=\"img\" [attr.aria-label]=\"summary()\">\n <div class=\"m-scale__head\">\n @if (label()) {\n <span class=\"m-scale__label\">{{ label() | translate }}</span>\n }\n @if (primary(); as p) {\n <span class=\"m-scale__value\">{{ formatValue(p.value) }}</span>\n
|
|
36838
|
-
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{display:block;flex:1 1 100%;min-width:0;--m-scale-target: var(--m-mm);--m-scale-up: var(--m-success);--m-scale-down: var(--m-error);--m-scale-warn: var(--m-warning);--m-scale-gold: var(--m-gold)}.m-scale{display:flex;flex-direction:column;gap:.75em;font-variant-numeric:tabular-nums}.m-scale__head{display:flex;flex-
|
|
36840
|
+
template: "<div [class]=\"'m-scale is-' + shownAs()\" role=\"img\" [attr.aria-label]=\"summary()\">\n <div class=\"m-scale__head\">\n @if (label()) {\n <span class=\"m-scale__label\">{{ label() | translate }}</span>\n }\n @if (primary(); as p) {\n <span class=\"m-scale__figure\">\n <span class=\"m-scale__value\">{{ formatValue(p.value) }}</span>\n <span class=\"m-scale__value-name\">{{ p.name }}</span>\n </span>\n }\n </div>\n\n @if (chips().length) {\n <div class=\"m-scale__chips\">\n @for (c of chips(); track c.key) {\n <span [class]=\"'m-scale__chip is-' + c.tone\" [attr.title]=\"c.detail || null\">{{ c.label }}</span>\n }\n </div>\n }\n\n @if (plot(); as p) {\n <div\n class=\"m-scale__plot\"\n [style.--_lanes]=\"p.lanes\"\n [style.--_brackets]=\"p.brackets.length\"\n [style.height.px]=\"shownAs() === 'vertical' ? verticalPx() : null\"\n >\n <div class=\"m-scale__axis\">\n @if (p.range; as r) {\n <span class=\"m-scale__range\" [style.--_from.%]=\"r.from\" [style.--_size.%]=\"r.size\"></span>\n }\n @for (b of p.bands; track b.key) {\n <span class=\"m-scale__band\" [style.--_from.%]=\"b.from\" [style.--_size.%]=\"b.size\"></span>\n }\n @for (t of p.ticks; track t.key) {\n <span\n [class]=\"'m-scale__tick is-' + t.kind\"\n [class.is-primary]=\"t.primary\"\n [class.is-pin-start]=\"t.pin === 'start'\"\n [class.is-pin-end]=\"t.pin === 'end'\"\n [style.--_at.%]=\"t.at\"\n ></span>\n }\n </div>\n\n @for (l of p.labels; track l.key) {\n <span\n class=\"m-scale__mark-label\"\n [class.is-lane-2]=\"l.lane === 1\"\n [class.is-primary]=\"l.primary\"\n [class.is-target]=\"l.target\"\n [style.--_at.%]=\"l.at\"\n >\n <span class=\"m-scale__mark-value\">{{ l.valueText }}</span>\n <span class=\"m-scale__mark-name\">{{ l.name }}</span>\n </span>\n }\n\n @for (b of p.brackets; track b.key) {\n <span\n [class]=\"'m-scale__bracket is-' + b.tone\"\n [attr.title]=\"b.label\"\n [style.--_from.%]=\"b.from\"\n [style.--_size.%]=\"b.size\"\n [style.--_row]=\"b.row\"\n >\n <span class=\"m-scale__bracket-label\">{{ b.label }}</span>\n </span>\n }\n </div>\n }\n</div>\n",
|
|
36841
|
+
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{display:block;flex:1 1 100%;min-width:0;--m-scale-target: var(--m-mm);--m-scale-up: var(--m-success);--m-scale-down: var(--m-error);--m-scale-warn: var(--m-warning);--m-scale-gold: var(--m-gold)}.m-scale{display:flex;flex-direction:column;gap:.75em;font-variant-numeric:tabular-nums}.m-scale__head{display:flex;flex-direction:column;gap:.35em;min-width:0}.m-scale__label{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--m-text-tertiary);font-size:.75em;text-transform:uppercase;letter-spacing:.08em;font-weight:600;opacity:.85}.m-scale__figure{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.35em}.m-scale__value{font-size:1.65em;font-weight:700;line-height:1.15;letter-spacing:-.01em;background:linear-gradient(135deg,var(--m-text),color-mix(in srgb,var(--m-mm) 40%,var(--m-text)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.m-scale__value-name{color:var(--m-text-tertiary);font-size:.8em;font-weight:300}.m-scale__chips{display:flex;flex-wrap:wrap;gap:.4em}.m-scale__chip{display:inline-flex;align-items:center;gap:.4em;padding:.15em .65em .15em .5em;border:1px solid var(--m-border);border-radius:999px;font-size:.8em;font-weight:500}.m-scale__chip:before{content:\"\";width:.55em;height:.55em;border-radius:50%;background:var(--_tone, var(--m-text-tertiary))}.m-scale__chip.is-up{--_tone: var(--m-scale-up)}.m-scale__chip.is-down{--_tone: var(--m-scale-down)}.m-scale__chip.is-warn{--_tone: var(--m-scale-warn)}.m-scale__chip.is-gold{--_tone: var(--m-scale-gold);border-color:var(--m-scale-gold)}.m-scale__plot{position:relative}.m-scale__axis{position:absolute}.m-scale__axis:before{content:\"\";position:absolute;background:var(--m-border)}.m-scale__range,.m-scale__band,.m-scale__tick,.m-scale__bracket,.m-scale__mark-label{position:absolute}.m-scale__range{background:color-mix(in srgb,var(--m-text-tertiary) 22%,transparent)}.m-scale__band{border:1px dashed var(--m-scale-target);border-radius:.2em;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--m-scale-target) 22%,transparent) 0 2px,transparent 2px 6px)}.m-scale__tick{background:var(--m-text-secondary)}.m-scale__tick.is-bound{background:var(--m-text-tertiary)}.m-scale__tick.is-target{background:none}.m-scale__mark-label{font-size:.75em;white-space:nowrap}.m-scale__mark-label.is-primary{font-weight:700}.m-scale__mark-label.is-target{color:var(--m-scale-target)}.m-scale__mark-name{color:var(--m-text-tertiary)}.m-scale__mark-value{font-weight:600}.m-scale__bracket{border:1.5px solid var(--_tone, var(--m-text-tertiary))}.m-scale__bracket.is-up{--_tone: var(--m-scale-up)}.m-scale__bracket.is-down{--_tone: var(--m-scale-down)}.m-scale__bracket.is-warn{--_tone: var(--m-scale-warn)}.m-scale__bracket.is-gold{--_tone: var(--m-scale-gold)}.m-scale__bracket-label{position:absolute;color:var(--_tone, var(--m-text-tertiary));font-size:.7em;white-space:nowrap}.m-scale.is-horizontal .m-scale__plot{height:calc(2.6em + var(--_lanes, 1) * 2.4em + var(--_brackets, 0) * 1.8em)}.m-scale.is-horizontal .m-scale__axis{inset:0 0 auto;height:2.4em}.m-scale.is-horizontal .m-scale__axis:before{inset:50% 0 auto;height:2px;transform:translateY(-50%)}.m-scale.is-horizontal .m-scale__range,.m-scale.is-horizontal .m-scale__band{top:50%;left:var(--_from);width:var(--_size);transform:translateY(-50%)}.m-scale.is-horizontal .m-scale__range{height:.5em}.m-scale.is-horizontal .m-scale__band{height:1.4em}.m-scale.is-horizontal .m-scale__tick{top:50%;left:var(--_at);width:1.5px;height:.9em;transform:translate(-50%,-50%)}.m-scale.is-horizontal .m-scale__tick.is-bound{width:2.5px;height:1.3em}.m-scale.is-horizontal .m-scale__tick.is-target{width:0;height:2em;border-left:2px dashed var(--m-scale-target)}.m-scale.is-horizontal .m-scale__tick.is-primary{width:.9em;height:.9em;border:2px solid var(--m-background);border-radius:50%;background:var(--m-text)}.m-scale.is-horizontal .m-scale__tick.is-pin-start,.m-scale.is-horizontal .m-scale__tick.is-pin-end{width:.6em;height:.6em;border:0;border-top:2.5px solid var(--m-scale-target);border-right:2.5px solid var(--m-scale-target);background:none}.m-scale.is-horizontal .m-scale__tick.is-pin-start{transform:translate(-50%,-50%) rotate(-135deg)}.m-scale.is-horizontal .m-scale__tick.is-pin-end{transform:translate(-50%,-50%) rotate(45deg)}.m-scale.is-horizontal .m-scale__mark-label{top:3.4em;left:var(--_at);display:flex;flex-direction:column;align-items:center;transform:translate(calc(var(--_at) * -1))}.m-scale.is-horizontal .m-scale__mark-label.is-lane-2{top:6.6em}.m-scale.is-horizontal .m-scale__bracket{top:calc(2.8em + var(--_lanes, 1) * 2.4em + var(--_row, 0) * 1.8em);left:var(--_from);width:var(--_size);height:.45em;border-top:0}.m-scale.is-horizontal .m-scale__bracket-label{top:.45em;left:50%;transform:translate(-50%)}.m-scale.is-vertical .m-scale__axis{inset:0 auto 0 calc(.5em + var(--_brackets, 0) * .9em);width:2.4em}.m-scale.is-vertical .m-scale__axis:before{inset:0 auto 0 50%;width:2px;transform:translate(-50%)}.m-scale.is-vertical .m-scale__range,.m-scale.is-vertical .m-scale__band{top:var(--_from);left:50%;height:var(--_size);transform:translate(-50%)}.m-scale.is-vertical .m-scale__range{width:.5em}.m-scale.is-vertical .m-scale__band{width:1.4em}.m-scale.is-vertical .m-scale__tick{top:var(--_at);left:50%;width:.9em;height:1.5px;transform:translate(-50%,-50%)}.m-scale.is-vertical .m-scale__tick.is-bound{width:1.3em;height:2.5px}.m-scale.is-vertical .m-scale__tick.is-target{width:2em;height:0;border-top:2px dashed var(--m-scale-target)}.m-scale.is-vertical .m-scale__tick.is-primary{width:.9em;height:.9em;border:2px solid var(--m-background);border-radius:50%;background:var(--m-text)}.m-scale.is-vertical .m-scale__tick.is-pin-start,.m-scale.is-vertical .m-scale__tick.is-pin-end{width:.6em;height:.6em;border:0;border-top:2.5px solid var(--m-scale-target);border-right:2.5px solid var(--m-scale-target);background:none}.m-scale.is-vertical .m-scale__tick.is-pin-start{transform:translate(-50%,-50%) rotate(-45deg)}.m-scale.is-vertical .m-scale__tick.is-pin-end{transform:translate(-50%,-50%) rotate(135deg)}.m-scale.is-vertical .m-scale__mark-label{top:var(--_at);left:calc(3.6em + var(--_brackets, 0) * .9em);display:flex;gap:.5em;transform:translateY(-50%)}.m-scale.is-vertical .m-scale__bracket{top:var(--_from);left:calc(.2em + var(--_row, 0) * .9em);width:.45em;height:var(--_size);border-right:0}.m-scale.is-vertical .m-scale__bracket-label{display:none}\n"]
|
|
36839
36842
|
}]
|
|
36840
36843
|
}],
|
|
36841
36844
|
ctorParameters: () => [],
|