@luzmo/lucero 1.0.1-alpha.2 → 1.0.1-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/color-palette/color-palette.d.ts +49 -0
- package/components/color-palette/index.cjs +18 -0
- package/components/color-palette/index.d.ts +7 -0
- package/components/color-palette/index.js +88 -0
- package/components/index.cjs +1 -1
- package/components/index.js +138 -136
- package/custom-elements.json +1 -1
- package/index.d.ts +1 -0
- package/package.json +7 -2
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { Focusable } from '../../utils/focusable';
|
|
2
|
+
declare const LuzmoColorPalette_base: typeof Focusable & {
|
|
3
|
+
new (...args: any[]): import("../..").SizedElementInterface;
|
|
4
|
+
prototype: import("../..").SizedElementInterface;
|
|
5
|
+
};
|
|
6
|
+
export declare class LuzmoColorPalette extends LuzmoColorPalette_base {
|
|
7
|
+
/**
|
|
8
|
+
* The styles of the color palette
|
|
9
|
+
* @internal
|
|
10
|
+
*/
|
|
11
|
+
static styles: import("lit").CSSResult;
|
|
12
|
+
/**
|
|
13
|
+
* Set the color palette to a disabled state
|
|
14
|
+
*/
|
|
15
|
+
disabled: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Set the color palette to a focused state
|
|
18
|
+
*/
|
|
19
|
+
focused: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Set the color palette to a selected state
|
|
22
|
+
*/
|
|
23
|
+
selected: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Set the color palette to an active state
|
|
26
|
+
*/
|
|
27
|
+
active: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Set the colors to be displayed in the color palette
|
|
30
|
+
*/
|
|
31
|
+
colors?: string[];
|
|
32
|
+
/**
|
|
33
|
+
* Set the color palette to a reverse state
|
|
34
|
+
*/
|
|
35
|
+
reverse: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* Set the color palette to a horizontal state
|
|
38
|
+
*/
|
|
39
|
+
horizontal: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* @internal
|
|
42
|
+
*/
|
|
43
|
+
get focusElement(): HTMLElement;
|
|
44
|
+
private handlePointerdown;
|
|
45
|
+
private handlePointerup;
|
|
46
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
47
|
+
protected firstUpdated(changedProperties: Map<string, any>): void;
|
|
48
|
+
}
|
|
49
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2025 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../base-CBCg3yyw.cjs"),u=require("../focusable-EbipgXRh.cjs"),n=require("../sized-mixin-CPxE5C96.cjs"),v=":host{box-sizing:border-box}:host([focused]),:host(:focus-visible){outline:none}:host([focused]) #palette,:host(:focus-visible) #palette{border:var(--luzmo-color-palette-focus-indicator-width, var(--color-palette-focus-indicator-width)) solid var(--luzmo-color-palette-focus-indicator-color, var(--color-palette-focus-indicator-color))!important}:host([disabled]){pointer-events:none;cursor:not-allowed;border-color:var(--highcontrast-color-palette-border-color-disabled, var(--luzmo-color-palette-border-color-disabled, var(--luzmo-font-color-disabled)));background:var(--highcontrast-color-palette-fill-color-disabled, var(--luzmo-color-palette-fill-color-disabled, var(--luzmo-font-color-disabled)))}:host([disabled]) #palette{opacity:var(--luzmo-color-palette-disabled-opacity, .3);border-color:transparent!important;background-color:var(--luzmo-color-palette-disabled-background-color, var(--color-palette-disabled-background-color))!important}:host:active #palette,:host([active]) #palette{border-color:var(--luzmo-color-palette-active-border-color, var(--color-palette-active-border-color));background-color:var(--luzmo-color-palette-active-background-color, var(--color-palette-active-background-color))}:host([selected]) #palette{border-color:var(--luzmo-color-palette-selected-border-color, var(--color-palette-selected-border-color));background-color:var(--luzmo-color-palette-selected-background-color, var(--color-palette-selected-background-color))}:host:hover #palette{border-color:var(--luzmo-color-palette-hover-border-color, var(--color-palette-hover-border-color))}#palette{box-sizing:border-box;height:100%;width:fit-content;padding:var(--luzmo-color-palette-padding, var(--color-palette-padding));border:var(--luzmo-color-palette-border-width, var(--color-palette-border-width)) solid transparent;cursor:pointer;border-radius:var(--luzmo-color-palette-border-radius, var(--color-palette-border-radius));display:flex}#palette>div{box-sizing:border-box;border:var(--luzmo-color-palette-color-border-width, var(--color-palette-color-border-width)) solid var(--luzmo-color-palette-color-border-color, var(--color-palette-color-border-color));height:var(--luzmo-color-palette-color-height, var(--color-palette-color-height));width:var(--luzmo-color-palette-color-width, var(--color-palette-color-width))}#palette:hover{background-color:var(--luzmo-color-palette-hover-background-color, var(--color-palette-hover-background-color))}#palette.active{background-color:var(--luzmo-color-palette-active-background-color, var(--color-palette-active-background-color))}#palette:focus-visible{outline:none}:host(:not([reverse]):not([horizontal])) #palette{flex-direction:column}:host(:not([reverse]):not([horizontal])) #palette>div{border-top:0}:host(:not([reverse]):not([horizontal])) #palette>div:first-child{border-top-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-top-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host(:not([reverse]):not([horizontal])) #palette>div:last-child{border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host([reverse]:not([horizontal])) #palette{flex-direction:column-reverse}:host([reverse]:not([horizontal])) #palette>div{border-bottom:0}:host([reverse]:not([horizontal])) #palette>div:first-child{border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host([reverse]:not([horizontal])) #palette>div:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-top-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host([horizontal]:not([reverse])) #palette{flex-direction:row}:host([horizontal]:not([reverse])) #palette>div{border-left:0}:host([horizontal]:not([reverse])) #palette>div:first-child{border-top-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host([horizontal]:not([reverse])) #palette>div:last-child{border-top-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host([horizontal][reverse]) #palette{flex-direction:row-reverse}:host([horizontal][reverse]) #palette>div{border-right:0}:host([horizontal][reverse]) #palette>div:first-child{border-top-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host([horizontal][reverse]) #palette>div:last-child{border-top-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host{--color-palette-padding: var(--luzmo-spacing-1);--color-palette-background-color: transparent;--color-palette-hover-background-color: var( --luzmo-background-color-highlight );--color-palette-active-background-color: var( --luzmo-background-color-highlight-hover );--color-palette-active-border-color: var(--luzmo-border-color-down);--color-palette-selected-border-color: var(--luzmo-border-color-down);--color-palette-selected-background-color: var( --luzmo-background-color-highlight-hover );--color-palette-disabled-background-color: transparent;--color-palette-border-width: var(--luzmo-border-width);--color-palette-hover-border-color: var(--luzmo-border-color);--color-palette-active-border-color: var(--luzmo-border-color);--color-palette-focus-indicator-width: var(--luzmo-indicator-width);--color-palette-focus-indicator-color: var(--luzmo-indicator-color);--color-palette-color-width: var(--luzmo-spacing-5);--color-palette-color-height: 1.25rem;--color-palette-color-border-radius: var(--luzmo-border-radius);--color-palette-color-border-width: var(--luzmo-border-width);--color-palette-color-border-color: var(--luzmo-border-color);--color-palette-border-radius: calc( var(--color-palette-color-border-radius) + var(--color-palette-padding) )}:host([horizontal]){--color-palette-color-height: var(--luzmo-spacing-5);--color-palette-color-width: 1.25rem}:host([size=s]){--color-palette-color-width: .75rem;--color-palette-color-height: var(--luzmo-spacing-5);--color-palette-padding: var(--luzmo-spacing-1);--color-palette-color-border-radius: var(--luzmo-border-radius-s)}:host([size=s][horizontal]){--color-palette-color-height: .75rem;--color-palette-color-width: var(--luzmo-spacing-5)}:host([size=l]){--color-palette-color-width: 1.25rem;--color-palette-color-height: 1.5rem;--color-palette-padding: var(--luzmo-spacing-2);--color-palette-color-border-radius: var(--luzmo-border-radius-l)}:host([size=l][horizontal]){--color-palette-color-height: 1.25rem;--color-palette-color-width: 1.5rem}:host([size=xl]){--color-palette-color-width: 1.5rem;--color-palette-color-height: 1.75rem;--color-palette-padding: var(--luzmo-spacing-2);--color-palette-color-border-radius: var(--luzmo-border-radius-xl)}:host([size=xl][horizontal]){--color-palette-color-height: 1.5rem;--color-palette-color-width: 1.75rem}";var h=Object.defineProperty,t=(i,o,a,s)=>{for(var l=void 0,c=i.length-1,p;c>=0;c--)(p=i[c])&&(l=p(o,a,l)||l);return l&&h(o,a,l),l};const d=class d extends n.SizedMixin(u.Focusable,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.disabled=!1,this.focused=!1,this.selected=!1,this.active=!1,this.reverse=!1,this.horizontal=!1}get focusElement(){return this.renderRoot.querySelector("#palette")}handlePointerdown(o){o.pointerType==="touch"&&(this.active=!0),this.setPointerCapture(o.pointerId)}handlePointerup(o){this.active=!1,this.releasePointerCapture(o.pointerId)}render(){var a;const o=(a=this.colors)==null?void 0:a.map(s=>e.x`<div class="color" style="background-color: ${s}"></div>`);return e.x` <div id="palette">${o}</div> `}firstUpdated(o){super.firstUpdated(o),this.addEventListener("pointerdown",this.handlePointerdown),this.addEventListener("pointerup",this.handlePointerup),this.addEventListener("pointercancel",this.handlePointerup)}};d.styles=e.r(v);let r=d;t([e.n({type:Boolean,reflect:!0})],r.prototype,"disabled");t([e.n({type:Boolean,reflect:!0})],r.prototype,"focused");t([e.n({type:Boolean,reflect:!0})],r.prototype,"selected");t([e.n({type:Boolean,reflect:!0})],r.prototype,"active");t([e.n({type:Array,reflect:!0})],r.prototype,"colors");t([e.n({type:Boolean,reflect:!0})],r.prototype,"reverse");t([e.n({type:Boolean,reflect:!0})],r.prototype,"horizontal");customElements.get("luzmo-color-palette")||customElements.define("luzmo-color-palette",r);exports.LuzmoColorPalette=r;
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2025 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
import { r as m, x as n, n as e } from "../base-WsynuqaS.js";
|
|
19
|
+
import { F as b } from "../focusable-BxtpnzWp.js";
|
|
20
|
+
import { S as h } from "../sized-mixin-D4ACoVUr.js";
|
|
21
|
+
const p = () => {
|
|
22
|
+
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
23
|
+
const t = document.createElement("style");
|
|
24
|
+
t.setAttribute("data-luzmo-vars", ""), t.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: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--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: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--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-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #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(t);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
p();
|
|
28
|
+
const z = ":host{box-sizing:border-box}:host([focused]),:host(:focus-visible){outline:none}:host([focused]) #palette,:host(:focus-visible) #palette{border:var(--luzmo-color-palette-focus-indicator-width, var(--color-palette-focus-indicator-width)) solid var(--luzmo-color-palette-focus-indicator-color, var(--color-palette-focus-indicator-color))!important}:host([disabled]){pointer-events:none;cursor:not-allowed;border-color:var(--highcontrast-color-palette-border-color-disabled, var(--luzmo-color-palette-border-color-disabled, var(--luzmo-font-color-disabled)));background:var(--highcontrast-color-palette-fill-color-disabled, var(--luzmo-color-palette-fill-color-disabled, var(--luzmo-font-color-disabled)))}:host([disabled]) #palette{opacity:var(--luzmo-color-palette-disabled-opacity, .3);border-color:transparent!important;background-color:var(--luzmo-color-palette-disabled-background-color, var(--color-palette-disabled-background-color))!important}:host:active #palette,:host([active]) #palette{border-color:var(--luzmo-color-palette-active-border-color, var(--color-palette-active-border-color));background-color:var(--luzmo-color-palette-active-background-color, var(--color-palette-active-background-color))}:host([selected]) #palette{border-color:var(--luzmo-color-palette-selected-border-color, var(--color-palette-selected-border-color));background-color:var(--luzmo-color-palette-selected-background-color, var(--color-palette-selected-background-color))}:host:hover #palette{border-color:var(--luzmo-color-palette-hover-border-color, var(--color-palette-hover-border-color))}#palette{box-sizing:border-box;height:100%;width:fit-content;padding:var(--luzmo-color-palette-padding, var(--color-palette-padding));border:var(--luzmo-color-palette-border-width, var(--color-palette-border-width)) solid transparent;cursor:pointer;border-radius:var(--luzmo-color-palette-border-radius, var(--color-palette-border-radius));display:flex}#palette>div{box-sizing:border-box;border:var(--luzmo-color-palette-color-border-width, var(--color-palette-color-border-width)) solid var(--luzmo-color-palette-color-border-color, var(--color-palette-color-border-color));height:var(--luzmo-color-palette-color-height, var(--color-palette-color-height));width:var(--luzmo-color-palette-color-width, var(--color-palette-color-width))}#palette:hover{background-color:var(--luzmo-color-palette-hover-background-color, var(--color-palette-hover-background-color))}#palette.active{background-color:var(--luzmo-color-palette-active-background-color, var(--color-palette-active-background-color))}#palette:focus-visible{outline:none}:host(:not([reverse]):not([horizontal])) #palette{flex-direction:column}:host(:not([reverse]):not([horizontal])) #palette>div{border-top:0}:host(:not([reverse]):not([horizontal])) #palette>div:first-child{border-top-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-top-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host(:not([reverse]):not([horizontal])) #palette>div:last-child{border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host([reverse]:not([horizontal])) #palette{flex-direction:column-reverse}:host([reverse]:not([horizontal])) #palette>div{border-bottom:0}:host([reverse]:not([horizontal])) #palette>div:first-child{border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host([reverse]:not([horizontal])) #palette>div:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-top-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host([horizontal]:not([reverse])) #palette{flex-direction:row}:host([horizontal]:not([reverse])) #palette>div{border-left:0}:host([horizontal]:not([reverse])) #palette>div:first-child{border-top-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host([horizontal]:not([reverse])) #palette>div:last-child{border-top-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host([horizontal][reverse]) #palette{flex-direction:row-reverse}:host([horizontal][reverse]) #palette>div{border-right:0}:host([horizontal][reverse]) #palette>div:first-child{border-top-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host([horizontal][reverse]) #palette>div:last-child{border-top-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius));border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius, var(--color-palette-color-border-radius))}:host{--color-palette-padding: var(--luzmo-spacing-1);--color-palette-background-color: transparent;--color-palette-hover-background-color: var( --luzmo-background-color-highlight );--color-palette-active-background-color: var( --luzmo-background-color-highlight-hover );--color-palette-active-border-color: var(--luzmo-border-color-down);--color-palette-selected-border-color: var(--luzmo-border-color-down);--color-palette-selected-background-color: var( --luzmo-background-color-highlight-hover );--color-palette-disabled-background-color: transparent;--color-palette-border-width: var(--luzmo-border-width);--color-palette-hover-border-color: var(--luzmo-border-color);--color-palette-active-border-color: var(--luzmo-border-color);--color-palette-focus-indicator-width: var(--luzmo-indicator-width);--color-palette-focus-indicator-color: var(--luzmo-indicator-color);--color-palette-color-width: var(--luzmo-spacing-5);--color-palette-color-height: 1.25rem;--color-palette-color-border-radius: var(--luzmo-border-radius);--color-palette-color-border-width: var(--luzmo-border-width);--color-palette-color-border-color: var(--luzmo-border-color);--color-palette-border-radius: calc( var(--color-palette-color-border-radius) + var(--color-palette-padding) )}:host([horizontal]){--color-palette-color-height: var(--luzmo-spacing-5);--color-palette-color-width: 1.25rem}:host([size=s]){--color-palette-color-width: .75rem;--color-palette-color-height: var(--luzmo-spacing-5);--color-palette-padding: var(--luzmo-spacing-1);--color-palette-color-border-radius: var(--luzmo-border-radius-s)}:host([size=s][horizontal]){--color-palette-color-height: .75rem;--color-palette-color-width: var(--luzmo-spacing-5)}:host([size=l]){--color-palette-color-width: 1.25rem;--color-palette-color-height: 1.5rem;--color-palette-padding: var(--luzmo-spacing-2);--color-palette-color-border-radius: var(--luzmo-border-radius-l)}:host([size=l][horizontal]){--color-palette-color-height: 1.25rem;--color-palette-color-width: 1.5rem}:host([size=xl]){--color-palette-color-width: 1.5rem;--color-palette-color-height: 1.75rem;--color-palette-padding: var(--luzmo-spacing-2);--color-palette-color-border-radius: var(--luzmo-border-radius-xl)}:host([size=xl][horizontal]){--color-palette-color-height: 1.5rem;--color-palette-color-width: 1.75rem}";
|
|
29
|
+
var v = Object.defineProperty, l = (t, o, c, u) => {
|
|
30
|
+
for (var a = void 0, d = t.length - 1, s; d >= 0; d--)
|
|
31
|
+
(s = t[d]) && (a = s(o, c, a) || a);
|
|
32
|
+
return a && v(o, c, a), a;
|
|
33
|
+
};
|
|
34
|
+
const i = class i extends h(b, {
|
|
35
|
+
validSizes: ["s", "m", "l", "xl"],
|
|
36
|
+
noDefaultSize: !0
|
|
37
|
+
}) {
|
|
38
|
+
constructor() {
|
|
39
|
+
super(...arguments), this.disabled = !1, this.focused = !1, this.selected = !1, this.active = !1, this.reverse = !1, this.horizontal = !1;
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* @internal
|
|
43
|
+
*/
|
|
44
|
+
get focusElement() {
|
|
45
|
+
return this.renderRoot.querySelector("#palette");
|
|
46
|
+
}
|
|
47
|
+
handlePointerdown(o) {
|
|
48
|
+
o.pointerType === "touch" && (this.active = !0), this.setPointerCapture(o.pointerId);
|
|
49
|
+
}
|
|
50
|
+
handlePointerup(o) {
|
|
51
|
+
this.active = !1, this.releasePointerCapture(o.pointerId);
|
|
52
|
+
}
|
|
53
|
+
render() {
|
|
54
|
+
var c;
|
|
55
|
+
const o = (c = this.colors) == null ? void 0 : c.map((u) => n`<div class="color" style="background-color: ${u}"></div>`);
|
|
56
|
+
return n` <div id="palette">${o}</div> `;
|
|
57
|
+
}
|
|
58
|
+
firstUpdated(o) {
|
|
59
|
+
super.firstUpdated(o), this.addEventListener("pointerdown", this.handlePointerdown), this.addEventListener("pointerup", this.handlePointerup), this.addEventListener("pointercancel", this.handlePointerup);
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
i.styles = m(z);
|
|
63
|
+
let r = i;
|
|
64
|
+
l([
|
|
65
|
+
e({ type: Boolean, reflect: !0 })
|
|
66
|
+
], r.prototype, "disabled");
|
|
67
|
+
l([
|
|
68
|
+
e({ type: Boolean, reflect: !0 })
|
|
69
|
+
], r.prototype, "focused");
|
|
70
|
+
l([
|
|
71
|
+
e({ type: Boolean, reflect: !0 })
|
|
72
|
+
], r.prototype, "selected");
|
|
73
|
+
l([
|
|
74
|
+
e({ type: Boolean, reflect: !0 })
|
|
75
|
+
], r.prototype, "active");
|
|
76
|
+
l([
|
|
77
|
+
e({ type: Array, reflect: !0 })
|
|
78
|
+
], r.prototype, "colors");
|
|
79
|
+
l([
|
|
80
|
+
e({ type: Boolean, reflect: !0 })
|
|
81
|
+
], r.prototype, "reverse");
|
|
82
|
+
l([
|
|
83
|
+
e({ type: Boolean, reflect: !0 })
|
|
84
|
+
], r.prototype, "horizontal");
|
|
85
|
+
customElements.get("luzmo-color-palette") || customElements.define("luzmo-color-palette", r);
|
|
86
|
+
export {
|
|
87
|
+
r as LuzmoColorPalette
|
|
88
|
+
};
|
package/components/index.cjs
CHANGED
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./accordion/index.cjs"),d=require("./action-bar/index.cjs"),q=require("./action-button/index.cjs");require("./action-group/index.cjs");const p=require("./action-menu/index.cjs"),x=require("./avatar/index.cjs"),_=require("./button/index.cjs"),S=require("./button-group/index.cjs"),
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./accordion/index.cjs"),d=require("./action-bar/index.cjs"),q=require("./action-button/index.cjs");require("./action-group/index.cjs");const p=require("./action-menu/index.cjs"),x=require("./avatar/index.cjs"),_=require("./button/index.cjs"),S=require("./button-group/index.cjs"),C=require("./index-BLWuwZXx.cjs"),T=require("./checkbox/index.cjs"),b=require("./color-area/index.cjs"),v=require("./color-field/index.cjs"),I=require("./color-handle/index.cjs");require("./color-loupe/index.cjs");const g=require("./color-menu/index.cjs"),A=require("./color-palette/index.cjs"),P=require("./color-picker/index.cjs"),O=require("./index-BwxgAdzi.cjs"),M=require("./date-time-picker/index.cjs"),F=require("./divider/index.cjs");require("./field-group/index.cjs");require("./field-label/index.cjs");const y=require("./icon/index.cjs"),R=require("./infield-button/index.cjs"),B=require("./label/index.cjs"),i=require("./menu/index.cjs"),k=require("./multi-language-field/index.cjs"),G=require("./number-field/index.cjs"),u=require("./options/index.cjs"),r=require("./overlay/index.cjs");require("./picker/index.cjs");const h=require("./picker-button/index.cjs");require("./popover/index.cjs");require("./progress-circle/index.cjs");const m=require("./radio/index.cjs"),D=require("./search/index.cjs"),E=require("./select/index.cjs"),f=require("./slider/index.cjs"),c=require("./swatch/index.cjs"),N=require("./switch/index.cjs"),t=require("./tabs/index.cjs"),s=require("./tags/index.cjs"),U=require("./text-field/index.cjs"),w=require("./toast/index.cjs"),H=require("./tooltip/index.cjs"),V=require("./unit-input/index.cjs"),L=require("./base-CBCg3yyw.cjs"),K=require("./focus-visible-B0P9aY_G.cjs"),W=require("./focusable-EbipgXRh.cjs"),o=require("./platform-BiXhwqk3.cjs"),a=require("./sized-mixin-CPxE5C96.cjs"),Z=require("./streaming-listener-B00MvALi.cjs"),j=require("./action-group-DJGMcRHb.cjs"),J=require("./clear-button-Qi1pMA5S.cjs"),Q=require("./close-button-BFMBEw3q.cjs"),X=require("./color-loupe-CaA_Lfkk.cjs"),Y=require("./field-group-DkGst3r5.cjs"),$=require("./field-label-mO1AkUgR.cjs"),e=require("./overlay-KSKMzzkh.cjs"),z=require("./slottable-request-event-BfUUt1Mh.cjs"),n=require("./picker-DWsBWdPN.cjs"),ee=require("./popover-KFfO0IYL.cjs"),oe=require("./progress-circle-BvRJNuNo.cjs"),re=require("./text-field-D5d_Gt0t.cjs");exports.LuzmoAccordion=l.LuzmoAccordion;exports.LuzmoAccordionItem=l.LuzmoAccordionItem;exports.LuzmoActionBar=d.LuzmoActionBar;exports.LuzmoActionButton=q.LuzmoActionButton;exports.LuzmoActionMenu=p.LuzmoActionMenu;exports.LuzmoAvatar=x.LuzmoAvatar;exports.LuzmoButton=_.LuzmoButton;exports.LuzmoButtonGroup=S.LuzmoButtonGroup;exports.LuzmoCalendar=C.LuzmoCalendar;exports.LuzmoCheckbox=T.LuzmoCheckbox;exports.LuzmoColorArea=b.LuzmoColorArea;exports.LuzmoColorField=v.LuzmoColorField;exports.LuzmoColorHandle=I.LuzmoColorHandle;exports.LuzmoColorMenu=g.LuzmoColorMenu;exports.LuzmoColorPalette=A.LuzmoColorPalette;exports.LuzmoColorPicker=P.LuzmoColorPicker;exports.LuzmoColorSlider=O.LuzmoColorSlider;exports.LuzmoDateTimePicker=M.LuzmoDateTimePicker;exports.LuzmoDivider=F.LuzmoDivider;exports.LuzmoIcon=y.LuzmoIcon;exports.LuzmoInfieldButton=R.LuzmoInfieldButton;exports.LuzmoLabel=B.LuzmoLabel;exports.LuzmoMenu=i.LuzmoMenu;exports.LuzmoMenuDivider=i.LuzmoMenuDivider;exports.LuzmoMenuGroup=i.LuzmoMenuGroup;exports.LuzmoMenuItem=i.LuzmoMenuItem;exports.MenuItemAddedOrUpdatedEvent=i.MenuItemAddedOrUpdatedEvent;exports.LuzmoMultiLangField=k.LuzmoMultiLangField;exports.LuzmoNumberField=G.LuzmoNumberField;exports.LuzmoOption=u.LuzmoOption;exports.LuzmoOptions=u.LuzmoOptions;exports.LuzmoOptionsDivider=u.LuzmoOptionsDivider;exports.VIRTUALIZE_AS_OF_NUM_ITEMS=u.VIRTUALIZE_AS_OF_NUM_ITEMS;exports.LuzmoOverlayTrigger=r.LuzmoOverlayTrigger;exports.OverlayTriggerDirective=r.OverlayTriggerDirective;exports.SlottableRequestDirective=r.SlottableRequestDirective;exports.openOverlay=r.openOverlay;exports.slottableRequest=r.slottableRequest;exports.trigger=r.trigger;exports.LuzmoPickerButton=h.LuzmoPickerButton;exports.LuzmoRadio=m.LuzmoRadio;exports.LuzmoRadioGroup=m.LuzmoRadioGroup;exports.LuzmoSearch=D.LuzmoSearch;exports.LuzmoSelect=E.LuzmoSelect;exports.LuzmoSlider=f.LuzmoSlider;exports.LuzmoSwatch=c.LuzmoSwatch;exports.LuzmoSwatchGroup=c.LuzmoSwatchGroup;exports.LuzmoSwitch=N.LuzmoSwitch;exports.LuzmoTab=t.LuzmoTab;exports.LuzmoTabPanel=t.LuzmoTabPanel;exports.LuzmoTabs=t.LuzmoTabs;exports.LuzmoTabsOverflow=t.LuzmoTabsOverflow;exports.LuzmoTag=s.LuzmoTag;exports.LuzmoTags=s.LuzmoTags;exports.LuzmoHelpText=U.LuzmoHelpText;exports.LuzmoToast=w.LuzmoToast;exports.LuzmoTooltip=H.LuzmoTooltip;exports.LuzmoUnitInput=V.LuzmoUnitInput;exports.LuzmoElement=L.LuzmoElement;exports.LuzmoMixin=L.LuzmoMixin;exports.FocusVisiblePolyfillMixin=K.FocusVisiblePolyfillMixin;exports.Focusable=W.Focusable;exports.isAndroid=o.isAndroid;exports.isAppleDevice=o.isAppleDevice;exports.isChrome=o.isChrome;exports.isFirefox=o.isFirefox;exports.isIOS=o.isIOS;exports.isIPad=o.isIPad;exports.isIPhone=o.isIPhone;exports.isMac=o.isMac;exports.isSeamonkey=o.isSeamonkey;exports.isWebKit=o.isWebKit;exports.ElementSizes=a.ElementSizes;exports.SizedMixin=a.SizedMixin;exports.streamingListener=Z.streamingListener;exports.LuzmoActionGroup=j.LuzmoActionGroup;exports.LuzmoClearButton=J.LuzmoClearButton;exports.LuzmoCloseButton=Q.LuzmoCloseButton;exports.LuzmoColorLoupe=X.LuzmoColorLoupe;exports.LuzmoFieldGroup=Y.LuzmoFieldGroup;exports.LuzmoFieldLabel=$.LuzmoFieldLabel;exports.ClickController=e.ClickController;exports.HoverController=e.HoverController;exports.InteractionController=e.InteractionController;exports.InteractionTypes=e.InteractionTypes;exports.LONGPRESS_INSTRUCTIONS=e.LONGPRESS_INSTRUCTIONS;exports.LongpressController=e.LongpressController;exports.LuzmoAbstractOverlay=e.LuzmoAbstractOverlay;exports.LuzmoOverlay=e.LuzmoOverlay;exports.PlacementController=e.PlacementController;exports.SAFARI_FOCUS_RING_CLASS=e.SAFARI_FOCUS_RING_CLASS;exports.VirtualTrigger=e.VirtualTrigger;exports.guaranteedAllTransitionend=e.guaranteedAllTransitionend;exports.lastInteractionType=e.lastInteractionType;exports.nextFrame=e.nextFrame;exports.noop=e.noop;exports.overlayTimer=e.overlayTimer;exports.placementUpdatedSymbol=e.placementUpdatedSymbol;exports.SlottableRequestEvent=z.SlottableRequestEvent;exports.removeSlottableRequest=z.removeSlottableRequest;exports.DESCRIPTION_ID=n.DESCRIPTION_ID;exports.LuzmoPicker=n.LuzmoPicker;exports.LuzmoPickerBase=n.LuzmoPickerBase;exports.LuzmoPopover=ee.LuzmoPopover;exports.LuzmoProgressCircle=oe.LuzmoProgressCircle;exports.LuzmoTextField=re.LuzmoTextField;
|
package/components/index.js
CHANGED
|
@@ -26,58 +26,59 @@ import { LuzmoButtonGroup as C } from "./button-group/index.js";
|
|
|
26
26
|
import { L as T } from "./index-A-yOTB_d.js";
|
|
27
27
|
import { LuzmoCheckbox as w } from "./checkbox/index.js";
|
|
28
28
|
import { LuzmoColorArea as O } from "./color-area/index.js";
|
|
29
|
-
import { LuzmoColorField as
|
|
29
|
+
import { LuzmoColorField as P } from "./color-field/index.js";
|
|
30
30
|
import { LuzmoColorHandle as R } from "./color-handle/index.js";
|
|
31
31
|
import "./color-loupe/index.js";
|
|
32
32
|
import { LuzmoColorMenu as B } from "./color-menu/index.js";
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
33
|
+
import { LuzmoColorPalette as G } from "./color-palette/index.js";
|
|
34
|
+
import { LuzmoColorPicker as _ } from "./color-picker/index.js";
|
|
35
|
+
import { L as H } from "./index-HjQa8tew.js";
|
|
36
|
+
import { LuzmoDateTimePicker as V } from "./date-time-picker/index.js";
|
|
37
|
+
import { LuzmoDivider as K } from "./divider/index.js";
|
|
37
38
|
import "./field-group/index.js";
|
|
38
39
|
import "./field-label/index.js";
|
|
39
|
-
import { LuzmoIcon as
|
|
40
|
-
import { LuzmoInfieldButton as
|
|
41
|
-
import { LuzmoLabel as
|
|
42
|
-
import { LuzmoMenu as
|
|
43
|
-
import { LuzmoMultiLangField as
|
|
44
|
-
import { LuzmoNumberField as
|
|
45
|
-
import { LuzmoOption as
|
|
46
|
-
import { LuzmoOverlayTrigger as
|
|
40
|
+
import { LuzmoIcon as Z } from "./icon/index.js";
|
|
41
|
+
import { LuzmoInfieldButton as Q } from "./infield-button/index.js";
|
|
42
|
+
import { LuzmoLabel as Y } from "./label/index.js";
|
|
43
|
+
import { LuzmoMenu as oo, LuzmoMenuDivider as ro, LuzmoMenuGroup as eo, LuzmoMenuItem as lo, MenuItemAddedOrUpdatedEvent as mo } from "./menu/index.js";
|
|
44
|
+
import { LuzmoMultiLangField as to } from "./multi-language-field/index.js";
|
|
45
|
+
import { LuzmoNumberField as io } from "./number-field/index.js";
|
|
46
|
+
import { LuzmoOption as no, LuzmoOptions as so, LuzmoOptionsDivider as co, VIRTUALIZE_AS_OF_NUM_ITEMS as po } from "./options/index.js";
|
|
47
|
+
import { LuzmoOverlayTrigger as xo, OverlayTriggerDirective as bo, SlottableRequestDirective as go, openOverlay as Lo, slottableRequest as ho, trigger as vo } from "./overlay/index.js";
|
|
47
48
|
import "./picker/index.js";
|
|
48
|
-
import { LuzmoPickerButton as
|
|
49
|
+
import { LuzmoPickerButton as yo } from "./picker-button/index.js";
|
|
49
50
|
import "./popover/index.js";
|
|
50
51
|
import "./progress-circle/index.js";
|
|
51
|
-
import { LuzmoRadio as
|
|
52
|
-
import { LuzmoSearch as
|
|
53
|
-
import { LuzmoSelect as
|
|
54
|
-
import { LuzmoSlider as
|
|
55
|
-
import { LuzmoSwatch as
|
|
56
|
-
import { LuzmoSwitch as
|
|
57
|
-
import { LuzmoTab as
|
|
58
|
-
import { LuzmoTag as
|
|
59
|
-
import { LuzmoHelpText as
|
|
60
|
-
import { LuzmoToast as
|
|
61
|
-
import { LuzmoTooltip as
|
|
62
|
-
import { LuzmoUnitInput as
|
|
63
|
-
import { a as
|
|
64
|
-
import { F as
|
|
65
|
-
import { F as
|
|
66
|
-
import { j as
|
|
67
|
-
import { E as
|
|
68
|
-
import { s as
|
|
69
|
-
import { L as
|
|
70
|
-
import { L as
|
|
71
|
-
import { L as
|
|
72
|
-
import { L as
|
|
73
|
-
import { L as
|
|
74
|
-
import { L as
|
|
75
|
-
import { C as
|
|
76
|
-
import { S as
|
|
77
|
-
import { D as
|
|
78
|
-
import { LuzmoPopover as
|
|
79
|
-
import { L as
|
|
80
|
-
import { L as
|
|
52
|
+
import { LuzmoRadio as Io, LuzmoRadioGroup as To } from "./radio/index.js";
|
|
53
|
+
import { LuzmoSearch as wo } from "./search/index.js";
|
|
54
|
+
import { LuzmoSelect as Oo } from "./select/index.js";
|
|
55
|
+
import { LuzmoSlider as Po } from "./slider/index.js";
|
|
56
|
+
import { LuzmoSwatch as Ro, LuzmoSwatchGroup as Eo } from "./swatch/index.js";
|
|
57
|
+
import { LuzmoSwitch as Do } from "./switch/index.js";
|
|
58
|
+
import { LuzmoTab as Uo, LuzmoTabPanel as _o, LuzmoTabs as No, LuzmoTabsOverflow as Ho } from "./tabs/index.js";
|
|
59
|
+
import { LuzmoTag as Vo, LuzmoTags as jo } from "./tags/index.js";
|
|
60
|
+
import { LuzmoHelpText as Wo } from "./text-field/index.js";
|
|
61
|
+
import { LuzmoToast as Jo } from "./toast/index.js";
|
|
62
|
+
import { LuzmoTooltip as Xo } from "./tooltip/index.js";
|
|
63
|
+
import { LuzmoUnitInput as $o } from "./unit-input/index.js";
|
|
64
|
+
import { a as rr, L as er } from "./base-WsynuqaS.js";
|
|
65
|
+
import { F as mr } from "./focus-visible-DBlJGoEW.js";
|
|
66
|
+
import { F as tr } from "./focusable-BxtpnzWp.js";
|
|
67
|
+
import { j as ir, d as zr, e as nr, h as sr, c as cr, b as pr, a as fr, i as dr, g as xr, f as br } from "./platform-BM-uMWpX.js";
|
|
68
|
+
import { E as Lr, S as hr } from "./sized-mixin-D4ACoVUr.js";
|
|
69
|
+
import { s as Sr } from "./streaming-listener-CP-JE6Fa.js";
|
|
70
|
+
import { L as Cr } from "./action-group-DBImibFn.js";
|
|
71
|
+
import { L as Tr } from "./clear-button-DoeRUWQ3.js";
|
|
72
|
+
import { L as wr } from "./close-button-BWXdHSx3.js";
|
|
73
|
+
import { L as Or } from "./color-loupe-CmMsXbjT.js";
|
|
74
|
+
import { L as Pr } from "./field-group-DXfBWrkO.js";
|
|
75
|
+
import { L as Rr } from "./field-label-CZ2zzChK.js";
|
|
76
|
+
import { C as Br, H as Dr, b as Gr, I as Ur, c as _r, d as Nr, L as Hr, e as qr, P as Vr, S as jr, V as Kr, g as Wr, l as Zr, a as Jr, n as Qr, o as Xr, p as Yr } from "./overlay-Cig9r6uU.js";
|
|
77
|
+
import { S as oe, r as re } from "./slottable-request-event-DggLA4Rx.js";
|
|
78
|
+
import { D as le, a as me, L as ue } from "./picker-BmoXv1jt.js";
|
|
79
|
+
import { LuzmoPopover as ae } from "./popover-DjX0aAnY.js";
|
|
80
|
+
import { L as ze } from "./progress-circle-DXH9z8-6.js";
|
|
81
|
+
import { L as se } from "./text-field-BIADXoLC.js";
|
|
81
82
|
const r = () => {
|
|
82
83
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
83
84
|
const o = document.createElement("style");
|
|
@@ -86,109 +87,110 @@ const r = () => {
|
|
|
86
87
|
};
|
|
87
88
|
r();
|
|
88
89
|
export {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
90
|
+
Br as ClickController,
|
|
91
|
+
le as DESCRIPTION_ID,
|
|
92
|
+
Lr as ElementSizes,
|
|
93
|
+
mr as FocusVisiblePolyfillMixin,
|
|
94
|
+
tr as Focusable,
|
|
95
|
+
Dr as HoverController,
|
|
96
|
+
Gr as InteractionController,
|
|
97
|
+
Ur as InteractionTypes,
|
|
98
|
+
_r as LONGPRESS_INSTRUCTIONS,
|
|
99
|
+
Nr as LongpressController,
|
|
100
|
+
Hr as LuzmoAbstractOverlay,
|
|
100
101
|
s as LuzmoAccordion,
|
|
101
102
|
c as LuzmoAccordionItem,
|
|
102
103
|
f as LuzmoActionBar,
|
|
103
104
|
x as LuzmoActionButton,
|
|
104
|
-
|
|
105
|
+
Cr as LuzmoActionGroup,
|
|
105
106
|
g as LuzmoActionMenu,
|
|
106
107
|
h as LuzmoAvatar,
|
|
107
108
|
S as LuzmoButton,
|
|
108
109
|
C as LuzmoButtonGroup,
|
|
109
110
|
T as LuzmoCalendar,
|
|
110
111
|
w as LuzmoCheckbox,
|
|
111
|
-
|
|
112
|
-
|
|
112
|
+
Tr as LuzmoClearButton,
|
|
113
|
+
wr as LuzmoCloseButton,
|
|
113
114
|
O as LuzmoColorArea,
|
|
114
|
-
|
|
115
|
+
P as LuzmoColorField,
|
|
115
116
|
R as LuzmoColorHandle,
|
|
116
|
-
|
|
117
|
+
Or as LuzmoColorLoupe,
|
|
117
118
|
B as LuzmoColorMenu,
|
|
118
|
-
G as
|
|
119
|
-
_ as
|
|
120
|
-
H as
|
|
121
|
-
V as
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
Z as
|
|
128
|
-
Q as
|
|
129
|
-
Y as
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
to as
|
|
136
|
-
io as
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
ae as
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
To as
|
|
149
|
-
wo as
|
|
150
|
-
Oo as
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
Eo as
|
|
154
|
-
Do as
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
Ho as
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
Jo as
|
|
163
|
-
Xo as
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
119
|
+
G as LuzmoColorPalette,
|
|
120
|
+
_ as LuzmoColorPicker,
|
|
121
|
+
H as LuzmoColorSlider,
|
|
122
|
+
V as LuzmoDateTimePicker,
|
|
123
|
+
K as LuzmoDivider,
|
|
124
|
+
rr as LuzmoElement,
|
|
125
|
+
Pr as LuzmoFieldGroup,
|
|
126
|
+
Rr as LuzmoFieldLabel,
|
|
127
|
+
Wo as LuzmoHelpText,
|
|
128
|
+
Z as LuzmoIcon,
|
|
129
|
+
Q as LuzmoInfieldButton,
|
|
130
|
+
Y as LuzmoLabel,
|
|
131
|
+
oo as LuzmoMenu,
|
|
132
|
+
ro as LuzmoMenuDivider,
|
|
133
|
+
eo as LuzmoMenuGroup,
|
|
134
|
+
lo as LuzmoMenuItem,
|
|
135
|
+
er as LuzmoMixin,
|
|
136
|
+
to as LuzmoMultiLangField,
|
|
137
|
+
io as LuzmoNumberField,
|
|
138
|
+
no as LuzmoOption,
|
|
139
|
+
so as LuzmoOptions,
|
|
140
|
+
co as LuzmoOptionsDivider,
|
|
141
|
+
qr as LuzmoOverlay,
|
|
142
|
+
xo as LuzmoOverlayTrigger,
|
|
143
|
+
me as LuzmoPicker,
|
|
144
|
+
ue as LuzmoPickerBase,
|
|
145
|
+
yo as LuzmoPickerButton,
|
|
146
|
+
ae as LuzmoPopover,
|
|
147
|
+
ze as LuzmoProgressCircle,
|
|
148
|
+
Io as LuzmoRadio,
|
|
149
|
+
To as LuzmoRadioGroup,
|
|
150
|
+
wo as LuzmoSearch,
|
|
151
|
+
Oo as LuzmoSelect,
|
|
152
|
+
Po as LuzmoSlider,
|
|
153
|
+
Ro as LuzmoSwatch,
|
|
154
|
+
Eo as LuzmoSwatchGroup,
|
|
155
|
+
Do as LuzmoSwitch,
|
|
156
|
+
Uo as LuzmoTab,
|
|
157
|
+
_o as LuzmoTabPanel,
|
|
158
|
+
No as LuzmoTabs,
|
|
159
|
+
Ho as LuzmoTabsOverflow,
|
|
160
|
+
Vo as LuzmoTag,
|
|
161
|
+
jo as LuzmoTags,
|
|
162
|
+
se as LuzmoTextField,
|
|
163
|
+
Jo as LuzmoToast,
|
|
164
|
+
Xo as LuzmoTooltip,
|
|
165
|
+
$o as LuzmoUnitInput,
|
|
166
|
+
mo as MenuItemAddedOrUpdatedEvent,
|
|
167
|
+
bo as OverlayTriggerDirective,
|
|
168
|
+
Vr as PlacementController,
|
|
169
|
+
jr as SAFARI_FOCUS_RING_CLASS,
|
|
170
|
+
hr as SizedMixin,
|
|
171
|
+
go as SlottableRequestDirective,
|
|
172
|
+
oe as SlottableRequestEvent,
|
|
173
|
+
po as VIRTUALIZE_AS_OF_NUM_ITEMS,
|
|
174
|
+
Kr as VirtualTrigger,
|
|
175
|
+
Wr as guaranteedAllTransitionend,
|
|
176
|
+
ir as isAndroid,
|
|
177
|
+
zr as isAppleDevice,
|
|
178
|
+
nr as isChrome,
|
|
179
|
+
sr as isFirefox,
|
|
180
|
+
cr as isIOS,
|
|
181
|
+
pr as isIPad,
|
|
182
|
+
fr as isIPhone,
|
|
183
|
+
dr as isMac,
|
|
184
|
+
xr as isSeamonkey,
|
|
185
|
+
br as isWebKit,
|
|
186
|
+
Zr as lastInteractionType,
|
|
187
|
+
Jr as nextFrame,
|
|
188
|
+
Qr as noop,
|
|
189
|
+
Lo as openOverlay,
|
|
190
|
+
Xr as overlayTimer,
|
|
191
|
+
Yr as placementUpdatedSymbol,
|
|
192
|
+
re as removeSlottableRequest,
|
|
193
|
+
ho as slottableRequest,
|
|
194
|
+
Sr as streamingListener,
|
|
195
|
+
vo as trigger
|
|
194
196
|
};
|