@luzmo/lucero 1.0.1-alpha.67 → 1.0.1-alpha.68
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/accordion/index.cjs +1 -1
- package/components/accordion/index.js +1 -1
- package/components/action-bar/index.cjs +1 -1
- package/components/action-bar/index.js +1 -1
- package/components/badge/index.cjs +1 -1
- package/components/badge/index.js +1 -1
- package/components/color-area/index.cjs +1 -1
- package/components/color-area/index.js +1 -1
- package/components/color-handle/index.cjs +1 -1
- package/components/color-handle/index.js +1 -1
- package/components/divider/index.cjs +1 -1
- package/components/divider/index.js +1 -1
- package/components/divider.module-Cx_A979b.cjs +18 -0
- package/components/divider.module-DLnZg6Ni.js +21 -0
- package/components/index.cjs +1 -1
- package/components/index.js +1 -1
- package/components/menu/index.cjs +2 -2
- package/components/menu/index.js +2 -2
- package/components/options/index.cjs +1 -1
- package/components/options/index.js +1 -1
- package/components/popover/index.cjs +1 -1
- package/components/popover/index.js +1 -1
- package/components/popover-CsMwOyVK.cjs +30 -0
- package/components/popover-Cvy9tSb0.js +68 -0
- package/components/swatch/index.cjs +1 -1
- package/components/swatch/index.js +1 -1
- package/components/tags/index.cjs +1 -1
- package/components/tags/index.js +14 -14
- package/package.json +1 -1
- package/components/divider.module-DDvBo9zo.cjs +0 -18
- package/components/divider.module-DoQWQEIJ.js +0 -21
- package/components/popover-3xG5ZKzr.js +0 -68
- package/components/popover-DoH42mv2.cjs +0 -30
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
@slotchange=${this.handleSlotchange}
|
|
21
21
|
@luzmo-accordion-item-toggle=${this.onToggle}
|
|
22
22
|
></slot>
|
|
23
|
-
`}}d([r.property({type:Boolean,reflect:!0,attribute:"allow-multiple"})],a.prototype,"allowMultiple");d([r.property({type:String,reflect:!0})],a.prototype,"density");d([r.property({type:String,reflect:!0,attribute:"header-case"})],a.prototype,"headerCase");d([r.property({type:Boolean,reflect:!0,attribute:"no-content-padding"})],a.prototype,"noContentPadding");d([r.property({type:String,reflect:!0})],a.prototype,"variant");d([r.queryAssignedNodes()],a.prototype,"defaultNodes");const y=':host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width, 200px);border-block-
|
|
23
|
+
`}}d([r.property({type:Boolean,reflect:!0,attribute:"allow-multiple"})],a.prototype,"allowMultiple");d([r.property({type:String,reflect:!0})],a.prototype,"density");d([r.property({type:String,reflect:!0,attribute:"header-case"})],a.prototype,"headerCase");d([r.property({type:Boolean,reflect:!0,attribute:"no-content-padding"})],a.prototype,"noContentPadding");d([r.property({type:String,reflect:!0})],a.prototype,"variant");d([r.queryAssignedNodes()],a.prototype,"defaultNodes");const y=':host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width, 200px);border-inline:none!important;border-block-start:none!important;border-block-end-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)))!important;border-block-end-style:solid!important;border-block-end-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color))!important;margin:0;position:relative}:host(:first-child){border-block-start-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)))!important;border-block-start-style:solid!important;border-block-start-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color))!important}#heading{box-sizing:border-box;min-height:var(--luzmo-accordion-item-height, var(--accordion-item-height));font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));margin:0;margin-block:0;position:relative;margin-bottom:var(--luzmo-accordion-item-header-bottom-margin, var(--accordion-item-header-bottom-margin, 0px))}.icon-container{z-index:1;pointer-events:none;inline-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));font-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color-down));justify-content:center;align-items:center;padding-inline-start:var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 0px));display:flex;position:absolute;height:100%}.icon-container:dir(rtl),:host([dir=rtl]) .icon-container{transform:scaleX(-1)}#content{padding-block:var(--luzmo-accordion-item-content-area-top-to-content, 8px) var(--luzmo-accordion-item-content-area-bottom-to-content, 16px);padding-left:calc(var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3))) + var(--luzmo-accordion-item-content-padding-left, var(--accordion-item-content-padding-left, 0px)));margin-bottom:var(--luzmo-accordion-item-content-margin-bottom, var(--accordion-item-content-margin-bottom, 0px));margin-left:var(--luzmo-accordion-item-content-margin-left, var(--accordion-item-content-margin-left, 0px));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3)));border-left:var(--luzmo-accordion-item-content-border-left-width, var(--accordion-item-content-border-left-width, 0)) var(--luzmo-accordion-item-content-border-left-style, var(--accordion-item-content-border-left-style, solid)) var(--luzmo-accordion-item-content-border-left-color, var(--accordion-item-content-border-left-color, var(--luzmo-border-color)));color:var(--luzmo-accordion-item-content-color, var(--luzmo-font-color));font-weight:var(--luzmo-accordion-item-content-font-weight, var(--accordion-item-content-font-weight, var(--luzmo-font-weight)));font-style:var(--luzmo-accordion-item-content-font-style, var(--luzmo-font-style));font-size:var(--luzmo-accordion-item-content-font-size, var(--accordion-item-content-font-size, var(--luzmo-font-size)));font-family:var(--luzmo-accordion-item-content-font-family, var(--luzmo-font-family));line-height:var(--luzmo-accordion-item-content-line-height, 1.3);display:none}#header{box-sizing:border-box;min-height:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));line-height:var(--luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height, 1.25));text-overflow:ellipsis;text-transform:var(--luzmo-accordion-item-header-text-case, var(--accordion-item-header-text-case));cursor:pointer;font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));font-weight:var(--luzmo-accordion-item-header-font-weight, var(--accordion-item-header-font-weight, 600));font-style:var(--luzmo-accordion-item-header-font-style, var(--luzmo-font-style));font-family:var(--luzmo-accordion-item-header-font-family, var(--luzmo-font-family));-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:start;width:100%;color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color));background-color:var(--luzmo-accordion-item-header-background-color, var(--accordion-item-header-background-color, var(--luzmo-background-color)));border:0;padding-top:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-left:calc(var(--luzmo-accordion-disclosure-indicator-to-text-space, var(--accordion-disclosure-indicator-to-text-space, 0px)) + var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height, 32px)) + var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 32px)));padding-bottom:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, 0px));position:relative;border-radius:var(--luzmo-accordion-item-accordion-header-border-radius, var(--accordion-item-accordion-header-border-radius))}#header:focus{outline:none}#header:focus:after{content:"";position:absolute;inset-inline-start:0}#header:focus-visible{border-radius:var(--luzmo-accordion-border-radius, var(--accordion-item-accordion-header-border-radius, var(--luzmo-border-radius-s)));outline:var(--luzmo-accordion-focus-indicator-width, var(--luzmo-border-width)) solid var(--luzmo-accordion-focus-indicator-color, var(--luzmo-primary));background-color:var(--luzmo-accordion-background-color-key-focus, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)));color:var(--luzmo-accordion-item-header-color-key-focus, var(--luzmo-font-color-focus));outline-offset:calc(var(--luzmo-accordion-focus-indicator-gap, 2px) * -1)}#header:active{background-color:var(--luzmo-accordion-background-color-down, var(--accordion-item-header-background-color, var(--luzmo-background-hover)));color:var(--luzmo-accordion-item-header-color-down, var(--luzmo-font-color-down))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color));background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}@media (hover: hover){#header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)))}:host([disabled]) #header:hover{background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}#header:hover,#header:hover+.icon-container{color:var(--luzmo-accordion-item-header-color-hover, var(--luzmo-font-color-hover))}:host([open]) #header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color)))}:host([disabled]) #header:hover{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}}:host([disabled]) #header+.icon-container{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}:host([disabled]) #content{color:var(--luzmo-accordion-item-content-disabled-color, var(--luzmo-disabled-color))}:host([open])>#heading>.icon-container>.indicator,:host([open])>.icon-container>.indicator{transform:var(--luzmo-logical-rotation) rotate(90deg);transform:rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors: active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}';var k=Object.defineProperty,u=(t,o,i,n)=>{for(var e=void 0,c=t.length-1,l;c>=0;c--)(l=t[c])&&(e=l(o,i,e)||e);return e&&k(o,i,e),e};const w=()=>s.html`
|
|
24
24
|
<div class="icon-container">
|
|
25
25
|
${h.luzmoIcon(h.luzmoAngleRight,{className:"indicator"})}
|
|
26
26
|
</div>
|
|
@@ -107,7 +107,7 @@ l([
|
|
|
107
107
|
l([
|
|
108
108
|
v()
|
|
109
109
|
], c.prototype, "defaultNodes");
|
|
110
|
-
const C = ':host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width, 200px);border-block-
|
|
110
|
+
const C = ':host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width, 200px);border-inline:none!important;border-block-start:none!important;border-block-end-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)))!important;border-block-end-style:solid!important;border-block-end-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color))!important;margin:0;position:relative}:host(:first-child){border-block-start-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)))!important;border-block-start-style:solid!important;border-block-start-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color))!important}#heading{box-sizing:border-box;min-height:var(--luzmo-accordion-item-height, var(--accordion-item-height));font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));margin:0;margin-block:0;position:relative;margin-bottom:var(--luzmo-accordion-item-header-bottom-margin, var(--accordion-item-header-bottom-margin, 0px))}.icon-container{z-index:1;pointer-events:none;inline-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));font-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color-down));justify-content:center;align-items:center;padding-inline-start:var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 0px));display:flex;position:absolute;height:100%}.icon-container:dir(rtl),:host([dir=rtl]) .icon-container{transform:scaleX(-1)}#content{padding-block:var(--luzmo-accordion-item-content-area-top-to-content, 8px) var(--luzmo-accordion-item-content-area-bottom-to-content, 16px);padding-left:calc(var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3))) + var(--luzmo-accordion-item-content-padding-left, var(--accordion-item-content-padding-left, 0px)));margin-bottom:var(--luzmo-accordion-item-content-margin-bottom, var(--accordion-item-content-margin-bottom, 0px));margin-left:var(--luzmo-accordion-item-content-margin-left, var(--accordion-item-content-margin-left, 0px));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3)));border-left:var(--luzmo-accordion-item-content-border-left-width, var(--accordion-item-content-border-left-width, 0)) var(--luzmo-accordion-item-content-border-left-style, var(--accordion-item-content-border-left-style, solid)) var(--luzmo-accordion-item-content-border-left-color, var(--accordion-item-content-border-left-color, var(--luzmo-border-color)));color:var(--luzmo-accordion-item-content-color, var(--luzmo-font-color));font-weight:var(--luzmo-accordion-item-content-font-weight, var(--accordion-item-content-font-weight, var(--luzmo-font-weight)));font-style:var(--luzmo-accordion-item-content-font-style, var(--luzmo-font-style));font-size:var(--luzmo-accordion-item-content-font-size, var(--accordion-item-content-font-size, var(--luzmo-font-size)));font-family:var(--luzmo-accordion-item-content-font-family, var(--luzmo-font-family));line-height:var(--luzmo-accordion-item-content-line-height, 1.3);display:none}#header{box-sizing:border-box;min-height:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));line-height:var(--luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height, 1.25));text-overflow:ellipsis;text-transform:var(--luzmo-accordion-item-header-text-case, var(--accordion-item-header-text-case));cursor:pointer;font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));font-weight:var(--luzmo-accordion-item-header-font-weight, var(--accordion-item-header-font-weight, 600));font-style:var(--luzmo-accordion-item-header-font-style, var(--luzmo-font-style));font-family:var(--luzmo-accordion-item-header-font-family, var(--luzmo-font-family));-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:start;width:100%;color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color));background-color:var(--luzmo-accordion-item-header-background-color, var(--accordion-item-header-background-color, var(--luzmo-background-color)));border:0;padding-top:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-left:calc(var(--luzmo-accordion-disclosure-indicator-to-text-space, var(--accordion-disclosure-indicator-to-text-space, 0px)) + var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height, 32px)) + var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 32px)));padding-bottom:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, 0px));position:relative;border-radius:var(--luzmo-accordion-item-accordion-header-border-radius, var(--accordion-item-accordion-header-border-radius))}#header:focus{outline:none}#header:focus:after{content:"";position:absolute;inset-inline-start:0}#header:focus-visible{border-radius:var(--luzmo-accordion-border-radius, var(--accordion-item-accordion-header-border-radius, var(--luzmo-border-radius-s)));outline:var(--luzmo-accordion-focus-indicator-width, var(--luzmo-border-width)) solid var(--luzmo-accordion-focus-indicator-color, var(--luzmo-primary));background-color:var(--luzmo-accordion-background-color-key-focus, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)));color:var(--luzmo-accordion-item-header-color-key-focus, var(--luzmo-font-color-focus));outline-offset:calc(var(--luzmo-accordion-focus-indicator-gap, 2px) * -1)}#header:active{background-color:var(--luzmo-accordion-background-color-down, var(--accordion-item-header-background-color, var(--luzmo-background-hover)));color:var(--luzmo-accordion-item-header-color-down, var(--luzmo-font-color-down))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color));background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}@media (hover: hover){#header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)))}:host([disabled]) #header:hover{background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}#header:hover,#header:hover+.icon-container{color:var(--luzmo-accordion-item-header-color-hover, var(--luzmo-font-color-hover))}:host([open]) #header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color)))}:host([disabled]) #header:hover{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}}:host([disabled]) #header+.icon-container{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}:host([disabled]) #content{color:var(--luzmo-accordion-item-content-disabled-color, var(--luzmo-disabled-color))}:host([open])>#heading>.icon-container>.indicator,:host([open])>.icon-container>.indicator{transform:var(--luzmo-logical-rotation) rotate(90deg);transform:rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors: active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-disabled-color))}';
|
|
111
111
|
var E = Object.defineProperty, u = (r, o, i, n) => {
|
|
112
112
|
for (var e = void 0, t = r.length - 1, d; t >= 0; t--)
|
|
113
113
|
(d = r[t]) && (e = d(o, i, e) || e);
|
|
@@ -15,7 +15,7 @@
|
|
|
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 u=require("lit"),e=require("lit/decorators.js"),b=require("lit/directives/if-defined.js"),p=require("../base-DxRGeCrb.cjs"),d=require("../focus-visible-D4BXb5RB.cjs");require("../action-group-_gt0SxJg.cjs");require("../close-button-CSGamYgn.cjs");require("../field-label-BXicZ2Pz.cjs");require("../popover-
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("lit"),e=require("lit/decorators.js"),b=require("lit/directives/if-defined.js"),p=require("../base-DxRGeCrb.cjs"),d=require("../focus-visible-D4BXb5RB.cjs");require("../action-group-_gt0SxJg.cjs");require("../close-button-CSGamYgn.cjs");require("../field-label-BXicZ2Pz.cjs");require("../popover-CsMwOyVK.cjs");const m="@media (forced-colors: active){:host,:host([emphasized]) #popover{--highcontrast-action-bar-popover-border-color: CanvasText}}:host{padding:0 var(--luzmo-action-bar-spacing-outer-edge, var(--action-bar-spacing-outer-edge));z-index:1;box-sizing:border-box;pointer-events:none;block-size:0;opacity:0;inset-block-end:0}:host([open]){block-size:calc(var(--luzmo-action-bar-spacing-outer-edge, var(--action-bar-spacing-outer-edge)) + var(--luzmo-action-bar-height, var(--action-bar-height)));opacity:1}#popover{block-size:var(--luzmo-action-bar-height, var(--action-bar-height));box-sizing:border-box;inline-size:100%;border-radius:var(--luzmo-action-bar-border-radius, var(--action-bar-border-radius));border-color:var(--highcontrast-action-bar-popover-border-color, var(--luzmo-action-bar-popover-border-color, var(--action-bar-popover-border-color)));background-color:var(--luzmo-action-bar-popover-background-color, var(--action-bar-popover-background-color));filter:drop-shadow(var(--luzmo-action-bar-shadow-horizontal, var(--action-bar-shadow-horizontal)) var(--luzmo-action-bar-shadow-vertical, var(--action-bar-shadow-vertical)) var(--luzmo-action-bar-shadow-blur, var(--action-bar-shadow-blur)) var(--luzmo-action-bar-shadow-color, var(--action-bar-shadow-color)));pointer-events:auto;flex-direction:row;margin:auto;padding-block:0;display:flex;position:relative}.close-button{flex-shrink:0;margin-block-start:var(--luzmo-action-bar-spacing-close-button-top, var(--action-bar-spacing-close-button-top));margin-inline-start:var(--luzmo-action-bar-spacing-close-button-start, var(--action-bar-spacing-close-button-start));margin-inline-end:var(--luzmo-action-bar-spacing-close-button-end, var(--action-bar-spacing-close-button-end))}.field-label{font-size:var(--luzmo-action-bar-item-counter-font-size, var(--action-bar-item-counter-font-size));color:var(--luzmo-action-bar-item-counter-color, var(--action-bar-item-counter-color));line-height:var(--luzmo-action-bar-item-counter-line-height, var(--action-bar-item-counter-line-height));margin-block-start:var(--luzmo-action-bar-spacing-item-counter-top, var(--action-bar-spacing-item-counter-top));margin-inline-end:var(--luzmo-action-bar-spacing-item-counter-end, var(--action-bar-spacing-item-counter-end));padding:0}.field-label:lang(ja),.field-label:lang(ko),.field-label:lang(zh){line-height:var(--luzmo-action-bar-item-counter-line-height-cjk, var(--action-bar-item-counter-line-height-cjk))}.action-group{margin-block-start:var(--luzmo-action-bar-spacing-action-group-top, var(--action-bar-spacing-action-group-top));margin-inline-start:auto;margin-inline-end:var(--luzmo-action-bar-spacing-action-group-end, var(--action-bar-spacing-action-group-end))}:host([emphasized]) #popover{filter:none;background-color:var(--luzmo-action-bar-emphasized-background-color, var(--action-bar-emphasized-background-color));border-color:#0000}:host([emphasized]) .field-label{color:var(--luzmo-action-bar-emphasized-item-counter-color, var(--action-bar-emphasized-item-counter-color))}:host([variant=sticky]){position:sticky;inset-inline:0}:host([variant=fixed]){position:fixed}:host([flexible]) #popover{inline-size:auto}:host{--action-bar-height: var(--luzmo-component-height-xl);--action-bar-border-radius: var(--luzmo-border-radius);--action-bar-item-counter-font-size: var(--luzmo-font-size);--action-bar-item-counter-line-height: var(--luzmo-line-height);--action-bar-item-counter-color: var(--luzmo-font-color);--action-bar-item-counter-line-height-cjk: 1.5;--action-bar-popover-background-color: var(--luzmo-background-color);--action-bar-popover-border-color: var(--luzmo-border-color);--action-bar-emphasized-background-color: var(--luzmo-primary);--action-bar-emphasized-item-counter-color: var( --luzmo-primary-inverse-color );--action-bar-spacing-outer-edge: var(-luzmo-spacing-5);--action-bar-spacing-close-button-top: calc( var(--luzmo-spacing-3) - var(--luzmo-border-width) );--action-bar-spacing-close-button-start: calc( var(--luzmo-spacing-3) - var(--luzmo-border-width) );--action-bar-spacing-close-button-end: var(--luzmo-spacing-3);--action-bar-spacing-item-counter-top: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--action-bar-spacing-item-counter-end: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-3) );--action-bar-spacing-action-group-top: calc( var(--luzmo-spacing-3) - var(--luzmo-border-width) );--action-bar-spacing-action-group-end: calc( var(--luzmo-spacing-3) - var(--luzmo-border-width) );--action-bar-shadow-horizontal: 0;--action-bar-shadow-vertical: 1px;--action-bar-shadow-blur: 4px;--action-bar-shadow-color: var(--luzmo-border-color)}:host{display:block}:host([flexible]){display:inline-block}";var v=Object.defineProperty,h=Object.getOwnPropertyDescriptor,i=(n,o,c,t)=>{for(var a=t>1?void 0:t?h(o,c):o,l=n.length-1,s;l>=0;l--)(s=n[l])&&(a=(t?s(o,c,a):s(a))||a);return t&&a&&v(o,c,a),a};const g=["sticky","fixed"];class r extends d.FocusVisiblePolyfillMixin(p.LuzmoElement){constructor(){super(...arguments),this.emphasized=!1,this.flexible=!1,this.open=!1,this._variant=""}static get styles(){return[u.unsafeCSS(m)]}set variant(o){if(o!==this.variant){if(g.includes(o)){this.setAttribute("variant",o),this._variant=o;return}this.removeAttribute("variant"),this._variant=""}}get variant(){return this._variant}handleClick(){this.open=!1,this.dispatchEvent(new Event("close",{bubbles:!0,composed:!0,cancelable:!0}))||(this.open=!0)}render(){return u.html`
|
|
19
19
|
<luzmo-popover ?open=${this.open} id="popover">
|
|
20
20
|
<slot name="override">
|
|
21
21
|
<luzmo-close-button
|
|
@@ -23,7 +23,7 @@ import { F as p } from "../focus-visible-BvScGDCE.js";
|
|
|
23
23
|
import "../action-group-BDdRHYNo.js";
|
|
24
24
|
import "../close-button-1l5b3LRg.js";
|
|
25
25
|
import "../field-label-BRoRRzfi.js";
|
|
26
|
-
import "../popover-
|
|
26
|
+
import "../popover-Cvy9tSb0.js";
|
|
27
27
|
const m = () => {
|
|
28
28
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
29
29
|
const r = document.createElement("style");
|
|
@@ -15,7 +15,7 @@
|
|
|
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 g=require("lit"),c=require("lit/decorators.js"),b=require("../base-DxRGeCrb.cjs"),s=require("../observe-slot-text-CBMHpuIK.cjs"),u=require("../sized-mixin-DcvJLFeo.cjs"),v=":host{font-family:var(--luzmo-badge-font-family, var(--luzmo-font-family));border-color:var(--highcontrast-badge-border-color, var(--luzmo-badge-border-color, var(--badge-border-color)));background-color:var(--highcontrast-badge-background-color, var(--luzmo-badge-background-color, var(--badge-background-color)));color:var(--highcontrast-badge-content-color, var(--luzmo-badge-content-color, var(--badge-content-color)));border-radius:var(--luzmo-badge-border-radius, var(--badge-border-radius));border-width:var(--luzmo-badge-border-width, var(--badge-border-width));border-style:solid;min-block-size:var(--luzmo-badge-height, var(--badge-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:var(--luzmo-badge-max-inline-size, none);-webkit-user-select:none;user-select:none;transition:border-color var(--luzmo-badge-animation-duration, var(--badge-animation-duration)) ease-in-out,color var(--luzmo-badge-animation-duration, var(--badge-animation-duration)) ease-in-out,background-color var(--luzmo-badge-animation-duration, var(--badge-animation-duration)) ease-in-out;outline:none;align-items:center;justify-content:center;padding-inline:calc(var(--luzmo-badge-spacing-inline, var(--badge-spacing-inline)) - var(--luzmo-badge-border-width, var(--badge-border-width)));padding-block:var(--luzmo-spacing-1);display:inline-flex;position:relative;gap:var(--luzmo-badge-icon-spacing-inline-end, var(--badge-icon-spacing-inline-end))}::slotted([slot=icon]){--icon-size: var( --luzmo-badge-icon-size, var( --badge-icon-size, calc( var(--luzmo-badge-height, var(--badge-height)) - var(--luzmo-badge-border-width, var(--badge-border-width)) * 2 - var(--luzmo-badge-icon-padding, 4px) * 2 ) ) );flex-shrink:0;align-self:center}.label{box-sizing:border-box;display:inline-flex;align-items:center;line-height:1.3;font-weight:var(--luzmo-badge-font-weight, var(--badge-font-weight));font-size:var(--luzmo-badge-font-size, var(--badge-font-size));cursor:default}.label[hidden]{display:none!important}:host([icon-only]){gap:0;padding-block:0;padding-inline:calc(var(--luzmo-badge-spacing-inline, var(--badge-spacing-inline)) * 1.25 - var(--luzmo-badge-border-width, var(--badge-border-width)))}:host([icon-only]) ::slotted([slot=icon]){align-self:center}:host([fixed]){border-radius:var(--luzmo-border-radius)}:host([fixed=block-start]){border-start-start-radius:0;border-start-end-radius:0}:host([fixed=block-end]){border-end-start-radius:0;border-end-end-radius:0}:host([fixed=inline-start]){border-start-start-radius:0;border-end-start-radius:0}:host([fixed=inline-end]){border-start-end-radius:0;border-end-end-radius:0}@media (forced-colors: active){:host{--highcontrast-badge-border-color: ButtonText;--highcontrast-badge-background-color: ButtonFace;--highcontrast-badge-content-color: ButtonText;forced-color-adjust:none}:host([treatment=fill]){--highcontrast-badge-background-color: Highlight;--highcontrast-badge-content-color: HighlightText;--highcontrast-badge-border-color: Highlight}}:host{--badge-border-color: var(--luzmo-border-color-full);--badge-background-color: transparent;--badge-content-color: var(--luzmo-font-color);--badge-border-width: var(--luzmo-border-width);--badge-border-radius: calc(var(--badge-height) / 2);--badge-animation-duration: var(--luzmo-animation-duration);--badge-font-weight: var(--luzmo-font-weight);--badge-label-line-height: var(--luzmo-line-height);--badge-icon-spacing-inline-end: var(--luzmo-spacing-2)}:host([size=xs]){--badge-height: var(--luzmo-component-height-xxs);--badge-font-size: var(--luzmo-font-size-xs);--badge-icon-size: var(--luzmo-icon-size-xxs);--badge-spacing-inline: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--badge-icon-spacing-inline-end: var(--luzmo-spacing-1)}:host([size=s]){--badge-height: var(--luzmo-component-height-xs);--badge-font-size: var(--luzmo-font-size-s);--badge-icon-size: var(--luzmo-icon-size-s);--badge-spacing-inline: var(--luzmo-spacing-3);--badge-icon-spacing-inline-end: var(--luzmo-spacing-2)}:host{--badge-height: var(--luzmo-component-height-s);--badge-font-size: var(--luzmo-font-size);--badge-icon-size: var(--luzmo-icon-size-m);--badge-spacing-inline: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=l]){--badge-height: var(--luzmo-component-height);--badge-font-size: var(--luzmo-font-size);--badge-icon-size: var(--luzmo-icon-size-l);--badge-spacing-inline: var(--luzmo-spacing-4);--badge-icon-spacing-inline-end: var(--luzmo-spacing-3)}:host([size=xl]){--badge-height: var(--luzmo-component-height-l);--badge-font-size: var(--luzmo-font-size-l);--badge-icon-size: var(--luzmo-icon-size-xl);--badge-spacing-inline: var(--luzmo-spacing-5);--badge-icon-spacing-inline-end: var(--luzmo-spacing-3)}:host([variant=neutral]){--badge-border-color: var(--luzmo-border-color-full);--badge-content-color: var(--luzmo-font-color);--badge-fill-background-color: var(--luzmo-selected-color-hard);--badge-fill-content-color: white}:host([variant=accent]){--badge-border-color: var(--luzmo-primary);--badge-content-color: var(--luzmo-primary);--badge-fill-background-color: var(--luzmo-primary);--badge-fill-content-color: white}:host([variant=informative]){--badge-border-color: var(--luzmo-informative-color);--badge-content-color: var(--luzmo-informative-color);--badge-fill-background-color: var(--luzmo-informative-color);--badge-fill-content-color: white}:host([variant=positive]){--badge-border-color: var(--luzmo-positive-color);--badge-content-color: var(--luzmo-positive-color);--badge-fill-background-color: var(--luzmo-positive-color);--badge-fill-content-color: white}:host([variant=negative]){--badge-border-color: var(--luzmo-negative-color);--badge-content-color: var(--luzmo-negative-color);--badge-fill-background-color: var(--luzmo-negative-color);--badge-fill-content-color: white}:host([variant=notice]){--badge-border-color: var(--luzmo-notice-color);--badge-content-color: var(--luzmo-notice-color);--badge-fill-background-color: var(--luzmo-notice-color);--badge-fill-content-color: white}:host([variant=seafoam]){--badge-border-color: var(--luzmo-seafoam-color);--badge-content-color: var(--luzmo-seafoam-color);--badge-fill-background-color: var(--luzmo-seafoam-color);--badge-fill-content-color: white}:host([variant=indigo]){--badge-border-color: var(--luzmo-indigo-color);--badge-content-color: var(--luzmo-indigo-color);--badge-fill-background-color: var(--luzmo-indigo-color);--badge-fill-content-color: white}:host([variant=purple]){--badge-border-color: var(--luzmo-purple-color);--badge-content-color: var(--luzmo-purple-color);--badge-fill-background-color: var(--luzmo-purple-color);--badge-fill-content-color: white}:host([variant=fuchsia]){--badge-border-color: var(--luzmo-fuchsia-color);--badge-content-color: var(--luzmo-fuchsia-color);--badge-fill-background-color: var(--luzmo-fuchsia-color);--badge-fill-content-color: white}:host([variant=magenta]){--badge-border-color: var(--luzmo-magenta-color);--badge-content-color: var(--luzmo-magenta-color);--badge-fill-background-color: var(--luzmo-magenta-color);--badge-fill-content-color: white}:host([variant=yellow]){--badge-border-color: var(--luzmo-yellow-color);--badge-content-color: var(--luzmo-yellow-color);--badge-fill-background-color: var(--luzmo-yellow-color);--badge-fill-content-color: black}:host([variant=gray]){--badge-border-color: var(--luzmo-gray-color);--badge-content-color: var(--luzmo-gray-color);--badge-fill-background-color: var(--luzmo-gray-color);--badge-fill-content-color: white}:host([variant=red]){--badge-border-color: var(--luzmo-red-color);--badge-content-color: var(--luzmo-red-color);--badge-fill-background-color: var(--luzmo-red-color);--badge-fill-content-color: white}:host([variant=orange]){--badge-border-color: var(--luzmo-orange-color);--badge-content-color: var(--luzmo-orange-color);--badge-fill-background-color: var(--luzmo-orange-color);--badge-fill-content-color: black}:host([variant=chartreuse]){--badge-border-color: var(--luzmo-chartreuse-color);--badge-content-color: var(--luzmo-chartreuse-color);--badge-fill-background-color: var(--luzmo-chartreuse-color);--badge-fill-content-color: white}:host([variant=celery]){--badge-border-color: var(--luzmo-celery-color);--badge-content-color: var(--luzmo-celery-color);--badge-fill-background-color: var(--luzmo-celery-color);--badge-fill-content-color: black}:host([variant=green]){--badge-border-color: var(--luzmo-green-color);--badge-content-color: var(--luzmo-green-color);--badge-fill-background-color: var(--luzmo-green-color);--badge-fill-content-color: white}:host([variant=cyan]){--badge-border-color: var(--luzmo-cyan-color);--badge-content-color: var(--luzmo-cyan-color);--badge-fill-background-color: var(--luzmo-cyan-color);--badge-fill-content-color: white}:host([variant=blue]){--badge-border-color: var(--luzmo-blue-color);--badge-content-color: var(--luzmo-blue-color);--badge-fill-background-color: var(--luzmo-blue-color);--badge-fill-content-color: white}:host([treatment=outline]){--badge-background-color: transparent}:host([treatment=fill]){--badge-background-color: var( --badge-fill-background-color, var(--luzmo-selected-color-hard) );--badge-content-color: var(--badge-fill-content-color, white);--badge-border-color: transparent}";var m=Object.defineProperty,h=Object.getOwnPropertyDescriptor,d=(l,o,t,r)=>{for(var e=r>1?void 0:r?h(o,t):o,n=l.length-1,i;n>=0;n--)(i=l[n])&&(e=(r?i(o,t,e):i(e))||e);return r&&e&&m(o,t,e),e};const z=["accent","neutral","informative","positive","negative","notice","seafoam","indigo","purple","fuchsia","magenta","yellow","gray","red","orange","chartreuse","celery","green","cyan","blue"];class a extends u.SizedMixin(s.ObserveSlotText(b.LuzmoElement),{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._variant="neutral",this.treatment="outline"}static get styles(){return[g.unsafeCSS(v)]}get variant(){return this._variant}set variant(o){o!==this._variant&&(z.includes(o)?(this._variant=o,this.setAttribute("variant",o)):(this._variant="neutral",this.setAttribute("variant","neutral")))}handleIconSlotChange(o){o.target.assignedElements().forEach(e=>{e.tagName.toLowerCase()==="luzmo-icon"&&e.setAttribute("block","")})}get hasLabel(){return this.slotHasContent}render(){return g.html`
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("lit"),c=require("lit/decorators.js"),b=require("../base-DxRGeCrb.cjs"),s=require("../observe-slot-text-CBMHpuIK.cjs"),u=require("../sized-mixin-DcvJLFeo.cjs"),v=":host{font-family:var(--luzmo-badge-font-family, var(--luzmo-font-family));border-color:var(--highcontrast-badge-border-color, var(--luzmo-badge-border-color, var(--badge-border-color)))!important;background-color:var(--highcontrast-badge-background-color, var(--luzmo-badge-background-color, var(--badge-background-color)));color:var(--highcontrast-badge-content-color, var(--luzmo-badge-content-color, var(--badge-content-color)));border-radius:var(--luzmo-badge-border-radius, var(--badge-border-radius));border-width:var(--luzmo-badge-border-width, var(--badge-border-width))!important;border-style:solid!important;min-block-size:var(--luzmo-badge-height, var(--badge-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:var(--luzmo-badge-max-inline-size, none);-webkit-user-select:none;user-select:none;transition:border-color var(--luzmo-badge-animation-duration, var(--badge-animation-duration)) ease-in-out,color var(--luzmo-badge-animation-duration, var(--badge-animation-duration)) ease-in-out,background-color var(--luzmo-badge-animation-duration, var(--badge-animation-duration)) ease-in-out;outline:none;align-items:center;justify-content:center;padding-inline:calc(var(--luzmo-badge-spacing-inline, var(--badge-spacing-inline)) - var(--luzmo-badge-border-width, var(--badge-border-width)));padding-block:var(--luzmo-spacing-1);display:inline-flex;position:relative;gap:var(--luzmo-badge-icon-spacing-inline-end, var(--badge-icon-spacing-inline-end))}::slotted([slot=icon]){--icon-size: var( --luzmo-badge-icon-size, var( --badge-icon-size, calc( var(--luzmo-badge-height, var(--badge-height)) - var(--luzmo-badge-border-width, var(--badge-border-width)) * 2 - var(--luzmo-badge-icon-padding, 4px) * 2 ) ) );flex-shrink:0;align-self:center}.label{box-sizing:border-box;display:inline-flex;align-items:center;line-height:1.3;font-weight:var(--luzmo-badge-font-weight, var(--badge-font-weight));font-size:var(--luzmo-badge-font-size, var(--badge-font-size));cursor:default}.label[hidden]{display:none!important}:host([icon-only]){gap:0;padding-block:0;padding-inline:calc(var(--luzmo-badge-spacing-inline, var(--badge-spacing-inline)) * 1.25 - var(--luzmo-badge-border-width, var(--badge-border-width)))}:host([icon-only]) ::slotted([slot=icon]){align-self:center}:host([fixed]){border-radius:var(--luzmo-border-radius)}:host([fixed=block-start]){border-start-start-radius:0;border-start-end-radius:0}:host([fixed=block-end]){border-end-start-radius:0;border-end-end-radius:0}:host([fixed=inline-start]){border-start-start-radius:0;border-end-start-radius:0}:host([fixed=inline-end]){border-start-end-radius:0;border-end-end-radius:0}@media (forced-colors: active){:host{--highcontrast-badge-border-color: ButtonText;--highcontrast-badge-background-color: ButtonFace;--highcontrast-badge-content-color: ButtonText;forced-color-adjust:none}:host([treatment=fill]){--highcontrast-badge-background-color: Highlight;--highcontrast-badge-content-color: HighlightText;--highcontrast-badge-border-color: Highlight}}:host{--badge-border-color: var(--luzmo-border-color-full);--badge-background-color: transparent;--badge-content-color: var(--luzmo-font-color);--badge-border-width: var(--luzmo-border-width);--badge-border-radius: calc(var(--badge-height) / 2);--badge-animation-duration: var(--luzmo-animation-duration);--badge-font-weight: var(--luzmo-font-weight);--badge-label-line-height: var(--luzmo-line-height);--badge-icon-spacing-inline-end: var(--luzmo-spacing-2)}:host([size=xs]){--badge-height: var(--luzmo-component-height-xxs);--badge-font-size: var(--luzmo-font-size-xs);--badge-icon-size: var(--luzmo-icon-size-xxs);--badge-spacing-inline: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--badge-icon-spacing-inline-end: var(--luzmo-spacing-1)}:host([size=s]){--badge-height: var(--luzmo-component-height-xs);--badge-font-size: var(--luzmo-font-size-s);--badge-icon-size: var(--luzmo-icon-size-s);--badge-spacing-inline: var(--luzmo-spacing-3);--badge-icon-spacing-inline-end: var(--luzmo-spacing-2)}:host{--badge-height: var(--luzmo-component-height-s);--badge-font-size: var(--luzmo-font-size);--badge-icon-size: var(--luzmo-icon-size-m);--badge-spacing-inline: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=l]){--badge-height: var(--luzmo-component-height);--badge-font-size: var(--luzmo-font-size);--badge-icon-size: var(--luzmo-icon-size-l);--badge-spacing-inline: var(--luzmo-spacing-4);--badge-icon-spacing-inline-end: var(--luzmo-spacing-3)}:host([size=xl]){--badge-height: var(--luzmo-component-height-l);--badge-font-size: var(--luzmo-font-size-l);--badge-icon-size: var(--luzmo-icon-size-xl);--badge-spacing-inline: var(--luzmo-spacing-5);--badge-icon-spacing-inline-end: var(--luzmo-spacing-3)}:host([variant=neutral]){--badge-border-color: var(--luzmo-border-color-full);--badge-content-color: var(--luzmo-font-color);--badge-fill-background-color: var(--luzmo-selected-color-hard);--badge-fill-content-color: white}:host([variant=accent]){--badge-border-color: var(--luzmo-primary);--badge-content-color: var(--luzmo-primary);--badge-fill-background-color: var(--luzmo-primary);--badge-fill-content-color: white}:host([variant=informative]){--badge-border-color: var(--luzmo-informative-color);--badge-content-color: var(--luzmo-informative-color);--badge-fill-background-color: var(--luzmo-informative-color);--badge-fill-content-color: white}:host([variant=positive]){--badge-border-color: var(--luzmo-positive-color);--badge-content-color: var(--luzmo-positive-color);--badge-fill-background-color: var(--luzmo-positive-color);--badge-fill-content-color: white}:host([variant=negative]){--badge-border-color: var(--luzmo-negative-color);--badge-content-color: var(--luzmo-negative-color);--badge-fill-background-color: var(--luzmo-negative-color);--badge-fill-content-color: white}:host([variant=notice]){--badge-border-color: var(--luzmo-notice-color);--badge-content-color: var(--luzmo-notice-color);--badge-fill-background-color: var(--luzmo-notice-color);--badge-fill-content-color: white}:host([variant=seafoam]){--badge-border-color: var(--luzmo-seafoam-color);--badge-content-color: var(--luzmo-seafoam-color);--badge-fill-background-color: var(--luzmo-seafoam-color);--badge-fill-content-color: white}:host([variant=indigo]){--badge-border-color: var(--luzmo-indigo-color);--badge-content-color: var(--luzmo-indigo-color);--badge-fill-background-color: var(--luzmo-indigo-color);--badge-fill-content-color: white}:host([variant=purple]){--badge-border-color: var(--luzmo-purple-color);--badge-content-color: var(--luzmo-purple-color);--badge-fill-background-color: var(--luzmo-purple-color);--badge-fill-content-color: white}:host([variant=fuchsia]){--badge-border-color: var(--luzmo-fuchsia-color);--badge-content-color: var(--luzmo-fuchsia-color);--badge-fill-background-color: var(--luzmo-fuchsia-color);--badge-fill-content-color: white}:host([variant=magenta]){--badge-border-color: var(--luzmo-magenta-color);--badge-content-color: var(--luzmo-magenta-color);--badge-fill-background-color: var(--luzmo-magenta-color);--badge-fill-content-color: white}:host([variant=yellow]){--badge-border-color: var(--luzmo-yellow-color);--badge-content-color: var(--luzmo-yellow-color);--badge-fill-background-color: var(--luzmo-yellow-color);--badge-fill-content-color: black}:host([variant=gray]){--badge-border-color: var(--luzmo-gray-color);--badge-content-color: var(--luzmo-gray-color);--badge-fill-background-color: var(--luzmo-gray-color);--badge-fill-content-color: white}:host([variant=red]){--badge-border-color: var(--luzmo-red-color);--badge-content-color: var(--luzmo-red-color);--badge-fill-background-color: var(--luzmo-red-color);--badge-fill-content-color: white}:host([variant=orange]){--badge-border-color: var(--luzmo-orange-color);--badge-content-color: var(--luzmo-orange-color);--badge-fill-background-color: var(--luzmo-orange-color);--badge-fill-content-color: black}:host([variant=chartreuse]){--badge-border-color: var(--luzmo-chartreuse-color);--badge-content-color: var(--luzmo-chartreuse-color);--badge-fill-background-color: var(--luzmo-chartreuse-color);--badge-fill-content-color: white}:host([variant=celery]){--badge-border-color: var(--luzmo-celery-color);--badge-content-color: var(--luzmo-celery-color);--badge-fill-background-color: var(--luzmo-celery-color);--badge-fill-content-color: black}:host([variant=green]){--badge-border-color: var(--luzmo-green-color);--badge-content-color: var(--luzmo-green-color);--badge-fill-background-color: var(--luzmo-green-color);--badge-fill-content-color: white}:host([variant=cyan]){--badge-border-color: var(--luzmo-cyan-color);--badge-content-color: var(--luzmo-cyan-color);--badge-fill-background-color: var(--luzmo-cyan-color);--badge-fill-content-color: white}:host([variant=blue]){--badge-border-color: var(--luzmo-blue-color);--badge-content-color: var(--luzmo-blue-color);--badge-fill-background-color: var(--luzmo-blue-color);--badge-fill-content-color: white}:host([treatment=outline]){--badge-background-color: transparent}:host([treatment=fill]){--badge-background-color: var( --badge-fill-background-color, var(--luzmo-selected-color-hard) );--badge-content-color: var(--badge-fill-content-color, white);--badge-border-color: transparent}";var m=Object.defineProperty,h=Object.getOwnPropertyDescriptor,d=(l,o,t,r)=>{for(var e=r>1?void 0:r?h(o,t):o,n=l.length-1,i;n>=0;n--)(i=l[n])&&(e=(r?i(o,t,e):i(e))||e);return r&&e&&m(o,t,e),e};const z=["accent","neutral","informative","positive","negative","notice","seafoam","indigo","purple","fuchsia","magenta","yellow","gray","red","orange","chartreuse","celery","green","cyan","blue"];class a extends u.SizedMixin(s.ObserveSlotText(b.LuzmoElement),{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._variant="neutral",this.treatment="outline"}static get styles(){return[g.unsafeCSS(v)]}get variant(){return this._variant}set variant(o){o!==this._variant&&(z.includes(o)?(this._variant=o,this.setAttribute("variant",o)):(this._variant="neutral",this.setAttribute("variant","neutral")))}handleIconSlotChange(o){o.target.assignedElements().forEach(e=>{e.tagName.toLowerCase()==="luzmo-icon"&&e.setAttribute("block","")})}get hasLabel(){return this.slotHasContent}render(){return g.html`
|
|
19
19
|
<slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
|
|
20
20
|
<span class="label" ?hidden=${!this.hasLabel}>
|
|
21
21
|
<slot @slotchange=${this.manageTextObservedSlot}></slot>
|
|
@@ -27,7 +27,7 @@ const g = () => {
|
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
g();
|
|
30
|
-
const v = ":host{font-family:var(--luzmo-badge-font-family, var(--luzmo-font-family));border-color:var(--highcontrast-badge-border-color, var(--luzmo-badge-border-color, var(--badge-border-color)));background-color:var(--highcontrast-badge-background-color, var(--luzmo-badge-background-color, var(--badge-background-color)));color:var(--highcontrast-badge-content-color, var(--luzmo-badge-content-color, var(--badge-content-color)));border-radius:var(--luzmo-badge-border-radius, var(--badge-border-radius));border-width:var(--luzmo-badge-border-width, var(--badge-border-width));border-style:solid;min-block-size:var(--luzmo-badge-height, var(--badge-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:var(--luzmo-badge-max-inline-size, none);-webkit-user-select:none;user-select:none;transition:border-color var(--luzmo-badge-animation-duration, var(--badge-animation-duration)) ease-in-out,color var(--luzmo-badge-animation-duration, var(--badge-animation-duration)) ease-in-out,background-color var(--luzmo-badge-animation-duration, var(--badge-animation-duration)) ease-in-out;outline:none;align-items:center;justify-content:center;padding-inline:calc(var(--luzmo-badge-spacing-inline, var(--badge-spacing-inline)) - var(--luzmo-badge-border-width, var(--badge-border-width)));padding-block:var(--luzmo-spacing-1);display:inline-flex;position:relative;gap:var(--luzmo-badge-icon-spacing-inline-end, var(--badge-icon-spacing-inline-end))}::slotted([slot=icon]){--icon-size: var( --luzmo-badge-icon-size, var( --badge-icon-size, calc( var(--luzmo-badge-height, var(--badge-height)) - var(--luzmo-badge-border-width, var(--badge-border-width)) * 2 - var(--luzmo-badge-icon-padding, 4px) * 2 ) ) );flex-shrink:0;align-self:center}.label{box-sizing:border-box;display:inline-flex;align-items:center;line-height:1.3;font-weight:var(--luzmo-badge-font-weight, var(--badge-font-weight));font-size:var(--luzmo-badge-font-size, var(--badge-font-size));cursor:default}.label[hidden]{display:none!important}:host([icon-only]){gap:0;padding-block:0;padding-inline:calc(var(--luzmo-badge-spacing-inline, var(--badge-spacing-inline)) * 1.25 - var(--luzmo-badge-border-width, var(--badge-border-width)))}:host([icon-only]) ::slotted([slot=icon]){align-self:center}:host([fixed]){border-radius:var(--luzmo-border-radius)}:host([fixed=block-start]){border-start-start-radius:0;border-start-end-radius:0}:host([fixed=block-end]){border-end-start-radius:0;border-end-end-radius:0}:host([fixed=inline-start]){border-start-start-radius:0;border-end-start-radius:0}:host([fixed=inline-end]){border-start-end-radius:0;border-end-end-radius:0}@media (forced-colors: active){:host{--highcontrast-badge-border-color: ButtonText;--highcontrast-badge-background-color: ButtonFace;--highcontrast-badge-content-color: ButtonText;forced-color-adjust:none}:host([treatment=fill]){--highcontrast-badge-background-color: Highlight;--highcontrast-badge-content-color: HighlightText;--highcontrast-badge-border-color: Highlight}}:host{--badge-border-color: var(--luzmo-border-color-full);--badge-background-color: transparent;--badge-content-color: var(--luzmo-font-color);--badge-border-width: var(--luzmo-border-width);--badge-border-radius: calc(var(--badge-height) / 2);--badge-animation-duration: var(--luzmo-animation-duration);--badge-font-weight: var(--luzmo-font-weight);--badge-label-line-height: var(--luzmo-line-height);--badge-icon-spacing-inline-end: var(--luzmo-spacing-2)}:host([size=xs]){--badge-height: var(--luzmo-component-height-xxs);--badge-font-size: var(--luzmo-font-size-xs);--badge-icon-size: var(--luzmo-icon-size-xxs);--badge-spacing-inline: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--badge-icon-spacing-inline-end: var(--luzmo-spacing-1)}:host([size=s]){--badge-height: var(--luzmo-component-height-xs);--badge-font-size: var(--luzmo-font-size-s);--badge-icon-size: var(--luzmo-icon-size-s);--badge-spacing-inline: var(--luzmo-spacing-3);--badge-icon-spacing-inline-end: var(--luzmo-spacing-2)}:host{--badge-height: var(--luzmo-component-height-s);--badge-font-size: var(--luzmo-font-size);--badge-icon-size: var(--luzmo-icon-size-m);--badge-spacing-inline: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=l]){--badge-height: var(--luzmo-component-height);--badge-font-size: var(--luzmo-font-size);--badge-icon-size: var(--luzmo-icon-size-l);--badge-spacing-inline: var(--luzmo-spacing-4);--badge-icon-spacing-inline-end: var(--luzmo-spacing-3)}:host([size=xl]){--badge-height: var(--luzmo-component-height-l);--badge-font-size: var(--luzmo-font-size-l);--badge-icon-size: var(--luzmo-icon-size-xl);--badge-spacing-inline: var(--luzmo-spacing-5);--badge-icon-spacing-inline-end: var(--luzmo-spacing-3)}:host([variant=neutral]){--badge-border-color: var(--luzmo-border-color-full);--badge-content-color: var(--luzmo-font-color);--badge-fill-background-color: var(--luzmo-selected-color-hard);--badge-fill-content-color: white}:host([variant=accent]){--badge-border-color: var(--luzmo-primary);--badge-content-color: var(--luzmo-primary);--badge-fill-background-color: var(--luzmo-primary);--badge-fill-content-color: white}:host([variant=informative]){--badge-border-color: var(--luzmo-informative-color);--badge-content-color: var(--luzmo-informative-color);--badge-fill-background-color: var(--luzmo-informative-color);--badge-fill-content-color: white}:host([variant=positive]){--badge-border-color: var(--luzmo-positive-color);--badge-content-color: var(--luzmo-positive-color);--badge-fill-background-color: var(--luzmo-positive-color);--badge-fill-content-color: white}:host([variant=negative]){--badge-border-color: var(--luzmo-negative-color);--badge-content-color: var(--luzmo-negative-color);--badge-fill-background-color: var(--luzmo-negative-color);--badge-fill-content-color: white}:host([variant=notice]){--badge-border-color: var(--luzmo-notice-color);--badge-content-color: var(--luzmo-notice-color);--badge-fill-background-color: var(--luzmo-notice-color);--badge-fill-content-color: white}:host([variant=seafoam]){--badge-border-color: var(--luzmo-seafoam-color);--badge-content-color: var(--luzmo-seafoam-color);--badge-fill-background-color: var(--luzmo-seafoam-color);--badge-fill-content-color: white}:host([variant=indigo]){--badge-border-color: var(--luzmo-indigo-color);--badge-content-color: var(--luzmo-indigo-color);--badge-fill-background-color: var(--luzmo-indigo-color);--badge-fill-content-color: white}:host([variant=purple]){--badge-border-color: var(--luzmo-purple-color);--badge-content-color: var(--luzmo-purple-color);--badge-fill-background-color: var(--luzmo-purple-color);--badge-fill-content-color: white}:host([variant=fuchsia]){--badge-border-color: var(--luzmo-fuchsia-color);--badge-content-color: var(--luzmo-fuchsia-color);--badge-fill-background-color: var(--luzmo-fuchsia-color);--badge-fill-content-color: white}:host([variant=magenta]){--badge-border-color: var(--luzmo-magenta-color);--badge-content-color: var(--luzmo-magenta-color);--badge-fill-background-color: var(--luzmo-magenta-color);--badge-fill-content-color: white}:host([variant=yellow]){--badge-border-color: var(--luzmo-yellow-color);--badge-content-color: var(--luzmo-yellow-color);--badge-fill-background-color: var(--luzmo-yellow-color);--badge-fill-content-color: black}:host([variant=gray]){--badge-border-color: var(--luzmo-gray-color);--badge-content-color: var(--luzmo-gray-color);--badge-fill-background-color: var(--luzmo-gray-color);--badge-fill-content-color: white}:host([variant=red]){--badge-border-color: var(--luzmo-red-color);--badge-content-color: var(--luzmo-red-color);--badge-fill-background-color: var(--luzmo-red-color);--badge-fill-content-color: white}:host([variant=orange]){--badge-border-color: var(--luzmo-orange-color);--badge-content-color: var(--luzmo-orange-color);--badge-fill-background-color: var(--luzmo-orange-color);--badge-fill-content-color: black}:host([variant=chartreuse]){--badge-border-color: var(--luzmo-chartreuse-color);--badge-content-color: var(--luzmo-chartreuse-color);--badge-fill-background-color: var(--luzmo-chartreuse-color);--badge-fill-content-color: white}:host([variant=celery]){--badge-border-color: var(--luzmo-celery-color);--badge-content-color: var(--luzmo-celery-color);--badge-fill-background-color: var(--luzmo-celery-color);--badge-fill-content-color: black}:host([variant=green]){--badge-border-color: var(--luzmo-green-color);--badge-content-color: var(--luzmo-green-color);--badge-fill-background-color: var(--luzmo-green-color);--badge-fill-content-color: white}:host([variant=cyan]){--badge-border-color: var(--luzmo-cyan-color);--badge-content-color: var(--luzmo-cyan-color);--badge-fill-background-color: var(--luzmo-cyan-color);--badge-fill-content-color: white}:host([variant=blue]){--badge-border-color: var(--luzmo-blue-color);--badge-content-color: var(--luzmo-blue-color);--badge-fill-background-color: var(--luzmo-blue-color);--badge-fill-content-color: white}:host([treatment=outline]){--badge-background-color: transparent}:host([treatment=fill]){--badge-background-color: var( --badge-fill-background-color, var(--luzmo-selected-color-hard) );--badge-content-color: var(--badge-fill-content-color, white);--badge-border-color: transparent}";
|
|
30
|
+
const v = ":host{font-family:var(--luzmo-badge-font-family, var(--luzmo-font-family));border-color:var(--highcontrast-badge-border-color, var(--luzmo-badge-border-color, var(--badge-border-color)))!important;background-color:var(--highcontrast-badge-background-color, var(--luzmo-badge-background-color, var(--badge-background-color)));color:var(--highcontrast-badge-content-color, var(--luzmo-badge-content-color, var(--badge-content-color)));border-radius:var(--luzmo-badge-border-radius, var(--badge-border-radius));border-width:var(--luzmo-badge-border-width, var(--badge-border-width))!important;border-style:solid!important;min-block-size:var(--luzmo-badge-height, var(--badge-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:var(--luzmo-badge-max-inline-size, none);-webkit-user-select:none;user-select:none;transition:border-color var(--luzmo-badge-animation-duration, var(--badge-animation-duration)) ease-in-out,color var(--luzmo-badge-animation-duration, var(--badge-animation-duration)) ease-in-out,background-color var(--luzmo-badge-animation-duration, var(--badge-animation-duration)) ease-in-out;outline:none;align-items:center;justify-content:center;padding-inline:calc(var(--luzmo-badge-spacing-inline, var(--badge-spacing-inline)) - var(--luzmo-badge-border-width, var(--badge-border-width)));padding-block:var(--luzmo-spacing-1);display:inline-flex;position:relative;gap:var(--luzmo-badge-icon-spacing-inline-end, var(--badge-icon-spacing-inline-end))}::slotted([slot=icon]){--icon-size: var( --luzmo-badge-icon-size, var( --badge-icon-size, calc( var(--luzmo-badge-height, var(--badge-height)) - var(--luzmo-badge-border-width, var(--badge-border-width)) * 2 - var(--luzmo-badge-icon-padding, 4px) * 2 ) ) );flex-shrink:0;align-self:center}.label{box-sizing:border-box;display:inline-flex;align-items:center;line-height:1.3;font-weight:var(--luzmo-badge-font-weight, var(--badge-font-weight));font-size:var(--luzmo-badge-font-size, var(--badge-font-size));cursor:default}.label[hidden]{display:none!important}:host([icon-only]){gap:0;padding-block:0;padding-inline:calc(var(--luzmo-badge-spacing-inline, var(--badge-spacing-inline)) * 1.25 - var(--luzmo-badge-border-width, var(--badge-border-width)))}:host([icon-only]) ::slotted([slot=icon]){align-self:center}:host([fixed]){border-radius:var(--luzmo-border-radius)}:host([fixed=block-start]){border-start-start-radius:0;border-start-end-radius:0}:host([fixed=block-end]){border-end-start-radius:0;border-end-end-radius:0}:host([fixed=inline-start]){border-start-start-radius:0;border-end-start-radius:0}:host([fixed=inline-end]){border-start-end-radius:0;border-end-end-radius:0}@media (forced-colors: active){:host{--highcontrast-badge-border-color: ButtonText;--highcontrast-badge-background-color: ButtonFace;--highcontrast-badge-content-color: ButtonText;forced-color-adjust:none}:host([treatment=fill]){--highcontrast-badge-background-color: Highlight;--highcontrast-badge-content-color: HighlightText;--highcontrast-badge-border-color: Highlight}}:host{--badge-border-color: var(--luzmo-border-color-full);--badge-background-color: transparent;--badge-content-color: var(--luzmo-font-color);--badge-border-width: var(--luzmo-border-width);--badge-border-radius: calc(var(--badge-height) / 2);--badge-animation-duration: var(--luzmo-animation-duration);--badge-font-weight: var(--luzmo-font-weight);--badge-label-line-height: var(--luzmo-line-height);--badge-icon-spacing-inline-end: var(--luzmo-spacing-2)}:host([size=xs]){--badge-height: var(--luzmo-component-height-xxs);--badge-font-size: var(--luzmo-font-size-xs);--badge-icon-size: var(--luzmo-icon-size-xxs);--badge-spacing-inline: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--badge-icon-spacing-inline-end: var(--luzmo-spacing-1)}:host([size=s]){--badge-height: var(--luzmo-component-height-xs);--badge-font-size: var(--luzmo-font-size-s);--badge-icon-size: var(--luzmo-icon-size-s);--badge-spacing-inline: var(--luzmo-spacing-3);--badge-icon-spacing-inline-end: var(--luzmo-spacing-2)}:host{--badge-height: var(--luzmo-component-height-s);--badge-font-size: var(--luzmo-font-size);--badge-icon-size: var(--luzmo-icon-size-m);--badge-spacing-inline: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=l]){--badge-height: var(--luzmo-component-height);--badge-font-size: var(--luzmo-font-size);--badge-icon-size: var(--luzmo-icon-size-l);--badge-spacing-inline: var(--luzmo-spacing-4);--badge-icon-spacing-inline-end: var(--luzmo-spacing-3)}:host([size=xl]){--badge-height: var(--luzmo-component-height-l);--badge-font-size: var(--luzmo-font-size-l);--badge-icon-size: var(--luzmo-icon-size-xl);--badge-spacing-inline: var(--luzmo-spacing-5);--badge-icon-spacing-inline-end: var(--luzmo-spacing-3)}:host([variant=neutral]){--badge-border-color: var(--luzmo-border-color-full);--badge-content-color: var(--luzmo-font-color);--badge-fill-background-color: var(--luzmo-selected-color-hard);--badge-fill-content-color: white}:host([variant=accent]){--badge-border-color: var(--luzmo-primary);--badge-content-color: var(--luzmo-primary);--badge-fill-background-color: var(--luzmo-primary);--badge-fill-content-color: white}:host([variant=informative]){--badge-border-color: var(--luzmo-informative-color);--badge-content-color: var(--luzmo-informative-color);--badge-fill-background-color: var(--luzmo-informative-color);--badge-fill-content-color: white}:host([variant=positive]){--badge-border-color: var(--luzmo-positive-color);--badge-content-color: var(--luzmo-positive-color);--badge-fill-background-color: var(--luzmo-positive-color);--badge-fill-content-color: white}:host([variant=negative]){--badge-border-color: var(--luzmo-negative-color);--badge-content-color: var(--luzmo-negative-color);--badge-fill-background-color: var(--luzmo-negative-color);--badge-fill-content-color: white}:host([variant=notice]){--badge-border-color: var(--luzmo-notice-color);--badge-content-color: var(--luzmo-notice-color);--badge-fill-background-color: var(--luzmo-notice-color);--badge-fill-content-color: white}:host([variant=seafoam]){--badge-border-color: var(--luzmo-seafoam-color);--badge-content-color: var(--luzmo-seafoam-color);--badge-fill-background-color: var(--luzmo-seafoam-color);--badge-fill-content-color: white}:host([variant=indigo]){--badge-border-color: var(--luzmo-indigo-color);--badge-content-color: var(--luzmo-indigo-color);--badge-fill-background-color: var(--luzmo-indigo-color);--badge-fill-content-color: white}:host([variant=purple]){--badge-border-color: var(--luzmo-purple-color);--badge-content-color: var(--luzmo-purple-color);--badge-fill-background-color: var(--luzmo-purple-color);--badge-fill-content-color: white}:host([variant=fuchsia]){--badge-border-color: var(--luzmo-fuchsia-color);--badge-content-color: var(--luzmo-fuchsia-color);--badge-fill-background-color: var(--luzmo-fuchsia-color);--badge-fill-content-color: white}:host([variant=magenta]){--badge-border-color: var(--luzmo-magenta-color);--badge-content-color: var(--luzmo-magenta-color);--badge-fill-background-color: var(--luzmo-magenta-color);--badge-fill-content-color: white}:host([variant=yellow]){--badge-border-color: var(--luzmo-yellow-color);--badge-content-color: var(--luzmo-yellow-color);--badge-fill-background-color: var(--luzmo-yellow-color);--badge-fill-content-color: black}:host([variant=gray]){--badge-border-color: var(--luzmo-gray-color);--badge-content-color: var(--luzmo-gray-color);--badge-fill-background-color: var(--luzmo-gray-color);--badge-fill-content-color: white}:host([variant=red]){--badge-border-color: var(--luzmo-red-color);--badge-content-color: var(--luzmo-red-color);--badge-fill-background-color: var(--luzmo-red-color);--badge-fill-content-color: white}:host([variant=orange]){--badge-border-color: var(--luzmo-orange-color);--badge-content-color: var(--luzmo-orange-color);--badge-fill-background-color: var(--luzmo-orange-color);--badge-fill-content-color: black}:host([variant=chartreuse]){--badge-border-color: var(--luzmo-chartreuse-color);--badge-content-color: var(--luzmo-chartreuse-color);--badge-fill-background-color: var(--luzmo-chartreuse-color);--badge-fill-content-color: white}:host([variant=celery]){--badge-border-color: var(--luzmo-celery-color);--badge-content-color: var(--luzmo-celery-color);--badge-fill-background-color: var(--luzmo-celery-color);--badge-fill-content-color: black}:host([variant=green]){--badge-border-color: var(--luzmo-green-color);--badge-content-color: var(--luzmo-green-color);--badge-fill-background-color: var(--luzmo-green-color);--badge-fill-content-color: white}:host([variant=cyan]){--badge-border-color: var(--luzmo-cyan-color);--badge-content-color: var(--luzmo-cyan-color);--badge-fill-background-color: var(--luzmo-cyan-color);--badge-fill-content-color: white}:host([variant=blue]){--badge-border-color: var(--luzmo-blue-color);--badge-content-color: var(--luzmo-blue-color);--badge-fill-background-color: var(--luzmo-blue-color);--badge-fill-content-color: white}:host([treatment=outline]){--badge-background-color: transparent}:host([treatment=fill]){--badge-background-color: var( --badge-fill-background-color, var(--luzmo-selected-color-hard) );--badge-content-color: var(--badge-fill-content-color, white);--badge-border-color: transparent}";
|
|
31
31
|
var h = Object.defineProperty, f = Object.getOwnPropertyDescriptor, d = (e, o, a, l) => {
|
|
32
32
|
for (var r = l > 1 ? void 0 : l ? f(o, a) : o, n = e.length - 1, i; n >= 0; n--)
|
|
33
33
|
(i = e[n]) && (r = (l ? i(o, a, r) : i(r)) || r);
|
|
@@ -15,7 +15,7 @@
|
|
|
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 f=require("lit"),s=require("lit/decorators.js"),b=require("lit/directives/if-defined.js");require("../color-handle/index.cjs");const g=require("../base-DxRGeCrb.cjs"),v=require("../platform-BJnOJJag.cjs"),y=require("../color-controller-ChN-A9Ft.cjs"),w=require("../language-resolution-DmX3Wy5I.cjs"),C=require("../streaming-listener-D9Wc7skA.cjs"),x="@media (forced-colors: active){:host{--highcontrast-color-area-border-color-disabled: GrayText;--highcontrast-color-area-border-color: Canvas;--highcontrast-color-area-fill-color-disabled: Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--luzmo-color-area-min-width, 64px);min-block-size:var(--luzmo-color-area-min-height, 64px);inline-size:var(--luzmo-color-area-width, 192px);block-size:var(--luzmo-color-area-height, 192px);box-sizing:border-box;border-radius:var(--luzmo-color-area-border-radius, var(--luzmo-border-radius-s));border:var(--luzmo-color-area-border-width, var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color, var(--luzmo-color-area-border-color, var(--luzmo-border-color)));display:inline-block;position:relative}:host([focused]){z-index:1}:host([disabled]){pointer-events:none;background:var(--highcontrast-color-area-fill-color-disabled, var(--luzmo-color-area-disabled-background-color, var(--luzmo-dimmed-color)));border:var(--luzmo-color-area-border-width, var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color-disabled)}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--luzmo-color-area-width, 192px) - var(--luzmo-border-width)));inset-block-start:0}.handle:dir(rtl),:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{inline-size:100%;block-size:100%;border-radius:var(--luzmo-color-area-border-radius, var(--luzmo-border-radius-s))}.slider{opacity:0;inline-size:100%;block-size:100%;z-index:0;pointer-events:none;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--luzmo-color-area-default-width))}::slotted(*){width:100%;height:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}";var $=Object.defineProperty,z=Object.getOwnPropertyDescriptor,a=(p,e,t,r)=>{for(var o=r>1?void 0:r?z(e,t):e,n=p.length-1,l;n>=0;n--)(l=p[n])&&(o=(r?l(e,t,o):l(o))||o);return r&&o&&$(e,t,o),o};class i extends g.LuzmoElement{constructor(){super(...arguments),this.disabled=!1,this.focused=!1,this.labelX="saturation",this.labelY="luminosity",this.isLTR=!0,this.languageResolver=new w.LanguageResolutionController(this),this.colorController=new y.ColorController(this,{manageAs:"hsv"}),this.activeAxis="x",this.step=.01,this.altered=0,this.activeKeys=new Set,this._valueChanged=!1,this._pointerDown=!1}static get styles(){return[f.unsafeCSS(x)]}get hue(){return this.colorController.hue}set hue(e){this.colorController.hue=e}get value(){return this.colorController.colorValue}get color(){return this.colorController.colorValue}set color(e){this.colorController.color=e}get x(){return this.colorController.color.hsv.s/100}set x(e){if(e===this.x)return;const t=this.x;this.inputX?(this.inputX.value=e.toString(),this.colorController.color.set("s",this.inputX.valueAsNumber*100)):this.colorController.color.set("s",e*100),this.requestUpdate("x",t)}get y(){return this.colorController.color.hsv.v/100}set y(e){if(e===this.y)return;const t=this.y;this.inputY&&(this.inputY.value=e.toString(),this.colorController.color.set("v",this.inputY.valueAsNumber*100)),this.requestUpdate("y",t)}focus(e={}){super.focus(e),this.forwardFocus()}forwardFocus(){this.activeAxis==="x"?this.inputX.focus():this.inputY.focus()}handleFocus(){this.focused=!0,this._valueChanged=!1}handleBlur(){this._pointerDown||(this.altered=0,this.focused=!1,this._valueChanged=!1)}handleKeydown(e){const{code:t}=e;this.focused=!0,this.altered=[e.shiftKey,e.ctrlKey,e.altKey].filter(o=>!!o).length,(t.search("Arrow")===0||t.search("Page")===0||t.search("Home")===0||t.search("End")===0)&&(e.preventDefault(),this.activeKeys.add(t),this.handleKeypress())}handleKeypress(){let e=0,t=0;const r=Math.max(this.step,this.altered*5*this.step);this.activeKeys.forEach(o=>{switch(o){case"ArrowUp":{t=r;break}case"ArrowDown":{t=r*-1;break}case"ArrowLeft":{e=this.step*(this.isLTR?-1:1);break}case"ArrowRight":{e=this.step*(this.isLTR?1:-1);break}case"PageUp":{t=r*10;break}case"PageDown":{t=r*-10;break}case"Home":{e=r*(this.isLTR?-10:10);break}case"End":{e=r*(this.isLTR?10:-10);break}}}),e!==0?(this.activeAxis="x",this.inputX.focus()):t!==0&&(this.activeAxis="y",this.inputY.focus()),this.x=Math.min(1,Math.max(this.x+e,0)),this.y=Math.min(1,Math.max(this.y+t,0)),this.colorController.savePreviousColor(),(e!==0||t!==0)&&(this._valueChanged=!0,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||this.colorController.restorePreviousColor())}handleKeyup(e){e.preventDefault();const{code:t}=e;this.activeKeys.delete(t)}handleInput(e){const{valueAsNumber:t,name:r}=e.target;this[r]=t}handleChange(e){this.handleInput(e),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerdown(e){if(e.button!==0){e.preventDefault();return}this._pointerDown=!0,this.colorController.savePreviousColor(),this.boundingClientRect=this.getBoundingClientRect(),e.target.setPointerCapture(e.pointerId),e.pointerType==="mouse"&&(this.focused=!0)}handlePointermove(e){const[t,r]=this.calculateHandlePosition(e);this._valueChanged=!1,this.x=t,this.y=r,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerup(e){e.preventDefault(),this._pointerDown=!1,e.target.releasePointerCapture(e.pointerId);const t=this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}));this.inputX.focus(),e.pointerType==="mouse"&&(this.focused=!1),t||this.colorController.restorePreviousColor()}calculateHandlePosition(e){if(!this.boundingClientRect)return[this.x,this.y];const t=this.boundingClientRect,r=t.left,o=t.top,n=e.clientX,l=e.clientY,h=t.width,d=t.height,c=Math.max(0,Math.min(1,(n-r)/h)),u=Math.max(0,Math.min(1,(l-o)/d));return[this.isLTR?c:1-c,1-u]}handleAreaPointerdown(e){e.button===0&&(e.stopPropagation(),e.preventDefault(),this.handle.dispatchEvent(new PointerEvent("pointerdown",e)),this.handlePointermove(e))}render(){const{width:e=0,height:t=0}=this.boundingClientRect||{},r=v.isAndroid()||v.isIOS(),n="Color Picker",l=b.ifDefined(r?void 0:"2d slider"),h=this.labelX,d=this.labelY,c=new Intl.NumberFormat(this.languageResolver.language,{style:"percent",unitDisplay:"narrow"}).format(this.x),u=new Intl.NumberFormat(this.languageResolver.language,{style:"percent",unitDisplay:"narrow"}).format(this.y),m={background:`linear-gradient(to top, black 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%),linear-gradient(to right, white 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%), hsl(${this.hue}, 100%, 50%);`};return f.html`
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("lit"),s=require("lit/decorators.js"),b=require("lit/directives/if-defined.js");require("../color-handle/index.cjs");const g=require("../base-DxRGeCrb.cjs"),v=require("../platform-BJnOJJag.cjs"),y=require("../color-controller-ChN-A9Ft.cjs"),w=require("../language-resolution-DmX3Wy5I.cjs"),C=require("../streaming-listener-D9Wc7skA.cjs"),x="@media (forced-colors: active){:host{--highcontrast-color-area-border-color-disabled: GrayText;--highcontrast-color-area-border-color: Canvas;--highcontrast-color-area-fill-color-disabled: Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--luzmo-color-area-min-width, 64px);min-block-size:var(--luzmo-color-area-min-height, 64px);inline-size:var(--luzmo-color-area-width, 192px);block-size:var(--luzmo-color-area-height, 192px);box-sizing:border-box;border-radius:var(--luzmo-color-area-border-radius, var(--luzmo-border-radius-s));border:var(--luzmo-color-area-border-width, var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color, var(--luzmo-color-area-border-color, var(--luzmo-border-color)))!important;display:inline-block;position:relative}:host([focused]){z-index:1}:host([disabled]){pointer-events:none;background:var(--highcontrast-color-area-fill-color-disabled, var(--luzmo-color-area-disabled-background-color, var(--luzmo-dimmed-color)));border:var(--luzmo-color-area-border-width, var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color-disabled)!important}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--luzmo-color-area-width, 192px) - var(--luzmo-border-width)));inset-block-start:0}.handle:dir(rtl),:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{inline-size:100%;block-size:100%;border-radius:var(--luzmo-color-area-border-radius, var(--luzmo-border-radius-s))}.slider{opacity:0;inline-size:100%;block-size:100%;z-index:0;pointer-events:none;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--luzmo-color-area-default-width))}::slotted(*){width:100%;height:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}";var $=Object.defineProperty,z=Object.getOwnPropertyDescriptor,a=(p,e,t,r)=>{for(var o=r>1?void 0:r?z(e,t):e,n=p.length-1,l;n>=0;n--)(l=p[n])&&(o=(r?l(e,t,o):l(o))||o);return r&&o&&$(e,t,o),o};class i extends g.LuzmoElement{constructor(){super(...arguments),this.disabled=!1,this.focused=!1,this.labelX="saturation",this.labelY="luminosity",this.isLTR=!0,this.languageResolver=new w.LanguageResolutionController(this),this.colorController=new y.ColorController(this,{manageAs:"hsv"}),this.activeAxis="x",this.step=.01,this.altered=0,this.activeKeys=new Set,this._valueChanged=!1,this._pointerDown=!1}static get styles(){return[f.unsafeCSS(x)]}get hue(){return this.colorController.hue}set hue(e){this.colorController.hue=e}get value(){return this.colorController.colorValue}get color(){return this.colorController.colorValue}set color(e){this.colorController.color=e}get x(){return this.colorController.color.hsv.s/100}set x(e){if(e===this.x)return;const t=this.x;this.inputX?(this.inputX.value=e.toString(),this.colorController.color.set("s",this.inputX.valueAsNumber*100)):this.colorController.color.set("s",e*100),this.requestUpdate("x",t)}get y(){return this.colorController.color.hsv.v/100}set y(e){if(e===this.y)return;const t=this.y;this.inputY&&(this.inputY.value=e.toString(),this.colorController.color.set("v",this.inputY.valueAsNumber*100)),this.requestUpdate("y",t)}focus(e={}){super.focus(e),this.forwardFocus()}forwardFocus(){this.activeAxis==="x"?this.inputX.focus():this.inputY.focus()}handleFocus(){this.focused=!0,this._valueChanged=!1}handleBlur(){this._pointerDown||(this.altered=0,this.focused=!1,this._valueChanged=!1)}handleKeydown(e){const{code:t}=e;this.focused=!0,this.altered=[e.shiftKey,e.ctrlKey,e.altKey].filter(o=>!!o).length,(t.search("Arrow")===0||t.search("Page")===0||t.search("Home")===0||t.search("End")===0)&&(e.preventDefault(),this.activeKeys.add(t),this.handleKeypress())}handleKeypress(){let e=0,t=0;const r=Math.max(this.step,this.altered*5*this.step);this.activeKeys.forEach(o=>{switch(o){case"ArrowUp":{t=r;break}case"ArrowDown":{t=r*-1;break}case"ArrowLeft":{e=this.step*(this.isLTR?-1:1);break}case"ArrowRight":{e=this.step*(this.isLTR?1:-1);break}case"PageUp":{t=r*10;break}case"PageDown":{t=r*-10;break}case"Home":{e=r*(this.isLTR?-10:10);break}case"End":{e=r*(this.isLTR?10:-10);break}}}),e!==0?(this.activeAxis="x",this.inputX.focus()):t!==0&&(this.activeAxis="y",this.inputY.focus()),this.x=Math.min(1,Math.max(this.x+e,0)),this.y=Math.min(1,Math.max(this.y+t,0)),this.colorController.savePreviousColor(),(e!==0||t!==0)&&(this._valueChanged=!0,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||this.colorController.restorePreviousColor())}handleKeyup(e){e.preventDefault();const{code:t}=e;this.activeKeys.delete(t)}handleInput(e){const{valueAsNumber:t,name:r}=e.target;this[r]=t}handleChange(e){this.handleInput(e),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerdown(e){if(e.button!==0){e.preventDefault();return}this._pointerDown=!0,this.colorController.savePreviousColor(),this.boundingClientRect=this.getBoundingClientRect(),e.target.setPointerCapture(e.pointerId),e.pointerType==="mouse"&&(this.focused=!0)}handlePointermove(e){const[t,r]=this.calculateHandlePosition(e);this._valueChanged=!1,this.x=t,this.y=r,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerup(e){e.preventDefault(),this._pointerDown=!1,e.target.releasePointerCapture(e.pointerId);const t=this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}));this.inputX.focus(),e.pointerType==="mouse"&&(this.focused=!1),t||this.colorController.restorePreviousColor()}calculateHandlePosition(e){if(!this.boundingClientRect)return[this.x,this.y];const t=this.boundingClientRect,r=t.left,o=t.top,n=e.clientX,l=e.clientY,h=t.width,d=t.height,c=Math.max(0,Math.min(1,(n-r)/h)),u=Math.max(0,Math.min(1,(l-o)/d));return[this.isLTR?c:1-c,1-u]}handleAreaPointerdown(e){e.button===0&&(e.stopPropagation(),e.preventDefault(),this.handle.dispatchEvent(new PointerEvent("pointerdown",e)),this.handlePointermove(e))}render(){const{width:e=0,height:t=0}=this.boundingClientRect||{},r=v.isAndroid()||v.isIOS(),n="Color Picker",l=b.ifDefined(r?void 0:"2d slider"),h=this.labelX,d=this.labelY,c=new Intl.NumberFormat(this.languageResolver.language,{style:"percent",unitDisplay:"narrow"}).format(this.x),u=new Intl.NumberFormat(this.languageResolver.language,{style:"percent",unitDisplay:"narrow"}).format(this.y),m={background:`linear-gradient(to top, black 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%),linear-gradient(to right, white 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%), hsl(${this.hue}, 100%, 50%);`};return f.html`
|
|
19
19
|
<div
|
|
20
20
|
@pointerdown=${this.handleAreaPointerdown}
|
|
21
21
|
class="gradient"
|
|
@@ -31,7 +31,7 @@ const g = () => {
|
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
g();
|
|
34
|
-
const R = "@media (forced-colors: active){:host{--highcontrast-color-area-border-color-disabled: GrayText;--highcontrast-color-area-border-color: Canvas;--highcontrast-color-area-fill-color-disabled: Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--luzmo-color-area-min-width, 64px);min-block-size:var(--luzmo-color-area-min-height, 64px);inline-size:var(--luzmo-color-area-width, 192px);block-size:var(--luzmo-color-area-height, 192px);box-sizing:border-box;border-radius:var(--luzmo-color-area-border-radius, var(--luzmo-border-radius-s));border:var(--luzmo-color-area-border-width, var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color, var(--luzmo-color-area-border-color, var(--luzmo-border-color)));display:inline-block;position:relative}:host([focused]){z-index:1}:host([disabled]){pointer-events:none;background:var(--highcontrast-color-area-fill-color-disabled, var(--luzmo-color-area-disabled-background-color, var(--luzmo-dimmed-color)));border:var(--luzmo-color-area-border-width, var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color-disabled)}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--luzmo-color-area-width, 192px) - var(--luzmo-border-width)));inset-block-start:0}.handle:dir(rtl),:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{inline-size:100%;block-size:100%;border-radius:var(--luzmo-color-area-border-radius, var(--luzmo-border-radius-s))}.slider{opacity:0;inline-size:100%;block-size:100%;z-index:0;pointer-events:none;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--luzmo-color-area-default-width))}::slotted(*){width:100%;height:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}";
|
|
34
|
+
const R = "@media (forced-colors: active){:host{--highcontrast-color-area-border-color-disabled: GrayText;--highcontrast-color-area-border-color: Canvas;--highcontrast-color-area-fill-color-disabled: Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--luzmo-color-area-min-width, 64px);min-block-size:var(--luzmo-color-area-min-height, 64px);inline-size:var(--luzmo-color-area-width, 192px);block-size:var(--luzmo-color-area-height, 192px);box-sizing:border-box;border-radius:var(--luzmo-color-area-border-radius, var(--luzmo-border-radius-s));border:var(--luzmo-color-area-border-width, var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color, var(--luzmo-color-area-border-color, var(--luzmo-border-color)))!important;display:inline-block;position:relative}:host([focused]){z-index:1}:host([disabled]){pointer-events:none;background:var(--highcontrast-color-area-fill-color-disabled, var(--luzmo-color-area-disabled-background-color, var(--luzmo-dimmed-color)));border:var(--luzmo-color-area-border-width, var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color-disabled)!important}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--luzmo-color-area-width, 192px) - var(--luzmo-border-width)));inset-block-start:0}.handle:dir(rtl),:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{inline-size:100%;block-size:100%;border-radius:var(--luzmo-color-area-border-radius, var(--luzmo-border-radius-s))}.slider{opacity:0;inline-size:100%;block-size:100%;z-index:0;pointer-events:none;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--luzmo-color-area-default-width))}::slotted(*){width:100%;height:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}";
|
|
35
35
|
var A = Object.defineProperty, L = Object.getOwnPropertyDescriptor, i = (u, o, e, t) => {
|
|
36
36
|
for (var r = t > 1 ? void 0 : t ? L(o, e) : o, a = u.length - 1, n; a >= 0; a--)
|
|
37
37
|
(n = u[a]) && (r = (t ? n(o, e, r) : n(r)) || r);
|
|
@@ -15,7 +15,7 @@
|
|
|
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"});require("../color-loupe-Dta8u4pX.cjs");const c=require("lit"),l=require("lit/decorators.js"),u=require("../base-DxRGeCrb.cjs"),h=':host{touch-action:none;transition:inline-size var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),block-size var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),border-width var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),margin-inline var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),margin-block var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out)}:host{background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-color-loupe-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-color-loupe-checkerboard-position, left top)/calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2);background-position:50%}:host(:focus){outline:none}:host{z-index:1;box-sizing:border-box;inline-size:var(--luzmo-color-handle-size, 16px);block-size:var(--luzmo-color-handle-size, 16px);margin-inline:calc(var(--luzmo-color-handle-size, 16px) / 2 * -1);margin-block:calc(var(--luzmo-color-handle-size, 16px) / 2 * -1);border-width:var(--luzmo-color-handle-border-width, 2px);border-color:var(--luzmo-color-handle-border-color, rgb(255, 255, 255));box-shadow:0 0 0 var(--luzmo-color-handle-outer-border-width, 1px) var(--luzmo-color-handle-outer-border-color, rgba(0, 0, 0, .42));transition:all var(--luzmo-color-handle-animation-duration, 0) var(--luzmo-color-handle-animation-easing, ease-in-out);border-style:solid}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:"";inset-inline:calc(50% - var(--luzmo-color-handle-hitarea-size, 24px) / 2);inset-block:calc(50% - var(--luzmo-color-handle-hitarea-size, 24px) / 2);inline-size:var(--luzmo-color-handle-hitarea-size, 24px);block-size:var(--luzmo-color-handle-hitarea-size, 24px);border-radius:var(--luzmo-color-handle-hitarea-border-radius, 100%)}:host([focused]),:host(:focus-visible){inline-size:var(--luzmo-color-handle-focused-size, 32px);block-size:var(--luzmo-color-handle-focused-size, 32px);margin-inline:calc(var(--luzmo-color-handle-size, 16px) * -1);margin-block:calc(var(--luzmo-color-handle-size, 16px) * -1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-color-handle-border-color-disabled, var(--luzmo-color-handle-border-color-disabled, var(--luzmo-font-color-disabled)));background:var(--highcontrast-color-handle-fill-color-disabled, var(--luzmo-color-handle-fill-color-disabled, var(--luzmo-font-color-disabled)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{inline-size:100%;block-size:100%;box-shadow:inset 0 0 0 var(--luzmo-color-handle-inner-border-width, var(--luzmo-border-width)) var(--luzmo-color-handle-inner-border-color, rgba(0, 0, 0, .42));background-color:var(--luzmo-picked-color);border-radius:100%}@media (forced-colors: active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-color-handle-border-color-disabled: GrayText;--highcontrast-color-handle-fill-color-disabled: Canvas}}';var p=Object.defineProperty,a=(t,o,s,m)=>{for(var r=void 0,n=t.length-1,d;n>=0;n--)(d=t[n])&&(r=d(o,s,r)||r);return r&&p(o,s,r),r};const i=class i extends u.LuzmoElement{constructor(){super(...arguments),this.disabled=!1,this.focused=!1,this.open=!1,this.color="rgba(255, 0, 0, 0.5)"}handlePointerdown(o){o.pointerType==="touch"&&(this.open=!0),this.setPointerCapture(o.pointerId)}handlePointerup(o){this.open=!1,this.releasePointerCapture(o.pointerId)}render(){return c.html`
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../color-loupe-Dta8u4pX.cjs");const c=require("lit"),l=require("lit/decorators.js"),u=require("../base-DxRGeCrb.cjs"),h=':host{touch-action:none;transition:inline-size var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),block-size var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),border-width var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),margin-inline var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),margin-block var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out)}:host{background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-color-loupe-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-color-loupe-checkerboard-position, left top)/calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2);background-position:50%}:host(:focus){outline:none}:host{z-index:1;box-sizing:border-box;inline-size:var(--luzmo-color-handle-size, 16px);block-size:var(--luzmo-color-handle-size, 16px);margin-inline:calc(var(--luzmo-color-handle-size, 16px) / 2 * -1);margin-block:calc(var(--luzmo-color-handle-size, 16px) / 2 * -1);border-width:var(--luzmo-color-handle-border-width, 2px)!important;border-color:var(--luzmo-color-handle-border-color, rgb(255, 255, 255))!important;box-shadow:0 0 0 var(--luzmo-color-handle-outer-border-width, 1px) var(--luzmo-color-handle-outer-border-color, rgba(0, 0, 0, .42));transition:all var(--luzmo-color-handle-animation-duration, 0) var(--luzmo-color-handle-animation-easing, ease-in-out);border-style:solid!important}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:"";inset-inline:calc(50% - var(--luzmo-color-handle-hitarea-size, 24px) / 2);inset-block:calc(50% - var(--luzmo-color-handle-hitarea-size, 24px) / 2);inline-size:var(--luzmo-color-handle-hitarea-size, 24px);block-size:var(--luzmo-color-handle-hitarea-size, 24px);border-radius:var(--luzmo-color-handle-hitarea-border-radius, 100%)}:host([focused]),:host(:focus-visible){inline-size:var(--luzmo-color-handle-focused-size, 32px);block-size:var(--luzmo-color-handle-focused-size, 32px);margin-inline:calc(var(--luzmo-color-handle-size, 16px) * -1);margin-block:calc(var(--luzmo-color-handle-size, 16px) * -1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-color-handle-border-color-disabled, var(--luzmo-color-handle-border-color-disabled, var(--luzmo-font-color-disabled)))!important;background:var(--highcontrast-color-handle-fill-color-disabled, var(--luzmo-color-handle-fill-color-disabled, var(--luzmo-font-color-disabled)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{inline-size:100%;block-size:100%;box-shadow:inset 0 0 0 var(--luzmo-color-handle-inner-border-width, var(--luzmo-border-width)) var(--luzmo-color-handle-inner-border-color, rgba(0, 0, 0, .42));background-color:var(--luzmo-picked-color);border-radius:100%}@media (forced-colors: active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-color-handle-border-color-disabled: GrayText;--highcontrast-color-handle-fill-color-disabled: Canvas}}';var p=Object.defineProperty,a=(t,o,s,m)=>{for(var r=void 0,n=t.length-1,d;n>=0;n--)(d=t[n])&&(r=d(o,s,r)||r);return r&&p(o,s,r),r};const i=class i extends u.LuzmoElement{constructor(){super(...arguments),this.disabled=!1,this.focused=!1,this.open=!1,this.color="rgba(255, 0, 0, 0.5)"}handlePointerdown(o){o.pointerType==="touch"&&(this.open=!0),this.setPointerCapture(o.pointerId)}handlePointerup(o){this.open=!1,this.releasePointerCapture(o.pointerId)}render(){return c.html`
|
|
19
19
|
<div class="inner" style="background-color: ${this.color}"></div>
|
|
20
20
|
<luzmo-color-loupe
|
|
21
21
|
color=${this.color}
|
|
@@ -26,7 +26,7 @@ const d = () => {
|
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
28
|
d();
|
|
29
|
-
const b = ':host{touch-action:none;transition:inline-size var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),block-size var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),border-width var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),margin-inline var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),margin-block var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out)}:host{background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-color-loupe-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-color-loupe-checkerboard-position, left top)/calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2);background-position:50%}:host(:focus){outline:none}:host{z-index:1;box-sizing:border-box;inline-size:var(--luzmo-color-handle-size, 16px);block-size:var(--luzmo-color-handle-size, 16px);margin-inline:calc(var(--luzmo-color-handle-size, 16px) / 2 * -1);margin-block:calc(var(--luzmo-color-handle-size, 16px) / 2 * -1);border-width:var(--luzmo-color-handle-border-width, 2px);border-color:var(--luzmo-color-handle-border-color, rgb(255, 255, 255));box-shadow:0 0 0 var(--luzmo-color-handle-outer-border-width, 1px) var(--luzmo-color-handle-outer-border-color, rgba(0, 0, 0, .42));transition:all var(--luzmo-color-handle-animation-duration, 0) var(--luzmo-color-handle-animation-easing, ease-in-out);border-style:solid}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:"";inset-inline:calc(50% - var(--luzmo-color-handle-hitarea-size, 24px) / 2);inset-block:calc(50% - var(--luzmo-color-handle-hitarea-size, 24px) / 2);inline-size:var(--luzmo-color-handle-hitarea-size, 24px);block-size:var(--luzmo-color-handle-hitarea-size, 24px);border-radius:var(--luzmo-color-handle-hitarea-border-radius, 100%)}:host([focused]),:host(:focus-visible){inline-size:var(--luzmo-color-handle-focused-size, 32px);block-size:var(--luzmo-color-handle-focused-size, 32px);margin-inline:calc(var(--luzmo-color-handle-size, 16px) * -1);margin-block:calc(var(--luzmo-color-handle-size, 16px) * -1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-color-handle-border-color-disabled, var(--luzmo-color-handle-border-color-disabled, var(--luzmo-font-color-disabled)));background:var(--highcontrast-color-handle-fill-color-disabled, var(--luzmo-color-handle-fill-color-disabled, var(--luzmo-font-color-disabled)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{inline-size:100%;block-size:100%;box-shadow:inset 0 0 0 var(--luzmo-color-handle-inner-border-width, var(--luzmo-border-width)) var(--luzmo-color-handle-inner-border-color, rgba(0, 0, 0, .42));background-color:var(--luzmo-picked-color);border-radius:100%}@media (forced-colors: active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-color-handle-border-color-disabled: GrayText;--highcontrast-color-handle-fill-color-disabled: Canvas}}';
|
|
29
|
+
const b = ':host{touch-action:none;transition:inline-size var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),block-size var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),border-width var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),margin-inline var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),margin-block var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out)}:host{background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-color-loupe-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-color-loupe-checkerboard-position, left top)/calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2);background-position:50%}:host(:focus){outline:none}:host{z-index:1;box-sizing:border-box;inline-size:var(--luzmo-color-handle-size, 16px);block-size:var(--luzmo-color-handle-size, 16px);margin-inline:calc(var(--luzmo-color-handle-size, 16px) / 2 * -1);margin-block:calc(var(--luzmo-color-handle-size, 16px) / 2 * -1);border-width:var(--luzmo-color-handle-border-width, 2px)!important;border-color:var(--luzmo-color-handle-border-color, rgb(255, 255, 255))!important;box-shadow:0 0 0 var(--luzmo-color-handle-outer-border-width, 1px) var(--luzmo-color-handle-outer-border-color, rgba(0, 0, 0, .42));transition:all var(--luzmo-color-handle-animation-duration, 0) var(--luzmo-color-handle-animation-easing, ease-in-out);border-style:solid!important}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:"";inset-inline:calc(50% - var(--luzmo-color-handle-hitarea-size, 24px) / 2);inset-block:calc(50% - var(--luzmo-color-handle-hitarea-size, 24px) / 2);inline-size:var(--luzmo-color-handle-hitarea-size, 24px);block-size:var(--luzmo-color-handle-hitarea-size, 24px);border-radius:var(--luzmo-color-handle-hitarea-border-radius, 100%)}:host([focused]),:host(:focus-visible){inline-size:var(--luzmo-color-handle-focused-size, 32px);block-size:var(--luzmo-color-handle-focused-size, 32px);margin-inline:calc(var(--luzmo-color-handle-size, 16px) * -1);margin-block:calc(var(--luzmo-color-handle-size, 16px) * -1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-color-handle-border-color-disabled, var(--luzmo-color-handle-border-color-disabled, var(--luzmo-font-color-disabled)))!important;background:var(--highcontrast-color-handle-fill-color-disabled, var(--luzmo-color-handle-fill-color-disabled, var(--luzmo-font-color-disabled)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{inline-size:100%;block-size:100%;box-shadow:inset 0 0 0 var(--luzmo-color-handle-inner-border-width, var(--luzmo-border-width)) var(--luzmo-color-handle-inner-border-color, rgba(0, 0, 0, .42));background-color:var(--luzmo-picked-color);border-radius:100%}@media (forced-colors: active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-color-handle-border-color-disabled: GrayText;--highcontrast-color-handle-fill-color-disabled: Canvas}}';
|
|
30
30
|
var h = Object.defineProperty, i = (l, o, t, p) => {
|
|
31
31
|
for (var e = void 0, n = l.length - 1, u; n >= 0; n--)
|
|
32
32
|
(u = l[n]) && (e = u(o, t, e) || e);
|
|
@@ -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 u=require("lit"),c=require("../base-DxRGeCrb.cjs"),p=require("../sized-mixin-DcvJLFeo.cjs"),n=require("lit/decorators.js"),f=require("../divider.module-
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("lit"),c=require("../base-DxRGeCrb.cjs"),p=require("../sized-mixin-DcvJLFeo.cjs"),n=require("lit/decorators.js"),f=require("../divider.module-Cx_A979b.cjs");var v=Object.defineProperty,d=(o,e,a,m)=>{for(var t=void 0,i=o.length-1,l;i>=0;i--)(l=o[i])&&(t=l(e,a,t)||t);return t&&v(e,a,t),t};const s=class s extends p.SizedMixin(c.LuzmoElement,{validSizes:["s","m","l"],noDefaultSize:!0}){constructor(){super(...arguments),this.vertical=!1}render(){return u.html``}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","separator")}updated(e){super.updated(e),e.has("vertical")&&(this.vertical?this.setAttribute("aria-orientation","vertical"):this.removeAttribute("aria-orientation"))}};s.styles=[u.unsafeCSS(f.dividerStyles)];let r=s;d([n.property({type:Boolean,reflect:!0})],r.prototype,"vertical");d([n.property({type:String,reflect:!0,attribute:"static-color"})],r.prototype,"staticColor");customElements.get("luzmo-divider")||customElements.define("luzmo-divider",r);exports.LuzmoDivider=r;
|
|
@@ -19,7 +19,7 @@ import { unsafeCSS as n, html as s } from "lit";
|
|
|
19
19
|
import { L as d } from "../base-DA-IfpPk.js";
|
|
20
20
|
import { S as f } from "../sized-mixin-cJbo3PKR.js";
|
|
21
21
|
import { property as i } from "lit/decorators.js";
|
|
22
|
-
import { d as b } from "../divider.module-
|
|
22
|
+
import { d as b } from "../divider.module-DLnZg6Ni.js";
|
|
23
23
|
const a = () => {
|
|
24
24
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
25
25
|
const r = document.createElement("style");
|
|
@@ -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";const r="@media (forced-colors: active){:host{background-color:CanvasText!important}}:host{block-size:var(--luzmo-divider-thickness, var(--divider-thickness));inline-size:100%;border:none!important;border-width:var(--luzmo-divider-thickness, var(--divider-thickness))!important;border-radius:var(--luzmo-divider-thickness, var(--divider-thickness));background-color:var(--luzmo-divider-background-color, var(--divider-background-color));overflow:visible}:host([size=s]){--divider-thickness: var( --divider-thickness-small, var(--luzmo-border-width) );--divider-background-color: var(--divider-background-color-small)}:host{--divider-thickness: var( --divider-thickness-medium, var(--luzmo-border-width) );--divider-background-color: var(--divider-background-color-medium)}:host([size=l]){--divider-thickness: var( --divider-thickness-large, var(--luzmo-border-width) );--divider-background-color: var(--divider-background-color-large)}:host([static-color=white][size=s]){--divider-background-color: var( --luzmo-divider-background-color-small-static-white, var(--divider-background-color-small-static-white) )}:host([static-color=white]){--divider-background-color: var( --luzmo-divider-background-color-medium-static-white, var(--divider-background-color-medium-static-white) )}:host([static-color=white][size=l]){--divider-background-color: var( --luzmo-divider-background-color-large-static-white, var(--divider-background-color-large-static-white) )}:host([static-color=black][size=s]){--divider-background-color: var( --luzmo-divider-background-color-small-static-black, var(--divider-background-color-small-static-black) )}:host([static-color=black]){--divider-background-color: var( --luzmo-divider-background-color-medium-static-black, var(--divider-background-color-medium-static-black) )}:host([static-color=black][size=l]){--divider-background-color: var( --luzmo-divider-background-color-large-static-black, var(--divider-background-color-large-static-black) )}:host([vertical]){inline-size:var(--luzmo-divider-thickness, var(--divider-thickness, var(--luzmo-border-width)));margin-block:var(--luzmo-divider-vertical-margin);block-size:100%;block-size:var(--luzmo-divider-vertical-height, 100%);align-self:var(--luzmo-divider-vertical-align)}:host{--divider-background-color-small: rgba(213, 213, 213);--divider-background-color-medium: rgba(213, 213, 213);--divider-background-color-large: rgba(213, 213, 213);--divider-background-color-small-static-white: rgba(255, 255, 255, .25);--divider-background-color-medium-static-white: rgba(255, 255, 255, .25);--divider-background-color-large-static-white: rgba(255, 255, 255, .9);--divider-background-color-small-static-black: rgba(0, 0, 0, .25);--divider-background-color-medium-static-black: rgba(0, 0, 0, .25);--divider-background-color-large-static-black: rgba(0, 0, 0, .9)}:host{display:block}hr{border:none;margin:0}";exports.dividerStyles=r;
|
|
@@ -0,0 +1,21 @@
|
|
|
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
|
+
const r = "@media (forced-colors: active){:host{background-color:CanvasText!important}}:host{block-size:var(--luzmo-divider-thickness, var(--divider-thickness));inline-size:100%;border:none!important;border-width:var(--luzmo-divider-thickness, var(--divider-thickness))!important;border-radius:var(--luzmo-divider-thickness, var(--divider-thickness));background-color:var(--luzmo-divider-background-color, var(--divider-background-color));overflow:visible}:host([size=s]){--divider-thickness: var( --divider-thickness-small, var(--luzmo-border-width) );--divider-background-color: var(--divider-background-color-small)}:host{--divider-thickness: var( --divider-thickness-medium, var(--luzmo-border-width) );--divider-background-color: var(--divider-background-color-medium)}:host([size=l]){--divider-thickness: var( --divider-thickness-large, var(--luzmo-border-width) );--divider-background-color: var(--divider-background-color-large)}:host([static-color=white][size=s]){--divider-background-color: var( --luzmo-divider-background-color-small-static-white, var(--divider-background-color-small-static-white) )}:host([static-color=white]){--divider-background-color: var( --luzmo-divider-background-color-medium-static-white, var(--divider-background-color-medium-static-white) )}:host([static-color=white][size=l]){--divider-background-color: var( --luzmo-divider-background-color-large-static-white, var(--divider-background-color-large-static-white) )}:host([static-color=black][size=s]){--divider-background-color: var( --luzmo-divider-background-color-small-static-black, var(--divider-background-color-small-static-black) )}:host([static-color=black]){--divider-background-color: var( --luzmo-divider-background-color-medium-static-black, var(--divider-background-color-medium-static-black) )}:host([static-color=black][size=l]){--divider-background-color: var( --luzmo-divider-background-color-large-static-black, var(--divider-background-color-large-static-black) )}:host([vertical]){inline-size:var(--luzmo-divider-thickness, var(--divider-thickness, var(--luzmo-border-width)));margin-block:var(--luzmo-divider-vertical-margin);block-size:100%;block-size:var(--luzmo-divider-vertical-height, 100%);align-self:var(--luzmo-divider-vertical-align)}:host{--divider-background-color-small: rgba(213, 213, 213);--divider-background-color-medium: rgba(213, 213, 213);--divider-background-color-large: rgba(213, 213, 213);--divider-background-color-small-static-white: rgba(255, 255, 255, .25);--divider-background-color-medium-static-white: rgba(255, 255, 255, .25);--divider-background-color-large-static-white: rgba(255, 255, 255, .9);--divider-background-color-small-static-black: rgba(0, 0, 0, .25);--divider-background-color-medium-static-black: rgba(0, 0, 0, .25);--divider-background-color-large-static-black: rgba(0, 0, 0, .9)}:host{display:block}hr{border:none;margin:0}";
|
|
19
|
+
export {
|
|
20
|
+
r as d
|
|
21
|
+
};
|
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 m=require("./accordion/index.cjs"),p=require("./action-bar/index.cjs"),x=require("./action-button/index.cjs");require("./action-group/index.cjs");const _=require("./action-menu/index.cjs"),S=require("./avatar/index.cjs"),g=require("./badge/index.cjs"),s=require("./button/index.cjs"),C=require("./button-group/index.cjs"),T=require("./calendar/index.cjs"),v=require("./chat-message/index.cjs"),b=require("./chat-message-group/index.cjs"),P=require("./checkbox/index.cjs"),I=require("./color-area/index.cjs"),M=require("./color-field/index.cjs"),A=require("./color-handle/index.cjs");require("./color-loupe/index.cjs");const O=require("./color-menu/index.cjs"),B=require("./color-palette/index.cjs"),F=require("./color-palette-group/index.cjs"),R=require("./color-picker/index.cjs"),h=require("./color-slider/index.cjs"),y=require("./date-range-picker/index.cjs"),G=require("./date-time-picker/index.cjs"),k=require("./divider/index.cjs");require("./field-group/index.cjs");require("./field-label/index.cjs");const D=require("./icon/index.cjs"),N=require("./infield-button/index.cjs"),E=require("./label/index.cjs"),i=require("./menu/index.cjs"),f=require("./multi-language-field/index.cjs"),U=require("./number-field/index.cjs"),u=require("./options/index.cjs"),r=require("./overlay/index.cjs");require("./picker/index.cjs");const w=require("./picker-button/index.cjs");require("./popover/index.cjs");const V=require("./progress-bar/index.cjs");require("./progress-circle/index.cjs");const H=require("./progress-steps/index.cjs"),K=require("./prompt-box/index.cjs"),l=require("./radio/index.cjs"),W=require("./search/index.cjs"),Z=require("./select/index.cjs"),j=require("./slider/index.cjs"),J=require("./status-light/index.cjs"),a=require("./swatch/index.cjs"),Q=require("./switch/index.cjs"),t=require("./tabs/index.cjs"),c=require("./top-nav/index.cjs"),L=require("./tags/index.cjs"),X=require("./text-field/index.cjs"),Y=require("./toast/index.cjs"),$=require("./tooltip/index.cjs"),z=require("./base-DxRGeCrb.cjs"),ee=require("./focus-visible-D4BXb5RB.cjs"),oe=require("./focusable-agUxU61W.cjs"),o=require("./platform-BJnOJJag.cjs"),d=require("./sized-mixin-DcvJLFeo.cjs"),re=require("./streaming-listener-D9Wc7skA.cjs"),ie=require("./voice-recorder-CAm5iDre.cjs"),e=require("./overlay-DT94qvnp.cjs"),n=require("./picker-Bv1natt3.cjs"),ue=require("./action-group-_gt0SxJg.cjs"),te=require("./close-button-CSGamYgn.cjs"),ne=require("./color-loupe-Dta8u4pX.cjs"),me=require("./field-group-aG9hVBjA.cjs"),se=require("./field-label-BXicZ2Pz.cjs"),le=require("./popover-
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./accordion/index.cjs"),p=require("./action-bar/index.cjs"),x=require("./action-button/index.cjs");require("./action-group/index.cjs");const _=require("./action-menu/index.cjs"),S=require("./avatar/index.cjs"),g=require("./badge/index.cjs"),s=require("./button/index.cjs"),C=require("./button-group/index.cjs"),T=require("./calendar/index.cjs"),v=require("./chat-message/index.cjs"),b=require("./chat-message-group/index.cjs"),P=require("./checkbox/index.cjs"),I=require("./color-area/index.cjs"),M=require("./color-field/index.cjs"),A=require("./color-handle/index.cjs");require("./color-loupe/index.cjs");const O=require("./color-menu/index.cjs"),B=require("./color-palette/index.cjs"),F=require("./color-palette-group/index.cjs"),R=require("./color-picker/index.cjs"),h=require("./color-slider/index.cjs"),y=require("./date-range-picker/index.cjs"),G=require("./date-time-picker/index.cjs"),k=require("./divider/index.cjs");require("./field-group/index.cjs");require("./field-label/index.cjs");const D=require("./icon/index.cjs"),N=require("./infield-button/index.cjs"),E=require("./label/index.cjs"),i=require("./menu/index.cjs"),f=require("./multi-language-field/index.cjs"),U=require("./number-field/index.cjs"),u=require("./options/index.cjs"),r=require("./overlay/index.cjs");require("./picker/index.cjs");const w=require("./picker-button/index.cjs");require("./popover/index.cjs");const V=require("./progress-bar/index.cjs");require("./progress-circle/index.cjs");const H=require("./progress-steps/index.cjs"),K=require("./prompt-box/index.cjs"),l=require("./radio/index.cjs"),W=require("./search/index.cjs"),Z=require("./select/index.cjs"),j=require("./slider/index.cjs"),J=require("./status-light/index.cjs"),a=require("./swatch/index.cjs"),Q=require("./switch/index.cjs"),t=require("./tabs/index.cjs"),c=require("./top-nav/index.cjs"),L=require("./tags/index.cjs"),X=require("./text-field/index.cjs"),Y=require("./toast/index.cjs"),$=require("./tooltip/index.cjs"),z=require("./base-DxRGeCrb.cjs"),ee=require("./focus-visible-D4BXb5RB.cjs"),oe=require("./focusable-agUxU61W.cjs"),o=require("./platform-BJnOJJag.cjs"),d=require("./sized-mixin-DcvJLFeo.cjs"),re=require("./streaming-listener-D9Wc7skA.cjs"),ie=require("./voice-recorder-CAm5iDre.cjs"),e=require("./overlay-DT94qvnp.cjs"),n=require("./picker-Bv1natt3.cjs"),ue=require("./action-group-_gt0SxJg.cjs"),te=require("./close-button-CSGamYgn.cjs"),ne=require("./color-loupe-Dta8u4pX.cjs"),me=require("./field-group-aG9hVBjA.cjs"),se=require("./field-label-BXicZ2Pz.cjs"),le=require("./popover-CsMwOyVK.cjs"),ae=require("./progress-circle-DCw17dhO.cjs"),ce=require("./text-field-BblioLmK.cjs"),q=require("./slottable-request-event-BfUUt1Mh.cjs");exports.LuzmoAccordion=m.LuzmoAccordion;exports.LuzmoAccordionItem=m.LuzmoAccordionItem;exports.LuzmoActionBar=p.LuzmoActionBar;exports.LuzmoActionButton=x.LuzmoActionButton;exports.LuzmoActionMenu=_.LuzmoActionMenu;exports.LuzmoAvatar=S.LuzmoAvatar;exports.LuzmoBadge=g.LuzmoBadge;exports.LuzmoButton=s.LuzmoButton;exports.LuzmoClearButton=s.LuzmoClearButton;exports.LuzmoButtonGroup=C.LuzmoButtonGroup;exports.LuzmoCalendar=T.LuzmoCalendar;exports.LuzmoChatMessage=v.LuzmoChatMessage;exports.LuzmoChatMessageGroup=b.LuzmoChatMessageGroup;exports.LuzmoCheckbox=P.LuzmoCheckbox;exports.LuzmoColorArea=I.LuzmoColorArea;exports.LuzmoColorField=M.LuzmoColorField;exports.LuzmoColorHandle=A.LuzmoColorHandle;exports.LuzmoColorMenu=O.LuzmoColorMenu;exports.LuzmoColorPalette=B.LuzmoColorPalette;exports.LuzmoColorPaletteGroup=F.LuzmoColorPaletteGroup;exports.LuzmoColorPicker=R.LuzmoColorPicker;exports.LuzmoColorSlider=h.LuzmoColorSlider;exports.LuzmoDateRangePicker=y.LuzmoDateRangePicker;exports.LuzmoDateTimePicker=G.LuzmoDateTimePicker;exports.LuzmoDivider=k.LuzmoDivider;exports.LuzmoIcon=D.LuzmoIcon;exports.LuzmoInfieldButton=N.LuzmoInfieldButton;exports.LuzmoLabel=E.LuzmoLabel;exports.LuzmoMenu=i.LuzmoMenu;exports.LuzmoMenuDivider=i.LuzmoMenuDivider;exports.LuzmoMenuGroup=i.LuzmoMenuGroup;exports.LuzmoMenuItem=i.LuzmoMenuItem;exports.MenuItemAddedOrUpdatedEvent=i.MenuItemAddedOrUpdatedEvent;exports.LuzmoMultiLangField=f.LuzmoMultiLangField;exports.LuzmoNumberField=U.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=w.LuzmoPickerButton;exports.LuzmoProgressBar=V.LuzmoProgressBar;exports.LuzmoProgressSteps=H.LuzmoProgressSteps;exports.LuzmoPromptBox=K.LuzmoPromptBox;exports.LuzmoRadio=l.LuzmoRadio;exports.LuzmoRadioGroup=l.LuzmoRadioGroup;exports.LuzmoSearch=W.LuzmoSearch;exports.LuzmoSelect=Z.LuzmoSelect;exports.LuzmoSlider=j.LuzmoSlider;exports.LuzmoStatusLight=J.LuzmoStatusLight;exports.LuzmoSwatch=a.LuzmoSwatch;exports.LuzmoSwatchGroup=a.LuzmoSwatchGroup;exports.LuzmoSwitch=Q.LuzmoSwitch;exports.LuzmoTab=t.LuzmoTab;exports.LuzmoTabPanel=t.LuzmoTabPanel;exports.LuzmoTabs=t.LuzmoTabs;exports.LuzmoTabsOverflow=t.LuzmoTabsOverflow;exports.LuzmoTopNav=c.LuzmoTopNav;exports.LuzmoTopNavItem=c.LuzmoTopNavItem;exports.LuzmoTag=L.LuzmoTag;exports.LuzmoTags=L.LuzmoTags;exports.LuzmoHelpText=X.LuzmoHelpText;exports.LuzmoToast=Y.LuzmoToast;exports.LuzmoTooltip=$.LuzmoTooltip;exports.LuzmoElement=z.LuzmoElement;exports.LuzmoMixin=z.LuzmoMixin;exports.FocusVisiblePolyfillMixin=ee.FocusVisiblePolyfillMixin;exports.Focusable=oe.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=d.ElementSizes;exports.SizedMixin=d.SizedMixin;exports.streamingListener=re.streamingListener;exports.VoiceRecorder=ie.VoiceRecorder;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.DESCRIPTION_ID=n.DESCRIPTION_ID;exports.LuzmoPicker=n.LuzmoPicker;exports.LuzmoPickerBase=n.LuzmoPickerBase;exports.LuzmoActionGroup=ue.LuzmoActionGroup;exports.LuzmoCloseButton=te.LuzmoCloseButton;exports.LuzmoColorLoupe=ne.LuzmoColorLoupe;exports.LuzmoFieldGroup=me.LuzmoFieldGroup;exports.LuzmoFieldLabel=se.LuzmoFieldLabel;exports.LuzmoPopover=le.LuzmoPopover;exports.LuzmoProgressCircle=ae.LuzmoProgressCircle;exports.LuzmoTextField=ce.LuzmoTextField;exports.SlottableRequestEvent=q.SlottableRequestEvent;exports.removeSlottableRequest=q.removeSlottableRequest;
|
package/components/index.js
CHANGED
|
@@ -84,7 +84,7 @@ import { L as xe } from "./close-button-1l5b3LRg.js";
|
|
|
84
84
|
import { L as be } from "./color-loupe-DvrXjsKF.js";
|
|
85
85
|
import { L as he } from "./field-group-DIQfPlIH.js";
|
|
86
86
|
import { L as ye } from "./field-label-BRoRRzfi.js";
|
|
87
|
-
import { LuzmoPopover as Ce } from "./popover-
|
|
87
|
+
import { LuzmoPopover as Ce } from "./popover-Cvy9tSb0.js";
|
|
88
88
|
import { L as Ie } from "./progress-circle-BmbDn21M.js";
|
|
89
89
|
import { L as we } from "./text-field--KG-ean_.js";
|
|
90
90
|
import { S as Ae, r as Me } from "./slottable-request-event-DggLA4Rx.js";
|