@luzmo/lucero 1.0.1-alpha.65 → 1.0.1-alpha.67
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.js +1 -1
- package/components/action-bar/index.cjs +1 -1
- package/components/action-bar/index.js +10 -10
- package/components/action-button/index.js +1 -1
- package/components/action-group/index.js +1 -1
- package/components/action-menu/index.cjs +1 -1
- package/components/action-menu/index.js +19 -19
- package/components/avatar/avatar.d.ts +5 -0
- package/components/avatar/index.cjs +3 -3
- package/components/avatar/index.js +27 -24
- package/components/badge/index.cjs +1 -1
- package/components/badge/index.js +5 -5
- package/components/button/index.cjs +2 -2
- package/components/button/index.js +3 -3
- package/components/button-group/index.js +9 -9
- package/components/calendar/calendar.d.ts +6 -0
- package/components/calendar/index.cjs +8 -8
- package/components/calendar/index.js +163 -121
- package/components/chat-message/index.js +1 -1
- package/components/chat-message-group/index.js +8 -8
- package/components/checkbox/index.js +1 -1
- package/components/color-area/index.js +1 -1
- package/components/color-field/index.cjs +1 -1
- package/components/color-field/index.js +18 -18
- package/components/color-handle/index.js +1 -1
- package/components/color-loupe/index.js +1 -1
- package/components/color-menu/index.cjs +5 -2
- package/components/color-menu/index.js +4 -1
- package/components/color-palette/index.js +5 -5
- package/components/color-palette-group/index.js +1 -1
- package/components/color-picker/index.js +1 -1
- package/components/color-slider/index.js +1 -1
- package/components/date-range-picker/index.js +1 -1
- package/components/date-time-picker/index.js +48 -48
- package/components/divider/index.js +10 -10
- package/components/field-group/index.js +1 -1
- package/components/field-label/index.cjs +1 -1
- package/components/field-label/index.js +2 -2
- package/components/{field-label-DWMbxMEF.js → field-label-BRoRRzfi.js} +5 -5
- package/components/{field-label-CYC-u_Cq.cjs → field-label-BXicZ2Pz.cjs} +1 -1
- package/components/icon/index.js +4 -4
- package/components/index.cjs +1 -1
- package/components/index.js +5 -5
- package/components/infield-button/index.js +10 -10
- package/components/label/index.js +1 -1
- package/components/menu/index.cjs +11 -11
- package/components/menu/index.js +131 -104
- package/components/menu/menu.d.ts +1 -0
- package/components/multi-language-field/index.cjs +3 -2
- package/components/multi-language-field/index.js +6 -2
- package/components/multi-language-field/multi-language-field.d.ts +1 -0
- package/components/number-field/index.cjs +1 -1
- package/components/number-field/index.js +2 -2
- package/components/options/index.cjs +9 -8
- package/components/options/index.js +29 -28
- package/components/overlay/index.cjs +1 -1
- package/components/overlay/index.js +3 -3
- package/components/overlay/overlay.d.ts +11 -0
- package/components/{overlay-DMuQsYST.js → overlay-C7jXyGhp.js} +30 -13
- package/components/{overlay-xzvXQfOv.cjs → overlay-DT94qvnp.cjs} +2 -2
- package/components/{pending-state-CkX6x_ad.js → pending-state-Bc0OZEqV.js} +1 -0
- package/components/{pending-state-XjT2vlHq.cjs → pending-state-Duy_0G65.cjs} +1 -0
- package/components/picker/index.cjs +1 -1
- package/components/picker/index.js +3 -3
- package/components/picker/picker.d.ts +1 -0
- package/components/{picker-uD2e3IR7.cjs → picker-Bv1natt3.cjs} +3 -3
- package/components/{picker-BEvjNJ5y.js → picker-NeVWVqLQ.js} +13 -3
- package/components/picker-button/index.js +3 -3
- package/components/popover/index.js +1 -1
- package/components/progress-bar/index.cjs +7 -10
- package/components/progress-bar/index.js +41 -33
- package/components/progress-circle/index.js +1 -1
- package/components/progress-steps/index.cjs +42 -19
- package/components/progress-steps/index.d.ts +1 -1
- package/components/progress-steps/index.js +85 -32
- package/components/progress-steps/progress-steps.d.ts +24 -1
- package/components/progress-steps/types.d.ts +8 -0
- package/components/prompt-box/index.js +1 -1
- package/components/radio/index.js +1 -1
- package/components/search/index.cjs +1 -1
- package/components/search/index.js +2 -2
- package/components/select/index.cjs +6 -6
- package/components/select/index.js +13 -7
- package/components/select/select.d.ts +1 -0
- package/components/slider/index.cjs +1 -1
- package/components/slider/index.js +34 -25
- package/components/slider/slider.d.ts +2 -0
- package/components/status-light/index.js +1 -1
- package/components/swatch/index.cjs +4 -4
- package/components/swatch/index.js +2 -2
- package/components/switch/index.cjs +1 -1
- package/components/switch/index.js +2 -2
- package/components/tabs/index.js +1 -1
- package/components/tags/index.cjs +1 -0
- package/components/tags/index.js +2 -1
- package/components/text-field/index.cjs +1 -1
- package/components/text-field/index.js +2 -2
- package/components/text-field/text-field.d.ts +1 -0
- package/components/{text-field-Crj9jTtn.js → text-field--KG-ean_.js} +6 -3
- package/components/{text-field-DL5Qe8rI.cjs → text-field-BblioLmK.cjs} +11 -11
- package/components/toast/index.js +1 -1
- package/components/tooltip/index.js +1 -1
- package/components/top-nav/index.cjs +10 -12
- package/components/top-nav/index.js +28 -30
- package/custom-elements.json +1 -1
- package/package.json +1 -1
|
@@ -26,7 +26,7 @@ import { F as k } from "../focusable-DMl8nuHx.js";
|
|
|
26
26
|
const g = () => {
|
|
27
27
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
28
28
|
const r = document.createElement("style");
|
|
29
|
-
r.setAttribute("data-luzmo-vars", ""), r.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #
|
|
29
|
+
r.setAttribute("data-luzmo-vars", ""), r.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #d000d0;--luzmo-secondary-hover: #c409c4;--luzmo-secondary-down: #b811b8;--luzmo-secondary-focus: #c409c4;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(r);
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
g();
|
|
@@ -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-
|
|
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-DoH42mv2.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
|
|
@@ -17,20 +17,20 @@
|
|
|
17
17
|
* */
|
|
18
18
|
import { unsafeCSS as b, html as z } from "lit";
|
|
19
19
|
import { property as t } from "lit/decorators.js";
|
|
20
|
-
import { ifDefined as
|
|
21
|
-
import { L as
|
|
22
|
-
import { F as
|
|
20
|
+
import { ifDefined as s } from "lit/directives/if-defined.js";
|
|
21
|
+
import { L as d } from "../base-DA-IfpPk.js";
|
|
22
|
+
import { F as p } from "../focus-visible-BvScGDCE.js";
|
|
23
23
|
import "../action-group-BDdRHYNo.js";
|
|
24
24
|
import "../close-button-1l5b3LRg.js";
|
|
25
|
-
import "../field-label-
|
|
25
|
+
import "../field-label-BRoRRzfi.js";
|
|
26
26
|
import "../popover-3xG5ZKzr.js";
|
|
27
|
-
const
|
|
27
|
+
const m = () => {
|
|
28
28
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
29
29
|
const r = document.createElement("style");
|
|
30
|
-
r.setAttribute("data-luzmo-vars", ""), r.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #
|
|
30
|
+
r.setAttribute("data-luzmo-vars", ""), r.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #d000d0;--luzmo-secondary-hover: #c409c4;--luzmo-secondary-down: #b811b8;--luzmo-secondary-focus: #c409c4;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(r);
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
|
-
|
|
33
|
+
m();
|
|
34
34
|
const g = "@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}";
|
|
35
35
|
var h = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (r, o, c, l) => {
|
|
36
36
|
for (var e = l > 1 ? void 0 : l ? v(o, c) : o, n = r.length - 1, u; n >= 0; n--)
|
|
@@ -38,7 +38,7 @@ var h = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (r, o, c
|
|
|
38
38
|
return l && e && h(o, c, e), e;
|
|
39
39
|
};
|
|
40
40
|
const f = ["sticky", "fixed"];
|
|
41
|
-
class a extends d
|
|
41
|
+
class a extends p(d) {
|
|
42
42
|
constructor() {
|
|
43
43
|
super(...arguments), this.emphasized = !1, this.flexible = !1, this.open = !1, this._variant = "";
|
|
44
44
|
}
|
|
@@ -71,7 +71,7 @@ class a extends d(p) {
|
|
|
71
71
|
<luzmo-popover ?open=${this.open} id="popover">
|
|
72
72
|
<slot name="override">
|
|
73
73
|
<luzmo-close-button
|
|
74
|
-
static-color=${
|
|
74
|
+
static-color=${s(this.emphasized ? "white" : void 0)}
|
|
75
75
|
class="close-button"
|
|
76
76
|
label="Clear selection"
|
|
77
77
|
@click=${this.handleClick}
|
|
@@ -82,7 +82,7 @@ class a extends d(p) {
|
|
|
82
82
|
<luzmo-action-group
|
|
83
83
|
class="action-group"
|
|
84
84
|
quiet
|
|
85
|
-
static-color=${
|
|
85
|
+
static-color=${s(this.emphasized ? "white" : void 0)}
|
|
86
86
|
>
|
|
87
87
|
<slot name="buttons"></slot>
|
|
88
88
|
</luzmo-action-group>
|
|
@@ -23,7 +23,7 @@ import { L as z } from "../button-base-CAXH68Sp.js";
|
|
|
23
23
|
const d = () => {
|
|
24
24
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
25
25
|
const c = document.createElement("style");
|
|
26
|
-
c.setAttribute("data-luzmo-vars", ""), c.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #
|
|
26
|
+
c.setAttribute("data-luzmo-vars", ""), c.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #d000d0;--luzmo-secondary-hover: #c409c4;--luzmo-secondary-down: #b811b8;--luzmo-secondary-focus: #c409c4;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(c);
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
d();
|
|
@@ -19,7 +19,7 @@ import { L as r } from "../action-group-BDdRHYNo.js";
|
|
|
19
19
|
const l = () => {
|
|
20
20
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
21
21
|
const o = document.createElement("style");
|
|
22
|
-
o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #
|
|
22
|
+
o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #d000d0;--luzmo-secondary-hover: #c409c4;--luzmo-secondary-down: #b811b8;--luzmo-secondary-focus: #c409c4;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
l();
|
|
@@ -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 m=require("@luzmo/icons"),o=require("lit"),c=require("lit/decorators.js"),u=require("lit/directives/if-defined.js"),b=require("../observe-slot-presence-CNltc0C0.cjs"),p=require("../observe-slot-text-CBMHpuIK.cjs"),f=require("../slottable-request-event-BfUUt1Mh.cjs"),h=require("../picker-
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@luzmo/icons"),o=require("lit"),c=require("lit/decorators.js"),u=require("lit/directives/if-defined.js"),b=require("../observe-slot-presence-CNltc0C0.cjs"),p=require("../observe-slot-text-CBMHpuIK.cjs"),f=require("../slottable-request-event-BfUUt1Mh.cjs"),h=require("../picker-Bv1natt3.cjs");require("../action-button/index.cjs");require("../icon/index.cjs");require("../overlay/index.cjs");require("../popover/index.cjs");const v=":host{display:inline-flex}:host([quiet]){min-width:0}:host>luzmo-menu{display:none}::slotted([slot=icon]){flex-shrink:0}.icon{flex-shrink:0}#popover{max-width:none}:host([dir=ltr]) ::slotted([slot=icon]),:host([dir=ltr]) .icon{margin-left:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]),:host([dir=rtl]) .icon{margin-right:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] .icon{margin-inline:calc((var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only))) * -1)}luzmo-overlay:not(:defined){display:none}";var y=Object.defineProperty,z=Object.getOwnPropertyDescriptor,d=(l,t,s,i)=>{for(var e=i>1?void 0:i?z(t,s):t,r=l.length-1,a;r>=0;r--)(a=l[r])&&(e=(i?a(t,s,e):a(e))||e);return i&&e&&y(t,s,e),e};class n extends b.ObserveSlotPresence(p.ObserveSlotText(h.LuzmoPickerBase,"label"),'[slot="label-only"]'){constructor(){super(...arguments),this.selects=void 0,this.listRole="menu",this.itemRole="menuitem",this.handleSlottableRequest=t=>{this.dispatchEvent(new f.SlottableRequestEvent(t.name,t.data))}}static get styles(){return[o.unsafeCSS(v)]}get hasLabel(){return this.slotHasContent}get labelOnly(){return this.slotContentIsPresent}get buttonContent(){return[o.html`
|
|
19
19
|
${this.labelOnly?o.html``:o.html`
|
|
20
20
|
<slot
|
|
21
21
|
name="icon"
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
18
|
import { luzmoEllipsisHorizontal as z } from "@luzmo/icons";
|
|
19
|
-
import { unsafeCSS as b, html as
|
|
20
|
-
import { property as c, state as
|
|
19
|
+
import { unsafeCSS as b, html as t } from "lit";
|
|
20
|
+
import { property as c, state as f } from "lit/decorators.js";
|
|
21
21
|
import { ifDefined as a } from "lit/directives/if-defined.js";
|
|
22
|
-
import { O as
|
|
23
|
-
import { O as
|
|
24
|
-
import { S as
|
|
25
|
-
import { a as
|
|
22
|
+
import { O as g } from "../observe-slot-presence-DFi6GE3H.js";
|
|
23
|
+
import { O as p } from "../observe-slot-text-DorVpCL4.js";
|
|
24
|
+
import { S as h } from "../slottable-request-event-DggLA4Rx.js";
|
|
25
|
+
import { a as v, D as x } from "../picker-NeVWVqLQ.js";
|
|
26
26
|
import "../action-button/index.js";
|
|
27
27
|
import "../icon/index.js";
|
|
28
28
|
import "../overlay/index.js";
|
|
@@ -30,23 +30,23 @@ import "../popover/index.js";
|
|
|
30
30
|
const d = () => {
|
|
31
31
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
32
32
|
const l = document.createElement("style");
|
|
33
|
-
l.setAttribute("data-luzmo-vars", ""), l.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #
|
|
33
|
+
l.setAttribute("data-luzmo-vars", ""), l.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #d000d0;--luzmo-secondary-hover: #c409c4;--luzmo-secondary-down: #b811b8;--luzmo-secondary-focus: #c409c4;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(l);
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
36
|
d();
|
|
37
37
|
const y = ":host{display:inline-flex}:host([quiet]){min-width:0}:host>luzmo-menu{display:none}::slotted([slot=icon]){flex-shrink:0}.icon{flex-shrink:0}#popover{max-width:none}:host([dir=ltr]) ::slotted([slot=icon]),:host([dir=ltr]) .icon{margin-left:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]),:host([dir=rtl]) .icon{margin-right:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] .icon{margin-inline:calc((var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only))) * -1)}luzmo-overlay:not(:defined){display:none}";
|
|
38
|
-
var w = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, m = (l, o, n,
|
|
39
|
-
for (var e =
|
|
40
|
-
(s = l[u]) && (e = (
|
|
41
|
-
return
|
|
38
|
+
var w = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, m = (l, o, n, r) => {
|
|
39
|
+
for (var e = r > 1 ? void 0 : r ? $(o, n) : o, u = l.length - 1, s; u >= 0; u--)
|
|
40
|
+
(s = l[u]) && (e = (r ? s(o, n, e) : s(e)) || e);
|
|
41
|
+
return r && e && w(o, n, e), e;
|
|
42
42
|
};
|
|
43
|
-
class i extends
|
|
44
|
-
|
|
43
|
+
class i extends g(
|
|
44
|
+
p(v, "label"),
|
|
45
45
|
'[slot="label-only"]'
|
|
46
46
|
) {
|
|
47
47
|
constructor() {
|
|
48
48
|
super(...arguments), this.selects = void 0, this.listRole = "menu", this.itemRole = "menuitem", this.handleSlottableRequest = (o) => {
|
|
49
|
-
this.dispatchEvent(new
|
|
49
|
+
this.dispatchEvent(new h(o.name, o.data));
|
|
50
50
|
};
|
|
51
51
|
}
|
|
52
52
|
static get styles() {
|
|
@@ -60,8 +60,8 @@ class i extends p(
|
|
|
60
60
|
}
|
|
61
61
|
get buttonContent() {
|
|
62
62
|
return [
|
|
63
|
-
|
|
64
|
-
${this.labelOnly ?
|
|
63
|
+
t`
|
|
64
|
+
${this.labelOnly ? t`` : t`
|
|
65
65
|
<slot
|
|
66
66
|
name="icon"
|
|
67
67
|
slot="icon"
|
|
@@ -82,9 +82,9 @@ class i extends p(
|
|
|
82
82
|
];
|
|
83
83
|
}
|
|
84
84
|
render() {
|
|
85
|
-
return this.tooltipEl && (this.tooltipEl.disabled = this.open),
|
|
85
|
+
return this.tooltipEl && (this.tooltipEl.disabled = this.open), t`
|
|
86
86
|
<luzmo-action-button
|
|
87
|
-
aria-describedby=${
|
|
87
|
+
aria-describedby=${x}
|
|
88
88
|
?quiet=${this.quiet}
|
|
89
89
|
static-color=${a(this.staticColor)}
|
|
90
90
|
aria-haspopup="true"
|
|
@@ -118,7 +118,7 @@ m([
|
|
|
118
118
|
c({ reflect: !0, attribute: "static-color" })
|
|
119
119
|
], i.prototype, "staticColor", 2);
|
|
120
120
|
m([
|
|
121
|
-
|
|
121
|
+
f()
|
|
122
122
|
], i.prototype, "labelOnly", 1);
|
|
123
123
|
customElements.get("luzmo-action-menu") || customElements.define("luzmo-action-menu", i);
|
|
124
124
|
export {
|
|
@@ -26,6 +26,11 @@ export declare class LuzmoAvatar extends LuzmoAvatar_base {
|
|
|
26
26
|
* The src of the avatar image.
|
|
27
27
|
*/
|
|
28
28
|
src: string;
|
|
29
|
+
/**
|
|
30
|
+
* When true, marks the avatar image as decorative (sets alt="").
|
|
31
|
+
* Use when the avatar does not convey meaningful information.
|
|
32
|
+
*/
|
|
33
|
+
isDecorative: boolean;
|
|
29
34
|
protected render(): TemplateResult;
|
|
30
35
|
}
|
|
31
36
|
export {};
|
|
@@ -15,10 +15,10 @@
|
|
|
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 n=require("lit"),t=require("lit/decorators.js"),d=require("lit/directives/if-defined.js"),u=require("../focusable-agUxU61W.cjs"),z=require("../like-anchor-B2EqJPdw.cjs"),l=require("../sized-mixin-DcvJLFeo.cjs"),h='@media (forced-colors: active){:host{--highcontrast-avatar-focus-indicator-color: CanvasText}}:host{--avatar-border-radius: var( --luzmo-avatar-border-radius, var(--luzmo-avatar-size, var(--avatar-size)) );inline-size:var(--luzmo-avatar-size, var(--avatar-size));block-size:var(--luzmo-avatar-size, var(--avatar-size));border-radius:var(--avatar-border-radius);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--luzmo-avatar-color-opacity, var(--avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--highcontrast-avatar-color-opacity-disabled, var(--luzmo-avatar-color-opacity-disabled, var(--avatar-color-opacity-disabled)))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:"";inline-size:calc(var(--luzmo-avatar-custom-size, var(--luzmo-avatar-size, var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) * 2);block-size:calc(var(--luzmo-avatar-custom-size, var(--luzmo-avatar-size, var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) * 2);border-style:solid;border-width:var(--luzmo-avatar-focus-indicator-width, var(--avatar-focus-indicator-width));border-color:var(--highcontrast-avatar-focus-indicator-color, var(--luzmo-avatar-focus-indicator-color, var(--avatar-focus-indicator-color)));border-radius:var(--avatar-border-radius);position:absolute;inset-block-start:calc((var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width, var(--avatar-focus-indicator-width))) * -1);inset-inline-start:calc((var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width, var(--avatar-focus-indicator-width))) * -1)}.link{outline:0}.image{inline-size:var(--luzmo-avatar-size, var(--avatar-size));block-size:var(--luzmo-avatar-size, var(--avatar-size));border-radius:var(--avatar-border-radius)}:host([rounding=none]){border-radius:0}:host([rounding=none]) img{border-radius:0}:host([rounding=full]){border-radius:100%}:host([rounding=full]) img{border-radius:100%}:host([border=light]){border:var(--luzmo-avatar-border-width, var(--avatar-border-width)) solid var(--luzmo-avatar-border-color, var(--avatar-border-color))}:host([border=none]){border:0}:host{--avatar-color-opacity: 1;--avatar-border-width: var(--luzmo-border-width);--avatar-border-color: var(--luzmo-border-color);--avatar-size: 32px;--avatar-focus-indicator-width: var(--luzmo-indicator-width);--avatar-focus-indicator-gap: var(--luzmo-indicator-gap);--avatar-focus-indicator-color: var(--luzmo-indicator-color);--avatar-color-opacity-disabled: .3}:host([size=xxs]){--avatar-size: var(--luzmo-component-height-xxs)}:host([size=xs]){--avatar-size: var(--luzmo-component-height-xs)}:host([size=s]){--avatar-size: var(--luzmo-component-height-s)}:host{--avatar-size: var(--luzmo-component-height)}:host([size=l]){--avatar-size: var(--luzmo-component-height-l)}:host([size=xl]){--avatar-size: var(--luzmo-component-height-xl)}:host([size=xxl]){--avatar-size: var(--luzmo-component-height-xxl)}img{vertical-align:top}';var m=Object.defineProperty,
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("lit"),t=require("lit/decorators.js"),d=require("lit/directives/if-defined.js"),u=require("../focusable-agUxU61W.cjs"),z=require("../like-anchor-B2EqJPdw.cjs"),l=require("../sized-mixin-DcvJLFeo.cjs"),h='@media (forced-colors: active){:host{--highcontrast-avatar-focus-indicator-color: CanvasText}}:host{--avatar-border-radius: var( --luzmo-avatar-border-radius, var(--luzmo-avatar-size, var(--avatar-size)) );inline-size:var(--luzmo-avatar-size, var(--avatar-size));block-size:var(--luzmo-avatar-size, var(--avatar-size));border-radius:var(--avatar-border-radius);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--luzmo-avatar-color-opacity, var(--avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--highcontrast-avatar-color-opacity-disabled, var(--luzmo-avatar-color-opacity-disabled, var(--avatar-color-opacity-disabled)))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:"";inline-size:calc(var(--luzmo-avatar-custom-size, var(--luzmo-avatar-size, var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) * 2);block-size:calc(var(--luzmo-avatar-custom-size, var(--luzmo-avatar-size, var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) * 2);border-style:solid;border-width:var(--luzmo-avatar-focus-indicator-width, var(--avatar-focus-indicator-width));border-color:var(--highcontrast-avatar-focus-indicator-color, var(--luzmo-avatar-focus-indicator-color, var(--avatar-focus-indicator-color)));border-radius:var(--avatar-border-radius);position:absolute;inset-block-start:calc((var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width, var(--avatar-focus-indicator-width))) * -1);inset-inline-start:calc((var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width, var(--avatar-focus-indicator-width))) * -1)}.link{outline:0}.image{inline-size:var(--luzmo-avatar-size, var(--avatar-size));block-size:var(--luzmo-avatar-size, var(--avatar-size));border-radius:var(--avatar-border-radius)}:host([rounding=none]){border-radius:0}:host([rounding=none]) img{border-radius:0}:host([rounding=full]){border-radius:100%}:host([rounding=full]) img{border-radius:100%}:host([border=light]){border:var(--luzmo-avatar-border-width, var(--avatar-border-width)) solid var(--luzmo-avatar-border-color, var(--avatar-border-color))}:host([border=none]){border:0}:host{--avatar-color-opacity: 1;--avatar-border-width: var(--luzmo-border-width);--avatar-border-color: var(--luzmo-border-color);--avatar-size: 32px;--avatar-focus-indicator-width: var(--luzmo-indicator-width);--avatar-focus-indicator-gap: var(--luzmo-indicator-gap);--avatar-focus-indicator-color: var(--luzmo-indicator-color);--avatar-color-opacity-disabled: .3}:host([size=xxs]){--avatar-size: var(--luzmo-component-height-xxs)}:host([size=xs]){--avatar-size: var(--luzmo-component-height-xs)}:host([size=s]){--avatar-size: var(--luzmo-component-height-s)}:host{--avatar-size: var(--luzmo-component-height)}:host([size=l]){--avatar-size: var(--luzmo-component-height-l)}:host([size=xl]){--avatar-size: var(--luzmo-component-height-xl)}:host([size=xxl]){--avatar-size: var(--luzmo-component-height-xxl)}img{vertical-align:top}';var m=Object.defineProperty,e=(s,i,o,p)=>{for(var r=void 0,v=s.length-1,c;v>=0;v--)(c=s[v])&&(r=c(i,o,r)||r);return r&&m(i,o,r),r};class a extends z.LikeAnchor(l.SizedMixin(u.Focusable,{validSizes:Object.values(l.ElementSizes)})){constructor(){super(...arguments),this.src="",this.isDecorative=!1}static get styles(){return[n.unsafeCSS(h)]}get focusElement(){return this.anchorElement||this}render(){const i=this.label||(this.isDecorative?"":void 0),o=n.html`
|
|
19
19
|
<img
|
|
20
20
|
class="image"
|
|
21
|
-
alt=${d.ifDefined(
|
|
21
|
+
alt=${d.ifDefined(i)}
|
|
22
22
|
src=${this.src}
|
|
23
23
|
/>
|
|
24
|
-
`;return this.href?this.renderAnchor({id:"link",className:"link",anchorContent:o}):o}}
|
|
24
|
+
`;return this.href?this.renderAnchor({id:"link",className:"link",anchorContent:o}):o}}e([t.property({type:String,reflect:!0})],a.prototype,"border");e([t.property({type:String,reflect:!0})],a.prototype,"rounding");e([t.query("#link")],a.prototype,"anchorElement");e([t.property()],a.prototype,"src");e([t.property({type:Boolean,reflect:!0,attribute:"is-decorative"})],a.prototype,"isDecorative");customElements.get("luzmo-avatar")||customElements.define("luzmo-avatar",a);exports.LuzmoAvatar=a;
|
|
@@ -20,27 +20,27 @@ import { property as i, query as d } from "lit/decorators.js";
|
|
|
20
20
|
import { ifDefined as z } from "lit/directives/if-defined.js";
|
|
21
21
|
import { F as v } from "../focusable-DMl8nuHx.js";
|
|
22
22
|
import { L as b } from "../like-anchor-CgqCU210.js";
|
|
23
|
-
import { S as
|
|
23
|
+
import { S as f, E as g } from "../sized-mixin-cJbo3PKR.js";
|
|
24
24
|
const s = () => {
|
|
25
25
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
26
26
|
const o = document.createElement("style");
|
|
27
|
-
o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #
|
|
27
|
+
o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #d000d0;--luzmo-secondary-hover: #c409c4;--luzmo-secondary-down: #b811b8;--luzmo-secondary-focus: #c409c4;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
s();
|
|
31
31
|
const h = '@media (forced-colors: active){:host{--highcontrast-avatar-focus-indicator-color: CanvasText}}:host{--avatar-border-radius: var( --luzmo-avatar-border-radius, var(--luzmo-avatar-size, var(--avatar-size)) );inline-size:var(--luzmo-avatar-size, var(--avatar-size));block-size:var(--luzmo-avatar-size, var(--avatar-size));border-radius:var(--avatar-border-radius);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--luzmo-avatar-color-opacity, var(--avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--highcontrast-avatar-color-opacity-disabled, var(--luzmo-avatar-color-opacity-disabled, var(--avatar-color-opacity-disabled)))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:"";inline-size:calc(var(--luzmo-avatar-custom-size, var(--luzmo-avatar-size, var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) * 2);block-size:calc(var(--luzmo-avatar-custom-size, var(--luzmo-avatar-size, var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) * 2);border-style:solid;border-width:var(--luzmo-avatar-focus-indicator-width, var(--avatar-focus-indicator-width));border-color:var(--highcontrast-avatar-focus-indicator-color, var(--luzmo-avatar-focus-indicator-color, var(--avatar-focus-indicator-color)));border-radius:var(--avatar-border-radius);position:absolute;inset-block-start:calc((var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width, var(--avatar-focus-indicator-width))) * -1);inset-inline-start:calc((var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width, var(--avatar-focus-indicator-width))) * -1)}.link{outline:0}.image{inline-size:var(--luzmo-avatar-size, var(--avatar-size));block-size:var(--luzmo-avatar-size, var(--avatar-size));border-radius:var(--avatar-border-radius)}:host([rounding=none]){border-radius:0}:host([rounding=none]) img{border-radius:0}:host([rounding=full]){border-radius:100%}:host([rounding=full]) img{border-radius:100%}:host([border=light]){border:var(--luzmo-avatar-border-width, var(--avatar-border-width)) solid var(--luzmo-avatar-border-color, var(--avatar-border-color))}:host([border=none]){border:0}:host{--avatar-color-opacity: 1;--avatar-border-width: var(--luzmo-border-width);--avatar-border-color: var(--luzmo-border-color);--avatar-size: 32px;--avatar-focus-indicator-width: var(--luzmo-indicator-width);--avatar-focus-indicator-gap: var(--luzmo-indicator-gap);--avatar-focus-indicator-color: var(--luzmo-indicator-color);--avatar-color-opacity-disabled: .3}:host([size=xxs]){--avatar-size: var(--luzmo-component-height-xxs)}:host([size=xs]){--avatar-size: var(--luzmo-component-height-xs)}:host([size=s]){--avatar-size: var(--luzmo-component-height-s)}:host{--avatar-size: var(--luzmo-component-height)}:host([size=l]){--avatar-size: var(--luzmo-component-height-l)}:host([size=xl]){--avatar-size: var(--luzmo-component-height-xl)}:host([size=xxl]){--avatar-size: var(--luzmo-component-height-xxl)}img{vertical-align:top}';
|
|
32
|
-
var p = Object.defineProperty,
|
|
33
|
-
for (var r = void 0,
|
|
34
|
-
(u = o[
|
|
35
|
-
return r && p(
|
|
32
|
+
var p = Object.defineProperty, l = (o, t, e, x) => {
|
|
33
|
+
for (var r = void 0, c = o.length - 1, u; c >= 0; c--)
|
|
34
|
+
(u = o[c]) && (r = u(t, e, r) || r);
|
|
35
|
+
return r && p(t, e, r), r;
|
|
36
36
|
};
|
|
37
|
-
class
|
|
38
|
-
|
|
39
|
-
validSizes: Object.values(
|
|
37
|
+
class a extends b(
|
|
38
|
+
f(v, {
|
|
39
|
+
validSizes: Object.values(g)
|
|
40
40
|
})
|
|
41
41
|
) {
|
|
42
42
|
constructor() {
|
|
43
|
-
super(...arguments), this.src = "";
|
|
43
|
+
super(...arguments), this.src = "", this.isDecorative = !1;
|
|
44
44
|
}
|
|
45
45
|
static get styles() {
|
|
46
46
|
return [n(h)];
|
|
@@ -49,33 +49,36 @@ class l extends b(
|
|
|
49
49
|
return this.anchorElement || this;
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
|
-
const
|
|
52
|
+
const t = this.label || (this.isDecorative ? "" : void 0), e = m`
|
|
53
53
|
<img
|
|
54
54
|
class="image"
|
|
55
|
-
alt=${z(
|
|
55
|
+
alt=${z(t)}
|
|
56
56
|
src=${this.src}
|
|
57
57
|
/>
|
|
58
58
|
`;
|
|
59
59
|
return this.href ? this.renderAnchor({
|
|
60
60
|
id: "link",
|
|
61
61
|
className: "link",
|
|
62
|
-
anchorContent:
|
|
63
|
-
}) :
|
|
62
|
+
anchorContent: e
|
|
63
|
+
}) : e;
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
|
|
66
|
+
l([
|
|
67
67
|
i({ type: String, reflect: !0 })
|
|
68
|
-
],
|
|
69
|
-
|
|
68
|
+
], a.prototype, "border");
|
|
69
|
+
l([
|
|
70
70
|
i({ type: String, reflect: !0 })
|
|
71
|
-
],
|
|
72
|
-
|
|
71
|
+
], a.prototype, "rounding");
|
|
72
|
+
l([
|
|
73
73
|
d("#link")
|
|
74
|
-
],
|
|
75
|
-
|
|
74
|
+
], a.prototype, "anchorElement");
|
|
75
|
+
l([
|
|
76
76
|
i()
|
|
77
|
-
],
|
|
78
|
-
|
|
77
|
+
], a.prototype, "src");
|
|
78
|
+
l([
|
|
79
|
+
i({ type: Boolean, reflect: !0, attribute: "is-decorative" })
|
|
80
|
+
], a.prototype, "isDecorative");
|
|
81
|
+
customElements.get("luzmo-avatar") || customElements.define("luzmo-avatar", a);
|
|
79
82
|
export {
|
|
80
|
-
|
|
83
|
+
a as LuzmoAvatar
|
|
81
84
|
};
|
|
@@ -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"),s=require("../base-DxRGeCrb.cjs"),b=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: rgb(180, 164, 0);--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: white}: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: white}: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(b.ObserveSlotText(s.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)));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`
|
|
19
19
|
<slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
|
|
20
20
|
<span class="label" ?hidden=${!this.hasLabel}>
|
|
21
21
|
<slot @slotchange=${this.manageTextObservedSlot}></slot>
|