@breadstone/mosaik-elements-foundation 0.0.170 → 0.0.172

package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Memphis.js

@@ -0,0 +1,245 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function scrubSliderElementMemphisStyle() {
+    return css `
+:host {
+  --scrub-slider-background-color: unset;
+  --scrub-slider-border-color: unset;
+  --scrub-slider-border-radius: unset;
+  --scrub-slider-border-style: unset;
+  --scrub-slider-border-width: unset;
+  --scrub-slider-component-name-thumb-background-color: unset;
+  --scrub-slider-font-family: unset;
+  --scrub-slider-font-letter-spacing: unset;
+  --scrub-slider-font-line-height: unset;
+  --scrub-slider-font-size: unset;
+  --scrub-slider-font-text-decoration: unset;
+  --scrub-slider-font-text-transform: unset;
+  --scrub-slider-font-weight: unset;
+  --scrub-slider-foreground-color: unset;
+  --scrub-slider-gap: unset;
+  --scrub-slider-padding-bottom: unset;
+  --scrub-slider-padding-left: unset;
+  --scrub-slider-padding-right: unset;
+  --scrub-slider-padding-top: unset;
+  --scrub-slider-shadow: unset;
+  --scrub-slider-thumb-background-color: unset;
+  --scrub-slider-thumb-border-color: unset;
+  --scrub-slider-thumb-border-radius: unset;
+  --scrub-slider-thumb-border-style: unset;
+  --scrub-slider-thumb-border-width: unset;
+  --scrub-slider-thumb-foreground-color: unset;
+  --scrub-slider-thumb-size: unset;
+  --scrub-slider-tick-bar-border-color: unset;
+  --scrub-slider-tick-bar-foreground-color: unset;
+  --scrub-slider-tick-bar-tick-height: unset;
+  --scrub-slider-tick-bar-tick-text-gap: unset;
+  --scrub-slider-tick-gap: unset;
+  --scrub-slider-tooltip-background-color: unset;
+  --scrub-slider-tooltip-border-color: unset;
+  --scrub-slider-tooltip-border-radius: unset;
+  --scrub-slider-tooltip-border-style: unset;
+  --scrub-slider-tooltip-border-width: unset;
+  --scrub-slider-tooltip-font-family: unset;
+  --scrub-slider-tooltip-font-letter-spacing: unset;
+  --scrub-slider-tooltip-font-line-height: unset;
+  --scrub-slider-tooltip-font-size: unset;
+  --scrub-slider-tooltip-font-text-decoration: unset;
+  --scrub-slider-tooltip-font-text-transform: unset;
+  --scrub-slider-tooltip-font-weight: unset;
+  --scrub-slider-tooltip-foreground-color: unset;
+  --scrub-slider-tooltip-gap: unset;
+  --scrub-slider-tooltip-padding-bottom: unset;
+  --scrub-slider-tooltip-padding-left: unset;
+  --scrub-slider-tooltip-padding-right: unset;
+  --scrub-slider-tooltip-padding-top: unset;
+  --scrub-slider-tooltip-shadow: unset;
+  --scrub-slider-tooltip-transition-duration: unset;
+  --scrub-slider-tooltip-transition-mode: unset;
+  --scrub-slider-tooltip-transition-property: unset;
+  --scrub-slider-track-size: unset;
+  --scrub-slider-transition-duration: unset;
+  --scrub-slider-transition-mode: unset;
+  --scrub-slider-transition-property: unset;
+  --scrub-slider-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  --height: 56px;
+  --center-width: 3px;
+  --tick-gap: 12px;
+  --tick-width: 2px;
+  --tick-color: var(--joy-scheme-highlight);
+  --tick-color-strong: #8b8f96;
+  --track-bg: var(--joy-scheme-background);
+  --center-color: var(--joy-color-danger-500);
+  --value-font: 700 48px / 1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-family: var(--scrub-slider-font-family);
+  font-size: var(--scrub-slider-font-size);
+  line-height: var(--scrub-slider-font-line-height);
+  font-weight: var(--scrub-slider-font-weight);
+  letter-spacing: var(--scrub-slider-font-letter-spacing);
+  -webkit-text-decoration: var(--scrub-slider-font-text-decoration);
+  text-decoration: var(--scrub-slider-font-text-decoration);
+  text-transform: var(--scrub-slider-font-text-transform);
+  gap: var(--scrub-slider-gap);
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  flex-direction: column;
+  gap: 12px;
+  width: 100%;
+  display: inline-flex;
+}
+
+:host [part="root"] {
+  width: 100%;
+}
+
+:host [part="value"] {
+  text-align: center;
+  font: var(--value-font);
+  color: #111;
+}
+
+:host [part="surface"] {
+  height: var(--height);
+  background: var(--track-bg);
+  cursor: ew-resize;
+  touch-action: none;
+  outline: none;
+  position: relative;
+}
+
+:host [part^="ticks"] {
+  background-image: repeating-linear-gradient(to right, transparent 0, transparent calc(var(--tick-gap)  - var(--tick-width)), var(--tick-color) calc(var(--tick-gap)  - var(--tick-width)), var(--tick-color) var(--tick-gap));
+  background-size: var(--tick-gap) 100%;
+  background-repeat: repeat;
+  background-position: var(--tick-offset, 0px) 0;
+  pointer-events: none;
+  position: absolute;
+  inset-inline: 0;
+}
+
+:host [part$="top"] {
+  opacity: .9;
+  height: 50%;
+  top: 0;
+}
+
+:host [part$="bottom"] {
+  opacity: .6;
+  height: 50%;
+  bottom: 0;
+}
+
+:host [part="center"] {
+  width: var(--center-width);
+  background: var(--center-color);
+  pointer-events: none;
+  border-radius: 1px;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+:host [part="labels"] {
+  color: #2b2d30;
+  opacity: .85;
+  place-items: center;
+  height: 24px;
+  font: 600 14px / 1.2 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, Apple Color Emoji, Segoe UI Emoji;
+  display: grid;
+}
+
+:host [part="hint"] {
+  flex-direction: row;
+  justify-content: space-between;
+  display: flex;
+}
+
+:host .visually-hidden {
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+  border: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  position: absolute !important;
+}
+
+:host(:focus-within) [part="surface"] {
+  box-shadow: inset 0 0 0 2px #0000000f;
+}
+
+:host(:hover) [part="tooltip"], :host([is-focused]) [part="tooltip"] {
+  opacity: 1;
+}
+
+:host([tick-placement="none"]) [part="ticks"] {
+  display: none;
+}
+
+:host([tooltip-placement="before"]) [part="tooltip"] {
+  inset-area: top span-all;
+  margin: 0 0 var(--slider-gap) 0;
+  inset-block-start: calc(var(--scrub-slider-thumb-size) / 2 + var(--scrub-slider-gap));
+}
+
+:host([tooltip-placement="after"]) [part="tooltip"] {
+  inset-area: bottom span-all;
+  margin: var(--slider-gap) 0 0 0;
+  inset-block-end: calc(var(--scrub-slider-thumb-size) / 2 + var(--scrub-slider-gap));
+}
+
+:host([track]) [part="input"]::-webkit-slider-thumb {
+  box-shadow: -407px 0 0 400px #f50;
+}
+
+:host([track]) [part="input"]::-moz-range-thumb {
+  box-shadow: -407px 0 0 400px #f50;
+}
+
+    `;
+}
+//# sourceMappingURL=ScrubSliderElement.Memphis.js.map

package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Memphis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrubSliderElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqOT,CAAC;AACN,CAAC"}

package/Controls/Components/Ranges/Slider/SliderElement.js

@@ -24,7 +24,7 @@ import { TickBarElement } from '../../Primitives/TickBar/TickBarElement';
 import { RangeBaseElement } from '../Abstracts/RangeBaseElement';
 import { sliderElementTemplate } from './SliderElementTemplate';
 import { sliderElementJoyStyle } from './Themes/SliderElement.Joy';
-import { sliderElementRetroStyle } from './Themes/SliderElement.Retro';
+import { sliderElementMemphisStyle } from './Themes/SliderElement.Memphis';
 import { sliderElementCosmopolitanStyle } from './Themes/SliderElement.Cosmopolitan';
 import { Themeable } from '../../../Behaviors/Themeable';
 import { Invalidable } from '../../../Behaviors/Invalidable';
@@ -360,7 +360,7 @@ SliderElement = __decorate([
         template: sliderElementTemplate,
         themes: {
             joy: sliderElementJoyStyle,
-            retro: sliderElementRetroStyle,
+            memphis: sliderElementMemphisStyle,
             cosmopolitan: sliderElementCosmopolitanStyle
         },
         imports: [

package/Controls/Components/Ranges/Slider/SliderElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/Slider/SliderElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SliderElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/Slider/SliderElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Ranges/Slider/Themes/SliderElement.Memphis.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function sliderElementMemphisStyle(): CSSResult;
+//# sourceMappingURL=SliderElement.Memphis.d.ts.map

package/Controls/Components/Ranges/Slider/Themes/SliderElement.Memphis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/Slider/Themes/SliderElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CA8SrD"}

package/Controls/Components/Ranges/Slider/Themes/SliderElement.Memphis.js

@@ -0,0 +1,316 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function sliderElementMemphisStyle() {
+    return css `
+:host {
+  --slider-background-color: var(--memphis-scheme-transparent);
+  --slider-border-color: var(--memphis-color-light-secondary-400);
+  --slider-border-radius: var(--memphis-layout-radius);
+  --slider-border-style: solid;
+  --slider-border-width: var(--memphis-layout-thickness);
+  --slider-component-name-thumb-background-color: var(--memphis-color-light-secondary-200);
+  --slider-font-family: var(--memphis-font-family);
+  --slider-font-letter-spacing: var(--memphis-typography-body1-letter-spacing);
+  --slider-font-line-height: var(--memphis-typography-body1-line-height);
+  --slider-font-size: var(--memphis-typography-body1-font-size);
+  --slider-font-text-decoration: var(--memphis-typography-body1-text-decoration);
+  --slider-font-text-transform: var(--memphis-typography-body1-text-transform);
+  --slider-font-weight: var(--memphis-typography-body1-font-weight);
+  --slider-foreground-color: var(--memphis-scheme-foreground);
+  --slider-gap: var(--memphis-layout-space);
+  --slider-padding-bottom: 0px;
+  --slider-padding-left: 0px;
+  --slider-padding-right: 0px;
+  --slider-padding-top: 0px;
+  --slider-shadow: var(--memphis-elevation-none);
+  --slider-thumb-background-color: var(--memphis-scheme-background);
+  --slider-thumb-border-color: var(--memphis-color-light-secondary-500);
+  --slider-thumb-border-radius: 50%;
+  --slider-thumb-border-style: solid;
+  --slider-thumb-border-width: var(--memphis-layout-thickness);
+  --slider-thumb-foreground-color: var(--memphis-color-light-secondary-500);
+  --slider-thumb-size: calc(var(--memphis-layout-space) * 2);
+  --slider-tick-bar-border-color: var(--memphis-color-light-neutral-400);
+  --slider-tick-bar-foreground-color: var(--memphis-scheme-foreground);
+  --slider-tick-bar-tick-height: 6px;
+  --slider-tick-bar-tick-text-gap: calc(var(--memphis-layout-space) / 2);
+  --slider-tick-gap: calc(var(--memphis-layout-space) / 2);
+  --slider-tooltip-background-color: var(--memphis-color-light-secondary-500);
+  --slider-tooltip-border-color: var(--memphis-color-light-secondary-600);
+  --slider-tooltip-border-radius: calc(var(--memphis-layout-radius) * 2);
+  --slider-tooltip-border-style: solid;
+  --slider-tooltip-border-width: 0px;
+  --slider-tooltip-font-family: var(--memphis-font-family);
+  --slider-tooltip-font-letter-spacing: var(--memphis-typography-body2-letter-spacing);
+  --slider-tooltip-font-line-height: var(--memphis-typography-body2-line-height);
+  --slider-tooltip-font-size: var(--memphis-typography-body2-font-size);
+  --slider-tooltip-font-text-decoration: var(--memphis-typography-body2-text-decoration);
+  --slider-tooltip-font-text-transform: var(--memphis-typography-body2-text-transform);
+  --slider-tooltip-font-weight: var(--memphis-typography-body2-font-weight);
+  --slider-tooltip-foreground-color: var(--memphis-color-light-secondary-0);
+  --slider-tooltip-gap: calc(var(--memphis-layout-space) / 2);
+  --slider-tooltip-padding-bottom: var(--memphis-layout-space);
+  --slider-tooltip-padding-left: var(--memphis-layout-space);
+  --slider-tooltip-padding-right: var(--memphis-layout-space);
+  --slider-tooltip-padding-top: var(--memphis-layout-space);
+  --slider-tooltip-shadow: var(--memphis-elevation-semilight);
+  --slider-tooltip-transition-duration: var(--memphis-duration-short);
+  --slider-tooltip-transition-mode: ease;
+  --slider-tooltip-transition-property: background-color, color, border-color, box-shadow, transform;
+  --slider-track-size: calc(var(--memphis-layout-thickness) * 1.5);
+  --slider-transition-duration: var(--memphis-duration-short);
+  --slider-transition-mode: ease;
+  --slider-transition-property: background-color, color, border-color, box-shadow, transform;
+  --slider-translate: none;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  font-family: var(--slider-font-family);
+  font-size: var(--slider-font-size);
+  line-height: var(--slider-font-line-height);
+  font-weight: var(--slider-font-weight);
+  letter-spacing: var(--slider-font-letter-spacing);
+  -webkit-text-decoration: var(--slider-font-text-decoration);
+  text-decoration: var(--slider-font-text-decoration);
+  text-transform: var(--slider-font-text-transform);
+  align-items: center;
+  gap: var(--slider-gap);
+  flex-direction: row;
+  width: 100%;
+  display: flex;
+}
+
+:host [part="root"] {
+  gap: var(--slider-tick-gap);
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+:host [part="input"] {
+  width: 100%;
+  height: inherit;
+  cursor: pointer;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background: inherit;
+  z-index: 1;
+  outline: none;
+  margin: 0;
+  display: block;
+  position: relative;
+}
+
+:host [part="input"]:hover::-webkit-slider-thumb, :host [part="input"]:active::-webkit-slider-thumb, :host [part="input"]:focus::-webkit-slider-thumb {
+  transform: scale(1.1);
+}
+
+:host [part="input"]:hover::-moz-range-thumb, :host [part="input"]:active::-moz-range-thumb, :host [part="input"]:focus::-moz-range-thumb {
+  transform: scale(1.1);
+}
+
+:host [part="input"]::-webkit-slider-thumb {
+  background-color: var(--slider-thumb-background-color);
+  border-color: var(--slider-thumb-border-color);
+  border-width: var(--slider-thumb-border-width);
+  border-style: var(--slider-thumb-border-style);
+  height: var(--slider-thumb-size);
+  width: var(--slider-thumb-size);
+  -webkit-appearance: none;
+  appearance: none;
+  margin-top: calc((var(--slider-thumb-size) / 2 + var(--slider-track-size) / 2 * -1) * -1);
+  transition-duration: var(--slider-transition-duration);
+  transition-timing-function: var(--slider-transition-mode);
+  -webkit-transition-property: var(--slider-transition-property);
+  transition-property: var(--slider-transition-property);
+  anchor-name: --thumb;
+  cursor: pointer;
+  border-radius: 50%;
+}
+
+:host [part="input"]::-moz-range-thumb {
+  background-color: var(--slider-thumb-background-color);
+  border-color: var(--slider-thumb-border-color);
+  border-width: var(--slider-thumb-border-width);
+  border-style: var(--slider-thumb-border-style);
+  height: var(--slider-thumb-size);
+  width: var(--slider-thumb-size);
+  -moz-appearance: none;
+  appearance: none;
+  margin-top: calc((var(--slider-thumb-size) / 2 + var(--slider-track-size) / 2 * -1) * -1);
+  transition-duration: var(--slider-transition-duration);
+  transition-timing-function: var(--slider-transition-mode);
+  -moz-transition-property: var(--slider-transition-property);
+  transition-property: var(--slider-transition-property);
+  anchor-name: --thumb;
+  cursor: pointer;
+  border-radius: 50%;
+}
+
+:host [part="input"]::-webkit-slider-runnable-track {
+  background-color: var(--slider-border-color);
+  border-radius: var(--slider-border-radius);
+  height: var(--slider-track-size);
+  width: 100%;
+}
+
+:host [part="input"]::-moz-range-track {
+  background-color: var(--slider-border-color);
+  border-radius: var(--slider-border-radius);
+  height: var(--slider-track-size);
+  width: 100%;
+}
+
+:host [part="tooltip"] {
+  font-family: var(--slider-tooltip-font-family);
+  font-size: var(--slider-tooltip-font-size);
+  line-height: var(--slider-tooltip-font-line-height);
+  font-weight: var(--slider-tooltip-font-weight);
+  letter-spacing: var(--slider-tooltip-font-letter-spacing);
+  -webkit-text-decoration: var(--slider-tooltip-font-text-decoration);
+  text-decoration: var(--slider-tooltip-font-text-decoration);
+  text-transform: var(--slider-tooltip-font-text-transform);
+  padding-top: var(--slider-tooltip-padding-top);
+  padding-right: var(--slider-tooltip-padding-right);
+  padding-bottom: var(--slider-tooltip-padding-bottom);
+  padding-left: var(--slider-tooltip-padding-left);
+  gap: var(--slider-tooltip-gap);
+  border-width: var(--slider-tooltip-border-width);
+  border-radius: var(--slider-tooltip-border-radius);
+  border-style: var(--slider-tooltip-border-style);
+  box-shadow: var(--slider-tooltip-shadow);
+  background-color: var(--slider-tooltip-background-color);
+  border-color: var(--slider-tooltip-border-color);
+  color: var(--slider-tooltip-foreground-color);
+  transition-duration: var(--slider-tooltip-transition-duration);
+  transition-timing-function: var(--slider-tooltip-transition-mode);
+  transition-property: var(--slider-tooltip-transition-property);
+  opacity: 0;
+  position-anchor: --thumb;
+  inset-area: top span-all;
+  text-align: center;
+  margin: 0 0 var(--slider-gap) 0;
+  position: absolute;
+}
+
+:host [part="tooltip"] [part="text"] {
+  font: inherit;
+}
+
+:host [part="tickBar"] {
+  --tick-bar-tick-height: 8px;
+  --tick-bar-tick-text-gap: 4px;
+  --tick-bar-border-color: var(--slider-border-color);
+  --tick-bar-foreground-color: var(--slider-foreground-color);
+  padding-inline: 8px;
+}
+
+:host([disabled]:not([disabled="false"])) [part="input"] {
+  cursor: default;
+}
+
+:host([disabled]:not([disabled="false"])) [part="input"]::-webkit-slider-thumb {
+  box-shadow: none;
+  pointer-events: none;
+  -webkit-user-select: none;
+  user-select: none;
+  cursor: default;
+  transform: scale(1);
+}
+
+:host([disabled]:not([disabled="false"])) [part="input"]::-moz-range-thumb {
+  box-shadow: none;
+  pointer-events: none;
+  -moz-user-select: none;
+  user-select: none;
+  cursor: default;
+  transform: scale(1);
+}
+
+:host(:hover) [part="tooltip"], :host([is-focused]) [part="tooltip"] {
+  opacity: 1;
+}
+
+:host([orientation="vertical"]) {
+  width: unset;
+  height: 100%;
+}
+
+:host([orientation="vertical"]) [part="root"] {
+  flex-direction: column;
+}
+
+:host([orientation="vertical"]) [part="tickBar"], :host([orientation="vertical"]) [part="input"], :host([orientation="vertical"]) [part="input"] {
+  width: unset;
+  height: 100%;
+}
+
+:host([orientation="vertical"]) {
+  writing-mode: vertical-lr;
+  direction: rtl;
+}
+
+:host([tick-placement="none"]) [part="ticks"] {
+  display: none;
+}
+
+:host([tooltip-placement="before"]) [part="tooltip"] {
+  inset-area: top span-all;
+  margin: 0 0 var(--slider-gap) 0;
+  inset-block-start: calc(var(--slider-thumb-size) / 2 + var(--slider-gap));
+}
+
+:host([tooltip-placement="after"]) [part="tooltip"] {
+  inset-area: bottom span-all;
+  margin: var(--slider-gap) 0 0 0;
+  inset-block-end: calc(var(--slider-thumb-size) / 2 + var(--slider-gap));
+}
+
+:host([track]) [part="input"]::-webkit-slider-thumb {
+  box-shadow: -407px 0 0 400px #f50;
+}
+
+:host([track]) [part="input"]::-moz-range-thumb {
+  box-shadow: -407px 0 0 400px #f50;
+}
+
+    `;
+}
+//# sourceMappingURL=SliderElement.Memphis.js.map

package/Controls/Components/Ranges/Slider/Themes/SliderElement.Memphis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/Slider/Themes/SliderElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4ST,CAAC;AACN,CAAC"}

package/Controls/Components/Ranges/Slider2/Slider2Element.js

@@ -19,7 +19,7 @@ import { MultiRangeBaseElement } from '../Abstracts/MultiRangeBaseElement';
 import { slider2ElementTemplate } from './Slider2ElementTemplate';
 import { Slider2ThumbElement } from './Slider2ThumbElement';
 import { slider2ElementJoyStyle } from './Themes/Slider2Element.Joy';
-import { slider2ElementRetroStyle } from './Themes/Slider2Element.Retro';
+import { slider2ElementMemphisStyle } from './Themes/Slider2Element.Memphis';
 import { slider2ElementCosmopolitanStyle } from './Themes/Slider2Element.Cosmopolitan';
 import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
@@ -148,7 +148,7 @@ Slider2Element = __decorate([
         template: slider2ElementTemplate,
         themes: {
             joy: slider2ElementJoyStyle,
-            retro: slider2ElementRetroStyle,
+            memphis: slider2ElementMemphisStyle,
             cosmopolitan: slider2ElementCosmopolitanStyle
         },
         imports: [

package/Controls/Components/Ranges/Slider2/Slider2Element.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider2Element.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/Slider2/Slider2Element.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Slider2Element.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/Slider2/Slider2Element.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Ranges/Slider2/Slider2ThumbElement.js

@@ -18,7 +18,7 @@ import { FocusRingElement } from '../../Primitives/FocusRing/FocusRingElement';
 import { RangeBaseElement } from '../Abstracts/RangeBaseElement';
 import { slider2ThumbElementTemplate } from './Slider2ThumbElementTemplate';
 import { slider2ThumbElementJoyStyle } from './Themes/Slider2ThumbElement.Joy';
-import { slider2ThumbElementRetroStyle } from './Themes/Slider2ThumbElement.Retro';
+import { slider2ThumbElementMemphisStyle } from './Themes/Slider2ThumbElement.Memphis';
 import { slider2ThumbElementCosmopolitanStyle } from './Themes/Slider2ThumbElement.Cosmopolitan';
 import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
@@ -79,7 +79,7 @@ Slider2ThumbElement = __decorate([
         template: slider2ThumbElementTemplate,
         themes: {
             joy: slider2ThumbElementJoyStyle,
-            retro: slider2ThumbElementRetroStyle,
+            memphis: slider2ThumbElementMemphisStyle,
             cosmopolitan: slider2ThumbElementCosmopolitanStyle
         },
         host: {