@luzmo/analytics-components-kit 1.0.8-beta.7 → 1.0.8

package/components/item-option-color-palette-picker/index.js

@@ -24,5 +24,5 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../item-option-color-palette-picker-DnVqGnm4.js";
+import { t as e } from "../item-option-color-palette-picker-CRDFqhWx.js";
 export { e as LuzmoItemOptionColorPalettePicker };

package/components/item-option-color-palette-picker-BjHadiN0.cjs

@@ -0,0 +1,40 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require("./localized-mixin-DfpurTYo.cjs"),t=require("./item-option-base-C6uwowJD.cjs");let n=require("lit"),r=require("lit/decorators.js");require("@luzmo/lucero/color-palette"),require("@luzmo/lucero/color-palette-group");function i(){return{Spectral:{colors3:[`rgb(252,141,89)`,`rgb(255,255,191)`,`rgb(153,213,148)`],colors4:[`rgb(215,25,28)`,`rgb(253,174,97)`,`rgb(171,221,164)`,`rgb(43,131,186)`],colors5:[`rgb(215,25,28)`,`rgb(253,174,97)`,`rgb(255,255,191)`,`rgb(171,221,164)`,`rgb(43,131,186)`],colors6:[`rgb(213,62,79)`,`rgb(252,141,89)`,`rgb(254,224,139)`,`rgb(230,245,152)`,`rgb(153,213,148)`,`rgb(50,136,189)`],colors7:[`rgb(213,62,79)`,`rgb(252,141,89)`,`rgb(254,224,139)`,`rgb(255,255,191)`,`rgb(230,245,152)`,`rgb(153,213,148)`,`rgb(50,136,189)`],colors8:[`rgb(213,62,79)`,`rgb(244,109,67)`,`rgb(253,174,97)`,`rgb(254,224,139)`,`rgb(230,245,152)`,`rgb(171,221,164)`,`rgb(102,194,165)`,`rgb(50,136,189)`],colors9:[`rgb(213,62,79)`,`rgb(244,109,67)`,`rgb(253,174,97)`,`rgb(254,224,139)`,`rgb(255,255,191)`,`rgb(230,245,152)`,`rgb(171,221,164)`,`rgb(102,194,165)`,`rgb(50,136,189)`],type:`divergent`},RdYlGn:{colors3:[`rgb(252,141,89)`,`rgb(255,255,191)`,`rgb(145,207,96)`],colors4:[`rgb(215,25,28)`,`rgb(253,174,97)`,`rgb(166,217,106)`,`rgb(26,150,65)`],colors5:[`rgb(215,25,28)`,`rgb(253,174,97)`,`rgb(255,255,191)`,`rgb(166,217,106)`,`rgb(26,150,65)`],colors6:[`rgb(215,48,39)`,`rgb(252,141,89)`,`rgb(254,224,139)`,`rgb(217,239,139)`,`rgb(145,207,96)`,`rgb(26,152,80)`],colors7:[`rgb(215,48,39)`,`rgb(252,141,89)`,`rgb(254,224,139)`,`rgb(255,255,191)`,`rgb(217,239,139)`,`rgb(145,207,96)`,`rgb(26,152,80)`],colors8:[`rgb(215,48,39)`,`rgb(244,109,67)`,`rgb(253,174,97)`,`rgb(254,224,139)`,`rgb(217,239,139)`,`rgb(166,217,106)`,`rgb(102,189,99)`,`rgb(26,152,80)`],colors9:[`rgb(215,48,39)`,`rgb(244,109,67)`,`rgb(253,174,97)`,`rgb(254,224,139)`,`rgb(255,255,191)`,`rgb(217,239,139)`,`rgb(166,217,106)`,`rgb(102,189,99)`,`rgb(26,152,80)`],type:`divergent`},RdBu:{colors3:[`rgb(239,138,98)`,`rgb(247,247,247)`,`rgb(103,169,207)`],colors4:[`rgb(202,0,32)`,`rgb(244,165,130)`,`rgb(146,197,222)`,`rgb(5,113,176)`],colors5:[`rgb(202,0,32)`,`rgb(244,165,130)`,`rgb(247,247,247)`,`rgb(146,197,222)`,`rgb(5,113,176)`],colors6:[`rgb(178,24,43)`,`rgb(239,138,98)`,`rgb(253,219,199)`,`rgb(209,229,240)`,`rgb(103,169,207)`,`rgb(33,102,172)`],colors7:[`rgb(178,24,43)`,`rgb(239,138,98)`,`rgb(253,219,199)`,`rgb(247,247,247)`,`rgb(209,229,240)`,`rgb(103,169,207)`,`rgb(33,102,172)`],colors8:[`rgb(178,24,43)`,`rgb(214,96,77)`,`rgb(244,165,130)`,`rgb(253,219,199)`,`rgb(209,229,240)`,`rgb(146,197,222)`,`rgb(67,147,195)`,`rgb(33,102,172)`],colors9:[`rgb(178,24,43)`,`rgb(214,96,77)`,`rgb(244,165,130)`,`rgb(253,219,199)`,`rgb(247,247,247)`,`rgb(209,229,240)`,`rgb(146,197,222)`,`rgb(67,147,195)`,`rgb(33,102,172)`],type:`divergent`},PiYG:{colors3:[`rgb(233,163,201)`,`rgb(247,247,247)`,`rgb(161,215,106)`],colors4:[`rgb(208,28,139)`,`rgb(241,182,218)`,`rgb(184,225,134)`,`rgb(77,172,38)`],colors5:[`rgb(208,28,139)`,`rgb(241,182,218)`,`rgb(247,247,247)`,`rgb(184,225,134)`,`rgb(77,172,38)`],colors6:[`rgb(197,27,125)`,`rgb(233,163,201)`,`rgb(253,224,239)`,`rgb(230,245,208)`,`rgb(161,215,106)`,`rgb(77,146,33)`],colors7:[`rgb(197,27,125)`,`rgb(233,163,201)`,`rgb(253,224,239)`,`rgb(247,247,247)`,`rgb(230,245,208)`,`rgb(161,215,106)`,`rgb(77,146,33)`],colors8:[`rgb(197,27,125)`,`rgb(222,119,174)`,`rgb(241,182,218)`,`rgb(253,224,239)`,`rgb(230,245,208)`,`rgb(184,225,134)`,`rgb(127,188,65)`,`rgb(77,146,33)`],colors9:[`rgb(197,27,125)`,`rgb(222,119,174)`,`rgb(241,182,218)`,`rgb(253,224,239)`,`rgb(247,247,247)`,`rgb(230,245,208)`,`rgb(184,225,134)`,`rgb(127,188,65)`,`rgb(77,146,33)`],type:`divergent`},PRGn:{colors3:[`rgb(175,141,195)`,`rgb(247,247,247)`,`rgb(127,191,123)`],colors4:[`rgb(123,50,148)`,`rgb(194,165,207)`,`rgb(166,219,160)`,`rgb(0,136,55)`],colors5:[`rgb(123,50,148)`,`rgb(194,165,207)`,`rgb(247,247,247)`,`rgb(166,219,160)`,`rgb(0,136,55)`],colors6:[`rgb(118,42,131)`,`rgb(175,141,195)`,`rgb(231,212,232)`,`rgb(217,240,211)`,`rgb(127,191,123)`,`rgb(27,120,55)`],colors7:[`rgb(118,42,131)`,`rgb(175,141,195)`,`rgb(231,212,232)`,`rgb(247,247,247)`,`rgb(217,240,211)`,`rgb(127,191,123)`,`rgb(27,120,55)`],colors8:[`rgb(118,42,131)`,`rgb(153,112,171)`,`rgb(194,165,207)`,`rgb(231,212,232)`,`rgb(217,240,211)`,`rgb(166,219,160)`,`rgb(90,174,97)`,`rgb(27,120,55)`],colors9:[`rgb(118,42,131)`,`rgb(153,112,171)`,`rgb(194,165,207)`,`rgb(231,212,232)`,`rgb(247,247,247)`,`rgb(217,240,211)`,`rgb(166,219,160)`,`rgb(90,174,97)`,`rgb(27,120,55)`],type:`divergent`},RdYlBu:{colors3:[`rgb(252,141,89)`,`rgb(255,255,191)`,`rgb(145,191,219)`],colors4:[`rgb(215,25,28)`,`rgb(253,174,97)`,`rgb(171,217,233)`,`rgb(44,123,182)`],colors5:[`rgb(215,25,28)`,`rgb(253,174,97)`,`rgb(255,255,191)`,`rgb(171,217,233)`,`rgb(44,123,182)`],colors6:[`rgb(215,48,39)`,`rgb(252,141,89)`,`rgb(254,224,144)`,`rgb(224,243,248)`,`rgb(145,191,219)`,`rgb(69,117,180)`],colors7:[`rgb(215,48,39)`,`rgb(252,141,89)`,`rgb(254,224,144)`,`rgb(255,255,191)`,`rgb(224,243,248)`,`rgb(145,191,219)`,`rgb(69,117,180)`],colors8:[`rgb(215,48,39)`,`rgb(244,109,67)`,`rgb(253,174,97)`,`rgb(254,224,144)`,`rgb(224,243,248)`,`rgb(171,217,233)`,`rgb(116,173,209)`,`rgb(69,117,180)`],colors9:[`rgb(215,48,39)`,`rgb(244,109,67)`,`rgb(253,174,97)`,`rgb(254,224,144)`,`rgb(255,255,191)`,`rgb(224,243,248)`,`rgb(171,217,233)`,`rgb(116,173,209)`,`rgb(69,117,180)`],type:`divergent`},BrBG:{colors3:[`rgb(216,179,101)`,`rgb(245,245,245)`,`rgb(90,180,172)`],colors4:[`rgb(166,97,26)`,`rgb(223,194,125)`,`rgb(128,205,193)`,`rgb(1,133,113)`],colors5:[`rgb(166,97,26)`,`rgb(223,194,125)`,`rgb(245,245,245)`,`rgb(128,205,193)`,`rgb(1,133,113)`],colors6:[`rgb(140,81,10)`,`rgb(216,179,101)`,`rgb(246,232,195)`,`rgb(199,234,229)`,`rgb(90,180,172)`,`rgb(1,102,94)`],colors7:[`rgb(140,81,10)`,`rgb(216,179,101)`,`rgb(246,232,195)`,`rgb(245,245,245)`,`rgb(199,234,229)`,`rgb(90,180,172)`,`rgb(1,102,94)`],colors8:[`rgb(140,81,10)`,`rgb(191,129,45)`,`rgb(223,194,125)`,`rgb(246,232,195)`,`rgb(199,234,229)`,`rgb(128,205,193)`,`rgb(53,151,143)`,`rgb(1,102,94)`],colors9:[`rgb(140,81,10)`,`rgb(191,129,45)`,`rgb(223,194,125)`,`rgb(246,232,195)`,`rgb(245,245,245)`,`rgb(199,234,229)`,`rgb(128,205,193)`,`rgb(53,151,143)`,`rgb(1,102,94)`],type:`divergent`},RdGy:{colors3:[`rgb(239,138,98)`,`rgb(255,255,255)`,`rgb(153,153,153)`],colors4:[`rgb(202,0,32)`,`rgb(244,165,130)`,`rgb(186,186,186)`,`rgb(64,64,64)`],colors5:[`rgb(202,0,32)`,`rgb(244,165,130)`,`rgb(255,255,255)`,`rgb(186,186,186)`,`rgb(64,64,64)`],colors6:[`rgb(178,24,43)`,`rgb(239,138,98)`,`rgb(253,219,199)`,`rgb(224,224,224)`,`rgb(153,153,153)`,`rgb(77,77,77)`],colors7:[`rgb(178,24,43)`,`rgb(239,138,98)`,`rgb(253,219,199)`,`rgb(255,255,255)`,`rgb(224,224,224)`,`rgb(153,153,153)`,`rgb(77,77,77)`],colors8:[`rgb(178,24,43)`,`rgb(214,96,77)`,`rgb(244,165,130)`,`rgb(253,219,199)`,`rgb(224,224,224)`,`rgb(186,186,186)`,`rgb(135,135,135)`,`rgb(77,77,77)`],colors9:[`rgb(178,24,43)`,`rgb(214,96,77)`,`rgb(244,165,130)`,`rgb(253,219,199)`,`rgb(255,255,255)`,`rgb(224,224,224)`,`rgb(186,186,186)`,`rgb(135,135,135)`,`rgb(77,77,77)`],type:`divergent`},PuOr:{colors3:[`rgb(241,163,64)`,`rgb(247,247,247)`,`rgb(153,142,195)`],colors4:[`rgb(230,97,1)`,`rgb(253,184,99)`,`rgb(178,171,210)`,`rgb(94,60,153)`],colors5:[`rgb(230,97,1)`,`rgb(253,184,99)`,`rgb(247,247,247)`,`rgb(178,171,210)`,`rgb(94,60,153)`],colors6:[`rgb(179,88,6)`,`rgb(241,163,64)`,`rgb(254,224,182)`,`rgb(216,218,235)`,`rgb(153,142,195)`,`rgb(84,39,136)`],colors7:[`rgb(179,88,6)`,`rgb(241,163,64)`,`rgb(254,224,182)`,`rgb(247,247,247)`,`rgb(216,218,235)`,`rgb(153,142,195)`,`rgb(84,39,136)`],colors8:[`rgb(179,88,6)`,`rgb(224,130,20)`,`rgb(253,184,99)`,`rgb(254,224,182)`,`rgb(216,218,235)`,`rgb(178,171,210)`,`rgb(128,115,172)`,`rgb(84,39,136)`],colors9:[`rgb(179,88,6)`,`rgb(224,130,20)`,`rgb(253,184,99)`,`rgb(254,224,182)`,`rgb(247,247,247)`,`rgb(216,218,235)`,`rgb(178,171,210)`,`rgb(128,115,172)`,`rgb(84,39,136)`],type:`divergent`},Paired:{colors3:[`rgb(166,206,227)`,`rgb(31,120,180)`,`rgb(178,223,138)`],colors4:[`rgb(166,206,227)`,`rgb(31,120,180)`,`rgb(178,223,138)`,`rgb(51,160,44)`],colors5:[`rgb(166,206,227)`,`rgb(31,120,180)`,`rgb(178,223,138)`,`rgb(51,160,44)`,`rgb(251,154,153)`],colors6:[`rgb(166,206,227)`,`rgb(31,120,180)`,`rgb(178,223,138)`,`rgb(51,160,44)`,`rgb(251,154,153)`,`rgb(227,26,28)`],colors7:[`rgb(166,206,227)`,`rgb(31,120,180)`,`rgb(178,223,138)`,`rgb(51,160,44)`,`rgb(251,154,153)`,`rgb(227,26,28)`,`rgb(253,191,111)`],colors8:[`rgb(166,206,227)`,`rgb(31,120,180)`,`rgb(178,223,138)`,`rgb(51,160,44)`,`rgb(251,154,153)`,`rgb(227,26,28)`,`rgb(253,191,111)`,`rgb(255,127,0)`],colors9:[`rgb(166,206,227)`,`rgb(31,120,180)`,`rgb(178,223,138)`,`rgb(51,160,44)`,`rgb(251,154,153)`,`rgb(227,26,28)`,`rgb(253,191,111)`,`rgb(255,127,0)`,`rgb(202,178,214)`],colors10:[`rgb(166,206,227)`,`rgb(31,120,180)`,`rgb(178,223,138)`,`rgb(51,160,44)`,`rgb(251,154,153)`,`rgb(227,26,28)`,`rgb(253,191,111)`,`rgb(255,127,0)`,`rgb(202,178,214)`,`rgb(106,61,154)`],colors11:[`rgb(166,206,227)`,`rgb(31,120,180)`,`rgb(178,223,138)`,`rgb(51,160,44)`,`rgb(251,154,153)`,`rgb(227,26,28)`,`rgb(253,191,111)`,`rgb(255,127,0)`,`rgb(202,178,214)`,`rgb(106,61,154)`,`rgb(255,255,153)`],colors12:[`rgb(166,206,227)`,`rgb(31,120,180)`,`rgb(178,223,138)`,`rgb(51,160,44)`,`rgb(251,154,153)`,`rgb(227,26,28)`,`rgb(253,191,111)`,`rgb(255,127,0)`,`rgb(202,178,214)`,`rgb(106,61,154)`,`rgb(255,255,153)`,`rgb(177,89,40)`],type:`qualitative`},Set1:{colors3:[`rgb(228,26,28)`,`rgb(55,126,184)`,`rgb(77,175,74)`],colors4:[`rgb(228,26,28)`,`rgb(55,126,184)`,`rgb(77,175,74)`,`rgb(152,78,163)`],colors5:[`rgb(228,26,28)`,`rgb(55,126,184)`,`rgb(77,175,74)`,`rgb(152,78,163)`,`rgb(255,127,0)`],colors6:[`rgb(228,26,28)`,`rgb(55,126,184)`,`rgb(77,175,74)`,`rgb(152,78,163)`,`rgb(255,127,0)`,`rgb(255,255,51)`],colors7:[`rgb(228,26,28)`,`rgb(55,126,184)`,`rgb(77,175,74)`,`rgb(152,78,163)`,`rgb(255,127,0)`,`rgb(255,255,51)`,`rgb(166,86,40)`],colors8:[`rgb(228,26,28)`,`rgb(55,126,184)`,`rgb(77,175,74)`,`rgb(152,78,163)`,`rgb(255,127,0)`,`rgb(255,255,51)`,`rgb(166,86,40)`,`rgb(247,129,191)`],colors9:[`rgb(228,26,28)`,`rgb(55,126,184)`,`rgb(77,175,74)`,`rgb(152,78,163)`,`rgb(255,127,0)`,`rgb(255,255,51)`,`rgb(166,86,40)`,`rgb(247,129,191)`,`rgb(153,153,153)`],type:`qualitative`},Set3:{colors3:[`rgb(141,211,199)`,`rgb(255,255,179)`,`rgb(190,186,218)`],colors4:[`rgb(141,211,199)`,`rgb(255,255,179)`,`rgb(190,186,218)`,`rgb(251,128,114)`],colors5:[`rgb(141,211,199)`,`rgb(255,255,179)`,`rgb(190,186,218)`,`rgb(251,128,114)`,`rgb(128,177,211)`],colors6:[`rgb(141,211,199)`,`rgb(255,255,179)`,`rgb(190,186,218)`,`rgb(251,128,114)`,`rgb(128,177,211)`,`rgb(253,180,98)`],colors7:[`rgb(141,211,199)`,`rgb(255,255,179)`,`rgb(190,186,218)`,`rgb(251,128,114)`,`rgb(128,177,211)`,`rgb(253,180,98)`,`rgb(179,222,105)`],colors8:[`rgb(141,211,199)`,`rgb(255,255,179)`,`rgb(190,186,218)`,`rgb(251,128,114)`,`rgb(128,177,211)`,`rgb(253,180,98)`,`rgb(179,222,105)`,`rgb(252,205,229)`],colors9:[`rgb(141,211,199)`,`rgb(255,255,179)`,`rgb(190,186,218)`,`rgb(251,128,114)`,`rgb(128,177,211)`,`rgb(253,180,98)`,`rgb(179,222,105)`,`rgb(252,205,229)`,`rgb(217,217,217)`],colors10:[`rgb(141,211,199)`,`rgb(255,255,179)`,`rgb(190,186,218)`,`rgb(251,128,114)`,`rgb(128,177,211)`,`rgb(253,180,98)`,`rgb(179,222,105)`,`rgb(252,205,229)`,`rgb(217,217,217)`,`rgb(188,128,189)`],colors11:[`rgb(141,211,199)`,`rgb(255,255,179)`,`rgb(190,186,218)`,`rgb(251,128,114)`,`rgb(128,177,211)`,`rgb(253,180,98)`,`rgb(179,222,105)`,`rgb(252,205,229)`,`rgb(217,217,217)`,`rgb(188,128,189)`,`rgb(204,235,197)`],colors12:[`rgb(141,211,199)`,`rgb(255,255,179)`,`rgb(190,186,218)`,`rgb(251,128,114)`,`rgb(128,177,211)`,`rgb(253,180,98)`,`rgb(179,222,105)`,`rgb(252,205,229)`,`rgb(217,217,217)`,`rgb(188,128,189)`,`rgb(204,235,197)`,`rgb(255,237,111)`],type:`qualitative`},PuBu:{colors3:[`rgb(236,231,242)`,`rgb(166,189,219)`,`rgb(43,140,190)`],colors4:[`rgb(241,238,246)`,`rgb(189,201,225)`,`rgb(116,169,207)`,`rgb(5,112,176)`],colors5:[`rgb(241,238,246)`,`rgb(189,201,225)`,`rgb(116,169,207)`,`rgb(43,140,190)`,`rgb(4,90,141)`],colors6:[`rgb(241,238,246)`,`rgb(208,209,230)`,`rgb(166,189,219)`,`rgb(116,169,207)`,`rgb(43,140,190)`,`rgb(4,90,141)`],colors7:[`rgb(241,238,246)`,`rgb(208,209,230)`,`rgb(166,189,219)`,`rgb(116,169,207)`,`rgb(54,144,192)`,`rgb(5,112,176)`,`rgb(3,78,123)`],colors8:[`rgb(255,247,251)`,`rgb(236,231,242)`,`rgb(208,209,230)`,`rgb(166,189,219)`,`rgb(116,169,207)`,`rgb(54,144,192)`,`rgb(5,112,176)`,`rgb(3,78,123)`],colors9:[`rgb(255,247,251)`,`rgb(236,231,242)`,`rgb(208,209,230)`,`rgb(166,189,219)`,`rgb(116,169,207)`,`rgb(54,144,192)`,`rgb(5,112,176)`,`rgb(4,90,141)`,`rgb(2,56,88)`],type:`sequential`},OrRd:{colors3:[`rgb(254,232,200)`,`rgb(253,187,132)`,`rgb(227,74,51)`],colors4:[`rgb(254,240,217)`,`rgb(253,204,138)`,`rgb(252,141,89)`,`rgb(215,48,31)`],colors5:[`rgb(254,240,217)`,`rgb(253,204,138)`,`rgb(252,141,89)`,`rgb(227,74,51)`,`rgb(179,0,0)`],colors6:[`rgb(254,240,217)`,`rgb(253,212,158)`,`rgb(253,187,132)`,`rgb(252,141,89)`,`rgb(227,74,51)`,`rgb(179,0,0)`],colors7:[`rgb(254,240,217)`,`rgb(253,212,158)`,`rgb(253,187,132)`,`rgb(252,141,89)`,`rgb(239,101,72)`,`rgb(215,48,31)`,`rgb(153,0,0)`],colors8:[`rgb(255,247,236)`,`rgb(254,232,200)`,`rgb(253,212,158)`,`rgb(253,187,132)`,`rgb(252,141,89)`,`rgb(239,101,72)`,`rgb(215,48,31)`,`rgb(153,0,0)`],colors9:[`rgb(255,247,236)`,`rgb(254,232,200)`,`rgb(253,212,158)`,`rgb(253,187,132)`,`rgb(252,141,89)`,`rgb(239,101,72)`,`rgb(215,48,31)`,`rgb(179,0,0)`,`rgb(127,0,0)`],type:`sequential`},BuPu:{colors3:[`rgb(224,236,244)`,`rgb(158,188,218)`,`rgb(136,86,167)`],colors4:[`rgb(237,248,251)`,`rgb(179,205,227)`,`rgb(140,150,198)`,`rgb(136,65,157)`],colors5:[`rgb(237,248,251)`,`rgb(179,205,227)`,`rgb(140,150,198)`,`rgb(136,86,167)`,`rgb(129,15,124)`],colors6:[`rgb(237,248,251)`,`rgb(191,211,230)`,`rgb(158,188,218)`,`rgb(140,150,198)`,`rgb(136,86,167)`,`rgb(129,15,124)`],colors7:[`rgb(237,248,251)`,`rgb(191,211,230)`,`rgb(158,188,218)`,`rgb(140,150,198)`,`rgb(140,107,177)`,`rgb(136,65,157)`,`rgb(110,1,107)`],colors8:[`rgb(247,252,253)`,`rgb(224,236,244)`,`rgb(191,211,230)`,`rgb(158,188,218)`,`rgb(140,150,198)`,`rgb(140,107,177)`,`rgb(136,65,157)`,`rgb(110,1,107)`],colors9:[`rgb(247,252,253)`,`rgb(224,236,244)`,`rgb(191,211,230)`,`rgb(158,188,218)`,`rgb(140,150,198)`,`rgb(140,107,177)`,`rgb(136,65,157)`,`rgb(129,15,124)`,`rgb(77,0,75)`],type:`sequential`},Oranges:{colors3:[`rgb(254,230,206)`,`rgb(253,174,107)`,`rgb(230,85,13)`],colors4:[`rgb(254,237,222)`,`rgb(253,190,133)`,`rgb(253,141,60)`,`rgb(217,71,1)`],colors5:[`rgb(254,237,222)`,`rgb(253,190,133)`,`rgb(253,141,60)`,`rgb(230,85,13)`,`rgb(166,54,3)`],colors6:[`rgb(254,237,222)`,`rgb(253,208,162)`,`rgb(253,174,107)`,`rgb(253,141,60)`,`rgb(230,85,13)`,`rgb(166,54,3)`],colors7:[`rgb(254,237,222)`,`rgb(253,208,162)`,`rgb(253,174,107)`,`rgb(253,141,60)`,`rgb(241,105,19)`,`rgb(217,72,1)`,`rgb(140,45,4)`],colors8:[`rgb(255,245,235)`,`rgb(254,230,206)`,`rgb(253,208,162)`,`rgb(253,174,107)`,`rgb(253,141,60)`,`rgb(241,105,19)`,`rgb(217,72,1)`,`rgb(140,45,4)`],colors9:[`rgb(255,245,235)`,`rgb(254,230,206)`,`rgb(253,208,162)`,`rgb(253,174,107)`,`rgb(253,141,60)`,`rgb(241,105,19)`,`rgb(217,72,1)`,`rgb(166,54,3)`,`rgb(127,39,4)`],type:`sequential`},BuGn:{colors3:[`rgb(229,245,249)`,`rgb(153,216,201)`,`rgb(44,162,95)`],colors4:[`rgb(237,248,251)`,`rgb(178,226,226)`,`rgb(102,194,164)`,`rgb(35,139,69)`],colors5:[`rgb(237,248,251)`,`rgb(178,226,226)`,`rgb(102,194,164)`,`rgb(44,162,95)`,`rgb(0,109,44)`],colors6:[`rgb(237,248,251)`,`rgb(204,236,230)`,`rgb(153,216,201)`,`rgb(102,194,164)`,`rgb(44,162,95)`,`rgb(0,109,44)`],colors7:[`rgb(237,248,251)`,`rgb(204,236,230)`,`rgb(153,216,201)`,`rgb(102,194,164)`,`rgb(65,174,118)`,`rgb(35,139,69)`,`rgb(0,88,36)`],colors8:[`rgb(247,252,253)`,`rgb(229,245,249)`,`rgb(204,236,230)`,`rgb(153,216,201)`,`rgb(102,194,164)`,`rgb(65,174,118)`,`rgb(35,139,69)`,`rgb(0,88,36)`],colors9:[`rgb(247,252,253)`,`rgb(229,245,249)`,`rgb(204,236,230)`,`rgb(153,216,201)`,`rgb(102,194,164)`,`rgb(65,174,118)`,`rgb(35,139,69)`,`rgb(0,109,44)`,`rgb(0,68,27)`],type:`sequential`},YlOrBr:{colors3:[`rgb(255,247,188)`,`rgb(254,196,79)`,`rgb(217,95,14)`],colors4:[`rgb(255,255,212)`,`rgb(254,217,142)`,`rgb(254,153,41)`,`rgb(204,76,2)`],colors5:[`rgb(255,255,212)`,`rgb(254,217,142)`,`rgb(254,153,41)`,`rgb(217,95,14)`,`rgb(153,52,4)`],colors6:[`rgb(255,255,212)`,`rgb(254,227,145)`,`rgb(254,196,79)`,`rgb(254,153,41)`,`rgb(217,95,14)`,`rgb(153,52,4)`],colors7:[`rgb(255,255,212)`,`rgb(254,227,145)`,`rgb(254,196,79)`,`rgb(254,153,41)`,`rgb(236,112,20)`,`rgb(204,76,2)`,`rgb(140,45,4)`],colors8:[`rgb(255,255,229)`,`rgb(255,247,188)`,`rgb(254,227,145)`,`rgb(254,196,79)`,`rgb(254,153,41)`,`rgb(236,112,20)`,`rgb(204,76,2)`,`rgb(140,45,4)`],colors9:[`rgb(255,255,229)`,`rgb(255,247,188)`,`rgb(254,227,145)`,`rgb(254,196,79)`,`rgb(254,153,41)`,`rgb(236,112,20)`,`rgb(204,76,2)`,`rgb(153,52,4)`,`rgb(102,37,6)`],type:`sequential`},YlGn:{colors3:[`rgb(247,252,185)`,`rgb(173,221,142)`,`rgb(49,163,84)`],colors4:[`rgb(255,255,204)`,`rgb(194,230,153)`,`rgb(120,198,121)`,`rgb(35,132,67)`],colors5:[`rgb(255,255,204)`,`rgb(194,230,153)`,`rgb(120,198,121)`,`rgb(49,163,84)`,`rgb(0,104,55)`],colors6:[`rgb(255,255,204)`,`rgb(217,240,163)`,`rgb(173,221,142)`,`rgb(120,198,121)`,`rgb(49,163,84)`,`rgb(0,104,55)`],colors7:[`rgb(255,255,204)`,`rgb(217,240,163)`,`rgb(173,221,142)`,`rgb(120,198,121)`,`rgb(65,171,93)`,`rgb(35,132,67)`,`rgb(0,90,50)`],colors8:[`rgb(255,255,229)`,`rgb(247,252,185)`,`rgb(217,240,163)`,`rgb(173,221,142)`,`rgb(120,198,121)`,`rgb(65,171,93)`,`rgb(35,132,67)`,`rgb(0,90,50)`],colors9:[`rgb(255,255,229)`,`rgb(247,252,185)`,`rgb(217,240,163)`,`rgb(173,221,142)`,`rgb(120,198,121)`,`rgb(65,171,93)`,`rgb(35,132,67)`,`rgb(0,104,55)`,`rgb(0,69,41)`],type:`sequential`},Reds:{colors3:[`rgb(254,224,210)`,`rgb(252,146,114)`,`rgb(222,45,38)`],colors4:[`rgb(254,229,217)`,`rgb(252,174,145)`,`rgb(251,106,74)`,`rgb(203,24,29)`],colors5:[`rgb(254,229,217)`,`rgb(252,174,145)`,`rgb(251,106,74)`,`rgb(222,45,38)`,`rgb(165,15,21)`],colors6:[`rgb(254,229,217)`,`rgb(252,187,161)`,`rgb(252,146,114)`,`rgb(251,106,74)`,`rgb(222,45,38)`,`rgb(165,15,21)`],colors7:[`rgb(254,229,217)`,`rgb(252,187,161)`,`rgb(252,146,114)`,`rgb(251,106,74)`,`rgb(239,59,44)`,`rgb(203,24,29)`,`rgb(153,0,13)`],colors8:[`rgb(255,245,240)`,`rgb(254,224,210)`,`rgb(252,187,161)`,`rgb(252,146,114)`,`rgb(251,106,74)`,`rgb(239,59,44)`,`rgb(203,24,29)`,`rgb(153,0,13)`],colors9:[`rgb(255,245,240)`,`rgb(254,224,210)`,`rgb(252,187,161)`,`rgb(252,146,114)`,`rgb(251,106,74)`,`rgb(239,59,44)`,`rgb(203,24,29)`,`rgb(165,15,21)`,`rgb(103,0,13)`],type:`sequential`},RdPu:{colors3:[`rgb(253,224,221)`,`rgb(250,159,181)`,`rgb(197,27,138)`],colors4:[`rgb(254,235,226)`,`rgb(251,180,185)`,`rgb(247,104,161)`,`rgb(174,1,126)`],colors5:[`rgb(254,235,226)`,`rgb(251,180,185)`,`rgb(247,104,161)`,`rgb(197,27,138)`,`rgb(122,1,119)`],colors6:[`rgb(254,235,226)`,`rgb(252,197,192)`,`rgb(250,159,181)`,`rgb(247,104,161)`,`rgb(197,27,138)`,`rgb(122,1,119)`],colors7:[`rgb(254,235,226)`,`rgb(252,197,192)`,`rgb(250,159,181)`,`rgb(247,104,161)`,`rgb(221,52,151)`,`rgb(174,1,126)`,`rgb(122,1,119)`],colors8:[`rgb(255,247,243)`,`rgb(253,224,221)`,`rgb(252,197,192)`,`rgb(250,159,181)`,`rgb(247,104,161)`,`rgb(221,52,151)`,`rgb(174,1,126)`,`rgb(122,1,119)`],colors9:[`rgb(255,247,243)`,`rgb(253,224,221)`,`rgb(252,197,192)`,`rgb(250,159,181)`,`rgb(247,104,161)`,`rgb(221,52,151)`,`rgb(174,1,126)`,`rgb(122,1,119)`,`rgb(73,0,106)`],type:`sequential`},Greens:{colors3:[`rgb(229,245,224)`,`rgb(161,217,155)`,`rgb(49,163,84)`],colors4:[`rgb(237,248,233)`,`rgb(186,228,179)`,`rgb(116,196,118)`,`rgb(35,139,69)`],colors5:[`rgb(237,248,233)`,`rgb(186,228,179)`,`rgb(116,196,118)`,`rgb(49,163,84)`,`rgb(0,109,44)`],colors6:[`rgb(237,248,233)`,`rgb(199,233,192)`,`rgb(161,217,155)`,`rgb(116,196,118)`,`rgb(49,163,84)`,`rgb(0,109,44)`],colors7:[`rgb(237,248,233)`,`rgb(199,233,192)`,`rgb(161,217,155)`,`rgb(116,196,118)`,`rgb(65,171,93)`,`rgb(35,139,69)`,`rgb(0,90,50)`],colors8:[`rgb(247,252,245)`,`rgb(229,245,224)`,`rgb(199,233,192)`,`rgb(161,217,155)`,`rgb(116,196,118)`,`rgb(65,171,93)`,`rgb(35,139,69)`,`rgb(0,90,50)`],colors9:[`rgb(247,252,245)`,`rgb(229,245,224)`,`rgb(199,233,192)`,`rgb(161,217,155)`,`rgb(116,196,118)`,`rgb(65,171,93)`,`rgb(35,139,69)`,`rgb(0,109,44)`,`rgb(0,68,27)`],type:`sequential`},YlGnBu:{colors3:[`rgb(237,248,177)`,`rgb(127,205,187)`,`rgb(44,127,184)`],colors4:[`rgb(255,255,204)`,`rgb(161,218,180)`,`rgb(65,182,196)`,`rgb(34,94,168)`],colors5:[`rgb(255,255,204)`,`rgb(161,218,180)`,`rgb(65,182,196)`,`rgb(44,127,184)`,`rgb(37,52,148)`],colors6:[`rgb(255,255,204)`,`rgb(199,233,180)`,`rgb(127,205,187)`,`rgb(65,182,196)`,`rgb(44,127,184)`,`rgb(37,52,148)`],colors7:[`rgb(255,255,204)`,`rgb(199,233,180)`,`rgb(127,205,187)`,`rgb(65,182,196)`,`rgb(29,145,192)`,`rgb(34,94,168)`,`rgb(12,44,132)`],colors8:[`rgb(255,255,217)`,`rgb(237,248,177)`,`rgb(199,233,180)`,`rgb(127,205,187)`,`rgb(65,182,196)`,`rgb(29,145,192)`,`rgb(34,94,168)`,`rgb(12,44,132)`],colors9:[`rgb(255,255,217)`,`rgb(237,248,177)`,`rgb(199,233,180)`,`rgb(127,205,187)`,`rgb(65,182,196)`,`rgb(29,145,192)`,`rgb(34,94,168)`,`rgb(37,52,148)`,`rgb(8,29,88)`],type:`sequential`},Purples:{colors3:[`rgb(239,237,245)`,`rgb(188,189,220)`,`rgb(117,107,177)`],colors4:[`rgb(242,240,247)`,`rgb(203,201,226)`,`rgb(158,154,200)`,`rgb(106,81,163)`],colors5:[`rgb(242,240,247)`,`rgb(203,201,226)`,`rgb(158,154,200)`,`rgb(117,107,177)`,`rgb(84,39,143)`],colors6:[`rgb(242,240,247)`,`rgb(218,218,235)`,`rgb(188,189,220)`,`rgb(158,154,200)`,`rgb(117,107,177)`,`rgb(84,39,143)`],colors7:[`rgb(242,240,247)`,`rgb(218,218,235)`,`rgb(188,189,220)`,`rgb(158,154,200)`,`rgb(128,125,186)`,`rgb(106,81,163)`,`rgb(74,20,134)`],colors8:[`rgb(252,251,253)`,`rgb(239,237,245)`,`rgb(218,218,235)`,`rgb(188,189,220)`,`rgb(158,154,200)`,`rgb(128,125,186)`,`rgb(106,81,163)`,`rgb(74,20,134)`],colors9:[`rgb(252,251,253)`,`rgb(239,237,245)`,`rgb(218,218,235)`,`rgb(188,189,220)`,`rgb(158,154,200)`,`rgb(128,125,186)`,`rgb(106,81,163)`,`rgb(84,39,143)`,`rgb(63,0,125)`],type:`sequential`},GnBu:{colors3:[`rgb(224,243,219)`,`rgb(168,221,181)`,`rgb(67,162,202)`],colors4:[`rgb(240,249,232)`,`rgb(186,228,188)`,`rgb(123,204,196)`,`rgb(43,140,190)`],colors5:[`rgb(240,249,232)`,`rgb(186,228,188)`,`rgb(123,204,196)`,`rgb(67,162,202)`,`rgb(8,104,172)`],colors6:[`rgb(240,249,232)`,`rgb(204,235,197)`,`rgb(168,221,181)`,`rgb(123,204,196)`,`rgb(67,162,202)`,`rgb(8,104,172)`],colors7:[`rgb(240,249,232)`,`rgb(204,235,197)`,`rgb(168,221,181)`,`rgb(123,204,196)`,`rgb(78,179,211)`,`rgb(43,140,190)`,`rgb(8,88,158)`],colors8:[`rgb(247,252,240)`,`rgb(224,243,219)`,`rgb(204,235,197)`,`rgb(168,221,181)`,`rgb(123,204,196)`,`rgb(78,179,211)`,`rgb(43,140,190)`,`rgb(8,88,158)`],colors9:[`rgb(247,252,240)`,`rgb(224,243,219)`,`rgb(204,235,197)`,`rgb(168,221,181)`,`rgb(123,204,196)`,`rgb(78,179,211)`,`rgb(43,140,190)`,`rgb(8,104,172)`,`rgb(8,64,129)`],type:`sequential`},Greys:{colors3:[`rgb(240,240,240)`,`rgb(189,189,189)`,`rgb(99,99,99)`],colors4:[`rgb(247,247,247)`,`rgb(204,204,204)`,`rgb(150,150,150)`,`rgb(82,82,82)`],colors5:[`rgb(247,247,247)`,`rgb(204,204,204)`,`rgb(150,150,150)`,`rgb(99,99,99)`,`rgb(37,37,37)`],colors6:[`rgb(247,247,247)`,`rgb(217,217,217)`,`rgb(189,189,189)`,`rgb(150,150,150)`,`rgb(99,99,99)`,`rgb(37,37,37)`],colors7:[`rgb(247,247,247)`,`rgb(217,217,217)`,`rgb(189,189,189)`,`rgb(150,150,150)`,`rgb(115,115,115)`,`rgb(82,82,82)`,`rgb(37,37,37)`],colors8:[`rgb(255,255,255)`,`rgb(240,240,240)`,`rgb(217,217,217)`,`rgb(189,189,189)`,`rgb(150,150,150)`,`rgb(115,115,115)`,`rgb(82,82,82)`,`rgb(37,37,37)`],colors9:[`rgb(255,255,255)`,`rgb(240,240,240)`,`rgb(217,217,217)`,`rgb(189,189,189)`,`rgb(150,150,150)`,`rgb(115,115,115)`,`rgb(82,82,82)`,`rgb(37,37,37)`,`rgb(0,0,0)`],type:`sequential`},YlOrRd:{colors3:[`rgb(255,237,160)`,`rgb(254,178,76)`,`rgb(240,59,32)`],colors4:[`rgb(255,255,178)`,`rgb(254,204,92)`,`rgb(253,141,60)`,`rgb(227,26,28)`],colors5:[`rgb(255,255,178)`,`rgb(254,204,92)`,`rgb(253,141,60)`,`rgb(240,59,32)`,`rgb(189,0,38)`],colors6:[`rgb(255,255,178)`,`rgb(254,217,118)`,`rgb(254,178,76)`,`rgb(253,141,60)`,`rgb(240,59,32)`,`rgb(189,0,38)`],colors7:[`rgb(255,255,178)`,`rgb(254,217,118)`,`rgb(254,178,76)`,`rgb(253,141,60)`,`rgb(252,78,42)`,`rgb(227,26,28)`,`rgb(177,0,38)`],colors8:[`rgb(255,255,204)`,`rgb(255,237,160)`,`rgb(254,217,118)`,`rgb(254,178,76)`,`rgb(253,141,60)`,`rgb(252,78,42)`,`rgb(227,26,28)`,`rgb(177,0,38)`],colors9:[`rgb(255,255,204)`,`rgb(255,237,160)`,`rgb(254,217,118)`,`rgb(254,178,76)`,`rgb(253,141,60)`,`rgb(252,78,42)`,`rgb(227,26,28)`,`rgb(189,0,38)`,`rgb(128,0,38)`],type:`sequential`},PuRd:{colors3:[`rgb(231,225,239)`,`rgb(201,148,199)`,`rgb(221,28,119)`],colors4:[`rgb(241,238,246)`,`rgb(215,181,216)`,`rgb(223,101,176)`,`rgb(206,18,86)`],colors5:[`rgb(241,238,246)`,`rgb(215,181,216)`,`rgb(223,101,176)`,`rgb(221,28,119)`,`rgb(152,0,67)`],colors6:[`rgb(241,238,246)`,`rgb(212,185,218)`,`rgb(201,148,199)`,`rgb(223,101,176)`,`rgb(221,28,119)`,`rgb(152,0,67)`],colors7:[`rgb(241,238,246)`,`rgb(212,185,218)`,`rgb(201,148,199)`,`rgb(223,101,176)`,`rgb(231,41,138)`,`rgb(206,18,86)`,`rgb(145,0,63)`],colors8:[`rgb(247,244,249)`,`rgb(231,225,239)`,`rgb(212,185,218)`,`rgb(201,148,199)`,`rgb(223,101,176)`,`rgb(231,41,138)`,`rgb(206,18,86)`,`rgb(145,0,63)`],colors9:[`rgb(247,244,249)`,`rgb(231,225,239)`,`rgb(212,185,218)`,`rgb(201,148,199)`,`rgb(223,101,176)`,`rgb(231,41,138)`,`rgb(206,18,86)`,`rgb(152,0,67)`,`rgb(103,0,31)`],type:`sequential`},Blues:{colors3:[`rgb(222,235,247)`,`rgb(158,202,225)`,`rgb(49,130,189)`],colors4:[`rgb(239,243,255)`,`rgb(189,215,231)`,`rgb(107,174,214)`,`rgb(33,113,181)`],colors5:[`rgb(239,243,255)`,`rgb(189,215,231)`,`rgb(107,174,214)`,`rgb(49,130,189)`,`rgb(8,81,156)`],colors6:[`rgb(239,243,255)`,`rgb(198,219,239)`,`rgb(158,202,225)`,`rgb(107,174,214)`,`rgb(49,130,189)`,`rgb(8,81,156)`],colors7:[`rgb(239,243,255)`,`rgb(198,219,239)`,`rgb(158,202,225)`,`rgb(107,174,214)`,`rgb(66,146,198)`,`rgb(33,113,181)`,`rgb(8,69,148)`],colors8:[`rgb(247,251,255)`,`rgb(222,235,247)`,`rgb(198,219,239)`,`rgb(158,202,225)`,`rgb(107,174,214)`,`rgb(66,146,198)`,`rgb(33,113,181)`,`rgb(8,69,148)`],colors9:[`rgb(247,251,255)`,`rgb(222,235,247)`,`rgb(198,219,239)`,`rgb(158,202,225)`,`rgb(107,174,214)`,`rgb(66,146,198)`,`rgb(33,113,181)`,`rgb(8,81,156)`,`rgb(8,48,107)`],type:`sequential`},PuBuGn:{colors3:[`rgb(236,226,240)`,`rgb(166,189,219)`,`rgb(28,144,153)`],colors4:[`rgb(246,239,247)`,`rgb(189,201,225)`,`rgb(103,169,207)`,`rgb(2,129,138)`],colors5:[`rgb(246,239,247)`,`rgb(189,201,225)`,`rgb(103,169,207)`,`rgb(28,144,153)`,`rgb(1,108,89)`],colors6:[`rgb(246,239,247)`,`rgb(208,209,230)`,`rgb(166,189,219)`,`rgb(103,169,207)`,`rgb(28,144,153)`,`rgb(1,108,89)`],colors7:[`rgb(246,239,247)`,`rgb(208,209,230)`,`rgb(166,189,219)`,`rgb(103,169,207)`,`rgb(54,144,192)`,`rgb(2,129,138)`,`rgb(1,100,80)`],colors8:[`rgb(255,247,251)`,`rgb(236,226,240)`,`rgb(208,209,230)`,`rgb(166,189,219)`,`rgb(103,169,207)`,`rgb(54,144,192)`,`rgb(2,129,138)`,`rgb(1,100,80)`],colors9:[`rgb(255,247,251)`,`rgb(236,226,240)`,`rgb(208,209,230)`,`rgb(166,189,219)`,`rgb(103,169,207)`,`rgb(54,144,192)`,`rgb(2,129,138)`,`rgb(1,108,89)`,`rgb(1,70,54)`],type:`sequential`},Spectrum:{colors5:[`rgb(0,0,255)`,`rgb(0,255,255)`,`rgb(0,255,0)`,`rgb(255,255,0)`,`rgb(255,0,0)`],type:`heat`},BlueRed:{colors5:[`rgb(0,0,255)`,`rgb(64,0,191)`,`rgb(128,0,128)`,`rgb(191,0,64)`,`rgb(255,0,0)`],type:`heat`},Plasma:{colors5:[`rgb(0,0,140)`,`rgb(140,0,160)`,`rgb(200,80,110)`,`rgb(255,160,60)`,`rgb(255,255,0)`],type:`heat`},Viris:{colors5:[`rgb(80,0,80)`,`rgb(60,80,140)`,`rgb(30,140,140)`,`rgb(80,200,100)`,`rgb(255,255,0)`],type:`heat`},Incan:{colors5:[`rgb(0,0,0)`,`rgb(100, 0, 0)`,`rgb(200, 150, 0)`,`rgb(255, 255, 70)`,`rgb(255,255,255)`],type:`heat`},Fire:{colors5:[`rgb(0,0,0)`,`rgb(128,0,128)`,`rgb(255,0,0)`,`rgb(255,255,0)`,`rgb(255,255,255)`],type:`heat`},Inferno:{colors5:[`rgb(0,0,0)`,`rgb(80,20,110)`,`rgb(190,60,80)`,`rgb(255,140,0)`,`rgb(255,255,160)`],type:`heat`},Ocean:{colors5:[`rgb(0,0,0)`,`rgb(25,50,100)`,`rgb(50,100,160)`,`rgb(20,170,200)`,`rgb(0,255,255)`],type:`heat`},Sunrise:{colors5:[`rgb(255,0,0)`,`rgb(255,80,0)`,`rgb(255,180,0)`,`rgb(255,255,20)`,`rgb(255,255,255)`],type:`heat`}}}var a=`.luzmo-item-option{align-items:start;height:fit-content}.control-container{align-items:start}.color-classes{gap:var(--luzmo-spacing-2);flex-flow:wrap;display:flex}.extra-label{height:var(--luzmo-item-option-component-height,var(--item-option-component-height));align-items:center;display:flex}`,o=class extends t.t{constructor(...e){super(...e),this.default=`OrRd`,this.values=[],this.disabled=!1,this.horizontal=!1,this.numberOfColors=5}static{this.styles=[super.styles,(0,n.unsafeCSS)(a)]}_setColorPalette(e){let t=e.target.selected;this.value=t,this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue==`function`?this.toValue(t??``):t}}))}generateColorsClasses(e){let t=i(),r=(e,t)=>n.html`
+        <luzmo-color-palette
+          .size=${this.size}
+          .value=${e}
+          aria-label=${e}
+          ?disabled=${this.disabled}
+          ?horizontal=${this.horizontal}
+          .colors=${t}
+        ></luzmo-color-palette>
+      `,a=(this.values??[]).map(e=>{let n=`colors${this.numberOfColors??5}`,i=t[e][n];return r(e,Array.isArray(i)?i:[])});return n.html`
+      <luzmo-color-palette-group
+        id="luzmo-item-option-control"
+        role="radiogroup"
+        .size=${this.size}
+        ?disabled=${this.disabled}
+        ?horizontal=${this.horizontal}
+        .selected=${e}
+        @change=${this._setColorPalette.bind(this)}
+        >${a}</luzmo-color-palette-group
+      >
+    `}renderController(){let e=typeof this.parseValue==`function`?this.parseValue(this.value):this.value,t=typeof this.parseValue==`function`?this.parseValue(this.default):this.default;return this.generateColorsClasses(e??t??`OrRd`)}};e.n([(0,r.property)({type:String,reflect:!0})],o.prototype,`value`,void 0),e.n([(0,r.property)({type:String,reflect:!0})],o.prototype,`default`,void 0),e.n([(0,r.property)({type:Array,attribute:`values`})],o.prototype,`values`,void 0),e.n([(0,r.property)({type:Boolean,reflect:!0})],o.prototype,`disabled`,void 0),e.n([(0,r.property)({type:Boolean,reflect:!0})],o.prototype,`horizontal`,void 0),e.n([(0,r.property)()],o.prototype,`parseValue`,void 0),e.n([(0,r.property)()],o.prototype,`toValue`,void 0),e.n([(0,r.property)({type:Number,attribute:`number-of-colors`})],o.prototype,`numberOfColors`,void 0),customElements.get(`luzmo-item-option-color-palette-picker`)||customElements.define(`luzmo-item-option-color-palette-picker`,o),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/components/{item-option-color-palette-picker-DnVqGnm4.js → item-option-color-palette-picker-CRDFqhWx.js}

@@ -17,8 +17,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { t as e } from "./decorate-DyMgX_Uh.js";
-import { t } from "./item-option-base-pYrkqt6q.js";
+import { n as e } from "./localized-mixin-DhiGdPMj.js";
+import { t } from "./item-option-base-CxQhI83u.js";
 import { html as n, unsafeCSS as r } from "lit";
 import { property as i } from "lit/decorators.js";
 import "@luzmo/lucero/color-palette";

package/components/item-option-color-picker/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-color-picker-CNkNZ1p-.cjs");exports.LuzmoItemOptionColorPicker=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-color-picker-BJgpBbDp.cjs");exports.LuzmoItemOptionColorPicker=e.t;

package/components/item-option-color-picker/index.js

@@ -24,5 +24,5 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../item-option-color-picker-CO-OAFOs.js";
+import { t as e } from "../item-option-color-picker-BlkpWjQh.js";
 export { e as LuzmoItemOptionColorPicker };

package/components/{item-option-color-picker-CNkNZ1p-.cjs → item-option-color-picker-BJgpBbDp.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require("./decorate-DCJt-2rt.cjs"),t=require("./item-option-base-Dwf3dByS.cjs");let n=require("lit"),r=require("lit/decorators.js");require("@luzmo/lucero/menu"),require("@luzmo/lucero/color-picker");var i=class extends t.t{constructor(...e){super(...e),this.value=`transparent`,this.disabled=!1,this.noAlphaChannel=!1,this.swatches=[],this.rounding=`full`,this.shape=`circle`,this.placement=`left-start`,this.debounce=50}static{this.styles=[super.styles]}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.colorPicker.color}}))},this.debounce??200)}renderController(){return n.html`
+const e=require("./localized-mixin-DfpurTYo.cjs"),t=require("./item-option-base-C6uwowJD.cjs");let n=require("lit"),r=require("lit/decorators.js");require("@luzmo/lucero/menu"),require("@luzmo/lucero/color-picker");var i=class extends t.t{constructor(...e){super(...e),this.value=`transparent`,this.disabled=!1,this.noAlphaChannel=!1,this.swatches=[],this.rounding=`full`,this.shape=`circle`,this.placement=`left-start`,this.debounce=50}static{this.styles=[super.styles]}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.colorPicker.color}}))},this.debounce??200)}renderController(){return n.html`
       <luzmo-color-picker
         id="luzmo-item-option-control"
         .color=${this.value}
@@ -31,4 +31,4 @@ const e=require("./decorate-DCJt-2rt.cjs"),t=require("./item-option-base-Dwf3dBy
         @change=${this._handleEvent}
       >
       </luzmo-color-picker>
-    `}};e.t([(0,r.property)({type:String,reflect:!0})],i.prototype,`value`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],i.prototype,`disabled`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],i.prototype,`noAlphaChannel`,void 0),e.t([(0,r.property)({type:Array,reflect:!0})],i.prototype,`swatches`,void 0),e.t([(0,r.property)({type:String,reflect:!0})],i.prototype,`rounding`,void 0),e.t([(0,r.property)({type:String,reflect:!0})],i.prototype,`shape`,void 0),e.t([(0,r.property)()],i.prototype,`placement`,void 0),e.t([(0,r.property)({type:Number,reflect:!0})],i.prototype,`debounce`,void 0),e.t([(0,r.query)(`luzmo-color-picker`)],i.prototype,`colorPicker`,void 0),customElements.get(`luzmo-item-option-color-picker`)||customElements.define(`luzmo-item-option-color-picker`,i),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
+    `}};e.n([(0,r.property)({type:String,reflect:!0})],i.prototype,`value`,void 0),e.n([(0,r.property)({type:Boolean,reflect:!0})],i.prototype,`disabled`,void 0),e.n([(0,r.property)({type:Boolean,reflect:!0})],i.prototype,`noAlphaChannel`,void 0),e.n([(0,r.property)({type:Array,reflect:!0})],i.prototype,`swatches`,void 0),e.n([(0,r.property)({type:String,reflect:!0})],i.prototype,`rounding`,void 0),e.n([(0,r.property)({type:String,reflect:!0})],i.prototype,`shape`,void 0),e.n([(0,r.property)()],i.prototype,`placement`,void 0),e.n([(0,r.property)({type:Number,reflect:!0})],i.prototype,`debounce`,void 0),e.n([(0,r.query)(`luzmo-color-picker`)],i.prototype,`colorPicker`,void 0),customElements.get(`luzmo-item-option-color-picker`)||customElements.define(`luzmo-item-option-color-picker`,i),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/components/{item-option-color-picker-CO-OAFOs.js → item-option-color-picker-BlkpWjQh.js}

@@ -17,8 +17,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { t as e } from "./decorate-DyMgX_Uh.js";
-import { t } from "./item-option-base-pYrkqt6q.js";
+import { n as e } from "./localized-mixin-DhiGdPMj.js";
+import { t } from "./item-option-base-CxQhI83u.js";
 import { html as n } from "lit";
 import { property as r, query as i } from "lit/decorators.js";
 import "@luzmo/lucero/menu";

package/components/item-option-color-range/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-color-range-BveD6fsp.cjs");exports.LuzmoItemOptionColorRange=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-color-range-CQo8uThO.cjs");exports.LuzmoItemOptionColorRange=e.t;

package/components/item-option-color-range/index.js

@@ -24,5 +24,5 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../item-option-color-range-bdYUxgQ9.js";
+import { t as e } from "../item-option-color-range-3Wp-Ywz6.js";
 export { e as LuzmoItemOptionColorRange };

package/components/{item-option-color-range-bdYUxgQ9.js → item-option-color-range-3Wp-Ywz6.js}

@@ -17,9 +17,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { t as e } from "./decorate-DyMgX_Uh.js";
+import { n as e } from "./localized-mixin-DhiGdPMj.js";
 import { t } from "./color-BWnYpOu7.js";
-import { t as n } from "./item-option-base-pYrkqt6q.js";
+import { t as n } from "./item-option-base-CxQhI83u.js";
 import { luzmoTrashOutline as r } from "@luzmo/icons";
 import "@luzmo/lucero/icon";
 import { html as i, unsafeCSS as a } from "lit";

package/components/item-option-color-range-CQo8uThO.cjs

@@ -0,0 +1,98 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require("./localized-mixin-DfpurTYo.cjs"),t=require("./color-Bl8h58rV.cjs"),n=require("./item-option-base-C6uwowJD.cjs");let r=require("@luzmo/icons");require("@luzmo/lucero/icon");let i=require("lit"),a=require("lit/decorators.js"),o=require("@lit/localize");require("@luzmo/lucero/action-button"),require("@luzmo/lucero/number-field"),require("@luzmo/lucero/text-field"),require("@luzmo/lucero/color-picker"),require("@luzmo/lucero/color-field");var s=(e,n=.1)=>{if(e.length<2)return`#AAAAAA`;let r=e.length,i=new t.t(e[r-2]).to(`oklab`),a=new t.t(e[r-1]).to(`oklab`),o=i.coords[0],s=a.coords[0];return new t.t(`oklab`,[Math.min(1,Math.max(0,s+(s>o?1:-1)*n)),a.coords[1],a.coords[2]],a.alpha).to(`srgb`).toString({format:`hex`,precision:0})},c=`:host{--luzmo-swatch-size:14px}.luzmo-item-option{align-items:start;height:fit-content}.control-container{flex-grow:1;align-items:start}.color-range-line{align-items:center;display:flex}luzmo-color-field,luzmo-number-field{flex-grow:1}.color-range-lines-container,.color-range-lines{gap:var(--luzmo-item-option-color-range-ranges-gap,var(--color-ranges-gap));flex-direction:column;flex-grow:1;display:flex}.color-range-lines{width:100%}.extra-label{height:var(--item-option-component-height);align-items:center;display:flex}.color-range-percentage-value{padding-inline-start:var(--luzmo-item-option-color-range-color-swatch-to-percentage,var(--color-swatch-to-percentage));padding-inline-end:var(--luzmo-item-option-color-range-percentage-to-input-field,var(--percentage-to-input-field))}luzmo-color-picker{position:relative}luzmo-color-picker:not(:has(+.color-range-percentage-value)){padding-inline-end:var(--luzmo-item-option-color-range-color-swatch-to-input-field,var(--color-swatch-to-input-field))}:is(luzmo-number-field:has(+luzmo-action-button),luzmo-color-field:has(+luzmo-action-button)){padding-inline-end:var(--luzmo-item-option-color-range-input-field-to-button,var(--input-field-to-button))}luzmo-color-picker:before{box-sizing:border-box;content:"";top:var(--color-range-connector-top);left:var(--color-range-connector-left);height:var(--color-range-connector-height);width:var(--color-range-connector-width);background:var(--range-color);border:var(--luzmo-item-option-color-range-connector-border-width,var(--luzmo-border-width)) solid var(--luzmo-item-option-color-range-connector-border-color,var(--luzmo-border-color));z-index:-1;border-top:0;border-bottom:0;position:absolute}:host([reverse]) luzmo-color-picker:before{top:var(--color-range-reverse-connector-top)}.color-range-lines:not(.edit-range-size) .color-range-line:last-child luzmo-color-picker:before{display:none}.color-range-add-value-container{height:var(--color-range-input-field-height);justify-content:start;align-items:center;display:flex}.color-range-add-value{box-sizing:border-box;width:var(--luzmo-item-option-color-range-add-value-width,var(--luzmo-swatch-size));height:var(--luzmo-item-option-color-range-add-value-height,var(--luzmo-swatch-size));border-width:var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width));border-style:solid;border-color:var(--luzmo-item-option-color-range-add-value-border-color,var(--luzmo-primary));border-radius:var(--luzmo-item-option-color-range-add-value-border-radius,50%);background-color:var(--luzmo-item-option-color-range-add-value-background-color,var(--luzmo-background-color));cursor:pointer;color:var(--luzmo-item-option-color-range-add-value-color,var(--luzmo-primary));justify-content:center;align-items:center;display:flex;position:relative}.color-range-add-value .plus-sign{width:100%;height:100%;position:absolute;top:0;left:0}.color-range-add-value .plus-sign:before{content:" ";background-color:var(--luzmo-item-option-color-range-add-value-color,var(--luzmo-primary));height:var(--add-color-range-plus-size);width:var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width));top:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--add-color-range-plus-size)) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));left:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width))) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));z-index:1;display:block;position:absolute}.color-range-add-value .plus-sign:after{content:" ";background-color:var(--luzmo-item-option-color-range-add-value-color,var(--luzmo-primary));width:var(--add-color-range-plus-size);height:var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width));left:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--add-color-range-plus-size)) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));top:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width))) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));z-index:1;display:block;position:absolute}.color-range-add-value:hover{background-color:var(--luzmo-item-option-color-range-add-value-background-color-hover,var(--luzmo-background-color-hover));color:var(--luzmo-item-option-color-range-add-value-color-hover,var(--luzmo-primary-hover))}.color-range-add-value[focused],.color-range-add-value:focus-visible{background-color:var(--luzmo-item-option-color-range-add-value-background-color-focus,var(--luzmo-background-color-focus));color:var(--luzmo-item-option-color-range-add-value-color-focus,var(--luzmo-primary-focus));outline:none}.color-range-add-value[focused]:after,.color-range-add-value:focus-visible:after{content:"";inset:calc(var(--luzmo-item-option-color-range-add-value-focus-indicator-gap,var(--add-value-focus-indicator-gap)) * -2);background-color:var(--luzmo-item-option-color-range-add-value-focus-indicator-background-color,var(--luzmo-background-color));border-width:var(--luzmo-item-option-color-range-add-value-focus-indicator-width,var(--add-value-focus-indicator-width));border-style:solid;border-color:var(--highcontrast-swatch-focus-indicator-color,var(--luzmo-item-option-color-range-add-value-focus-indicator-color,var(--add-value-focus-indicator-color)));border-radius:var(--luzmo-item-option-color-range-add-value-focus-indicator-border-radius,var(--add-value-focus-indicator-border-radius));transition:opacity var(--luzmo-animation-duration) ease-in-out;z-index:-1;position:absolute}:host{--luzmo-swatch-size:var(--color-range-swatch-size);--color-range-swatch-size:16px;--color-ranges-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--color-range-connector-width:.25rem;--color-range-connector-height:calc(var(--color-range-input-field-height) + var(--color-ranges-gap) - var(--color-range-swatch-size) + var(--color-range-connector-width));--color-range-connector-top:calc(var(--color-range-swatch-size) - (var(--color-range-connector-width) / 2));--color-range-reverse-connector-top:calc(-1 * var(--color-range-connector-height) + (var(--color-range-connector-width) / 2));--color-range-connector-left:calc((var(--color-range-swatch-size) - var(--color-range-connector-width)) / 2);--color-range-input-field-height:var(--luzmo-component-height);--add-color-range-size:var(--color-range-swatch-size);--add-color-range-plus-size:8px;--add-color-range-plus-sign-border-width:2px;--add-value-focus-indicator-border-radius:50%;--add-value-focus-indicator-gap:3px;--add-value-focus-indicator-width:1px;--add-value-focus-indicator-color:var(--luzmo-primary);--color-swatch-to-percentage:var(--luzmo-spacing-4);--color-swatch-to-input-field:var(--luzmo-spacing-4);--percentage-to-input-field:var(--luzmo-spacing-4);--input-field-to-button:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=s]){--color-range-swatch-size:14px;--color-range-input-field-height:var(--luzmo-component-height-s);--color-ranges-gap:var(--luzmo-spacing-2);--add-color-range-plus-size:6px;--add-color-range-plus-sign-border-width:2px;--color-swatch-to-percentage:var(--luzmo-spacing-3);--color-swatch-to-input-field:var(--luzmo-spacing-3);--percentage-to-input-field:var(--luzmo-spacing-3);--input-field-to-button:var(--luzmo-spacing-2)}:host([size=l]){--color-range-swatch-size:18px;--color-range-input-field-height:var(--luzmo-component-height-l);--color-ranges-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--add-color-range-plus-size:10px;--color-swatch-to-percentage:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--color-swatch-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--percentage-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--input-field-to-button:var(--luzmo-spacing-3)}:host([size=xl]){--color-range-swatch-size:20px;--color-range-input-field-height:var(--luzmo-component-height-xl);--color-ranges-gap:var(--luzmo-spacing-3);--add-color-range-plus-size:10px;--color-swatch-to-percentage:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--color-swatch-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--percentage-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--input-field-to-button:var(--luzmo-spacing-4)}`,l=class extends n.t{constructor(...e){super(...e),this.disabled=!1,this.percentage=!1,this.noAlphaChannel=!1,this.editRangeSize=!1,this.noValues=!1,this.minimumRangeSize=2,this.negativeInfinityValue=!1,this.readOnlyColorPicker=!1,this.reverse=!1,this.debounce=100,this._ranges=[]}static{this.styles=[super.styles,(0,i.unsafeCSS)(c)]}willUpdate(e){super.willUpdate(e),e.has(`value`)&&(this._ranges=typeof this.parseValue==`function`?this.parseValue(this.value??this.default??[]):this.value??this.default??[]),this.negativeInfinityValue&&(this._ranges=[{color:this._ranges[0].color,value:-1/0},...this._ranges.slice(1)])}_handleChangeEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue==`function`?this.toValue(this._ranges):this._ranges}}))},this.debounce??200)}_getIndex(e){let t=[...this.colorRangeLines].indexOf((e?.target)?.closest(`.color-range-line`));return this.reverse&&(t=(this._ranges?.length??0)-1-t),t}_extrapolateNewValue(e){if(e.length<2)return 0;let t=e.at(-1),n=e.at(-2),r=(t??0)-(n??0);return(t??0)+r}_setColor(e){let t=this._getIndex(e),n=e.target.color??e.target.value;this._ranges?.[t]&&(this._ranges[t].color=String(n)),this._ranges=structuredClone(this._ranges),this._handleChangeEvent()}_setNumber(e){let t=this._getIndex(e),n=e.target.value;this._ranges?.[t]&&(this._ranges[t].value=n),this._ranges=structuredClone(this._ranges.sort((e,t)=>(e?.value??0)-(t?.value??0))),this._handleChangeEvent()}_removeRangeValue(e){let t=this._getIndex(e);this._ranges?.splice(t,1),this._ranges=structuredClone(this._ranges),this._handleChangeEvent()}_addRangeValue(){let e=s(this._ranges?.map(e=>e.color)??[]),t=this._extrapolateNewValue(this._ranges?.map(e=>e.value??0)??[]);this._ranges?.push({color:e,value:t}),this._ranges=structuredClone(this._ranges),this._handleChangeEvent()}renderRangeValues(){let e=(e,t,n,a)=>i.html`
+        <div class="color-range-line" style="--range-color: ${e}">
+          <luzmo-color-picker
+            .color=${e}
+            .debounce=${this.debounce}
+            ?disabled=${this.disabled}
+            ?no-alpha-channel=${this.noAlphaChannel}
+            ?read-only=${this.readOnlyColorPicker}
+            @change=${this._setColor}
+          ></luzmo-color-picker>
+          ${this.percentage?i.html`
+                  <div class="color-range-percentage-value">%</div>
+                `:i.html`
+                  
+                `}
+          ${this.noValues?i.html` <luzmo-color-field
+                .value=${e}
+                .size=${this.size}
+                .debounce=${this.debounce}
+                ?no-alpha-channel=${this.noAlphaChannel}
+                ?disabled=${this.disabled}
+                @change=${this._setColor}
+              ></luzmo-color-field>`:n?i.html` <luzmo-text-field
+                  .value=${`< `+(a??0)}
+                  .size=${this.size}
+                  readonly
+                ></luzmo-text-field>`:i.html` <luzmo-number-field
+                  .value=${t??0}
+                  .size=${this.size}
+                  .debounce=${this.debounce}
+                  ?disabled=${this.disabled}
+                  @change=${this._setNumber}
+                ></luzmo-number-field>`}
+          ${this.editRangeSize&&!this.disabled&&!n&&(this._ranges?.length??0)>this.minimumRangeSize?i.html`<luzmo-action-button
+                quiet
+                .size=${this.size}
+                .label=${(0,o.msg)(`Remove color stop`,{desc:`Aria label for remove color stop button`})}
+                @click=${this._removeRangeValue}
+              >
+                <luzmo-icon
+                  slot="icon"
+                  .size=${this.size}
+                  .icon=${r.luzmoTrashOutline}
+                ></luzmo-icon>
+              </luzmo-action-button>`:i.html`
+                  
+                `}
+        </div>
+      `,t=this._ranges??this.default??[];this.reverse&&(t=[...t].reverse());let n=t.map(({color:n,value:r},i)=>e(n,r,i===0&&this.negativeInfinityValue,i===0&&this.negativeInfinityValue?t[1]?.value:void 0));return i.html`
+      <div id="luzmo-item-option-control" class="color-range-lines-container" role="group" aria-label=${this.label||(0,o.msg)(`Color range`,{desc:`Accessible label for color range control`})}>
+        ${this.editRangeSize&&!this.disabled&&this.reverse?i.html`<div class="color-range-add-value-container">
+              <button
+                class="color-range-add-value"
+                aria-label=${(0,o.msg)(`Add color stop`,{desc:`Aria label for add color stop button`})}
+                @click=${this._addRangeValue}
+              >
+                <div class="plus-sign"></div>
+              </button>
+            </div>`:i.html`
+                
+              `}
+        <div
+          class="color-range-lines ${this.editRangeSize&&!this.disabled?`edit-range-size`:``}"
+        >
+          ${n}
+        </div>
+        ${this.editRangeSize&&!this.disabled&&!this.reverse?i.html`<div class="color-range-add-value-container">
+              <button
+                class="color-range-add-value"
+                aria-label=${(0,o.msg)(`Add color stop`,{desc:`Aria label for add color stop button`})}
+                @click=${this._addRangeValue}
+              >
+                <div class="plus-sign"></div>
+              </button>
+            </div>`:i.html`
+                
+              `}
+      </div>
+    `}renderController(){return this.renderRangeValues()}};e.n([(0,a.property)({type:Array,reflect:!0})],l.prototype,`value`,void 0),e.n([(0,a.property)({type:Array,reflect:!0})],l.prototype,`default`,void 0),e.n([(0,a.property)({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),e.n([(0,a.property)({type:Boolean})],l.prototype,`percentage`,void 0),e.n([(0,a.property)({type:Boolean,attribute:`no-alpha-channel`})],l.prototype,`noAlphaChannel`,void 0),e.n([(0,a.property)({type:Boolean,attribute:`edit-range-size`})],l.prototype,`editRangeSize`,void 0),e.n([(0,a.property)({type:Boolean,attribute:`no-values`})],l.prototype,`noValues`,void 0),e.n([(0,a.property)({type:Number,reflect:!0,attribute:`minimum-range-size`})],l.prototype,`minimumRangeSize`,void 0),e.n([(0,a.property)({type:Boolean,reflect:!0,attribute:`negative-infinity-value`})],l.prototype,`negativeInfinityValue`,void 0),e.n([(0,a.property)({type:Boolean,attribute:`read-only-color-picker`})],l.prototype,`readOnlyColorPicker`,void 0),e.n([(0,a.property)({type:Boolean})],l.prototype,`reverse`,void 0),e.n([(0,a.property)({type:Number,reflect:!0})],l.prototype,`debounce`,void 0),e.n([(0,a.property)()],l.prototype,`parseValue`,void 0),e.n([(0,a.property)()],l.prototype,`toValue`,void 0),e.n([(0,a.queryAll)(`.color-range-line`)],l.prototype,`colorRangeLines`,void 0),e.n([(0,a.state)()],l.prototype,`_ranges`,void 0),customElements.get(`luzmo-item-option-color-range`)||customElements.define(`luzmo-item-option-color-range`,l),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/components/item-option-guidelines/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../types-pVa6ut_v.cjs"),t=require("../item-option-guidelines-D8UjylMx.cjs");exports.CARTESIAN_GUIDELINE_LINE_TYPES=e.t,exports.DEFAULT_GUIDELINE_COLOR_DARK=e.n,exports.DEFAULT_GUIDELINE_COLOR_LIGHT=e.r,exports.DEFAULT_GUIDELINE_DEBOUNCE=e.i,exports.DEFAULT_GUIDELINE_STYLE=e.a,exports.DEFAULT_NUMERIC_GUIDELINE_VALUE=e.o,exports.GUIDELINE_LINE_TYPES=e.s,exports.GUIDELINE_STYLE_TYPES=e.c,exports.GUIDELINE_WIDTHS=e.l,Object.defineProperty(exports,"LuzmoItemOptionGuidelines",{enumerable:!0,get:function(){return t.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../types-pVa6ut_v.cjs"),t=require("../item-option-guidelines-Daf8Ce5z.cjs");exports.CARTESIAN_GUIDELINE_LINE_TYPES=e.t,exports.DEFAULT_GUIDELINE_COLOR_DARK=e.n,exports.DEFAULT_GUIDELINE_COLOR_LIGHT=e.r,exports.DEFAULT_GUIDELINE_DEBOUNCE=e.i,exports.DEFAULT_GUIDELINE_STYLE=e.a,exports.DEFAULT_NUMERIC_GUIDELINE_VALUE=e.o,exports.GUIDELINE_LINE_TYPES=e.s,exports.GUIDELINE_STYLE_TYPES=e.c,exports.GUIDELINE_WIDTHS=e.l,Object.defineProperty(exports,"LuzmoItemOptionGuidelines",{enumerable:!0,get:function(){return t.t}});

package/components/item-option-guidelines/index.js

@@ -25,5 +25,5 @@
 	}
 })();
 import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "../types-DNRGKFSD.js";
-import { t as l } from "../item-option-guidelines-Ce88dTV-.js";
+import { t as l } from "../item-option-guidelines-CQ_yb7Ar.js";
 export { c as CARTESIAN_GUIDELINE_LINE_TYPES, i as DEFAULT_GUIDELINE_COLOR_DARK, o as DEFAULT_GUIDELINE_COLOR_LIGHT, n as DEFAULT_GUIDELINE_DEBOUNCE, e as DEFAULT_GUIDELINE_STYLE, a as DEFAULT_NUMERIC_GUIDELINE_VALUE, s as GUIDELINE_LINE_TYPES, t as GUIDELINE_STYLE_TYPES, r as GUIDELINE_WIDTHS, l as LuzmoItemOptionGuidelines };

package/components/{item-option-guidelines-Ce88dTV-.js → item-option-guidelines-CQ_yb7Ar.js}

@@ -17,11 +17,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import "./base-DSeXdW9S.js";
-import { t as e } from "./decorate-DyMgX_Uh.js";
-import { t } from "./localized-mixin-DBUkUh0o.js";
+import "./base-IE9Qxmub.js";
+import { n as e, t } from "./localized-mixin-DhiGdPMj.js";
 import { a as n, c as r, l as i, n as a, r as o, s, t as c } from "./types-DNRGKFSD.js";
-import { t as l } from "./item-option-base-pYrkqt6q.js";
+import { t as l } from "./item-option-base-CxQhI83u.js";
 import { luzmoBorderDashed as u, luzmoBorderDotted as d, luzmoBorderSolid as f, luzmoPlus as p, luzmoTrashOutline as m } from "@luzmo/icons";
 import "@luzmo/lucero/button";
 import "@luzmo/lucero/icon";

package/components/item-option-guidelines-Daf8Ce5z.cjs

@@ -0,0 +1,135 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+require("./base-BtRS5vm6.cjs");const e=require("./localized-mixin-DfpurTYo.cjs"),t=require("./types-pVa6ut_v.cjs"),n=require("./item-option-base-C6uwowJD.cjs");let r=require("@luzmo/icons");require("@luzmo/lucero/button"),require("@luzmo/lucero/icon");let i=require("lit"),a=require("lit/decorators.js"),o=require("@lit/localize");require("@luzmo/lucero/action-button");let s=require("lit/directives/repeat.js");require("@luzmo/lucero/action-group"),require("@luzmo/lucero/number-field"),require("@luzmo/lucero/picker"),require("@luzmo/lucero/menu"),require("@luzmo/lucero/color-picker");var c=new Set(t.s),l=new Set(t.c),u=new Set(t.l),d={solid:`0`,dotted:`1,2`,dashed:`3,3`},f=e=>typeof e==`object`&&!!e&&!Array.isArray(e),p=e=>{if(typeof e==`number`&&Number.isFinite(e))return e;if(typeof e==`string`&&e.trim()!==``){let t=Number(e);return Number.isFinite(t)?t:void 0}},m=e=>typeof e==`string`&&c.has(e),h=e=>{let n=(e??[]).filter(m);return n.length>0?n:[...t.t]},g=e=>e===`dark-edit`?t.n:t.r,_=e=>structuredClone(e),v=e=>{if(!f(e))return{...t.a};let n=typeof e.type==`string`?e.type.trim().toLowerCase():``,r=l.has(n)?n:d[n]??t.a.type,i=(typeof e.width==`number`?String(e.width):typeof e.width==`string`?e.width.trim():``).replace(/px$/i,``);return{type:r,width:u.has(i)?i:t.a.width}},y=e=>{if(!f(e))return;let n=typeof e.type==`string`?e.type.trim().toLowerCase():``;if(!m(n))return;let r=typeof e.color==`string`&&e.color.trim()!==``?e.color.trim():t.r;return n===`value`?{type:n,color:r,value:p(e.value)??0}:{type:n,color:r}},b=e=>{let t=Array.isArray(e)?{lines:e}:e;if(!f(t)||!(Array.isArray(t.lines)||f(t.lines)))return;let n=Array.isArray(t.lines)?t.lines:[t.lines],r=n.map(y).filter(e=>e!==void 0);if(!(n.length>0&&r.length===0))return{lines:r,style:v(t.style)}},x=(e,t)=>e===`value`?{type:e,color:t,value:0}:{type:e,color:t},S=(e,n,r)=>{let i=h(n)[0],a=x(i,r);if(!e)return{lines:[a],style:{...t.a}};let o=_(e);return o.lines.push(a),o},C=(e,t)=>{let n=_(e);return n.lines.splice(t,1),n},w=(e,t,n)=>{let r=_(e),i=r.lines[t];return i&&(r.lines[t]=x(n,i.color)),r},T=(e,t,n)=>{let r=_(e);return r.lines[t]&&(r.lines[t].color=n),r},E=(e,t,n)=>{let r=_(e);return r.lines[t]&&(r.lines[t].value=n),r},D=(e,t)=>{let n=_(e);return n.style.type=t,n},O=(e,t)=>{let n=_(e);return n.style.width=t,n},k=`:host{display:block;container-type:inline-size}.luzmo-item-option{align-items:start;height:fit-content}.control-container{flex-grow:1;align-items:start}.guidelines{gap:var(--luzmo-item-option-guidelines-shared-gap,var(--item-option-guidelines-shared-gap));flex-direction:column;inline-size:100%;display:flex}.guideline-rows{gap:var(--luzmo-item-option-guidelines-rows-gap,var(--item-option-guidelines-rows-gap));flex-direction:column;display:flex}.guideline-row{align-items:center;gap:var(--luzmo-item-option-guidelines-row-gap,var(--item-option-guidelines-row-gap));grid-template-columns:auto minmax(0,max-content) minmax(6rem,1fr) auto;display:grid}.guideline-value{inline-size:100%}@container (width<=20rem){.guideline-row{grid-template-columns:auto minmax(0,1fr) auto}.guideline-value{grid-column:2}.guideline-value-spacer{display:none}}.guideline-value-spacer{min-inline-size:0;min-block-size:var(--luzmo-component-height)}.guidelines-add{justify-content:flex-end;display:flex}.guideline-shared{gap:var(--luzmo-item-option-guidelines-rows-gap,var(--item-option-guidelines-rows-gap));border-block-start:var(--luzmo-border-width) solid var(--luzmo-border-color);flex-direction:column;padding-block-start:var(--luzmo-item-option-guidelines-shared-gap,var(--item-option-guidelines-shared-gap));display:flex}.guideline-shared-row{justify-content:space-between;align-items:center;gap:var(--luzmo-item-option-guidelines-row-gap,var(--item-option-guidelines-row-gap));flex-wrap:wrap;display:flex}.guideline-shared-label{flex-shrink:0}.guideline-width{min-inline-size:8rem}:host{--item-option-guidelines-rows-gap:var(--luzmo-spacing-2);--item-option-guidelines-row-gap:var(--luzmo-spacing-2);--item-option-guidelines-shared-gap:var(--luzmo-spacing-3)}:host([size=s]){--item-option-guidelines-rows-gap:var(--luzmo-spacing-1);--item-option-guidelines-row-gap:var(--luzmo-spacing-1);--item-option-guidelines-shared-gap:var(--luzmo-spacing-2)}:host([size=l]){--item-option-guidelines-rows-gap:var(--luzmo-spacing-3);--item-option-guidelines-row-gap:var(--luzmo-spacing-3);--item-option-guidelines-shared-gap:var(--luzmo-spacing-4)}:host([size=xl]){--item-option-guidelines-rows-gap:var(--luzmo-spacing-4);--item-option-guidelines-row-gap:var(--luzmo-spacing-3);--item-option-guidelines-shared-gap:var(--luzmo-spacing-4)}`,A=0,j=6,M=10**-6,N={maximumFractionDigits:j},P=e.t(n.t),F=class extends P{constructor(...e){super(...e),this.lineTypes=[],this.lineTypeLabels={},this.defaultColor=g(),this.debounce=200,this._lineIds=[],this._lineIdCounter=0,this._styleLabelId=`luzmo-item-option-guidelines-style-${++A}`,this._widthLabelId=`luzmo-item-option-guidelines-width-${A}`}static get styles(){return[...super.styles,(0,i.unsafeCSS)(k)]}willUpdate(e){super.willUpdate(e),e.has(`value`)&&(this._clearDebounce(),this._guidelines=b(this.value),this._lineIds=(this._guidelines?.lines??[]).map((e,t)=>this._lineIds[t]??this._createLineId()))}disconnectedCallback(){super.disconnectedCallback(),this._clearDebounce()}_createLineId(){return`${this._styleLabelId}-line-${++this._lineIdCounter}`}_clearDebounce(){clearTimeout(this._debounceTimeout),this._debounceTimeout=void 0}_emit(e,t=!1){let n=()=>{this._debounceTimeout=void 0,this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))};if(this._clearDebounce(),t||this.debounce<=0){n();return}this._debounceTimeout=setTimeout(n,this.debounce)}_commit(e,t=!1){this._guidelines=e,this._emit(e,t)}_allowedTypes(){return h(this.lineTypes)}_typeLabel(e){if(this.lineTypeLabels[e])return this.lineTypeLabels[e];switch(e){case`value`:return(0,o.msg)(`Value`,{id:`item-option-guidelines-type-value`,desc:`Guideline type: manual numeric value`});case`average`:return(0,o.msg)(`Average`,{id:`item-option-guidelines-type-average`,desc:`Guideline type: average of the plotted data`});case`median`:return(0,o.msg)(`Median`,{id:`item-option-guidelines-type-median`,desc:`Guideline type: median of the plotted data`});case`average open`:return(0,o.msg)(`Average open`,{id:`item-option-guidelines-type-average-open`,desc:`Guideline type: average of open values`});case`average close`:return(0,o.msg)(`Average close`,{id:`item-option-guidelines-type-average-close`,desc:`Guideline type: average of close values`})}}_typeValues(){return Object.fromEntries(this._allowedTypes().map(e=>[e,this._typeLabel(e)]))}_widthValues(){return{1:(0,o.msg)(`Thin`,{id:`item-option-guidelines-width-thin`,desc:`Guideline width: thin`}),2:(0,o.msg)(`Medium`,{id:`item-option-guidelines-width-medium`,desc:`Guideline width: medium`}),3:(0,o.msg)(`Thick`,{id:`item-option-guidelines-width-thick`,desc:`Guideline width: thick`})}}_styleOptions(){return[{key:`0`,icon:r.luzmoBorderSolid,label:(0,o.msg)(`Solid`,{id:`item-option-guidelines-style-solid`,desc:`Guideline line style: solid`})},{key:`1,2`,icon:r.luzmoBorderDotted,label:(0,o.msg)(`Dotted`,{id:`item-option-guidelines-style-dotted`,desc:`Guideline line style: dotted`})},{key:`3,3`,icon:r.luzmoBorderDashed,label:(0,o.msg)(`Dashed`,{id:`item-option-guidelines-style-dashed`,desc:`Guideline line style: dashed`})}]}_handleAdd(){this.disabled||(this._lineIds=[...this._lineIds,this._createLineId()],this._commit(S(this._guidelines,this.lineTypes,this.defaultColor),!0))}_handleRemove(e){this.disabled||!this._guidelines||(this._lineIds=this._lineIds.filter((t,n)=>n!==e),this._commit(C(this._guidelines,e),!0))}_handleTypeChange(e,t){this.disabled||!this._guidelines||!m(t.detail)||this._commit(w(this._guidelines,e,t.detail),!0)}_handleColorChange(e,t){if(this.disabled||!this._guidelines)return;let n=t.target.color;typeof n==`string`&&this._commit(T(this._guidelines,e,n))}_handleValueChange(e,t){if(this.disabled||!this._guidelines)return;let n=t.target.value;typeof n!=`number`||!Number.isFinite(n)||this._commit(E(this._guidelines,e,n))}_handleStyleChange(e){if(this.disabled||!this._guidelines)return;let t=e.target.selected?.[0];(t===`0`||t===`1,2`||t===`3,3`)&&this._commit(D(this._guidelines,t),!0)}_handleWidthChange(e){if(this.disabled||!this._guidelines)return;let t=e.detail,n=e.target.value,r=t===`1`||t===`2`||t===`3`?t:n;(r===`1`||r===`2`||r===`3`)&&this._commit(O(this._guidelines,r),!0)}_lineKey(e){return this._lineIds[e]}_renderLine(e,t){let n=t+1,a=(0,o.msg)(o.str`Guideline ${n} color`,{id:`item-option-guidelines-color`,desc:`Accessible name for one guideline color picker`}),s=(0,o.msg)(o.str`Guideline ${n} type`,{id:`item-option-guidelines-type`,desc:`Accessible name for one guideline type picker`}),c=(0,o.msg)(o.str`Guideline ${n} value`,{id:`item-option-guidelines-value`,desc:`Accessible name for one manual guideline value`}),l=(0,o.msg)(o.str`Remove guideline ${n}`,{id:`item-option-guidelines-remove`,desc:`Aria label for removing one guideline row`});return i.html`
+      <div class="guideline-row">
+        <luzmo-color-picker
+          class="guideline-color"
+          .color=${e.color}
+          .size=${this.size}
+          rounding="full"
+          shape="circle"
+          .label=${a}
+          ?disabled=${this.disabled}
+          @change=${e=>this._handleColorChange(t,e)}
+        ></luzmo-color-picker>
+        <luzmo-picker
+          class="guideline-type"
+          .label=${s}
+          .value=${e.type}
+          .size=${this.size}
+          variant="highlight"
+          ?disabled=${this.disabled}
+          @change=${e=>this._handleTypeChange(t,e)}
+        >
+          ${Object.entries(this._typeValues()).map(([e,t])=>i.html`
+              <luzmo-menu-item value=${e}>${t}</luzmo-menu-item>
+            `)}
+        </luzmo-picker>
+        ${e.type===`value`?i.html`
+                <luzmo-number-field
+                  class="guideline-value"
+                  .value=${e.value??0}
+                  .size=${this.size}
+                  .step=${M}
+                  .formatOptions=${N}
+                  .label=${c}
+                  ?disabled=${this.disabled}
+                  @change=${e=>this._handleValueChange(t,e)}
+                ></luzmo-number-field>
+              `:i.html`
+                <div class="guideline-value-spacer"></div>
+              `}
+        <luzmo-action-button
+          class="guideline-remove"
+          quiet
+          .size=${this.size}
+          .label=${l}
+          ?disabled=${this.disabled}
+          @click=${()=>this._handleRemove(t)}
+        >
+          <luzmo-icon slot="icon" .size=${this.size} .icon=${r.luzmoTrashOutline}></luzmo-icon>
+        </luzmo-action-button>
+      </div>
+    `}_renderSharedStyle(e){return i.html`
+      <div class="guideline-shared">
+        <div class="guideline-shared-row">
+          <span class="guideline-shared-label" id=${this._styleLabelId}>
+            ${(0,o.msg)(`Style`,{id:`item-option-guidelines-style-label`,desc:`Label for shared guideline dash style`})}
+          </span>
+          <luzmo-action-group
+            class="guideline-style"
+            compact
+            quiet
+            emphasized
+            selects="single"
+            .size=${this.size}
+            .selected=${[e.style.type]}
+            aria-labelledby=${this._styleLabelId}
+            ?disabled=${this.disabled}
+            @change=${this._handleStyleChange}
+          >
+            ${this._styleOptions().map(e=>i.html`
+                <luzmo-action-button value=${e.key} ?disabled=${this.disabled} .label=${e.label}>
+                  <luzmo-icon slot="icon" .size=${this.size} .icon=${e.icon}></luzmo-icon>
+                </luzmo-action-button>
+              `)}
+          </luzmo-action-group>
+        </div>
+        <div class="guideline-shared-row">
+          <span class="guideline-shared-label" id=${this._widthLabelId}>
+            ${(0,o.msg)(`Width`,{id:`item-option-guidelines-width-label`,desc:`Label for shared guideline width`})}
+          </span>
+          <luzmo-picker
+            class="guideline-width"
+            aria-labelledby=${this._widthLabelId}
+            .value=${e.style.width}
+            .size=${this.size}
+            variant="highlight"
+            ?disabled=${this.disabled}
+            @change=${this._handleWidthChange}
+          >
+            ${Object.entries(this._widthValues()).map(([e,t])=>i.html`
+                <luzmo-menu-item value=${e}>${t}</luzmo-menu-item>
+              `)}
+          </luzmo-picker>
+        </div>
+      </div>
+    `}renderController(){let e=this._guidelines?.lines??[];return i.html`
+      <div id="luzmo-item-option-control" class="guidelines" role="group" aria-label=${this.label||(0,o.msg)(`Guidelines`,{id:`item-option-guidelines-group`,desc:`Accessible name for the guidelines editor`})}>
+        ${e.length>0?i.html`
+                <div class="guideline-rows">
+                  ${(0,s.repeat)(e,(e,t)=>this._lineKey(t),(e,t)=>this._renderLine(e,t))}
+                </div>
+              `:i.nothing}
+        <div class="guidelines-add">
+          <luzmo-button
+            class="add-guideline"
+            treatment="outline"
+            .size=${this.size}
+            ?disabled=${this.disabled}
+            @click=${this._handleAdd}
+          >
+            <luzmo-icon slot="icon" .icon=${r.luzmoPlus} .size=${this.size}></luzmo-icon>
+            ${(0,o.msg)(`Add guideline`,{id:`item-option-guidelines-add`,desc:`Button that adds a chart guideline`})}
+          </luzmo-button>
+        </div>
+        ${this._guidelines&&e.length>0?this._renderSharedStyle(this._guidelines):i.nothing}
+      </div>
+    `}};e.n([(0,a.property)({attribute:!1})],F.prototype,`value`,void 0),e.n([(0,a.property)({attribute:!1})],F.prototype,`lineTypes`,void 0),e.n([(0,a.property)({attribute:!1})],F.prototype,`lineTypeLabels`,void 0),e.n([(0,a.property)({type:String,reflect:!0,attribute:`default-color`})],F.prototype,`defaultColor`,void 0),e.n([(0,a.property)({type:Number,reflect:!0})],F.prototype,`debounce`,void 0),e.n([(0,a.state)()],F.prototype,`_guidelines`,void 0),F=e.n([(0,o.localized)()],F),typeof customElements<`u`&&!customElements.get(`luzmo-item-option-guidelines`)&&customElements.define(`luzmo-item-option-guidelines`,F),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return F}});

package/components/item-option-multi-language-field/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-multi-language-field-D0jRPAjY.cjs");exports.LuzmoItemOptionMultiLangField=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-multi-language-field-BApbe3pp.cjs");exports.LuzmoItemOptionMultiLangField=e.t;

package/components/item-option-multi-language-field/index.js

@@ -24,5 +24,5 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../item-option-multi-language-field-0qfdBanp.js";
+import { t as e } from "../item-option-multi-language-field-aLIpQWiQ.js";
 export { e as LuzmoItemOptionMultiLangField };

package/components/{item-option-multi-language-field-D0jRPAjY.cjs → item-option-multi-language-field-BApbe3pp.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require("./decorate-DCJt-2rt.cjs"),t=require("./item-option-base-Dwf3dByS.cjs");let n=require("lit"),r=require("lit/decorators.js");require("@luzmo/lucero/multi-language-field");var i=class extends t.t{constructor(...e){super(...e),this.value={},this.invalid=!1,this.readonly=!1,this.language=`en`,this.debounce=200}static{this.styles=[super.styles]}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue==`function`?this.toValue(this.multiLangFieldElement?.value??{},this.language??`en`):this.multiLangFieldElement?.value??{}}}))},this.debounce??200)}renderController(){return n.html`
+const e=require("./localized-mixin-DfpurTYo.cjs"),t=require("./item-option-base-C6uwowJD.cjs");let n=require("lit"),r=require("lit/decorators.js");require("@luzmo/lucero/multi-language-field");var i=class extends t.t{constructor(...e){super(...e),this.value={},this.invalid=!1,this.readonly=!1,this.language=`en`,this.debounce=200}static{this.styles=[super.styles]}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue==`function`?this.toValue(this.multiLangFieldElement?.value??{},this.language??`en`):this.multiLangFieldElement?.value??{}}}))},this.debounce??200)}renderController(){return n.html`
       <luzmo-multi-language-field
         id="luzmo-item-option-control"
         .value=${typeof this.parseValue==`function`?this.parseValue(this.value,this.language??`en`):this.value}
@@ -30,4 +30,4 @@ const e=require("./decorate-DCJt-2rt.cjs"),t=require("./item-option-base-Dwf3dBy
         @change=${this._handleEvent}
       >
       </luzmo-multi-language-field>
-    `}};e.t([(0,r.property)({type:Object,reflect:!0})],i.prototype,`value`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],i.prototype,`invalid`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],i.prototype,`readonly`,void 0),e.t([(0,r.property)({type:String,reflect:!0})],i.prototype,`language`,void 0),e.t([(0,r.property)({type:Object,reflect:!0})],i.prototype,`placeholder`,void 0),e.t([(0,r.property)()],i.prototype,`parseValue`,void 0),e.t([(0,r.property)()],i.prototype,`toValue`,void 0),e.t([(0,r.property)({type:Number,reflect:!0})],i.prototype,`debounce`,void 0),e.t([(0,r.query)(`luzmo-multi-language-field`)],i.prototype,`multiLangFieldElement`,void 0),customElements.get(`luzmo-item-option-multi-language-field`)||customElements.define(`luzmo-item-option-multi-language-field`,i),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
+    `}};e.n([(0,r.property)({type:Object,reflect:!0})],i.prototype,`value`,void 0),e.n([(0,r.property)({type:Boolean,reflect:!0})],i.prototype,`invalid`,void 0),e.n([(0,r.property)({type:Boolean,reflect:!0})],i.prototype,`readonly`,void 0),e.n([(0,r.property)({type:String,reflect:!0})],i.prototype,`language`,void 0),e.n([(0,r.property)({type:Object,reflect:!0})],i.prototype,`placeholder`,void 0),e.n([(0,r.property)()],i.prototype,`parseValue`,void 0),e.n([(0,r.property)()],i.prototype,`toValue`,void 0),e.n([(0,r.property)({type:Number,reflect:!0})],i.prototype,`debounce`,void 0),e.n([(0,r.query)(`luzmo-multi-language-field`)],i.prototype,`multiLangFieldElement`,void 0),customElements.get(`luzmo-item-option-multi-language-field`)||customElements.define(`luzmo-item-option-multi-language-field`,i),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});