@luzmo/lucero 1.0.1-alpha.43 → 1.0.1-alpha.44

package/components/button/index.cjs

@@ -15,6 +15,6 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("lit"),a=require("lit/decorators.js"),m=require("../pending-state-DQctFHI8.cjs"),v=require("../sized-mixin-DcvJLFeo.cjs"),g=require("../button-base-BdzHcHRs.cjs"),d=require("@luzmo/icons"),h=require("../close-button-Decm0Qbb.cjs"),f=':host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family, var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height, 1.3);text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,border-color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,box-shadow var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(-1 * var(--luzmo-button-focus-indicator-gap, var(--luzmo-focus-indicator-gap, 2px)));transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-button-animation-duration, var(--luzmo-animation-duration))) ease-out,margin var(--luzmo-button-animation-duration, var(--luzmo-button-animation-duration, var(--luzmo-animation-duration))) ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--luzmo-focus-indicator-gap, 2px) * -2)}#label{place-self:center}#label[hidden]{display:none}:host{--luzmo-progress-circle-position: absolute;border-radius:var(--luzmo-button-border-radius, var(--button-border-radius));border-width:var(--luzmo-button-border-width, var(--button-border-width))!important;font-size:var(--luzmo-button-font-size, var(--button-font-size));font-weight:var(--luzmo-button-font-weight, var(--luzmo-font-weight));gap:var(--luzmo-button-padding-label-to-icon, var(--button-padding-label-to-icon));max-inline-size:none;max-inline-size:var(--luzmo-button-max-inline-size, none);min-inline-size:var(--luzmo-button-min-width, var(--button-min-width));min-block-size:var(--luzmo-button-height, var(--button-height));padding-block:0;padding-inline:var(--luzmo-button-edge-to-text, var(--button-edge-to-text));color:inherit;margin-block:0;margin-block:var(--luzmo-button-margin-block, 0);border-style:var(--luzmo-button-border-style, solid)!important;margin-inline-start:var(--luzmo-button-margin-left, 0);margin-inline-end:var(--luzmo-button-margin-right, 0);position:relative}:host(:is(:active,[active])){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference: max( 0px, var(--button-intended-icon-size) - var( --icon-size, var(--button-intended-icon-size) ) );color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--luzmo-button-icon-margin-block-start, max(0px, var(--luzmo-button-top-to-icon, var(--button-top-to-icon)) - var(--luzmo-button-border-width, var(--button-border-width)) + var(--_icon-size-difference, 0px) / 2));margin-inline-start:calc(var(--luzmo-button-edge-to-visual, var(--button-edge-to-visual)) - var(--luzmo-button-edge-to-text, var(--button-edge-to-text)))}:host([icon-only]){min-inline-size:var(--luzmo-button-icon-only-min-inline-size, var(--button-height));padding:calc(var(--luzmo-button-edge-to-visual-only, var(--button-edge-to-visual-only)) - var(--luzmo-button-border-width, var(--button-border-width)));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{line-height:var(--luzmo-button-line-height, var(--button-line-height));text-align:center;text-align:var(--luzmo-button-text-align, center);align-self:start;padding-block-start:calc(var(--luzmo-button-top-to-text, var(--button-top-to-text)) - var(--luzmo-button-border-width, var(--button-border-width)));padding-block-end:calc(var(--luzmo-button-bottom-to-text, var(--button-bottom-to-text)) - var(--luzmo-button-border-width, var(--button-border-width)))}[name=icon]+#label{text-align:start;text-align:var(--luzmo-button-text-align-with-icon, start)}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness, var(--button-focus-ring-thickness)) var(--luzmo-button-focus-ring-color, var(--button-focus-indicator-color))}:host{transition:border-color var(--luzmo-button-animation-duration, var(--button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-button-focus-ring-gap, var(--button-focus-ring-gap)) + var(--luzmo-button-border-width, var(--button-border-width))) * -1);border-radius:var(--luzmo-button-focus-ring-border-radius, calc(var(--luzmo-button-border-radius, var(--button-border-radius)) + var(--luzmo-focus-indicator-gap, 2px)));transition:box-shadow var(--luzmo-button-animation-duration, var(--button-animation-duration)) ease-in-out;pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness, var(--button-focus-ring-thickness)) var(--highcontrast-button-focus-ring-color, var(--luzmo-button-focus-ring-color, var(--luzmo-button-focus-ring-color, var(--button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default, var(--luzmo-button-background-color-default, var(--button-background-color-default)));border-color:var(--highcontrast-button-border-color-default, var(--luzmo-button-border-color-default, var(--button-border-color-default)))!important;color:var(--highcontrast-button-content-color-default, var(--luzmo-button-content-color-default, var(--button-content-color-default)));transition:border .13s linear,color .13s linear,background-color .13s linear;transition:border var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) linear,color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) linear,background-color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) linear}@media (hover: hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover, var(--luzmo-button-background-color-hover, var(--button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover, var(--luzmo-button-border-color-hover, var(--button-border-color-hover)))!important;color:var(--highcontrast-button-content-color-hover, var(--luzmo-button-content-color-hover, var(--button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus, var(--luzmo-button-background-color-focus, var(--button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus, var(--luzmo-button-border-color-focus, var(--button-border-color-focus)))!important;color:var(--highcontrast-button-content-color-focus, var(--luzmo-button-content-color-focus, var(--button-content-color-focus)))}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down, var(--luzmo-button-background-color-down, var(--button-background-color-down)));border-color:var(--highcontrast-button-border-color-down, var(--luzmo-button-border-color-down, var(--button-border-color-down)))!important;color:var(--highcontrast-button-content-color-down, var(--luzmo-button-content-color-down, var(--button-content-color-down)))}:host .is-disabled,:host([pending]),:host([disabled]){background-color:var(--highcontrast-button-background-color-disabled, var(--luzmo-button-background-color-disabled, var(--button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled, var(--luzmo-button-border-color-disabled, var(--button-border-color-disabled)))!important;color:var(--highcontrast-button-content-color-disabled, var(--luzmo-button-content-color-disabled, var(--button-content-color-disabled)))}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) ease-in-out}.luzmo-progress-circle{visibility:hidden;opacity:0;transition:opacity .13s ease-in-out,visibility 0s linear .13s;transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) ease-in-out,visibility 0s linear var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s))}:host([pending]){cursor:default}:host([pending]) .luzmo-progress-circle{visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) ease-in-out}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([static-color=white]){--button-focus-indicator-color: var( --luzmo-static-black-focus-indicator-color, rgb(0, 0, 0) )}:host([static-color=white][selected]){--button-content-color-default: var( --luzmo-button-static-content-color, rgba(255, 255, 255, .9) );--button-content-color-hover: var( --luzmo-button-static-content-color, rgb(255, 255, 255) );--button-content-color-down: var( --luzmo-button-static-content-color, rgb(255, 255, 255) );--button-content-color-focus: var( --luzmo-button-static-content-color, rgb(255, 255, 255) )}:host([static-color=black]){--button-focus-indicator-color: var( --luzmo-static-black-focus-indicator-color, rgb(0, 0, 0) )}@media (forced-colors: active){:host{--highcontrast-button-content-color-default: ButtonText;--highcontrast-button-content-color-hover: ButtonText;--highcontrast-button-content-color-focus: ButtonText;--highcontrast-button-content-color-down: ButtonText;--highcontrast-button-border-color-default: ButtonBorder;--highcontrast-button-border-color-hover: ButtonBorder;--highcontrast-button-border-color-focus: ButtonBorder;--highcontrast-button-border-color-down: ButtonBorder;--highcontrast-button-background-color-default: ButtonFace;--highcontrast-button-background-color-hover: ButtonFace;--highcontrast-button-background-color-down: ButtonFace;--highcontrast-button-background-color-focus: ButtonFace;--highcontrast-button-background-color-disabled: ButtonFace;--highcontrast-button-content-color-disabled: GrayText;--highcontrast-button-border-color-disabled: GrayText;--luzmo-progress-circle-track-border-color: ButtonText;--luzmo-progress-circle-track-border-color-over-background: ButtonText;--luzmo-progress-circle-thickness: 3px;--luzmo-button-animation-duration: 0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness, var(--button-focus-ring-thickness)) ButtonText}}:host{--button-animation-duration: var(--luzmo-animation-duration);--button-border-radius: var(--luzmo-border-radius);--button-border-width: var(--luzmo-border-width);--button-line-height: 1.2;--button-focus-ring-gap: var(--luzmo-indicator-gap);--button-focus-ring-thickness: var(--luzmo-indicator-width);--button-focus-indicator-color: var(--luzmo-primary);--button-intended-icon-size: 18px;--button-background-color-default: var(--luzmo-background-color);--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-active);--button-background-color-focus: var(--luzmo-primary);--button-border-color-default: var(--luzmlo-border-color-full);--button-border-color-hover: var(--luzmo-border-color-full-hover);--button-border-color-down: var(--luzmo-border-color-full-down);--button-border-color-focus: var(--luzmo-border-color-full-focus);--button-content-color-default: var(--luzmo-font-color);--button-content-color-hover: var(--luzmo-font-color-hover);--button-content-color-down: var(--luzmo-font-color-down);--button-content-color-focus: var(--luzmo-font-color-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-disabled-color);--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=negative]){--button-background-color-default: var(--luzmo-negative-color);--button-background-color-hover: var(--luzmo-negative-color-hover);--button-background-color-down: var(--luzmo-negative-color-down);--button-background-color-focus: var(--luzmo-negative-color-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=negative][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-negative-color);--button-border-color-hover: var(--luzmo-negative-color-hover);--button-border-color-down: var(--luzmo-negative-color-down);--button-border-color-focus: var(--luzmo-negative-color-focus);--button-content-color-default: var(--luzmo-negative-color);--button-content-color-hover: var(--luzmo-negative-color-down);--button-content-color-down: var(--luzmo-negative-color-down);--button-content-color-focus: var(--luzmo-negative-color-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=positive]){--button-background-color-default: var(--luzmo-positive-color);--button-background-color-hover: var(--luzmo-positive-color-hover);--button-background-color-down: var(--luzmo-positive-color-down);--button-background-color-focus: var(--luzmo-positive-color-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=positive][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-positive-color);--button-border-color-hover: var(--luzmo-positive-color-hover);--button-border-color-down: var(--luzmo-positive-color-down);--button-border-color-focus: var(--luzmo-positive-color-focus);--button-content-color-default: var(--luzmo-positive-color);--button-content-color-hover: var(--luzmo-positive-color-down);--button-content-color-down: var(--luzmo-positive-color-down);--button-content-color-focus: var(--luzmo-positive-color-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=primary]){--button-background-color-default: var(--luzmo-primary);--button-background-color-hover: var(--luzmo-primary-hover);--button-background-color-down: var(--luzmo-primary-down);--button-background-color-focus: var(--luzmo-primary-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=primary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-primary);--button-border-color-hover: var(--luzmo-primary-hover);--button-border-color-down: var(--luzmo-primary-down);--button-border-color-focus: var(--luzmo-primary-focus);--button-content-color-default: var(--luzmo-primary);--button-content-color-hover: var(--luzmo-primary-down);--button-content-color-down: var(--luzmo-primary-down);--button-content-color-focus: var(--luzmo-primary-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=secondary]){--button-background-color-default: var(--luzmo-secondary);--button-background-color-hover: var(--luzmo-secondary-hover);--button-background-color-down: var(--luzmo-secondary-down);--button-background-color-focus: var(--luzmo-secondary-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: var(--luzmo-secondary-inverse-color);--button-content-color-hover: var(--luzmo-secondary-inverse-color);--button-content-color-down: var(--luzmo-secondary-inverse-color);--button-content-color-focus: var(--luzmo-secondary-inverse-color);--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=secondary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-secondary);--button-border-color-hover: var(--luzmo-secondary-hover);--button-border-color-down: var(--luzmo-secondary-down);--button-border-color-focus: var(--luzmo-secondary-focus);--button-content-color-default: var(--luzmo-secondary);--button-content-color-hover: var(--luzmo-secondary-down);--button-content-color-down: var(--luzmo-secondary-down);--button-content-color-focus: var(--luzmo-secondary-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([quiet]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-background-color-disabled: transparent;--button-border-color-disabled: transparent}:host([variant=primary][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent;--button-content-color-default: var(--luzmo-font-color);--button-content-color-hover: var(--luzmo-font-color-hover);--button-content-color-down: var(--luzmo-font-color-down);--button-content-color-focus: var(--luzmo-font-color-focus);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=secondary][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent;--button-content-color-default: var(--luzmo-font-color);--button-content-color-hover: var(--luzmo-font-color-hover);--button-content-color-down: var(--luzmo-font-color-down);--button-content-color-focus: var(--luzmo-font-color-focus);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=negative][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent;--button-content-color-default: var(--luzmo-font-color);--button-content-color-hover: var(--luzmo-font-color-hover);--button-content-color-down: var(--luzmo-font-color-down);--button-content-color-focus: var(--luzmo-font-color-focus);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=positive][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent;--button-content-color-default: var(--luzmo-font-color);--button-content-color-hover: var(--luzmo-font-color-hover);--button-content-color-down: var(--luzmo-font-color-down);--button-content-color-focus: var(--luzmo-font-color-focus);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([selected]){--button-background-color-default: var(--luzmo-selected-color);--button-background-color-hover: var(--luzmo-selected-color-hover);--button-background-color-down: var(--luzmo-selected-color-down);--button-background-color-focus: var(--luzmo-selected-color-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent}:host([selected][emphasized]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus)}:host([static-color=black][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent}:host([static-color=white][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent}:host([static-color=white]){--button-background-color-default: rgba(255, 255, 255 .9);--button-background-color-hover: rgb(255, 255, 255);--button-background-color-down: rgb(255, 255, 255);--button-background-color-focus: rgb(255, 255, 255);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: rgba(255, 255, 255, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=white][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(255, 255, 255, .25);--button-background-color-down: rgba(255, 255, 255, .4);--button-background-color-focus: rgba(255, 255, 255, .25);--button-border-color-default: rgba(255, 255, 255, .9);--button-border-color-hover: rgb(255, 255, 255);--button-border-color-down: rgb(255, 255, 255);--button-border-color-focus: rgb(255, 255, 255);--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(255, 255, 255, .25);--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=white][selected]){--button-background-color-default: rgba(255, 255, 255, .9);--button-background-color-hover: rgb(255, 255, 255);--button-background-color-down: rgb(255, 255, 255);--button-background-color-focus: rgb(255, 255, 255);--button-static-white-content-color-default: rgb(0, 0, 0);--button-static-white-content-color-hover: rgb(0, 0, 0);--button-static-white-content-color-down: rgb(0, 0, 0);--button-static-white-content-color-focus: rgb(0, 0, 0);--button-background-color-disabled: rgba(255, 255, 255, .1);--button-border-color-disabled: transparent}:host([static-color=white][variant=secondary]){--button-background-color-default: rgba(255, 255, 255, .1);--button-background-color-hover: rgba(255, 255, 255, .25);--button-background-color-down: rgba(255, 255, 255, .4);--button-background-color-focus: rgba(255, 255, 255, .25);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: rgba(255, 255, 255, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=white][variant=secondary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(255, 255, 255, .25);--button-background-color-down: rgba(255, 255, 255, .4);--button-background-color-focus: rgba(255, 255, 255, .25);--button-border-color-default: rgba(255, 255, 255, .25);--button-border-color-hover: rgba(255, 255, 255, .4);--button-border-color-down: rgba(255, 255, 255, .55);--button-border-color-focus: rgba(255, 255, 255, .4);--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(255, 255, 255, .25);--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=black]){--button-background-color-default: rgba(0, 0, 0, .9);--button-background-color-hover: rgb(0, 0, 0);--button-background-color-down: rgb(0, 0, 0);--button-background-color-focus: rgb(0, 0, 0);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: rgba(0, 0, 0, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([static-color=black][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(0, 0, 0, .25);--button-background-color-down: rgba(0, 0, 0, .4);--button-background-color-focus: rgba(0, 0, 0, .25);--button-border-color-default: rgba(0, 0, 0, .4);--button-border-color-hover: rgba(0, 0, 0, .55);--button-border-color-down: rgba(0, 0, 0, .7);--button-border-color-focus: rgba(0, 0, 0, .55);--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(0, 0, 0, .25);--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([static-color=black][variant=secondary]){--button-background-color-default: rgba(0, 0, 0, .1);--button-background-color-hover: rgba(0, 0, 0, .25);--button-background-color-down: rgba(0, 0, 0, .4);--button-background-color-focus: rgba(0, 0, 0, .25);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: rgba(0, 0, 0, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([static-color=black][variant=secondary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(0, 0, 0, .25);--button-background-color-down: rgba(0, 0, 0, .4);--button-background-color-focus: rgba(0, 0, 0, .25);--button-border-color-default: rgba(0, 0, 0, .25);--button-border-color-hover: rgba(0, 0, 0, .4);--button-border-color-down: rgba(0, 0, 0, .55);--button-border-color-focus: rgba(0, 0, 0, .4);--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(0, 0, 0, .25);--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([size=s]){--button-min-width: 54px;--button-border-radius: var(--luzmo-border-radius-s);--button-height: 24px;--button-font-size: 12px;--button-edge-to-visual: 8px;--button-edge-to-visual-only: 4px;--button-edge-to-text: 10px;--button-padding-label-to-icon: 7px;--button-top-to-text: 5px;--button-bottom-to-text: 4px;--button-top-to-icon: 4px;--button-intended-icon-size: 16px}:host{--button-min-width: 72px;--button-border-radius: var(--luzmo-border-radius);--button-height: 32px;--button-font-size: 14px;--button-edge-to-visual: 12px;--button-edge-to-visual-only: 7px;--button-edge-to-text: 14px;--button-padding-label-to-icon: 8px;--button-top-to-text: 7px;--button-bottom-to-text: 8px;--button-top-to-icon: 7px;--button-intended-icon-size: 18px}:host([size=l]){--button-min-width: 90px;--button-border-radius: var(--luzmo-border-radius);--button-height: 40px;--button-font-size: 16px;--button-edge-to-visual: 16px;--button-edge-to-visual-only: 10px;--button-edge-to-text: 18px;--button-padding-label-to-icon: 9px;--button-top-to-text: 10px;--button-bottom-to-text: 10px;--button-top-to-icon: 10px;--button-intended-icon-size: 20px}:host([size=xl]){--button-min-width: 108px;--button-border-radius: var(--luzmo-border-radius);--button-height: 48px;--button-font-size: 18px;--button-edge-to-visual: 19px;--button-edge-to-visual-only: 13px;--button-edge-to-text: 22px;--button-padding-label-to-icon: 10px;--button-top-to-text: 13px;--button-bottom-to-text: 13px;--button-top-to-icon: 13px;--button-intended-icon-size: 22px}@media (forced-colors: active){:host([treatment][disabled]){border-color:graytext!important}:host([treatment]:not([disabled]):hover){border-color:highlight!important}:host(.remove-focus-ring-safari-hack:focus-visible):after{forced-color-adjust:none;box-shadow:none}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var(--highcontrast-button-background-color-disabled, var(--luzmo-button-background-color-disabled, var(--button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled, var(--luzmo-button-border-color-disabled, var(--button-border-color-disabled)))!important;color:var(--highcontrast-button-content-color-disabled, var(--luzmo-button-content-color-disabled, var(--button-content-color-disabled)))}}:host([pending]:not([disabled])){cursor:default;pointer-events:none;animation:update-pending-button-styles 0s var(--pending-delay, 1s) forwards}::slotted([slot=icon]){visibility:revert-layer;--luzmo-progress-circle-position: relative;--icon-size: inherit}luzmo-progress-circle{display:block;visibility:hidden;position:absolute;left:50%;transform:translate(-50%)}:host([pending]:not([disabled])) luzmo-progress-circle{animation:show-progress-circle 0s var(--pending-delay, 1s) forwards}:host([pending]:not([disabled])) slot[name=icon],:host([pending]:not([disabled])) #label{animation:hide-icons-label 0s var(--pending-delay, 1s) forwards}:host(.remove-focus-ring-safari-hack:focus-visible):after{margin:calc(-1 * var(--luzmo-button-focus-indicator-gap, var(--luzmo-focus-indicator-gap, var(--focus-indicator-gap))));box-shadow:none}:host(.remove-focus-ring-safari-hack:focus-visible){box-shadow:none;outline:none}:host(.remove-focus-ring-safari-hack:focus-visible:not(:hover)){background-color:var(--highcontrast-button-background-color-default, var(--luzmo-button-background-color-default, var(--button-background-color-default)));border-color:var(--highcontrast-button-border-color-default, var(--luzmo-button-border-color-default, var(--button-border-color-default)))!important;color:var(--highcontrast-button-content-color-default, var(--luzmo-button-content-color-default, var(--button-content-color-default)))}';var p=Object.defineProperty,z=Object.getOwnPropertyDescriptor,u=(r,o,c,b)=>{for(var t=b>1?void 0:b?z(o,c):o,e=r.length-1,l;e>=0;e--)(l=r[e])&&(t=(b?l(o,c,t):l(t))||t);return b&&t&&p(o,c,t),t};const k=["primary","secondary","negative","positive","white","black"];class n extends v.SizedMixin(g.LuzmoButtonBase,{noDefaultSize:!0}){constructor(){super(),this.pendingLabel="Pending",this.pending=!1,this._variant="primary",this.treatment="fill",this._quiet=!1,this.noWrap=!1,this.pendingStateController=new m.PendingStateController(this)}static get styles(){return[...super.styles,i.unsafeCSS(f)]}click(){this.pending||super.click()}get variant(){return this._variant}set variant(o){if(o!==this.variant){switch(this.requestUpdate("variant",this.variant),o){case"white":{this.staticColor=o,this.removeAttribute("variant");return}case"black":{this.staticColor=o,this.removeAttribute("variant");return}case null:return;default:{this._variant=k.includes(o)?o:"primary";break}}this.setAttribute("variant",this.variant)}}set quiet(o){this._quiet=o,this.treatment=o?"outline":"fill"}get quiet(){return this._quiet}firstUpdated(o){super.firstUpdated(o),this.hasAttribute("variant")||this.setAttribute("variant",this.variant),this.pending&&this.pendingStateController.hostUpdated()}renderButton(){return i.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("lit"),a=require("lit/decorators.js"),m=require("../pending-state-DBfiIiwY.cjs"),v=require("../sized-mixin-DcvJLFeo.cjs"),g=require("../button-base-D-gp73uZ.cjs"),d=require("@luzmo/icons"),h=require("../close-button-CSGamYgn.cjs"),f=':host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family, var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height, 1.3);text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,border-color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,box-shadow var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(-1 * var(--luzmo-button-focus-indicator-gap, var(--luzmo-focus-indicator-gap, 2px)));transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-button-animation-duration, var(--luzmo-animation-duration))) ease-out,margin var(--luzmo-button-animation-duration, var(--luzmo-button-animation-duration, var(--luzmo-animation-duration))) ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--luzmo-focus-indicator-gap, 2px) * -2)}#label{place-self:center}#label[hidden]{display:none}:host{--luzmo-progress-circle-position: absolute;border-radius:var(--luzmo-button-border-radius, var(--button-border-radius));border-width:var(--luzmo-button-border-width, var(--button-border-width))!important;font-size:var(--luzmo-button-font-size, var(--button-font-size));font-weight:var(--luzmo-button-font-weight, var(--luzmo-font-weight));gap:var(--luzmo-button-padding-label-to-icon, var(--button-padding-label-to-icon));max-inline-size:none;max-inline-size:var(--luzmo-button-max-inline-size, none);min-inline-size:var(--luzmo-button-min-width, var(--button-min-width));min-block-size:var(--luzmo-button-height, var(--button-height));padding-block:0;padding-inline:var(--luzmo-button-edge-to-text, var(--button-edge-to-text));color:inherit;margin-block:0;margin-block:var(--luzmo-button-margin-block, 0);border-style:var(--luzmo-button-border-style, solid)!important;margin-inline-start:var(--luzmo-button-margin-left, 0);margin-inline-end:var(--luzmo-button-margin-right, 0);position:relative}:host(:is(:active,[active])){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference: max( 0px, var(--button-intended-icon-size) - var( --icon-size, var(--button-intended-icon-size) ) );color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--luzmo-button-icon-margin-block-start, max(0px, var(--luzmo-button-top-to-icon, var(--button-top-to-icon)) - var(--luzmo-button-border-width, var(--button-border-width)) + var(--_icon-size-difference, 0px) / 2));margin-inline-start:calc(var(--luzmo-button-edge-to-visual, var(--button-edge-to-visual)) - var(--luzmo-button-edge-to-text, var(--button-edge-to-text)))}:host([icon-only]){min-inline-size:var(--luzmo-button-icon-only-min-inline-size, var(--button-height));padding:calc(var(--luzmo-button-edge-to-visual-only, var(--button-edge-to-visual-only)) - var(--luzmo-button-border-width, var(--button-border-width)));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{line-height:var(--luzmo-button-line-height, var(--button-line-height));text-align:center;text-align:var(--luzmo-button-text-align, center);align-self:start;padding-block-start:calc(var(--luzmo-button-top-to-text, var(--button-top-to-text)) - var(--luzmo-button-border-width, var(--button-border-width)));padding-block-end:calc(var(--luzmo-button-bottom-to-text, var(--button-bottom-to-text)) - var(--luzmo-button-border-width, var(--button-border-width)))}[name=icon]+#label{text-align:start;text-align:var(--luzmo-button-text-align-with-icon, start)}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness, var(--button-focus-ring-thickness)) var(--luzmo-button-focus-ring-color, var(--button-focus-indicator-color))}:host{transition:border-color var(--luzmo-button-animation-duration, var(--button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-button-focus-ring-gap, var(--button-focus-ring-gap)) + var(--luzmo-button-border-width, var(--button-border-width))) * -1);border-radius:var(--luzmo-button-focus-ring-border-radius, calc(var(--luzmo-button-border-radius, var(--button-border-radius)) + var(--luzmo-focus-indicator-gap, 2px)));transition:box-shadow var(--luzmo-button-animation-duration, var(--button-animation-duration)) ease-in-out;pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness, var(--button-focus-ring-thickness)) var(--highcontrast-button-focus-ring-color, var(--luzmo-button-focus-ring-color, var(--luzmo-button-focus-ring-color, var(--button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default, var(--luzmo-button-background-color-default, var(--button-background-color-default)));border-color:var(--highcontrast-button-border-color-default, var(--luzmo-button-border-color-default, var(--button-border-color-default)))!important;color:var(--highcontrast-button-content-color-default, var(--luzmo-button-content-color-default, var(--button-content-color-default)));transition:border .13s linear,color .13s linear,background-color .13s linear;transition:border var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) linear,color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) linear,background-color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) linear}@media (hover: hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover, var(--luzmo-button-background-color-hover, var(--button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover, var(--luzmo-button-border-color-hover, var(--button-border-color-hover)))!important;color:var(--highcontrast-button-content-color-hover, var(--luzmo-button-content-color-hover, var(--button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus, var(--luzmo-button-background-color-focus, var(--button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus, var(--luzmo-button-border-color-focus, var(--button-border-color-focus)))!important;color:var(--highcontrast-button-content-color-focus, var(--luzmo-button-content-color-focus, var(--button-content-color-focus)))}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down, var(--luzmo-button-background-color-down, var(--button-background-color-down)));border-color:var(--highcontrast-button-border-color-down, var(--luzmo-button-border-color-down, var(--button-border-color-down)))!important;color:var(--highcontrast-button-content-color-down, var(--luzmo-button-content-color-down, var(--button-content-color-down)))}:host .is-disabled,:host([pending]),:host([disabled]){background-color:var(--highcontrast-button-background-color-disabled, var(--luzmo-button-background-color-disabled, var(--button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled, var(--luzmo-button-border-color-disabled, var(--button-border-color-disabled)))!important;color:var(--highcontrast-button-content-color-disabled, var(--luzmo-button-content-color-disabled, var(--button-content-color-disabled)))}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) ease-in-out}.luzmo-progress-circle{visibility:hidden;opacity:0;transition:opacity .13s ease-in-out,visibility 0s linear .13s;transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) ease-in-out,visibility 0s linear var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s))}:host([pending]){cursor:default}:host([pending]) .luzmo-progress-circle{visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) ease-in-out}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([static-color=white]){--button-focus-indicator-color: var( --luzmo-static-black-focus-indicator-color, rgb(0, 0, 0) )}:host([static-color=white][selected]){--button-content-color-default: var( --luzmo-button-static-content-color, rgba(255, 255, 255, .9) );--button-content-color-hover: var( --luzmo-button-static-content-color, rgb(255, 255, 255) );--button-content-color-down: var( --luzmo-button-static-content-color, rgb(255, 255, 255) );--button-content-color-focus: var( --luzmo-button-static-content-color, rgb(255, 255, 255) )}:host([static-color=black]){--button-focus-indicator-color: var( --luzmo-static-black-focus-indicator-color, rgb(0, 0, 0) )}@media (forced-colors: active){:host{--highcontrast-button-content-color-default: ButtonText;--highcontrast-button-content-color-hover: ButtonText;--highcontrast-button-content-color-focus: ButtonText;--highcontrast-button-content-color-down: ButtonText;--highcontrast-button-border-color-default: ButtonBorder;--highcontrast-button-border-color-hover: ButtonBorder;--highcontrast-button-border-color-focus: ButtonBorder;--highcontrast-button-border-color-down: ButtonBorder;--highcontrast-button-background-color-default: ButtonFace;--highcontrast-button-background-color-hover: ButtonFace;--highcontrast-button-background-color-down: ButtonFace;--highcontrast-button-background-color-focus: ButtonFace;--highcontrast-button-background-color-disabled: ButtonFace;--highcontrast-button-content-color-disabled: GrayText;--highcontrast-button-border-color-disabled: GrayText;--luzmo-progress-circle-track-border-color: ButtonText;--luzmo-progress-circle-track-border-color-over-background: ButtonText;--luzmo-progress-circle-thickness: 3px;--luzmo-button-animation-duration: 0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness, var(--button-focus-ring-thickness)) ButtonText}}:host{--button-animation-duration: var(--luzmo-animation-duration);--button-border-radius: var(--luzmo-border-radius);--button-border-width: var(--luzmo-border-width);--button-line-height: 1.2;--button-focus-ring-gap: var(--luzmo-indicator-gap);--button-focus-ring-thickness: var(--luzmo-indicator-width);--button-focus-indicator-color: var(--luzmo-primary);--button-intended-icon-size: 18px;--button-background-color-default: var(--luzmo-background-color);--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-active);--button-background-color-focus: var(--luzmo-primary);--button-border-color-default: var(--luzmlo-border-color-full);--button-border-color-hover: var(--luzmo-border-color-full-hover);--button-border-color-down: var(--luzmo-border-color-full-down);--button-border-color-focus: var(--luzmo-border-color-full-focus);--button-content-color-default: var(--luzmo-font-color);--button-content-color-hover: var(--luzmo-font-color-hover);--button-content-color-down: var(--luzmo-font-color-down);--button-content-color-focus: var(--luzmo-font-color-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-disabled-color);--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=negative]){--button-background-color-default: var(--luzmo-negative-color);--button-background-color-hover: var(--luzmo-negative-color-hover);--button-background-color-down: var(--luzmo-negative-color-down);--button-background-color-focus: var(--luzmo-negative-color-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=negative][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-negative-color);--button-border-color-hover: var(--luzmo-negative-color-hover);--button-border-color-down: var(--luzmo-negative-color-down);--button-border-color-focus: var(--luzmo-negative-color-focus);--button-content-color-default: var(--luzmo-negative-color);--button-content-color-hover: var(--luzmo-negative-color-down);--button-content-color-down: var(--luzmo-negative-color-down);--button-content-color-focus: var(--luzmo-negative-color-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=positive]){--button-background-color-default: var(--luzmo-positive-color);--button-background-color-hover: var(--luzmo-positive-color-hover);--button-background-color-down: var(--luzmo-positive-color-down);--button-background-color-focus: var(--luzmo-positive-color-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=positive][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-positive-color);--button-border-color-hover: var(--luzmo-positive-color-hover);--button-border-color-down: var(--luzmo-positive-color-down);--button-border-color-focus: var(--luzmo-positive-color-focus);--button-content-color-default: var(--luzmo-positive-color);--button-content-color-hover: var(--luzmo-positive-color-down);--button-content-color-down: var(--luzmo-positive-color-down);--button-content-color-focus: var(--luzmo-positive-color-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=primary]){--button-background-color-default: var(--luzmo-primary);--button-background-color-hover: var(--luzmo-primary-hover);--button-background-color-down: var(--luzmo-primary-down);--button-background-color-focus: var(--luzmo-primary-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=primary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-primary);--button-border-color-hover: var(--luzmo-primary-hover);--button-border-color-down: var(--luzmo-primary-down);--button-border-color-focus: var(--luzmo-primary-focus);--button-content-color-default: var(--luzmo-primary);--button-content-color-hover: var(--luzmo-primary-down);--button-content-color-down: var(--luzmo-primary-down);--button-content-color-focus: var(--luzmo-primary-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=secondary]){--button-background-color-default: var(--luzmo-secondary);--button-background-color-hover: var(--luzmo-secondary-hover);--button-background-color-down: var(--luzmo-secondary-down);--button-background-color-focus: var(--luzmo-secondary-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: var(--luzmo-secondary-inverse-color);--button-content-color-hover: var(--luzmo-secondary-inverse-color);--button-content-color-down: var(--luzmo-secondary-inverse-color);--button-content-color-focus: var(--luzmo-secondary-inverse-color);--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=secondary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-secondary);--button-border-color-hover: var(--luzmo-secondary-hover);--button-border-color-down: var(--luzmo-secondary-down);--button-border-color-focus: var(--luzmo-secondary-focus);--button-content-color-default: var(--luzmo-secondary);--button-content-color-hover: var(--luzmo-secondary-down);--button-content-color-down: var(--luzmo-secondary-down);--button-content-color-focus: var(--luzmo-secondary-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([quiet]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-background-color-disabled: transparent;--button-border-color-disabled: transparent}:host([variant=primary][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent;--button-content-color-default: var(--luzmo-font-color);--button-content-color-hover: var(--luzmo-font-color-hover);--button-content-color-down: var(--luzmo-font-color-down);--button-content-color-focus: var(--luzmo-font-color-focus);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=secondary][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent;--button-content-color-default: var(--luzmo-font-color);--button-content-color-hover: var(--luzmo-font-color-hover);--button-content-color-down: var(--luzmo-font-color-down);--button-content-color-focus: var(--luzmo-font-color-focus);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=negative][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent;--button-content-color-default: var(--luzmo-font-color);--button-content-color-hover: var(--luzmo-font-color-hover);--button-content-color-down: var(--luzmo-font-color-down);--button-content-color-focus: var(--luzmo-font-color-focus);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=positive][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent;--button-content-color-default: var(--luzmo-font-color);--button-content-color-hover: var(--luzmo-font-color-hover);--button-content-color-down: var(--luzmo-font-color-down);--button-content-color-focus: var(--luzmo-font-color-focus);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([selected]){--button-background-color-default: var(--luzmo-selected-color);--button-background-color-hover: var(--luzmo-selected-color-hover);--button-background-color-down: var(--luzmo-selected-color-down);--button-background-color-focus: var(--luzmo-selected-color-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent}:host([selected][emphasized]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus)}:host([static-color=black][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent}:host([static-color=white][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent}:host([static-color=white]){--button-background-color-default: rgba(255, 255, 255 .9);--button-background-color-hover: rgb(255, 255, 255);--button-background-color-down: rgb(255, 255, 255);--button-background-color-focus: rgb(255, 255, 255);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: rgba(255, 255, 255, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=white][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(255, 255, 255, .25);--button-background-color-down: rgba(255, 255, 255, .4);--button-background-color-focus: rgba(255, 255, 255, .25);--button-border-color-default: rgba(255, 255, 255, .9);--button-border-color-hover: rgb(255, 255, 255);--button-border-color-down: rgb(255, 255, 255);--button-border-color-focus: rgb(255, 255, 255);--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(255, 255, 255, .25);--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=white][selected]){--button-background-color-default: rgba(255, 255, 255, .9);--button-background-color-hover: rgb(255, 255, 255);--button-background-color-down: rgb(255, 255, 255);--button-background-color-focus: rgb(255, 255, 255);--button-static-white-content-color-default: rgb(0, 0, 0);--button-static-white-content-color-hover: rgb(0, 0, 0);--button-static-white-content-color-down: rgb(0, 0, 0);--button-static-white-content-color-focus: rgb(0, 0, 0);--button-background-color-disabled: rgba(255, 255, 255, .1);--button-border-color-disabled: transparent}:host([static-color=white][variant=secondary]){--button-background-color-default: rgba(255, 255, 255, .1);--button-background-color-hover: rgba(255, 255, 255, .25);--button-background-color-down: rgba(255, 255, 255, .4);--button-background-color-focus: rgba(255, 255, 255, .25);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: rgba(255, 255, 255, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=white][variant=secondary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(255, 255, 255, .25);--button-background-color-down: rgba(255, 255, 255, .4);--button-background-color-focus: rgba(255, 255, 255, .25);--button-border-color-default: rgba(255, 255, 255, .25);--button-border-color-hover: rgba(255, 255, 255, .4);--button-border-color-down: rgba(255, 255, 255, .55);--button-border-color-focus: rgba(255, 255, 255, .4);--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(255, 255, 255, .25);--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=black]){--button-background-color-default: rgba(0, 0, 0, .9);--button-background-color-hover: rgb(0, 0, 0);--button-background-color-down: rgb(0, 0, 0);--button-background-color-focus: rgb(0, 0, 0);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: rgba(0, 0, 0, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([static-color=black][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(0, 0, 0, .25);--button-background-color-down: rgba(0, 0, 0, .4);--button-background-color-focus: rgba(0, 0, 0, .25);--button-border-color-default: rgba(0, 0, 0, .4);--button-border-color-hover: rgba(0, 0, 0, .55);--button-border-color-down: rgba(0, 0, 0, .7);--button-border-color-focus: rgba(0, 0, 0, .55);--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(0, 0, 0, .25);--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([static-color=black][variant=secondary]){--button-background-color-default: rgba(0, 0, 0, .1);--button-background-color-hover: rgba(0, 0, 0, .25);--button-background-color-down: rgba(0, 0, 0, .4);--button-background-color-focus: rgba(0, 0, 0, .25);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: rgba(0, 0, 0, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([static-color=black][variant=secondary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(0, 0, 0, .25);--button-background-color-down: rgba(0, 0, 0, .4);--button-background-color-focus: rgba(0, 0, 0, .25);--button-border-color-default: rgba(0, 0, 0, .25);--button-border-color-hover: rgba(0, 0, 0, .4);--button-border-color-down: rgba(0, 0, 0, .55);--button-border-color-focus: rgba(0, 0, 0, .4);--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(0, 0, 0, .25);--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([size=s]){--button-min-width: 54px;--button-border-radius: var(--luzmo-border-radius-s);--button-height: 24px;--button-font-size: 12px;--button-edge-to-visual: 8px;--button-edge-to-visual-only: 4px;--button-edge-to-text: 10px;--button-padding-label-to-icon: 7px;--button-top-to-text: 5px;--button-bottom-to-text: 4px;--button-top-to-icon: 4px;--button-intended-icon-size: 16px}:host{--button-min-width: 72px;--button-border-radius: var(--luzmo-border-radius);--button-height: 32px;--button-font-size: 14px;--button-edge-to-visual: 12px;--button-edge-to-visual-only: 7px;--button-edge-to-text: 14px;--button-padding-label-to-icon: 8px;--button-top-to-text: 7px;--button-bottom-to-text: 8px;--button-top-to-icon: 7px;--button-intended-icon-size: 18px}:host([size=l]){--button-min-width: 90px;--button-border-radius: var(--luzmo-border-radius);--button-height: 40px;--button-font-size: 16px;--button-edge-to-visual: 16px;--button-edge-to-visual-only: 10px;--button-edge-to-text: 18px;--button-padding-label-to-icon: 9px;--button-top-to-text: 10px;--button-bottom-to-text: 10px;--button-top-to-icon: 10px;--button-intended-icon-size: 20px}:host([size=xl]){--button-min-width: 108px;--button-border-radius: var(--luzmo-border-radius);--button-height: 48px;--button-font-size: 18px;--button-edge-to-visual: 19px;--button-edge-to-visual-only: 13px;--button-edge-to-text: 22px;--button-padding-label-to-icon: 10px;--button-top-to-text: 13px;--button-bottom-to-text: 13px;--button-top-to-icon: 13px;--button-intended-icon-size: 22px}@media (forced-colors: active){:host([treatment][disabled]){border-color:graytext!important}:host([treatment]:not([disabled]):hover){border-color:highlight!important}:host(.remove-focus-ring-safari-hack:focus-visible):after{forced-color-adjust:none;box-shadow:none}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var(--highcontrast-button-background-color-disabled, var(--luzmo-button-background-color-disabled, var(--button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled, var(--luzmo-button-border-color-disabled, var(--button-border-color-disabled)))!important;color:var(--highcontrast-button-content-color-disabled, var(--luzmo-button-content-color-disabled, var(--button-content-color-disabled)))}}:host([pending]:not([disabled])){cursor:default;pointer-events:none;animation:update-pending-button-styles 0s var(--pending-delay, 1s) forwards}::slotted([slot=icon]){visibility:revert-layer;--luzmo-progress-circle-position: relative;--icon-size: inherit}luzmo-progress-circle{display:block;visibility:hidden;position:absolute;left:50%;transform:translate(-50%)}:host([pending]:not([disabled])) luzmo-progress-circle{animation:show-progress-circle 0s var(--pending-delay, 1s) forwards}:host([pending]:not([disabled])) slot[name=icon],:host([pending]:not([disabled])) #label{animation:hide-icons-label 0s var(--pending-delay, 1s) forwards}:host(.remove-focus-ring-safari-hack:focus-visible):after{margin:calc(-1 * var(--luzmo-button-focus-indicator-gap, var(--luzmo-focus-indicator-gap, var(--focus-indicator-gap))));box-shadow:none}:host(.remove-focus-ring-safari-hack:focus-visible){box-shadow:none;outline:none}:host(.remove-focus-ring-safari-hack:focus-visible:not(:hover)){background-color:var(--highcontrast-button-background-color-default, var(--luzmo-button-background-color-default, var(--button-background-color-default)));border-color:var(--highcontrast-button-border-color-default, var(--luzmo-button-border-color-default, var(--button-border-color-default)))!important;color:var(--highcontrast-button-content-color-default, var(--luzmo-button-content-color-default, var(--button-content-color-default)))}';var p=Object.defineProperty,z=Object.getOwnPropertyDescriptor,u=(r,o,c,b)=>{for(var t=b>1?void 0:b?z(o,c):o,e=r.length-1,l;e>=0;e--)(l=r[e])&&(t=(b?l(o,c,t):l(t))||t);return b&&t&&p(o,c,t),t};const k=["primary","secondary","negative","positive","white","black"];class n extends v.SizedMixin(g.LuzmoButtonBase,{noDefaultSize:!0}){constructor(){super(),this.pendingLabel="Pending",this.pending=!1,this._variant="primary",this.treatment="fill",this._quiet=!1,this.noWrap=!1,this.pendingStateController=new m.PendingStateController(this)}static get styles(){return[...super.styles,i.unsafeCSS(f)]}click(){this.pending||super.click()}get variant(){return this._variant}set variant(o){if(o!==this.variant){switch(this.requestUpdate("variant",this.variant),o){case"white":{this.staticColor=o,this.removeAttribute("variant");return}case"black":{this.staticColor=o,this.removeAttribute("variant");return}case null:return;default:{this._variant=k.includes(o)?o:"primary";break}}this.setAttribute("variant",this.variant)}}set quiet(o){this._quiet=o,this.treatment=o?"outline":"fill"}get quiet(){return this._quiet}firstUpdated(o){super.firstUpdated(o),this.hasAttribute("variant")||this.setAttribute("variant",this.variant),this.pending&&this.pendingStateController.hostUpdated()}renderButton(){return i.html`
       ${this.buttonContent} ${this.pendingStateController.renderPendingState()}
     `}}u([a.property({type:String,attribute:"pending-label"})],n.prototype,"pendingLabel",2);u([a.property({type:Boolean,reflect:!0,attribute:!0})],n.prototype,"pending",2);u([a.property()],n.prototype,"variant",1);u([a.property({reflect:!0,attribute:"static-color"})],n.prototype,"staticColor",2);u([a.property({reflect:!0})],n.prototype,"treatment",2);u([a.property({type:Boolean,reflect:!0})],n.prototype,"quiet",1);u([a.property({type:Boolean,attribute:"no-wrap",reflect:!0})],n.prototype,"noWrap",2);const w=":host{font-size:var(--luzmo-clear-button-icon-size, var(--clear-button-icon-size));cursor:pointer;background-color:initial;background-color:var(--luzmo-clear-button-background-color, transparent);padding:var(--luzmo-clear-button-padding, var(--clear-button-padding));color:var(--luzmo-clear-button-icon-color, var(--clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover: hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover, var(--luzmo-clear-button-icon-color-hover, var(--clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--luzmo-clear-button-background-color-hover, var(--clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--luzmo-clear-button-icon-color-down, var(--clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-clear-button-background-color-down, var(--clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within{color:var(--luzmo-clear-button-icon-color-key-focus, var(--clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(--luzmo-clear-button-background-color-key-focus, var(--clear-button-background-color-key-focus))}:host([disabled]){--clear-button-icon-color: var( --luzmo-clear-button-icon-color-disabled, var(--disabled-content-color) );--clear-button-background-color: var( --luzmo-clear-button-background-color-disabled, transparent )}.fill{background-color:var(--luzmo-clear-button-background-color, var(--clear-button-background-color));inline-size:100%;block-size:100%;border-radius:100%;justify-content:center;align-items:center;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors: active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover: Highlight}}:host{--clear-button-background-color: transparent;--clear-button-background-color-hover: transparent;--clear-button-background-color-down: transparent;--clear-button-background-color-key-focus: transparent;--clear-button-icon-size: var(--luzmo-font-size);--clear-button-padding: 0px;--clear-button-icon-color: var(--luzmo-font-color);--clear-button-icon-color-hover: var(--luzmo-font-color-hover);--clear-button-icon-color-down: var(--luzmo-font-color-down);--clear-button-icon-color-key-focus: var(--luzmo-font-color-focus)}:host([size=s]){--clear-button-icon-size: var(--luzmo-font-size-s)}:host([size=l]){--clear-button-icon-size: var(--luzmo-font-size-l)}:host([size=xl]){--clear-button-icon-size: var(--luzmo-font-size-xl)}:host .luzmo-ClearButton--quiet{--clear-button-background-color: transparent;--clear-button-background-color-hover: transparent;--clear-button-background-color-down: transparent;--clear-button-background-color-key-focus: transparent}:host([variant=overBackground]){--clear-button-icon-color: rgb(255, 255, 255);--clear-button-icon-color-hover: rgb(255, 255, 255);--clear-button-icon-color-down: rgb(255, 255, 255);--clear-button-icon-color-key-focus: rgb(255, 255, 255);--clear-button-background-color: transparent;--clear-button-background-color-hover: rgba(255, 255, 255, .25);--clear-button-background-color-down: rgba(255, 255, 255, .4);--clear-button-background-color-key-focus: rgba(255, 255, 255, .25)}:host([disabled]){--clear-button-icon-color: var(--luzmo-disabled-color);--clear-button-icon-color-hover: var(--luzmo-disabled-color);--clear-button-icon-color-down: var(--luzmo-disabled-color);--clear-button-background-color: transparent}:host{box-sizing:border-box}";var y=Object.defineProperty,x=(r,o,c,b)=>{for(var t=void 0,e=r.length-1,l;e>=0;e--)(l=r[e])&&(t=l(o,c,t)||t);return t&&y(o,c,t),t};const B=r=>{const o=r==="s"?d.luzmoClear12:["xl","l"].includes(r)?d.luzmoClear:d.luzmoClear14;return i.html` <div class="icon" slot="icon">${d.luzmoIcon(o)}</div> `};class s extends v.SizedMixin(g.LuzmoButtonBase,{noDefaultSize:!0}){constructor(){super(...arguments),this.variant=""}static get styles(){return[...super.styles,i.unsafeCSS(w)]}get buttonContent(){return[B(this.size)]}render(){return i.html` <div class="fill">${super.render()}</div> `}}x([a.property({reflect:!0})],s.prototype,"variant");typeof customElements<"u"&&!customElements.get("luzmo-button")&&customElements.define("luzmo-button",n);typeof customElements<"u"&&!customElements.get("luzmo-clear-button")&&customElements.define("luzmo-clear-button",s);typeof customElements<"u"&&!customElements.get("luzmo-close-button")&&customElements.define("luzmo-close-button",h.LuzmoCloseButton);exports.LuzmoCloseButton=h.LuzmoCloseButton;exports.LuzmoButton=n;exports.LuzmoClearButton=s;

package/components/button/index.js

@@ -17,11 +17,11 @@
  * */
 import { unsafeCSS as d, html as i } from "lit";
 import { property as n } from "lit/decorators.js";
-import { P as h } from "../pending-state-Dx1u3EXA.js";
+import { P as h } from "../pending-state-DG9TpsGT.js";
 import { S as s } from "../sized-mixin-cJbo3PKR.js";
-import { L as v } from "../button-base-B_SkfcFn.js";
+import { L as v } from "../button-base-npzdrTiY.js";
 import { luzmoIcon as f, luzmoClear12 as z, luzmoClear as p, luzmoClear14 as k } from "@luzmo/icons";
-import { L as w } from "../close-button-CGZxCNlI.js";
+import { L as w } from "../close-button-po7k74tH.js";
 const m = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const t = document.createElement("style");

package/components/{button-base-BdzHcHRs.cjs → button-base-D-gp73uZ.cjs}

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const i=require("lit"),l=require("lit/decorators.js"),c=require("./focusable-CbVKgGfS.cjs"),u=require("./like-anchor-B2EqJPdw.cjs"),p=require("./observe-slot-text-CBMHpuIK.cjs"),d=":host{display:inline-flex;vertical-align:top;--parent-element-progress-circle-size: 18px;--icon-size: 16px}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;top:0;right:0;bottom:0;left:0}::slotted(luzmo-overlay),::slotted(luzmo-tooltip){position:absolute}:host:after{pointer-events:none}::slotted(*){pointer-events:none}::slotted([slot=icon]){--luzmo-icon-vertical-align: 0}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentcolor;stroke:currentcolor;block-size:var(--luzmo-button-icon-size, var(--icon-size));inline-size:var(--luzmo-button-icon-size, var(--icon-size))}[icon-only]+#label{display:contents}:host([size=s]){--parent-element-progress-circle-size: 16px;--icon-size: 14px}:host([size=l]){--parent-element-progress-circle-size: 20px;--icon-size: 18px}:host([size=xl]){--parent-element-progress-circle-size: 22px;--icon-size: 20px}";var b=Object.defineProperty,a=(o,e,t,f)=>{for(var s=void 0,n=o.length-1,h;n>=0;n--)(h=o[n])&&(s=h(e,t,s)||s);return s&&b(e,t,s),s};class r extends p.ObserveSlotText(u.LikeAnchor(c.Focusable),"",["luzmo-overlay,luzmo-tooltip"]){constructor(){super(),this.active=!1,this.type="button",this.proxyFocus=this.proxyFocus.bind(this),this.addEventListener("click",this.handleClickCapture,{capture:!0})}static get styles(){return[i.unsafeCSS(d)]}get focusElement(){return this}get hasLabel(){return this.slotHasContent}get buttonContent(){return[i.html` <slot name="icon" ?icon-only=${!this.hasLabel}></slot> `,i.html`
+"use strict";const i=require("lit"),l=require("lit/decorators.js"),c=require("./focusable-agUxU61W.cjs"),u=require("./like-anchor-B2EqJPdw.cjs"),p=require("./observe-slot-text-CBMHpuIK.cjs"),d=":host{display:inline-flex;vertical-align:top;--parent-element-progress-circle-size: 18px;--icon-size: 16px}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;top:0;right:0;bottom:0;left:0}::slotted(luzmo-overlay),::slotted(luzmo-tooltip){position:absolute}:host:after{pointer-events:none}::slotted(*){pointer-events:none}::slotted([slot=icon]){--luzmo-icon-vertical-align: 0}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentcolor;stroke:currentcolor;block-size:var(--luzmo-button-icon-size, var(--icon-size));inline-size:var(--luzmo-button-icon-size, var(--icon-size))}[icon-only]+#label{display:contents}:host([size=s]){--parent-element-progress-circle-size: 16px;--icon-size: 14px}:host([size=l]){--parent-element-progress-circle-size: 20px;--icon-size: 18px}:host([size=xl]){--parent-element-progress-circle-size: 22px;--icon-size: 20px}";var b=Object.defineProperty,a=(o,e,t,f)=>{for(var s=void 0,n=o.length-1,h;n>=0;n--)(h=o[n])&&(s=h(e,t,s)||s);return s&&b(e,t,s),s};class r extends p.ObserveSlotText(u.LikeAnchor(c.Focusable),"",["luzmo-overlay,luzmo-tooltip"]){constructor(){super(),this.active=!1,this.type="button",this.proxyFocus=this.proxyFocus.bind(this),this.addEventListener("click",this.handleClickCapture,{capture:!0})}static get styles(){return[i.unsafeCSS(d)]}get focusElement(){return this}get hasLabel(){return this.slotHasContent}get buttonContent(){return[i.html` <slot name="icon" ?icon-only=${!this.hasLabel}></slot> `,i.html`
         <span id="label">
           <slot @slotchange=${this.manageTextObservedSlot}></slot>
         </span>

package/components/{button-base-B_SkfcFn.js → button-base-npzdrTiY.js}

@@ -17,7 +17,7 @@
  * */
 import { unsafeCSS as c, html as i } from "lit";
 import { property as h, query as u } from "lit/decorators.js";
-import { F as p } from "./focusable-BjvsvVam.js";
+import { F as p } from "./focusable-BM1nd-dI.js";
 import { L as d } from "./like-anchor-CgqCU210.js";
 import { O as b } from "./observe-slot-text-DorVpCL4.js";
 const f = ":host{display:inline-flex;vertical-align:top;--parent-element-progress-circle-size: 18px;--icon-size: 16px}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;top:0;right:0;bottom:0;left:0}::slotted(luzmo-overlay),::slotted(luzmo-tooltip){position:absolute}:host:after{pointer-events:none}::slotted(*){pointer-events:none}::slotted([slot=icon]){--luzmo-icon-vertical-align: 0}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentcolor;stroke:currentcolor;block-size:var(--luzmo-button-icon-size, var(--icon-size));inline-size:var(--luzmo-button-icon-size, var(--icon-size))}[icon-only]+#label{display:contents}:host([size=s]){--parent-element-progress-circle-size: 16px;--icon-size: 14px}:host([size=l]){--parent-element-progress-circle-size: 20px;--icon-size: 18px}:host([size=xl]){--parent-element-progress-circle-size: 22px;--icon-size: 20px}";

package/components/button-group/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("lit"),u=require("lit/decorators.js"),c=require("../base-5nDSSNeT.cjs"),p=require("../sized-mixin-DcvJLFeo.cjs"),g=":host{gap:var(--luzmo-button-group-spacing-horizontal, var(--button-group-spacing-horizontal));justify-content:normal;justify-content:var(--luzmo-button-group-justify-content, normal);flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-button-group-spacing-vertical, var(--button-group-spacing-vertical));flex-direction:column;display:inline-flex}:host,:host([size=l]),:host([size=xl]){--button-group-spacing-horizontal: 16px;--button-group-spacing-vertical: 16px}:host([size=s]){--button-group-spacing-horizontal: 12px;--button-group-spacing-vertical: 12px}:host([vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-flex-grow: 1}:host([dir=ltr][vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-text-align: left}:host([dir=rtl][vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-text-align: right}";var m=Object.defineProperty,h=(o,e,n,s)=>{for(var t=void 0,r=o.length-1,i;r>=0;r--)(i=o[r])&&(t=i(e,n,t)||t);return t&&m(e,n,t),t};class l extends p.SizedMixin(c.LuzmoElement,{noDefaultSize:!0}){constructor(){super(...arguments),this.vertical=!1}static get styles(){return[a.unsafeCSS(g)]}handleSlotchange({target:e}){e.assignedElements().forEach(s=>{s.size=this.size})}render(){return a.html` <slot @slotchange=${this.handleSlotchange}></slot> `}}h([u.property({type:Boolean,reflect:!0})],l.prototype,"vertical");customElements.get("luzmo-button-group")||customElements.define("luzmo-button-group",l);exports.LuzmoButtonGroup=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("lit"),u=require("lit/decorators.js"),c=require("../base-DxRGeCrb.cjs"),p=require("../sized-mixin-DcvJLFeo.cjs"),g=":host{gap:var(--luzmo-button-group-spacing-horizontal, var(--button-group-spacing-horizontal));justify-content:normal;justify-content:var(--luzmo-button-group-justify-content, normal);flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-button-group-spacing-vertical, var(--button-group-spacing-vertical));flex-direction:column;display:inline-flex}:host,:host([size=l]),:host([size=xl]){--button-group-spacing-horizontal: 16px;--button-group-spacing-vertical: 16px}:host([size=s]){--button-group-spacing-horizontal: 12px;--button-group-spacing-vertical: 12px}:host([vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-flex-grow: 1}:host([dir=ltr][vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-text-align: left}:host([dir=rtl][vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-text-align: right}";var m=Object.defineProperty,h=(o,e,n,s)=>{for(var t=void 0,r=o.length-1,i;r>=0;r--)(i=o[r])&&(t=i(e,n,t)||t);return t&&m(e,n,t),t};class l extends p.SizedMixin(c.LuzmoElement,{noDefaultSize:!0}){constructor(){super(...arguments),this.vertical=!1}static get styles(){return[a.unsafeCSS(g)]}handleSlotchange({target:e}){e.assignedElements().forEach(s=>{s.size=this.size})}render(){return a.html` <slot @slotchange=${this.handleSlotchange}></slot> `}}h([u.property({type:Boolean,reflect:!0})],l.prototype,"vertical");customElements.get("luzmo-button-group")||customElements.define("luzmo-button-group",l);exports.LuzmoButtonGroup=l;

package/components/button-group/index.js

@@ -17,7 +17,7 @@
  * */
 import { unsafeCSS as c, html as a } from "lit";
 import { property as s } from "lit/decorators.js";
-import { a as z } from "../base-CdYjmV_8.js";
+import { a as z } from "../base-BUViEg_7.js";
 import { S as d } from "../sized-mixin-cJbo3PKR.js";
 const m = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {

package/components/calendar/index.cjs

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@internationalized/date"),v=require("@internationalized/number"),s=require("lit"),p=require("lit/directives/class-map.js"),z=require("lit/directives/if-defined.js"),f=require("../base-5nDSSNeT.cjs"),x=require("../sized-mixin-DcvJLFeo.cjs");require("../action-button/index.cjs");require("../icon/index.cjs");const m=require("@luzmo/icons"),d=require("lit/decorators.js"),w=':host{inline-size:var(--luzmo-calendar-width, var(--calendar-width));display:inline-block}.header{inline-size:100%;align-items:center;display:flex}.title{color:var(--highcontrast-calendar-date-text-color, var(--luzmo-calendar-date-text-color, var(--calendar-date-text-color)));font-size:var(--luzmo-calendar-title-text-size, var(--calendar-title-text-size));font-weight:var(--luzmo-calendar-title-font-weight, var(--calendar-title-font-weight));line-height:var(--luzmo-calendar-title-height, var(--calendar-title-height));text-align:center;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;order:1;margin:0;overflow:hidden}.nextMonth,.prevMonth{transform:var(--logical-rotation)}.nextMonth:not([disabled]),.prevMonth:not([disabled]){color:var(--highcontrast-calendar-button-icon-color, var(--luzmo-calendar-button-icon-color, var(--calendar-button-icon-color)))}.prevMonth{order:0}.nextMonth{order:2}.dayOfWeek{inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));color:var(--highcontrast-calendar-day-title-text-color, var(--luzmo-calendar-day-title-text-color, var(--calendar-day-title-text-color)));font-size:var(--luzmo-calendar-day-title-text-size, var(--calendar-day-title-text-size));font-weight:var(--luzmo-calendar-day-title-text-font-weight, var(--calendar-day-title-text-font-weight));text-transform:uppercase;cursor:default;flex-direction:column;justify-content:flex-end;display:flex;border-block-end:none!important;-webkit-text-decoration:none!important;text-decoration:none!important}:host([title]) .dayOfWeek{text-decoration:underline;letter-spacing:var(--luzmo-calendar-title-text-letter-spacing, var(--calendar-title-text-letter-spacing));border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.body{outline:none}.table{table-layout:fixed;border-collapse:collapse;border-spacing:0;-webkit-user-select:none;user-select:none}.table-cell{text-align:center;box-sizing:initial;block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));padding:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));position:relative}.table-cell:focus{outline:0}.date{box-sizing:border-box;block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));margin:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));border-radius:var(--luzmo-calendar-day-border-radius, var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size, var(--calendar-day-border-size)) solid transparent;font-size:var(--luzmo-calendar-day-text-size, var(--calendar-day-text-size));line-height:calc(var(--luzmo-calendar-day-width, var(--calendar-day-width)) - var(--luzmo-calendar-day-border-size, var(--calendar-day-border-size)) * 2);white-space:nowrap;cursor:pointer;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.date:lang(ja),.date:lang(ko),.date:lang(zh){font-size:var(--luzmo-calendar-day-text-size-han, var(--calendar-day-text-size-han))}.date.is-disabled{cursor:default;pointer-events:none}.date.is-outsideMonth{display:none}.date:before{content:"";box-sizing:border-box;inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));border-radius:var(--luzmo-calendar-day-border-radius, var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size, var(--calendar-day-border-size)) solid transparent;position:absolute;inset-block-start:calc(50% - var(--luzmo-calendar-day-width, var(--calendar-day-width)) / 2);inset-inline-start:calc(50% - var(--luzmo-calendar-day-width, var(--calendar-day-width)) / 2)}.date.is-selected:not(.is-range-selection){font-weight:var(--luzmo-calendar-day-text-font-weight-selected, var(--calendar-day-text-font-weight-selected))}.date.is-selected:not(.is-range-selection):before{display:none}.date.is-today{font-weight:var(--luzmo-calendar-day-today-text-font-weight, var(--calendar-day-today-text-font-weight))}.date.is-range-selection{margin:var(--luzmo-calendar-day-padding, var(--calendar-day-padding)) 0;border-width:var(--luzmo-calendar-border-width-reset, var(--calendar-border-width-reset));line-height:var(--luzmo-calendar-day-height, var(--calendar-day-height));border-radius:var(--luzmo-calendar-border-radius-reset, var(--calendar-border-radius-reset));inline-size:calc(var(--luzmo-calendar-day-width, var(--calendar-day-width)) + var(--luzmo-calendar-day-padding, var(--calendar-day-padding)) * 2)}.date.is-range-selection.is-range-end,.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{inline-size:calc(var(--luzmo-calendar-day-width, var(--calendar-day-width)) + var(--luzmo-calendar-day-padding, var(--calendar-day-padding)))}.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{font-weight:var(--luzmo-calendar-day-text-font-weight-cap-selected, var(--calendar-day-text-font-weight-cap-selected))}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));content:"";display:block;position:absolute;inset-block-start:0}.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-start{border-start-start-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-end-start-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));margin-inline-start:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));padding-inline-end:var(--luzmo-calendar-day-padding, var(--calendar-day-padding))}.date.is-range-selection.is-range-start:after,.date.is-range-selection.is-range-start:before,.date.is-range-selection.is-selection-start:after,.date.is-range-selection.is-selection-start:before{inset-inline-start:0}.date.is-range-selection.is-range-end,.date.is-range-selection.is-selection-end{border-start-end-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-end-end-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));margin-inline-end:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));padding-inline-start:var(--luzmo-calendar-day-padding, var(--calendar-day-padding))}.date.is-range-selection.is-range-end:after,.date.is-range-selection.is-range-end:before,.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-end:before{inset-inline:auto 0}.date.is-range-selection.is-range-start.is-range-end,.date.is-range-selection.is-selection-end.is-range-start,.date.is-range-selection.is-selection-start.is-range-end,.date.is-range-selection.is-selection-start.is-selection-end{inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width))}.date{color:var(--highcontrast-calendar-day-text-color, var(--luzmo-calendar-day-text-color, var(--calendar-day-text-color)))}.date:active{background-color:var(--highcontrast-calendar-day-background-color-down, var(--luzmo-calendar-day-background-color-down, var(--calendar-day-background-color-down)))}.date.is-selected{color:var(--highcontrast-calendar-day-text-color-selected, var(--luzmo-calendar-day-text-color-selected, var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-selected, var(--luzmo-calendar-day-background-color-selected, var(--calendar-day-background-color-selected)))}.date.is-selected:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-cap-selected, var(--luzmo-calendar-day-background-color-cap-selected, var(--calendar-day-background-color-cap-selected)));color:var(--highcontrast-calendar-day-text-color-cap-selected, var(--luzmo-calendar-day-text-color-cap-selected, var(--calendar-day-text-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-cap-selected, var(--luzmo-calendar-day-border-color-cap-selected, var(--calendar-day-border-color-cap-selected)))}.date.is-today{color:var(--highcontrast-calendar-day-today-text-color, var(--luzmo-calendar-day-today-text-color, var(--calendar-day-today-text-color)));background-color:var(--highcontrast-calendar-day-today-background-color, var(--luzmo-calendar-day-today-background-color, var(--calendar-day-today-background-color)))}.date.is-today,.date.is-today:before{border-color:var(--highcontrast-calendar-day-today-border-color, var(--luzmo-calendar-day-today-border-color, var(--calendar-day-today-border-color)))}@media (hover: hover){.date:hover{color:var(--highcontrast-calendar-day-text-color-hover, var(--luzmo-calendar-day-text-color-hover, var(--calendar-day-text-color-hover)))}.date:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-hover, var(--luzmo-calendar-day-background-color-hover, var(--calendar-day-background-color-hover)))}.date.is-range-selection:hover:before,.date.is-selected:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-selected-hover, var(--luzmo-calendar-day-background-color-selected-hover, var(--calendar-day-background-color-selected-hover)))}.date.is-today.is-selected:not(.is-range-selection):hover:before{background:var(--highcontrast-calendar-day-today-background-color-selected-hover, var(--luzmo-calendar-day-today-background-color-selected-hover, var(--calendar-day-today-background-color-selected-hover)))}}.date.is-today.is-disabled{color:var(--highcontrast-calendar-day-today-text-color-disabled, var(--luzmo-calendar-day-today-text-color-disabled, var(--calendar-day-today-text-color-disabled)))}.date.is-today.is-disabled,.date.is-today.is-disabled:before{border-color:var(--highcontrast-calendar-day-today-border-color-disabled, var(--luzmo-calendar-day-today-border-color-disabled, var(--calendar-day-today-border-color-disabled)))}.table-cell:focus-within .date:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-key-focus, var(--luzmo-calendar-day-background-color-key-focus, var(--calendar-day-background-color-key-focus)));color:var(--highcontrast-calendar-day-text-color-key-focus, var(--luzmo-calendar-day-text-color-key-focus, var(--calendar-day-text-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date.is-today:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{border-color:var(--highcontrast-calendar-day-border-color-key-focus, var(--luzmo-calendar-day-border-color-key-focus, var(--calendar-day-border-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{color:var(--highcontrast-calendar-day-text-color-selected, var(--luzmo-calendar-day-text-color-selected, var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-cap-selected, var(--luzmo-calendar-day-background-color-cap-selected, var(--calendar-day-background-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-key-focus, var(--luzmo-calendar-day-border-color-cap-selected-focus, var(--calendar-day-border-color-cap-selected-focus)))}.table-cell:focus-within .date.is-range-selection:before,.table-cell:focus-within .date.is-selected:before{background:var(--highcontrast-calendar-day-background-color-selected-hover, var(--luzmo-calendar-day-background-color-selected-hover, var(--calendar-day-background-color-selected-hover)))}.table-cell:focus-within .date:before{border-color:var(--highcontrast-calendar-day-border-color-key-focus, var(--luzmo-calendar-day-border-color-key-focus, var(--calendar-day-border-color-key-focus)))}.date.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled, var(--luzmo-calendar-day-text-color-disabled, var(--calendar-day-text-color-disabled)))}.date.is-selection-end,.date.is-selection-start{color:var(--highcontrast-calendar-day-text-color-cap-selected, var(--luzmo-calendar-day-text-color-cap-selected, var(--calendar-day-text-color-cap-selected)))}.date.is-selection-end:after,.date.is-selection-start:after{background-color:var(--highcontrast-calendar-day-background-color-selected, var(--luzmo-calendar-day-background-color-selected, var(--calendar-day-background-color-selected)))}.date.is-selection-end.is-disabled,.date.is-selection-start.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled, var(--luzmo-calendar-day-text-color-disabled, var(--calendar-day-text-color-disabled)))}@media (forced-colors: active){.nextMonth,.prevMonth{--highcontrast-calendar-button-icon-color: ButtonText}.date{--highcontrast-calendar-day-background-color-cap-selected: Highlight;--highcontrast-calendar-day-background-color-down: ButtonFace;--highcontrast-calendar-day-background-color-hover: Transparent;--highcontrast-calendar-day-background-color-key-focus: ButtonFace;--highcontrast-calendar-day-background-color-selected-hover: Transparent;--highcontrast-calendar-day-background-color-selected: Highlight;--highcontrast-calendar-day-border-color-key-focus: ButtonText;--highcontrast-calendar-day-text-color-cap-selected: HighlightText;--highcontrast-calendar-day-text-color-disabled: GrayText;--highcontrast-calendar-day-text-color-hover: ButtonText;--highcontrast-calendar-day-text-color-key-focus: ButtonText;--highcontrast-calendar-day-text-color-selected: HighlightText;--highcontrast-calendar-day-text-color: CanvasText;--highcontrast-calendar-date-text-color: CanvasText;--highcontrast-calendar-day-title-text-color: CanvasText;--highcontrast-calendar-day-today-background-color-selected-hover: Highlight;--highcontrast-calendar-day-today-border-color-disabled: GrayText;--highcontrast-calendar-day-today-border-color: ButtonText;--highcontrast-calendar-day-today-text-color-disabled: GrayText;--highcontrast-calendar-day-today-text-color: ButtonText;forced-color-adjust:none}.date.is-range-selection.is-today{color:HighlightText}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{content:none}.date.is-disabled.is-range-selection,.date.is-disabled.is-selected{background:Highlight;color:HighlightText}}:host{--calendar-background-color: var(--luzmo-background-color-white)}:host{font-family:var(--luzmo-font-family);--calendar-day-width: var(--luzmo-component-height);--calendar-day-height: var(--luzmo-component-height);--calendar-border-radius-reset: 0;--calendar-border-width-reset: 0;--calendar-day-border-size: var(--luzmo-border-width);--calendar-margin-y: calc(var(--luzmo-spacing) * 3);--calendar-margin-x: var(--luzmo-component-height);--calendar-day-padding: var(--luzmo-spacing-2);--calendar-width: calc( (var(--calendar-day-width) + var(--calendar-day-padding) * 2) * 7 );--calendar-title-text-letter-spacing: .06em;--calendar-day-title-text-font-weight: bold;--calendar-day-title-text-color: var(--luzmo-font-color-disabled);--calendar-title-height: var(--luzmo-component-height);--calendar-title-font-weight: bold;--calendar-title-text-size: var(--luzmo-font-size);--calendar-day-title-text-size: var(--luzmo-font-size);--calendar-day-text-size-han: var(--luzmo-font-size);--calendar-date-text-color: var(--luzmo-font-color);--calendar-day-text-color: var(--luzmo-font-color);--calendar-day-text-size: var(--luzmo-font-size);--calendar-day-border-radius: var(--luzmo-border-radius);--calendar-day-text-color-selected: var(--luzmo-primary-inverse-color);--calendar-day-text-color-hover: var(--luzmo-font-color-hover);--calendar-day-text-color-cap-selected: var(--luzmo-primary-inverse-color);--calendar-day-border-color-cap-selected: var(--luzmo-primary);--calendar-day-border-color-cap-selected-focus: var(--luzmo-primary-focus);--calendar-day-text-font-weight-selected: var(--bold-font-weight);--calendar-day-text-font-weight-cap-selected: var(--bold-font-weight);--calendar-day-today-text-color: var(--luzmo-primary);--calendar-day-today-background-color: var(--luzmo-background-color-hover);--calendar-day-today-text-font-weight: normal;--calendar-day-today-border-color: transparent;--calendar-day-today-text-color-disabled: var(--luzmo-font-color-disabled);--calendar-day-today-border-color-disabled: transparent;--calendar-day-text-color-disabled: var(--luzmo-font-color-disabled);--calendar-day-text-color-key-focus: var(--luzmo-primary-down);--calendar-day-background-color-cap-selected: var(--luzmo-primary);--calendar-button-icon-color: var(--luzmo-font-color)}:host:dir(rtl),:host([dir=rtl]){--logical-rotation: matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--calendar-day-width: var(--luzmo-component-height-s);--calendar-day-height: var(--luzmo-component-height-s);--calendar-day-border-radius: var(--luzmo-border-radius-s);--calendar-title-height: var(--luzmo-component-height-s);--calendar-title-text-size: var(--luzmo-font-size-s);--calendar-day-title-text-size: var(--luzmo-font-size-s);--calendar-day-text-size-han: var(--luzmo-font-size-s);--calendar-day-text-size: var(--luzmo-font-size-s)}:host([size=l]){--calendar-day-width: var(--luzmo-component-height-l);--calendar-day-height: var(--luzmo-component-height-l);--calendar-day-border-radius: var(--luzmo-border-radius-l);--calendar-title-height: var(--luzmo-component-height-l);--calendar-title-text-size: var(--luzmo-font-size-l);--calendar-day-title-text-size: var(--luzmo-font-size-l);--calendar-day-text-size-han: var(--luzmo-font-size-l);--calendar-day-text-size: var(--luzmo-font-size-l)}:host([size=xl]){--calendar-day-width: var(--luzmo-component-height-xl);--calendar-day-height: var(--luzmo-component-height-xl);--calendar-day-border-radius: var(--luzmo-border-radius-xl);--calendar-title-height: var(--luzmo-component-height-xl);--calendar-title-text-size: var(--luzmo-font-size-xl);--calendar-day-title-text-size: var(--luzmo-font-size-xl);--calendar-day-text-size-han: var(--luzmo-font-size-xl);--calendar-day-text-size: var(--luzmo-font-size-xl)}.table-cell span[role=button]{border-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width))}';var k=Object.defineProperty,D=Object.getOwnPropertyDescriptor,l=(h,e,a,r)=>{for(var o=r>1?void 0:r?D(e,a):e,i=h.length-1,c;i>=0;i--)(c=h[i])&&(o=(r?c(e,a,o):c(o))||o);return r&&o&&k(e,a,o),o};const g=7;class n extends x.SizedMixin(f.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this.disabled=!1,this.labels={previous:"Previous",next:"Next",today:"Today",selected:"Selected"},this.currentDate=this.today,this.timeZone=t.getLocalTimeZone(),this.weekdays=[],this.currentMonthDates=[],this._isDateFocusIntent=!1,this.numberFormatter=new v.NumberFormatter(this._language),this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates()}static get styles(){return[s.unsafeCSS(w)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:"en"}catch{return"en"}}get today(){return t.today(this.timeZone)}set isDateFocusIntent(e){this._isDateFocusIntent!==e&&(this._isDateFocusIntent=e,this.requestUpdate("isDateFocusIntent",!e))}get isDateFocusIntent(){return this._isDateFocusIntent}setDateFocusIntent(){this.isDateFocusIntent=!0}resetDateFocusIntent(){this.isDateFocusIntent=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this.resetDateFocusIntent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this.resetDateFocusIntent)}clear(){this._value=void 0}willUpdate(e){e.has("language")&&(this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates());const a=e.has("min"),r=e.has("max"),o=e.has("value");(a||r||o)&&(this.convertToCalendarDates(),this.checkDatePropsCompliance(a||r),this.updateCurrentDate());const c=e.get("currentDate");e.has("currentDate")&&(!c||!t.isSameMonth(c,this.currentDate))&&(this.setCurrentMonthDates(),this.setAttribute("aria-label",this.monthAndYear))}updated(e){e.has("currentDate")&&this.isDateFocusIntent&&this.focusCurrentDate()}focusCurrentDate(){var a;const e=(a=this.shadowRoot)==null?void 0:a.querySelector('td span[tabindex="0"]');e&&e.focus()}convertToCalendarDates(){this._min=this.min?t.parseDate(this.min):void 0,this._max=this.max?t.parseDate(this.max):void 0,this._value=this.value?t.parseDate(this.value):void 0;const e="AD";this._min=this._min&&t.toCalendarDate(this._min).set({era:e}),this._max=this._max&&t.toCalendarDate(this._max).set({era:e}),this._value=this._value&&t.toCalendarDate(this._value).set({era:e})}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(console.warn&&console.warn(this,`<${this.localName}> expects the 'min' to be less than 'max'. Please ensure that 'min' property's date is earlier than 'max' property's date.`),this._min=void 0,this._max=void 0)),this._value&&this.isNonCompliantDate(this._value)&&(console.warn&&console.warn(this,`<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`),this._value=void 0)}updateCurrentDate(){if(this._value){this.currentDate=this._value;return}this.isNonCompliantDate(this.today)?this._min?this.currentDate=this._min:this._max&&(this.currentDate=this._max):this.currentDate=this.today}isNonCompliantDate(e){return!!(this._min&&e.compare(this._min)<0||this._max&&e.compare(this._max)>0)}render(){return s.html` ${this.renderCalendarHeader()}${this.renderCalendarGrid()} `}get monthAndYear(){return this.formatDate(this.currentDate,{month:"long",year:"numeric"})}renderCalendarHeader(){return s.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@internationalized/date"),v=require("@internationalized/number"),s=require("lit"),p=require("lit/directives/class-map.js"),z=require("lit/directives/if-defined.js"),f=require("../base-DxRGeCrb.cjs"),x=require("../sized-mixin-DcvJLFeo.cjs");require("../action-button/index.cjs");require("../icon/index.cjs");const m=require("@luzmo/icons"),d=require("lit/decorators.js"),w=':host{inline-size:var(--luzmo-calendar-width, var(--calendar-width));display:inline-block}.header{inline-size:100%;align-items:center;display:flex}.title{color:var(--highcontrast-calendar-date-text-color, var(--luzmo-calendar-date-text-color, var(--calendar-date-text-color)));font-size:var(--luzmo-calendar-title-text-size, var(--calendar-title-text-size));font-weight:var(--luzmo-calendar-title-font-weight, var(--calendar-title-font-weight));line-height:var(--luzmo-calendar-title-height, var(--calendar-title-height));text-align:center;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;order:1;margin:0;overflow:hidden}.nextMonth,.prevMonth{transform:var(--logical-rotation)}.nextMonth:not([disabled]),.prevMonth:not([disabled]){color:var(--highcontrast-calendar-button-icon-color, var(--luzmo-calendar-button-icon-color, var(--calendar-button-icon-color)))}.prevMonth{order:0}.nextMonth{order:2}.dayOfWeek{inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));color:var(--highcontrast-calendar-day-title-text-color, var(--luzmo-calendar-day-title-text-color, var(--calendar-day-title-text-color)));font-size:var(--luzmo-calendar-day-title-text-size, var(--calendar-day-title-text-size));font-weight:var(--luzmo-calendar-day-title-text-font-weight, var(--calendar-day-title-text-font-weight));text-transform:uppercase;cursor:default;flex-direction:column;justify-content:flex-end;display:flex;border-block-end:none!important;-webkit-text-decoration:none!important;text-decoration:none!important}:host([title]) .dayOfWeek{text-decoration:underline;letter-spacing:var(--luzmo-calendar-title-text-letter-spacing, var(--calendar-title-text-letter-spacing));border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.body{outline:none}.table{table-layout:fixed;border-collapse:collapse;border-spacing:0;-webkit-user-select:none;user-select:none}.table-cell{text-align:center;box-sizing:initial;block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));padding:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));position:relative}.table-cell:focus{outline:0}.date{box-sizing:border-box;block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));margin:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));border-radius:var(--luzmo-calendar-day-border-radius, var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size, var(--calendar-day-border-size)) solid transparent;font-size:var(--luzmo-calendar-day-text-size, var(--calendar-day-text-size));line-height:calc(var(--luzmo-calendar-day-width, var(--calendar-day-width)) - var(--luzmo-calendar-day-border-size, var(--calendar-day-border-size)) * 2);white-space:nowrap;cursor:pointer;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.date:lang(ja),.date:lang(ko),.date:lang(zh){font-size:var(--luzmo-calendar-day-text-size-han, var(--calendar-day-text-size-han))}.date.is-disabled{cursor:default;pointer-events:none}.date.is-outsideMonth{display:none}.date:before{content:"";box-sizing:border-box;inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));border-radius:var(--luzmo-calendar-day-border-radius, var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size, var(--calendar-day-border-size)) solid transparent;position:absolute;inset-block-start:calc(50% - var(--luzmo-calendar-day-width, var(--calendar-day-width)) / 2);inset-inline-start:calc(50% - var(--luzmo-calendar-day-width, var(--calendar-day-width)) / 2)}.date.is-selected:not(.is-range-selection){font-weight:var(--luzmo-calendar-day-text-font-weight-selected, var(--calendar-day-text-font-weight-selected))}.date.is-selected:not(.is-range-selection):before{display:none}.date.is-today{font-weight:var(--luzmo-calendar-day-today-text-font-weight, var(--calendar-day-today-text-font-weight))}.date.is-range-selection{margin:var(--luzmo-calendar-day-padding, var(--calendar-day-padding)) 0;border-width:var(--luzmo-calendar-border-width-reset, var(--calendar-border-width-reset));line-height:var(--luzmo-calendar-day-height, var(--calendar-day-height));border-radius:var(--luzmo-calendar-border-radius-reset, var(--calendar-border-radius-reset));inline-size:calc(var(--luzmo-calendar-day-width, var(--calendar-day-width)) + var(--luzmo-calendar-day-padding, var(--calendar-day-padding)) * 2)}.date.is-range-selection.is-range-end,.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{inline-size:calc(var(--luzmo-calendar-day-width, var(--calendar-day-width)) + var(--luzmo-calendar-day-padding, var(--calendar-day-padding)))}.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{font-weight:var(--luzmo-calendar-day-text-font-weight-cap-selected, var(--calendar-day-text-font-weight-cap-selected))}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));content:"";display:block;position:absolute;inset-block-start:0}.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-start{border-start-start-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-end-start-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));margin-inline-start:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));padding-inline-end:var(--luzmo-calendar-day-padding, var(--calendar-day-padding))}.date.is-range-selection.is-range-start:after,.date.is-range-selection.is-range-start:before,.date.is-range-selection.is-selection-start:after,.date.is-range-selection.is-selection-start:before{inset-inline-start:0}.date.is-range-selection.is-range-end,.date.is-range-selection.is-selection-end{border-start-end-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-end-end-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));margin-inline-end:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));padding-inline-start:var(--luzmo-calendar-day-padding, var(--calendar-day-padding))}.date.is-range-selection.is-range-end:after,.date.is-range-selection.is-range-end:before,.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-end:before{inset-inline:auto 0}.date.is-range-selection.is-range-start.is-range-end,.date.is-range-selection.is-selection-end.is-range-start,.date.is-range-selection.is-selection-start.is-range-end,.date.is-range-selection.is-selection-start.is-selection-end{inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width))}.date{color:var(--highcontrast-calendar-day-text-color, var(--luzmo-calendar-day-text-color, var(--calendar-day-text-color)))}.date:active{background-color:var(--highcontrast-calendar-day-background-color-down, var(--luzmo-calendar-day-background-color-down, var(--calendar-day-background-color-down)))}.date.is-selected{color:var(--highcontrast-calendar-day-text-color-selected, var(--luzmo-calendar-day-text-color-selected, var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-selected, var(--luzmo-calendar-day-background-color-selected, var(--calendar-day-background-color-selected)))}.date.is-selected:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-cap-selected, var(--luzmo-calendar-day-background-color-cap-selected, var(--calendar-day-background-color-cap-selected)));color:var(--highcontrast-calendar-day-text-color-cap-selected, var(--luzmo-calendar-day-text-color-cap-selected, var(--calendar-day-text-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-cap-selected, var(--luzmo-calendar-day-border-color-cap-selected, var(--calendar-day-border-color-cap-selected)))}.date.is-today{color:var(--highcontrast-calendar-day-today-text-color, var(--luzmo-calendar-day-today-text-color, var(--calendar-day-today-text-color)));background-color:var(--highcontrast-calendar-day-today-background-color, var(--luzmo-calendar-day-today-background-color, var(--calendar-day-today-background-color)))}.date.is-today,.date.is-today:before{border-color:var(--highcontrast-calendar-day-today-border-color, var(--luzmo-calendar-day-today-border-color, var(--calendar-day-today-border-color)))}@media (hover: hover){.date:hover{color:var(--highcontrast-calendar-day-text-color-hover, var(--luzmo-calendar-day-text-color-hover, var(--calendar-day-text-color-hover)))}.date:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-hover, var(--luzmo-calendar-day-background-color-hover, var(--calendar-day-background-color-hover)))}.date.is-range-selection:hover:before,.date.is-selected:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-selected-hover, var(--luzmo-calendar-day-background-color-selected-hover, var(--calendar-day-background-color-selected-hover)))}.date.is-today.is-selected:not(.is-range-selection):hover:before{background:var(--highcontrast-calendar-day-today-background-color-selected-hover, var(--luzmo-calendar-day-today-background-color-selected-hover, var(--calendar-day-today-background-color-selected-hover)))}}.date.is-today.is-disabled{color:var(--highcontrast-calendar-day-today-text-color-disabled, var(--luzmo-calendar-day-today-text-color-disabled, var(--calendar-day-today-text-color-disabled)))}.date.is-today.is-disabled,.date.is-today.is-disabled:before{border-color:var(--highcontrast-calendar-day-today-border-color-disabled, var(--luzmo-calendar-day-today-border-color-disabled, var(--calendar-day-today-border-color-disabled)))}.table-cell:focus-within .date:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-key-focus, var(--luzmo-calendar-day-background-color-key-focus, var(--calendar-day-background-color-key-focus)));color:var(--highcontrast-calendar-day-text-color-key-focus, var(--luzmo-calendar-day-text-color-key-focus, var(--calendar-day-text-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date.is-today:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{border-color:var(--highcontrast-calendar-day-border-color-key-focus, var(--luzmo-calendar-day-border-color-key-focus, var(--calendar-day-border-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{color:var(--highcontrast-calendar-day-text-color-selected, var(--luzmo-calendar-day-text-color-selected, var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-cap-selected, var(--luzmo-calendar-day-background-color-cap-selected, var(--calendar-day-background-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-key-focus, var(--luzmo-calendar-day-border-color-cap-selected-focus, var(--calendar-day-border-color-cap-selected-focus)))}.table-cell:focus-within .date.is-range-selection:before,.table-cell:focus-within .date.is-selected:before{background:var(--highcontrast-calendar-day-background-color-selected-hover, var(--luzmo-calendar-day-background-color-selected-hover, var(--calendar-day-background-color-selected-hover)))}.table-cell:focus-within .date:before{border-color:var(--highcontrast-calendar-day-border-color-key-focus, var(--luzmo-calendar-day-border-color-key-focus, var(--calendar-day-border-color-key-focus)))}.date.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled, var(--luzmo-calendar-day-text-color-disabled, var(--calendar-day-text-color-disabled)))}.date.is-selection-end,.date.is-selection-start{color:var(--highcontrast-calendar-day-text-color-cap-selected, var(--luzmo-calendar-day-text-color-cap-selected, var(--calendar-day-text-color-cap-selected)))}.date.is-selection-end:after,.date.is-selection-start:after{background-color:var(--highcontrast-calendar-day-background-color-selected, var(--luzmo-calendar-day-background-color-selected, var(--calendar-day-background-color-selected)))}.date.is-selection-end.is-disabled,.date.is-selection-start.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled, var(--luzmo-calendar-day-text-color-disabled, var(--calendar-day-text-color-disabled)))}@media (forced-colors: active){.nextMonth,.prevMonth{--highcontrast-calendar-button-icon-color: ButtonText}.date{--highcontrast-calendar-day-background-color-cap-selected: Highlight;--highcontrast-calendar-day-background-color-down: ButtonFace;--highcontrast-calendar-day-background-color-hover: Transparent;--highcontrast-calendar-day-background-color-key-focus: ButtonFace;--highcontrast-calendar-day-background-color-selected-hover: Transparent;--highcontrast-calendar-day-background-color-selected: Highlight;--highcontrast-calendar-day-border-color-key-focus: ButtonText;--highcontrast-calendar-day-text-color-cap-selected: HighlightText;--highcontrast-calendar-day-text-color-disabled: GrayText;--highcontrast-calendar-day-text-color-hover: ButtonText;--highcontrast-calendar-day-text-color-key-focus: ButtonText;--highcontrast-calendar-day-text-color-selected: HighlightText;--highcontrast-calendar-day-text-color: CanvasText;--highcontrast-calendar-date-text-color: CanvasText;--highcontrast-calendar-day-title-text-color: CanvasText;--highcontrast-calendar-day-today-background-color-selected-hover: Highlight;--highcontrast-calendar-day-today-border-color-disabled: GrayText;--highcontrast-calendar-day-today-border-color: ButtonText;--highcontrast-calendar-day-today-text-color-disabled: GrayText;--highcontrast-calendar-day-today-text-color: ButtonText;forced-color-adjust:none}.date.is-range-selection.is-today{color:HighlightText}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{content:none}.date.is-disabled.is-range-selection,.date.is-disabled.is-selected{background:Highlight;color:HighlightText}}:host{--calendar-background-color: var(--luzmo-background-color-white)}:host{font-family:var(--luzmo-font-family);--calendar-day-width: var(--luzmo-component-height);--calendar-day-height: var(--luzmo-component-height);--calendar-border-radius-reset: 0;--calendar-border-width-reset: 0;--calendar-day-border-size: var(--luzmo-border-width);--calendar-margin-y: calc(var(--luzmo-spacing) * 3);--calendar-margin-x: var(--luzmo-component-height);--calendar-day-padding: var(--luzmo-spacing-2);--calendar-width: calc( (var(--calendar-day-width) + var(--calendar-day-padding) * 2) * 7 );--calendar-title-text-letter-spacing: .06em;--calendar-day-title-text-font-weight: bold;--calendar-day-title-text-color: var(--luzmo-font-color-disabled);--calendar-title-height: var(--luzmo-component-height);--calendar-title-font-weight: bold;--calendar-title-text-size: var(--luzmo-font-size);--calendar-day-title-text-size: var(--luzmo-font-size);--calendar-day-text-size-han: var(--luzmo-font-size);--calendar-date-text-color: var(--luzmo-font-color);--calendar-day-text-color: var(--luzmo-font-color);--calendar-day-text-size: var(--luzmo-font-size);--calendar-day-border-radius: var(--luzmo-border-radius);--calendar-day-text-color-selected: var(--luzmo-primary-inverse-color);--calendar-day-text-color-hover: var(--luzmo-font-color-hover);--calendar-day-text-color-cap-selected: var(--luzmo-primary-inverse-color);--calendar-day-border-color-cap-selected: var(--luzmo-primary);--calendar-day-border-color-cap-selected-focus: var(--luzmo-primary-focus);--calendar-day-text-font-weight-selected: var(--bold-font-weight);--calendar-day-text-font-weight-cap-selected: var(--bold-font-weight);--calendar-day-today-text-color: var(--luzmo-primary);--calendar-day-today-background-color: var(--luzmo-background-color-hover);--calendar-day-today-text-font-weight: normal;--calendar-day-today-border-color: transparent;--calendar-day-today-text-color-disabled: var(--luzmo-font-color-disabled);--calendar-day-today-border-color-disabled: transparent;--calendar-day-text-color-disabled: var(--luzmo-font-color-disabled);--calendar-day-text-color-key-focus: var(--luzmo-primary-down);--calendar-day-background-color-cap-selected: var(--luzmo-primary);--calendar-button-icon-color: var(--luzmo-font-color)}:host:dir(rtl),:host([dir=rtl]){--logical-rotation: matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--calendar-day-width: var(--luzmo-component-height-s);--calendar-day-height: var(--luzmo-component-height-s);--calendar-day-border-radius: var(--luzmo-border-radius-s);--calendar-title-height: var(--luzmo-component-height-s);--calendar-title-text-size: var(--luzmo-font-size-s);--calendar-day-title-text-size: var(--luzmo-font-size-s);--calendar-day-text-size-han: var(--luzmo-font-size-s);--calendar-day-text-size: var(--luzmo-font-size-s)}:host([size=l]){--calendar-day-width: var(--luzmo-component-height-l);--calendar-day-height: var(--luzmo-component-height-l);--calendar-day-border-radius: var(--luzmo-border-radius-l);--calendar-title-height: var(--luzmo-component-height-l);--calendar-title-text-size: var(--luzmo-font-size-l);--calendar-day-title-text-size: var(--luzmo-font-size-l);--calendar-day-text-size-han: var(--luzmo-font-size-l);--calendar-day-text-size: var(--luzmo-font-size-l)}:host([size=xl]){--calendar-day-width: var(--luzmo-component-height-xl);--calendar-day-height: var(--luzmo-component-height-xl);--calendar-day-border-radius: var(--luzmo-border-radius-xl);--calendar-title-height: var(--luzmo-component-height-xl);--calendar-title-text-size: var(--luzmo-font-size-xl);--calendar-day-title-text-size: var(--luzmo-font-size-xl);--calendar-day-text-size-han: var(--luzmo-font-size-xl);--calendar-day-text-size: var(--luzmo-font-size-xl)}.table-cell span[role=button]{border-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width))}';var k=Object.defineProperty,D=Object.getOwnPropertyDescriptor,l=(h,e,a,r)=>{for(var o=r>1?void 0:r?D(e,a):e,i=h.length-1,c;i>=0;i--)(c=h[i])&&(o=(r?c(e,a,o):c(o))||o);return r&&o&&k(e,a,o),o};const g=7;class n extends x.SizedMixin(f.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this.disabled=!1,this.labels={previous:"Previous",next:"Next",today:"Today",selected:"Selected"},this.currentDate=this.today,this.timeZone=t.getLocalTimeZone(),this.weekdays=[],this.currentMonthDates=[],this._isDateFocusIntent=!1,this.numberFormatter=new v.NumberFormatter(this._language),this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates()}static get styles(){return[s.unsafeCSS(w)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:"en"}catch{return"en"}}get today(){return t.today(this.timeZone)}set isDateFocusIntent(e){this._isDateFocusIntent!==e&&(this._isDateFocusIntent=e,this.requestUpdate("isDateFocusIntent",!e))}get isDateFocusIntent(){return this._isDateFocusIntent}setDateFocusIntent(){this.isDateFocusIntent=!0}resetDateFocusIntent(){this.isDateFocusIntent=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this.resetDateFocusIntent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this.resetDateFocusIntent)}clear(){this._value=void 0}willUpdate(e){e.has("language")&&(this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates());const a=e.has("min"),r=e.has("max"),o=e.has("value");(a||r||o)&&(this.convertToCalendarDates(),this.checkDatePropsCompliance(a||r),this.updateCurrentDate());const c=e.get("currentDate");e.has("currentDate")&&(!c||!t.isSameMonth(c,this.currentDate))&&(this.setCurrentMonthDates(),this.setAttribute("aria-label",this.monthAndYear))}updated(e){e.has("currentDate")&&this.isDateFocusIntent&&this.focusCurrentDate()}focusCurrentDate(){var a;const e=(a=this.shadowRoot)==null?void 0:a.querySelector('td span[tabindex="0"]');e&&e.focus()}convertToCalendarDates(){this._min=this.min?t.parseDate(this.min):void 0,this._max=this.max?t.parseDate(this.max):void 0,this._value=this.value?t.parseDate(this.value):void 0;const e="AD";this._min=this._min&&t.toCalendarDate(this._min).set({era:e}),this._max=this._max&&t.toCalendarDate(this._max).set({era:e}),this._value=this._value&&t.toCalendarDate(this._value).set({era:e})}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(console.warn&&console.warn(this,`<${this.localName}> expects the 'min' to be less than 'max'. Please ensure that 'min' property's date is earlier than 'max' property's date.`),this._min=void 0,this._max=void 0)),this._value&&this.isNonCompliantDate(this._value)&&(console.warn&&console.warn(this,`<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`),this._value=void 0)}updateCurrentDate(){if(this._value){this.currentDate=this._value;return}this.isNonCompliantDate(this.today)?this._min?this.currentDate=this._min:this._max&&(this.currentDate=this._max):this.currentDate=this.today}isNonCompliantDate(e){return!!(this._min&&e.compare(this._min)<0||this._max&&e.compare(this._max)>0)}render(){return s.html` ${this.renderCalendarHeader()}${this.renderCalendarGrid()} `}get monthAndYear(){return this.formatDate(this.currentDate,{month:"long",year:"numeric"})}renderCalendarHeader(){return s.html`
       <div class="header" @focusin=${this.resetDateFocusIntent}>
         <h2
           class="title"

package/components/calendar/index.js

@@ -20,7 +20,7 @@ import { NumberFormatter as p } from "@internationalized/number";
 import { unsafeCSS as S, html as i } from "lit";
 import { classMap as F } from "lit/directives/class-map.js";
 import { ifDefined as $ } from "lit/directives/if-defined.js";
-import { a as I } from "../base-CdYjmV_8.js";
+import { a as I } from "../base-BUViEg_7.js";
 import { S as W } from "../sized-mixin-cJbo3PKR.js";
 import "../action-button/index.js";
 import "../icon/index.js";

package/components/chat-message/chat-message.d.ts

@@ -64,6 +64,11 @@ export declare class LuzmoChatMessage extends LuzmoChatMessage_base {
      * @attr datetime-format-options
      */
     datetimeFormatOptions?: Intl.DateTimeFormatOptions;
+    /**
+     * The language to use for formatting the datetime.
+     * @attr datetime-language
+     */
+    datetimeLanguage?: string;
     /**
      * Controls whether name and datetime render inside the message header or outside.
      * @attr meta

package/components/chat-message/index.cjs

@@ -15,24 +15,24 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("lit"),s=require("lit/decorators.js"),d=require("lit/directives/class-map.js"),h=require("../base-5nDSSNeT.cjs"),l=require("../language-resolution-EUER43cg.cjs"),u=require("../sized-mixin-DcvJLFeo.cjs"),p=":host{display:flex;font-family:var(--luzmo-chat-message-font-family, var(--chat-message-font-family));font-size:var(--luzmo-chat-message-font-size, var(--chat-message-font-size));line-height:var(--luzmo-chat-message-line-height, var(--chat-message-line-height));color:var(--highcontrast-chat-message-text-color, var(--luzmo-chat-message-text-color, var(--chat-message-text-color)))}:host([position=left]){justify-content:flex-start}:host([position=right]){justify-content:flex-end}:host([position=middle]){justify-content:center}.container{display:flex;gap:var(--luzmo-chat-message-avatar-gap, var(--chat-message-avatar-gap));max-width:var(--luzmo-chat-message-max-width, var(--chat-message-max-width))}.position-left{flex-direction:row}.position-left .avatar-wrapper{order:0}.position-left .message-wrapper{order:1;align-items:flex-start}.position-left .message{border-top-left-radius:var(--luzmo-chat-message-message-border-radius-start, var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius)));border-bottom-left-radius:var(--luzmo-chat-message-message-border-radius-bottom-start, var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius)))}.position-right{flex-direction:row-reverse}.position-right .avatar-wrapper{order:0}.position-right .message-wrapper{order:1;align-items:flex-end}.position-right .header{justify-content:flex-end}.position-right .message{border-top-right-radius:var(--luzmo-chat-message-message-border-radius-end, var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius)));border-bottom-right-radius:var(--luzmo-chat-message-message-border-radius-bottom-end, var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius)))}.position-right .actions-outside{justify-content:flex-end}.position-middle .message-wrapper{align-items:center}.position-middle .header,.position-middle .actions-outside{justify-content:center}.avatar-wrapper{flex-shrink:0;display:flex;align-items:flex-start;margin-top:var(--luzmo-chat-message-avatar-margin-top, var(--chat-message-avatar-margin-top, 0));margin-bottom:var(--luzmo-chat-message-avatar-margin-bottom, var(--chat-message-avatar-margin-bottom, 0))}:host([data-in-group]) .avatar-wrapper{min-width:var(--chat-message-avatar-size, var(--luzmo-avatar-size, var(--avatar-size, 32px)));flex-basis:var(--chat-message-avatar-size, var(--luzmo-avatar-size, var(--avatar-size, 32px)))}:host([data-in-group]:not([data-group-square-corner])) .message{border-top-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))!important;border-top-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))!important;border-bottom-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))!important;border-bottom-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))!important}.avatar-top .avatar-wrapper{align-self:flex-start}.avatar-middle .avatar-wrapper{align-self:center}.avatar-bottom .avatar-wrapper{align-self:flex-end}.avatar-middle .message-wrapper,.avatar-bottom .message-wrapper{position:relative}.avatar-middle .actions-outside,.avatar-bottom .actions-outside{position:absolute;top:100%;margin-top:var(--luzmo-chat-message-gap, var(--chat-message-gap))}.avatar-middle.position-left .actions-outside,.avatar-bottom.position-left .actions-outside{left:0}.avatar-middle.position-right .actions-outside,.avatar-bottom.position-right .actions-outside{right:0}.avatar-bottom.position-left .message{--luzmo-chat-message-message-border-radius-bottom-start: 0}.avatar-bottom.position-right .message{--luzmo-chat-message-message-border-radius-bottom-end: 0}.message-wrapper{display:flex;flex-direction:column;gap:var(--luzmo-chat-message-gap, var(--chat-message-gap));min-width:0}.message{position:relative;padding:var(--luzmo-chat-message-content-vertical-padding, var(--chat-message-content-vertical-padding)) var(--luzmo-chat-message-content-horizontal-padding, var(--chat-message-content-horizontal-padding));border-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-width:var(--luzmo-chat-message-message-border-width, var(--chat-message-message-border-width));border-style:solid;border-color:var(--highcontrast-chat-message-message-border-color, var(--luzmo-chat-message-message-border-color, var(--chat-message-message-border-color)));background-color:var(--highcontrast-chat-message-message-background-color, var(--luzmo-chat-message-message-background-color, var(--chat-message-message-background-color)));box-shadow:var(--luzmo-chat-message-message-shadow, var(--chat-message-message-shadow));color:var(--luzmo-chat-message-message-text-color, var(--chat-message-message-text-color));word-wrap:break-word;overflow-wrap:break-word}.message .header,.message .user-name,.message .datetime,.message .actions-inside{color:inherit}.message.squared-top-left{border-top-left-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important}.message.squared-top-right{border-top-right-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important}.message.squared-bottom-left{border-bottom-left-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important}.message.squared-bottom-right{border-bottom-right-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important}:host([data-group-square-corner=top-left]) .message{border-top-left-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important;border-top-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-bottom-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-bottom-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))}:host([data-group-square-corner=top-right]) .message{border-top-right-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important;border-top-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-bottom-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-bottom-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))}:host([data-group-square-corner=bottom-left]) .message{border-bottom-left-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important;border-top-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-top-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-bottom-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))}:host([data-group-square-corner=bottom-right]) .message{border-bottom-right-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important;border-top-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-top-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-bottom-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))}.header{display:flex;align-items:baseline;gap:var(--luzmo-chat-message-header-gap, var(--chat-message-header-gap));margin-bottom:var(--luzmo-chat-message-header-margin-bottom, var(--chat-message-header-margin-bottom));flex-wrap:wrap}:host([meta=outside]) .header{margin-bottom:0}.user-name{font-weight:var(--luzmo-chat-message-user-name-font-weight, var(--chat-message-user-name-font-weight));color:var(--luzmo-chat-message-user-name-color, var(--chat-message-user-name-color))}.datetime{font-size:var(--luzmo-chat-message-datetime-font-size, var(--chat-message-datetime-font-size));color:var(--luzmo-chat-message-datetime-color, var(--chat-message-datetime-color));opacity:var(--luzmo-chat-message-datetime-opacity, var(--chat-message-datetime-opacity))}.content{display:block}.actions{display:flex;gap:var(--luzmo-chat-message-actions-gap, var(--chat-message-actions-gap));align-items:center}.actions-inside{margin-top:var(--luzmo-chat-message-actions-margin-top, var(--chat-message-actions-margin-top))}.actions-outside{opacity:var(--luzmo-chat-message-actions-opacity, var(--chat-message-actions-opacity));transition:opacity var(--luzmo-chat-message-animation-duration, var(--chat-message-animation-duration)) ease-in-out}:host(:hover) .actions-outside,:host(:focus-within) .actions-outside{opacity:var(--luzmo-chat-message-actions-opacity-hover, var(--chat-message-actions-opacity-hover))}::slotted([slot=avatar]){display:block}::slotted([slot=actions]){display:inline-flex;align-items:center}.extra-actions{position:absolute;top:var(--luzmo-chat-message-extra-actions-top, var(--chat-message-extra-actions-top));right:var(--luzmo-chat-message-extra-actions-right, var(--chat-message-extra-actions-right));bottom:var(--luzmo-chat-message-extra-actions-bottom, var(--chat-message-extra-actions-bottom));left:var(--luzmo-chat-message-extra-actions-left, var(--chat-message-extra-actions-left));padding:var(--luzmo-chat-message-extra-actions-vertical-padding, var(--chat-message-extra-actions-vertical-padding)) var(--luzmo-chat-message-extra-actions-horizontal-padding, var(--chat-message-extra-actions-horizontal-padding));opacity:0;pointer-events:none;transition:opacity var(--luzmo-chat-message-animation-duration, var(--chat-message-animation-duration)) ease-in-out;z-index:10}:host([position=left]) .extra-actions{left:var(--luzmo-chat-message-extra-actions-left, var(--chat-message-extra-actions-left), var(--luzmo-chat-message-content-horizontal-padding, var(--chat-message-content-horizontal-padding)));right:var(--luzmo-chat-message-extra-actions-right, var(--chat-message-extra-actions-right), auto)}:host([size=m]) .extra-actions{top:calc(-1 * var(--luzmo-spacing-5))}:host([size=m][position=right]) .extra-actions{left:calc(-1 * var(--luzmo-spacing-5));right:var(--luzmo-chat-message-extra-actions-right, var(--chat-message-extra-actions-right), auto)}:host([size=m][position=middle]) .extra-actions{right:calc(-1 * var(--luzmo-spacing-5));left:var(--luzmo-chat-message-extra-actions-left, var(--chat-message-extra-actions-left), auto)}:host([size=m][position=left]) .extra-actions{right:calc(-1 * var(--luzmo-spacing-5));left:var(--luzmo-chat-message-extra-actions-left, var(--chat-message-extra-actions-left), auto)}.extra-actions-wrapper{display:inline-flex;align-items:center;background-color:var(--luzmo-chat-message-extra-actions-wrapper-background-color, var(--luzmo-background-color));border-radius:var(--luzmo-chat-message-extra-actions-wrapper-border-radius, var(--luzmo-border-radius));border-width:var(--luzmo-chat-message-extra-actions-wrapper-border-width, var(--luzmo-border-width));border-style:var(--luzmo-chat-message-extra-actions-wrapper-border-style, solid);border-color:var(--luzmo-chat-message-extra-actions-wrapper-border, var(--luzmo-border-color));padding:var(--luzmo-chat-message-extra-actions-wrapper-vertical-padding, var(--chat-message-extra-actions-wrapper-vertical-padding)) var(--luzmo-chat-message-extra-actions-wrapper-horizontal-padding, var(--chat-message-extra-actions-wrapper-horizontal-padding));position:var(--luzmo-chat-message-extra-actions-wrapper-position, var(--chat-message-extra-actions-wrapper-position), relative);top:var(--luzmo-chat-message-extra-actions-wrapper-top, var(--chat-message-extra-actions-wrapper-top));right:var(--luzmo-chat-message-extra-actions-wrapper-right, var(--chat-message-extra-actions-wrapper-right));bottom:var(--luzmo-chat-message-extra-actions-wrapper-bottom, var(--chat-message-extra-actions-wrapper-bottom));left:var(--luzmo-chat-message-extra-actions-wrapper-left, var(--chat-message-extra-actions-wrapper-left))}:host(:hover) .extra-actions,:host(:focus-within) .extra-actions{opacity:1;pointer-events:auto}:host(:active) .extra-actions{opacity:1;pointer-events:auto}::slotted([slot=extra-actions]){display:inline-flex;align-items:center}@media (forced-colors: active){:host{--highcontrast-chat-message-message-background-color: Canvas;--highcontrast-chat-message-message-border-color: CanvasText;--highcontrast-chat-message-text-color: CanvasText}}:host{--chat-message-message-border-width: var(--luzmo-border-width);--chat-message-message-border-color: var(--luzmo-border-color);--chat-message-message-background-color: var( --luzmo-background-color-highlight );--chat-message-message-shadow: 0 1px 2px rgba(var(--luzmo-border-color-rgb), .05);--chat-message-message-text-color: inherit;--chat-message-font-family: var(--luzmo-font-family);--chat-message-font-size: var(--luzmo-font-size);--chat-message-line-height: 1.5;--chat-message-text-color: var(--luzmo-font-color);--chat-message-header-gap: var(--luzmo-spacing-2);--chat-message-header-margin-bottom: var(--luzmo-spacing-1);--chat-message-user-name-font-weight: var(--luzmo-font-weight-bold, 600);--chat-message-user-name-color: var(--luzmo-font-color);--chat-message-datetime-font-size: .75em;--chat-message-datetime-color: var(--luzmo-font-color-secondary);--chat-message-datetime-opacity: .7;--chat-message-actions-gap: var(--luzmo-spacing-1);--chat-message-actions-margin-top: var(--luzmo-spacing-2);--chat-message-actions-opacity: 1;--chat-message-actions-opacity-hover: 1;--chat-message-animation-duration: var(--luzmo-animation-duration, .15s);--chat-message-gap: var(--luzmo-spacing-4);--chat-message-avatar-gap: var(--luzmo-spacing-3);--chat-message-max-width: 80%;--chat-message-content-vertical-padding: var(--luzmo-spacing-3);--chat-message-content-horizontal-padding: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--chat-message-primary-background-color: var(--luzmo-primary);--chat-message-primary-border-color: var(--luzmo-primary);--chat-message-primary-text-color: var(--luzmo-primary-inverse-color);--chat-message-primary-text-color-outline: var(--luzmo-primary);--chat-message-secondary-background-color: var(--luzmo-secondary);--chat-message-secondary-border-color: var(--luzmo-secondary);--chat-message-secondary-text-color: var(--luzmo-secondary-inverse-color);--chat-message-secondary-text-color-outline: var(--luzmo-secondary)}:host([position=middle]){--chat-message-max-width: 90%}:host{--chat-message-message-border-radius: var(--luzmo-border-radius-xl);--chat-message-squared-corner-radius: var(--luzmo-border-radius-s);--chat-message-gap: var(--luzmo-spacing-2);--chat-message-avatar-gap: var(--luzmo-spacing-4);--chat-message-max-width: 80%;--chat-message-content-vertical-padding: var(--luzmo-spacing-4);--chat-message-content-horizontal-padding: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host([size=xs]){--chat-message-message-border-radius: var(--luzmo-border-radius);--chat-message-squared-corner-radius: var(--luzmo-border-radius-xs);--chat-message-font-size: 11px;--chat-message-content-vertical-padding: var(--luzmo-spacing-3);--chat-message-content-horizontal-padding: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--chat-message-gap: var(--luzmo-spacing-1);--chat-message-avatar-gap: var(--luzmo-spacing-3)}:host([size=s]){--chat-message-message-border-radius: var(--luzmo-border-radius-l);--chat-message-squared-corner-radius: var(--luzmo-border-radius-xs);--chat-message-font-size: 12px;--chat-message-content-vertical-padding: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--chat-message-content-horizontal-padding: var(--luzmo-spacing-4);--chat-message-gap: var(--luzmo-spacing-2);--chat-message-avatar-gap: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=l]){--chat-message-message-border-radius: var(--luzmo-border-radius-xl);--chat-message-squared-corner-radius: var(--luzmo-border-radius-s);--chat-message-font-size: 16px;--chat-message-content-vertical-padding: var(--luzmo-spacing-5);--chat-message-content-horizontal-padding: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--chat-message-gap: var(--luzmo-spacing-3);--chat-message-avatar-gap: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host([size=xl]){--chat-message-message-border-radius: var(--luzmo-border-radius-xl);--chat-message-squared-corner-radius: var(--luzmo-border-radius-s);--chat-message-font-size: 18px;--chat-message-content-vertical-padding: var(--luzmo-spacing-5);--chat-message-content-horizontal-padding: var(--luzmo-spacing-5);--chat-message-gap: var(--luzmo-spacing-4);--chat-message-avatar-gap: var(--luzmo-spacing-5)}:host([treatment=fill]){--chat-message-message-shadow: none}:host([variant=default][treatment=fill]){--chat-message-message-border-width: 0}:host([variant=primary][treatment=fill]){--chat-message-message-background-color: var( --chat-message-primary-background-color );--chat-message-message-border-color: var(--chat-message-primary-border-color);--chat-message-message-text-color: var(--chat-message-primary-text-color)}:host([variant=secondary][treatment=fill]){--chat-message-message-background-color: var( --chat-message-secondary-background-color );--chat-message-message-border-color: var( --chat-message-secondary-border-color );--chat-message-message-text-color: var(--chat-message-secondary-text-color)}:host([treatment=outline]){--chat-message-message-background-color: transparent;--chat-message-message-shadow: none}:host([variant=primary][treatment=outline]){--chat-message-message-border-color: var(--chat-message-primary-border-color);--chat-message-message-text-color: var( --chat-message-primary-text-color-outline )}:host([variant=secondary][treatment=outline]){--chat-message-message-border-color: var( --chat-message-secondary-border-color );--chat-message-message-text-color: var( --chat-message-secondary-text-color-outline )}:host([quiet]){--chat-message-message-background-color: transparent;--chat-message-message-border-color: transparent;--chat-message-message-border-width: 0;--chat-message-message-shadow: none;--chat-message-content-vertical-padding: 0;--chat-message-content-horizontal-padding: 0}:host([quiet][avatar-placement=top]){--chat-message-avatar-margin-top: calc( (var(--chat-message-line-height) - 1) / 2 * 1em )}:host([quiet][avatar-placement=bottom]){--chat-message-avatar-margin-bottom: calc( (var(--chat-message-line-height) - 1) / 2 * -1em )}:host([quiet][variant=primary]){--chat-message-primary-background-color: transparent;--chat-message-primary-border-color: transparent;--chat-message-primary-text-color: var(--luzmo-primary)}:host([quiet][variant=secondary]){--chat-message-secondary-background-color: transparent;--chat-message-secondary-border-color: transparent;--chat-message-secondary-text-color: var(--luzmo-secondary)}:host{--chat-message-extra-actions-top: var( --luzmo-chat-message-content-vertical-padding, var(--chat-message-content-vertical-padding) );--chat-message-extra-actions-right: var( --luzmo-chat-message-content-horizontal-padding, var(--chat-message-content-horizontal-padding) );--chat-message-extra-actions-bottom: auto;--chat-message-extra-actions-left: auto;--chat-message-extra-actions-vertical-padding: 0;--chat-message-extra-actions-horizontal-padding: 0;--chat-message-extra-actions-wrapper-background-color: var( --luzmo-border-color );--chat-message-extra-actions-wrapper-border-radius: var( --luzmo-border-radius );--chat-message-extra-actions-wrapper-border: none;--chat-message-extra-actions-wrapper-vertical-padding: var(--luzmo-spacing-1);--chat-message-extra-actions-wrapper-horizontal-padding: var( --luzmo-spacing-1 );--chat-message-extra-actions-wrapper-position: relative;--chat-message-extra-actions-wrapper-top: auto;--chat-message-extra-actions-wrapper-right: auto;--chat-message-extra-actions-wrapper-bottom: auto;--chat-message-extra-actions-wrapper-left: auto}";var v=Object.defineProperty,r=(m,a,o,n)=>{for(var i=void 0,c=m.length-1,g;c>=0;c--)(g=m[c])&&(i=g(a,o,i)||i);return i&&v(a,o,i),i};class t extends u.SizedMixin(h.LuzmoElement,{validSizes:["xs","s","m","l","xl"],defaultSize:"m"}){constructor(){super(...arguments),this.position="right",this.variant="default",this.treatment="fill",this.quiet=!1,this.meta="inside",this.actionsPosition="outside",this.avatarPlacement="top",this._hasAvatar=!1,this._hasActions=!1,this._hasExtraActions=!1,this.languageResolver=new l.LanguageResolutionController(this)}static get styles(){return[e.unsafeCSS(p)]}_handleAvatarSlotChange(a){const o=a.target;this._hasAvatar=o.assignedNodes().length>0}_handleActionsSlotChange(a){const o=a.target;this._hasActions=o.assignedNodes().length>0}_handleExtraActionsSlotChange(a){const o=a.target;this._hasExtraActions=o.assignedNodes().length>0}get formattedDatetime(){if(this.datetime)try{const a=new Date(this.datetime);if(Number.isNaN(a.getTime()))return;const o=this.datetimeFormatOptions||{hour:"numeric",minute:"numeric"};return new Intl.DateTimeFormat(this.languageResolver.language||void 0,o).format(a)}catch{return}}get squaredCorners(){const a={topLeft:!1,topRight:!1,bottomLeft:!1,bottomRight:!1};if(this.position==="left")switch(this.avatarPlacement){case"top":{a.topLeft=!0;break}case"middle":break;case"bottom":{a.bottomLeft=!0;break}}else if(this.position==="right")switch(this.avatarPlacement){case"top":{a.topRight=!0;break}case"middle":break;case"bottom":{a.bottomRight=!0;break}}return a}renderMeta(){return!this.name&&!this.formattedDatetime?e.nothing:e.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("lit"),s=require("lit/decorators.js"),d=require("lit/directives/class-map.js"),h=require("../base-DxRGeCrb.cjs"),l=require("../language-resolution-DmX3Wy5I.cjs"),u=require("../sized-mixin-DcvJLFeo.cjs"),p=":host{display:flex;font-family:var(--luzmo-chat-message-font-family, var(--chat-message-font-family));font-size:var(--luzmo-chat-message-font-size, var(--chat-message-font-size));line-height:var(--luzmo-chat-message-line-height, var(--chat-message-line-height));color:var(--highcontrast-chat-message-text-color, var(--luzmo-chat-message-text-color, var(--chat-message-text-color)))}:host([position=left]){justify-content:flex-start}:host([position=right]){justify-content:flex-end}:host([position=middle]){justify-content:center}.container{display:flex;gap:var(--luzmo-chat-message-avatar-gap, var(--chat-message-avatar-gap));max-width:var(--luzmo-chat-message-max-width, var(--chat-message-max-width))}.position-left{flex-direction:row}.position-left .avatar-wrapper{order:0}.position-left .message-wrapper{order:1;align-items:flex-start}.position-left .message{border-top-left-radius:var(--luzmo-chat-message-message-border-radius-start, var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius)));border-bottom-left-radius:var(--luzmo-chat-message-message-border-radius-bottom-start, var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius)))}.position-right{flex-direction:row-reverse}.position-right .avatar-wrapper{order:0}.position-right .message-wrapper{order:1;align-items:flex-end}.position-right .header{justify-content:flex-end}.position-right .message{border-top-right-radius:var(--luzmo-chat-message-message-border-radius-end, var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius)));border-bottom-right-radius:var(--luzmo-chat-message-message-border-radius-bottom-end, var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius)))}.position-right .actions-outside{justify-content:flex-end}.position-middle .message-wrapper{align-items:center}.position-middle .header,.position-middle .actions-outside{justify-content:center}.avatar-wrapper{flex-shrink:0;display:flex;align-items:flex-start;margin-top:var(--luzmo-chat-message-avatar-margin-top, var(--chat-message-avatar-margin-top, 0));margin-bottom:var(--luzmo-chat-message-avatar-margin-bottom, var(--chat-message-avatar-margin-bottom, 0))}:host([data-in-group]) .avatar-wrapper{min-width:var(--chat-message-avatar-size, var(--luzmo-avatar-size, var(--avatar-size, 32px)));flex-basis:var(--chat-message-avatar-size, var(--luzmo-avatar-size, var(--avatar-size, 32px)))}:host([data-in-group]:not([data-group-square-corner])) .message{border-top-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))!important;border-top-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))!important;border-bottom-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))!important;border-bottom-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))!important}.avatar-top .avatar-wrapper{align-self:flex-start}.avatar-middle .avatar-wrapper{align-self:center}.avatar-bottom .avatar-wrapper{align-self:flex-end}.avatar-middle .message-wrapper,.avatar-bottom .message-wrapper{position:relative}.avatar-middle .actions-outside,.avatar-bottom .actions-outside{position:absolute;top:100%;margin-top:var(--luzmo-chat-message-gap, var(--chat-message-gap))}.avatar-middle.position-left .actions-outside,.avatar-bottom.position-left .actions-outside{left:0}.avatar-middle.position-right .actions-outside,.avatar-bottom.position-right .actions-outside{right:0}.avatar-bottom.position-left .message{--luzmo-chat-message-message-border-radius-bottom-start: 0}.avatar-bottom.position-right .message{--luzmo-chat-message-message-border-radius-bottom-end: 0}.message-wrapper{display:flex;flex-direction:column;gap:var(--luzmo-chat-message-gap, var(--chat-message-gap));min-width:0}.message{position:relative;padding:var(--luzmo-chat-message-content-vertical-padding, var(--chat-message-content-vertical-padding)) var(--luzmo-chat-message-content-horizontal-padding, var(--chat-message-content-horizontal-padding));border-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-width:var(--luzmo-chat-message-message-border-width, var(--chat-message-message-border-width));border-style:solid;border-color:var(--highcontrast-chat-message-message-border-color, var(--luzmo-chat-message-message-border-color, var(--chat-message-message-border-color)));background-color:var(--highcontrast-chat-message-message-background-color, var(--luzmo-chat-message-message-background-color, var(--chat-message-message-background-color)));box-shadow:var(--luzmo-chat-message-message-shadow, var(--chat-message-message-shadow));color:var(--luzmo-chat-message-message-text-color, var(--chat-message-message-text-color));word-wrap:break-word;overflow-wrap:break-word}.message .header,.message .user-name,.message .datetime,.message .actions-inside{color:inherit}.message.squared-top-left{border-top-left-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important}.message.squared-top-right{border-top-right-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important}.message.squared-bottom-left{border-bottom-left-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important}.message.squared-bottom-right{border-bottom-right-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important}:host([data-group-square-corner=top-left]) .message{border-top-left-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important;border-top-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-bottom-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-bottom-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))}:host([data-group-square-corner=top-right]) .message{border-top-right-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important;border-top-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-bottom-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-bottom-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))}:host([data-group-square-corner=bottom-left]) .message{border-bottom-left-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important;border-top-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-top-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-bottom-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))}:host([data-group-square-corner=bottom-right]) .message{border-bottom-right-radius:var(--luzmo-chat-message-squared-corner-radius, var(--chat-message-squared-corner-radius))!important;border-top-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-top-right-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius));border-bottom-left-radius:var(--luzmo-chat-message-message-border-radius, var(--chat-message-message-border-radius))}.header{display:flex;align-items:baseline;gap:var(--luzmo-chat-message-header-gap, var(--chat-message-header-gap));margin-bottom:var(--luzmo-chat-message-header-margin-bottom, var(--chat-message-header-margin-bottom));flex-wrap:wrap}:host([meta=outside]) .header{margin-bottom:0}.user-name{font-weight:var(--luzmo-chat-message-user-name-font-weight, var(--chat-message-user-name-font-weight));color:var(--luzmo-chat-message-user-name-color, var(--chat-message-user-name-color))}.datetime{font-size:var(--luzmo-chat-message-datetime-font-size, var(--chat-message-datetime-font-size));color:var(--luzmo-chat-message-datetime-color, var(--chat-message-datetime-color));opacity:var(--luzmo-chat-message-datetime-opacity, var(--chat-message-datetime-opacity))}.content{display:block}.actions{display:flex;gap:var(--luzmo-chat-message-actions-gap, var(--chat-message-actions-gap));align-items:center}.actions-inside{margin-top:var(--luzmo-chat-message-actions-margin-top, var(--chat-message-actions-margin-top))}.actions-outside{opacity:var(--luzmo-chat-message-actions-opacity, var(--chat-message-actions-opacity));transition:opacity var(--luzmo-chat-message-animation-duration, var(--chat-message-animation-duration)) ease-in-out}:host(:hover) .actions-outside,:host(:focus-within) .actions-outside{opacity:var(--luzmo-chat-message-actions-opacity-hover, var(--chat-message-actions-opacity-hover))}::slotted([slot=avatar]){display:block}::slotted([slot=actions]){display:inline-flex;align-items:center}.extra-actions{position:absolute;top:var(--luzmo-chat-message-extra-actions-top, var(--chat-message-extra-actions-top));right:var(--luzmo-chat-message-extra-actions-right, var(--chat-message-extra-actions-right));bottom:var(--luzmo-chat-message-extra-actions-bottom, var(--chat-message-extra-actions-bottom));left:var(--luzmo-chat-message-extra-actions-left, var(--chat-message-extra-actions-left));padding:var(--luzmo-chat-message-extra-actions-vertical-padding, var(--chat-message-extra-actions-vertical-padding)) var(--luzmo-chat-message-extra-actions-horizontal-padding, var(--chat-message-extra-actions-horizontal-padding));opacity:0;pointer-events:none;transition:opacity var(--luzmo-chat-message-animation-duration, var(--chat-message-animation-duration)) ease-in-out;z-index:10}:host([position=left]) .extra-actions{left:var(--luzmo-chat-message-extra-actions-left, var(--chat-message-extra-actions-left), var(--luzmo-chat-message-content-horizontal-padding, var(--chat-message-content-horizontal-padding)));right:var(--luzmo-chat-message-extra-actions-right, var(--chat-message-extra-actions-right), auto)}:host([size=m]) .extra-actions{top:calc(-1 * var(--luzmo-spacing-5))}:host([size=m][position=right]) .extra-actions{left:calc(-1 * var(--luzmo-spacing-5));right:var(--luzmo-chat-message-extra-actions-right, var(--chat-message-extra-actions-right), auto)}:host([size=m][position=middle]) .extra-actions{right:calc(-1 * var(--luzmo-spacing-5));left:var(--luzmo-chat-message-extra-actions-left, var(--chat-message-extra-actions-left), auto)}:host([size=m][position=left]) .extra-actions{right:calc(-1 * var(--luzmo-spacing-5));left:var(--luzmo-chat-message-extra-actions-left, var(--chat-message-extra-actions-left), auto)}.extra-actions-wrapper{display:inline-flex;align-items:center;background-color:var(--luzmo-chat-message-extra-actions-wrapper-background-color, var(--luzmo-background-color));border-radius:var(--luzmo-chat-message-extra-actions-wrapper-border-radius, var(--luzmo-border-radius));border-width:var(--luzmo-chat-message-extra-actions-wrapper-border-width, var(--luzmo-border-width));border-style:var(--luzmo-chat-message-extra-actions-wrapper-border-style, solid);border-color:var(--luzmo-chat-message-extra-actions-wrapper-border, var(--luzmo-border-color));padding:var(--luzmo-chat-message-extra-actions-wrapper-vertical-padding, var(--chat-message-extra-actions-wrapper-vertical-padding)) var(--luzmo-chat-message-extra-actions-wrapper-horizontal-padding, var(--chat-message-extra-actions-wrapper-horizontal-padding));position:var(--luzmo-chat-message-extra-actions-wrapper-position, var(--chat-message-extra-actions-wrapper-position), relative);top:var(--luzmo-chat-message-extra-actions-wrapper-top, var(--chat-message-extra-actions-wrapper-top));right:var(--luzmo-chat-message-extra-actions-wrapper-right, var(--chat-message-extra-actions-wrapper-right));bottom:var(--luzmo-chat-message-extra-actions-wrapper-bottom, var(--chat-message-extra-actions-wrapper-bottom));left:var(--luzmo-chat-message-extra-actions-wrapper-left, var(--chat-message-extra-actions-wrapper-left))}:host(:hover) .extra-actions,:host(:focus-within) .extra-actions{opacity:1;pointer-events:auto}:host(:active) .extra-actions{opacity:1;pointer-events:auto}::slotted([slot=extra-actions]){display:inline-flex;align-items:center}@media (forced-colors: active){:host{--highcontrast-chat-message-message-background-color: Canvas;--highcontrast-chat-message-message-border-color: CanvasText;--highcontrast-chat-message-text-color: CanvasText}}:host{--chat-message-message-border-width: var(--luzmo-border-width);--chat-message-message-border-color: var(--luzmo-border-color);--chat-message-message-background-color: var( --luzmo-background-color-highlight );--chat-message-message-shadow: 0 1px 2px rgba(var(--luzmo-border-color-rgb), .05);--chat-message-message-text-color: inherit;--chat-message-font-family: var(--luzmo-font-family);--chat-message-font-size: var(--luzmo-font-size);--chat-message-line-height: 1.5;--chat-message-text-color: var(--luzmo-font-color);--chat-message-header-gap: var(--luzmo-spacing-2);--chat-message-header-margin-bottom: var(--luzmo-spacing-1);--chat-message-user-name-font-weight: var(--luzmo-font-weight-bold, 600);--chat-message-user-name-color: var(--luzmo-font-color);--chat-message-datetime-font-size: .75em;--chat-message-datetime-color: var(--luzmo-font-color-secondary);--chat-message-datetime-opacity: .7;--chat-message-actions-gap: var(--luzmo-spacing-1);--chat-message-actions-margin-top: var(--luzmo-spacing-2);--chat-message-actions-opacity: 1;--chat-message-actions-opacity-hover: 1;--chat-message-animation-duration: var(--luzmo-animation-duration, .15s);--chat-message-gap: var(--luzmo-spacing-4);--chat-message-avatar-gap: var(--luzmo-spacing-3);--chat-message-max-width: 80%;--chat-message-content-vertical-padding: var(--luzmo-spacing-3);--chat-message-content-horizontal-padding: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--chat-message-primary-background-color: var(--luzmo-primary);--chat-message-primary-border-color: var(--luzmo-primary);--chat-message-primary-text-color: var(--luzmo-primary-inverse-color);--chat-message-primary-text-color-outline: var(--luzmo-primary);--chat-message-secondary-background-color: var(--luzmo-secondary);--chat-message-secondary-border-color: var(--luzmo-secondary);--chat-message-secondary-text-color: var(--luzmo-secondary-inverse-color);--chat-message-secondary-text-color-outline: var(--luzmo-secondary)}:host([position=middle]){--chat-message-max-width: 90%}:host{--chat-message-message-border-radius: var(--luzmo-border-radius-xl);--chat-message-squared-corner-radius: var(--luzmo-border-radius-s);--chat-message-gap: var(--luzmo-spacing-2);--chat-message-avatar-gap: var(--luzmo-spacing-4);--chat-message-max-width: 80%;--chat-message-content-vertical-padding: var(--luzmo-spacing-4);--chat-message-content-horizontal-padding: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host([size=xs]){--chat-message-message-border-radius: var(--luzmo-border-radius);--chat-message-squared-corner-radius: var(--luzmo-border-radius-xs);--chat-message-font-size: 11px;--chat-message-content-vertical-padding: var(--luzmo-spacing-3);--chat-message-content-horizontal-padding: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--chat-message-gap: var(--luzmo-spacing-1);--chat-message-avatar-gap: var(--luzmo-spacing-3)}:host([size=s]){--chat-message-message-border-radius: var(--luzmo-border-radius-l);--chat-message-squared-corner-radius: var(--luzmo-border-radius-xs);--chat-message-font-size: 12px;--chat-message-content-vertical-padding: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--chat-message-content-horizontal-padding: var(--luzmo-spacing-4);--chat-message-gap: var(--luzmo-spacing-2);--chat-message-avatar-gap: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=l]){--chat-message-message-border-radius: var(--luzmo-border-radius-xl);--chat-message-squared-corner-radius: var(--luzmo-border-radius-s);--chat-message-font-size: 16px;--chat-message-content-vertical-padding: var(--luzmo-spacing-5);--chat-message-content-horizontal-padding: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--chat-message-gap: var(--luzmo-spacing-3);--chat-message-avatar-gap: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host([size=xl]){--chat-message-message-border-radius: var(--luzmo-border-radius-xl);--chat-message-squared-corner-radius: var(--luzmo-border-radius-s);--chat-message-font-size: 18px;--chat-message-content-vertical-padding: var(--luzmo-spacing-5);--chat-message-content-horizontal-padding: var(--luzmo-spacing-5);--chat-message-gap: var(--luzmo-spacing-4);--chat-message-avatar-gap: var(--luzmo-spacing-5)}:host([treatment=fill]){--chat-message-message-shadow: none}:host([variant=default][treatment=fill]){--chat-message-message-border-width: 0}:host([variant=primary][treatment=fill]){--chat-message-message-background-color: var( --chat-message-primary-background-color );--chat-message-message-border-color: var(--chat-message-primary-border-color);--chat-message-message-text-color: var(--chat-message-primary-text-color)}:host([variant=secondary][treatment=fill]){--chat-message-message-background-color: var( --chat-message-secondary-background-color );--chat-message-message-border-color: var( --chat-message-secondary-border-color );--chat-message-message-text-color: var(--chat-message-secondary-text-color)}:host([treatment=outline]){--chat-message-message-background-color: transparent;--chat-message-message-shadow: none}:host([variant=primary][treatment=outline]){--chat-message-message-border-color: var(--chat-message-primary-border-color);--chat-message-message-text-color: var( --chat-message-primary-text-color-outline )}:host([variant=secondary][treatment=outline]){--chat-message-message-border-color: var( --chat-message-secondary-border-color );--chat-message-message-text-color: var( --chat-message-secondary-text-color-outline )}:host([quiet]){--chat-message-message-background-color: transparent;--chat-message-message-border-color: transparent;--chat-message-message-border-width: 0;--chat-message-message-shadow: none;--chat-message-content-vertical-padding: 0;--chat-message-content-horizontal-padding: 0}:host([quiet][avatar-placement=top]){--chat-message-avatar-margin-top: calc( (var(--chat-message-line-height) - 1) / 2 * 1em )}:host([quiet][avatar-placement=bottom]){--chat-message-avatar-margin-bottom: calc( (var(--chat-message-line-height) - 1) / 2 * -1em )}:host([quiet][variant=primary]){--chat-message-primary-background-color: transparent;--chat-message-primary-border-color: transparent;--chat-message-primary-text-color: var(--luzmo-primary)}:host([quiet][variant=secondary]){--chat-message-secondary-background-color: transparent;--chat-message-secondary-border-color: transparent;--chat-message-secondary-text-color: var(--luzmo-secondary)}:host{--chat-message-extra-actions-top: var( --luzmo-chat-message-content-vertical-padding, var(--chat-message-content-vertical-padding) );--chat-message-extra-actions-right: var( --luzmo-chat-message-content-horizontal-padding, var(--chat-message-content-horizontal-padding) );--chat-message-extra-actions-bottom: auto;--chat-message-extra-actions-left: auto;--chat-message-extra-actions-vertical-padding: 0;--chat-message-extra-actions-horizontal-padding: 0;--chat-message-extra-actions-wrapper-background-color: var( --luzmo-border-color );--chat-message-extra-actions-wrapper-border-radius: var( --luzmo-border-radius );--chat-message-extra-actions-wrapper-border: none;--chat-message-extra-actions-wrapper-vertical-padding: var(--luzmo-spacing-1);--chat-message-extra-actions-wrapper-horizontal-padding: var( --luzmo-spacing-1 );--chat-message-extra-actions-wrapper-position: relative;--chat-message-extra-actions-wrapper-top: auto;--chat-message-extra-actions-wrapper-right: auto;--chat-message-extra-actions-wrapper-bottom: auto;--chat-message-extra-actions-wrapper-left: auto}";var v=Object.defineProperty,r=(m,a,o,n)=>{for(var i=void 0,c=m.length-1,g;c>=0;c--)(g=m[c])&&(i=g(a,o,i)||i);return i&&v(a,o,i),i};class e extends u.SizedMixin(h.LuzmoElement,{validSizes:["xs","s","m","l","xl"],defaultSize:"m"}){constructor(){super(...arguments),this.position="right",this.variant="default",this.treatment="fill",this.quiet=!1,this.meta="inside",this.actionsPosition="outside",this.avatarPlacement="top",this._hasAvatar=!1,this._hasActions=!1,this._hasExtraActions=!1,this.languageResolver=new l.LanguageResolutionController(this)}static get styles(){return[t.unsafeCSS(p)]}_handleAvatarSlotChange(a){const o=a.target;this._hasAvatar=o.assignedNodes().length>0}_handleActionsSlotChange(a){const o=a.target;this._hasActions=o.assignedNodes().length>0}_handleExtraActionsSlotChange(a){const o=a.target;this._hasExtraActions=o.assignedNodes().length>0}get formattedDatetime(){if(this.datetime)try{const a=new Date(this.datetime);if(Number.isNaN(a.getTime()))return;const o=this.datetimeFormatOptions||{hour:"numeric",minute:"numeric"};return new Intl.DateTimeFormat(this.datetimeLanguage||this.languageResolver.language||void 0,o).format(a)}catch{return}}get squaredCorners(){const a={topLeft:!1,topRight:!1,bottomLeft:!1,bottomRight:!1};if(this.position==="left")switch(this.avatarPlacement){case"top":{a.topLeft=!0;break}case"middle":break;case"bottom":{a.bottomLeft=!0;break}}else if(this.position==="right")switch(this.avatarPlacement){case"top":{a.topRight=!0;break}case"middle":break;case"bottom":{a.bottomRight=!0;break}}return a}renderMeta(){return!this.name&&!this.formattedDatetime?t.nothing:t.html`
       <div class="header" part="header">
-        ${this.name?e.html`<span class="user-name">${this.name}</span>`:e.nothing}
-        ${this.formattedDatetime?e.html`<time class="datetime" datetime=${this.datetime||""}>
+        ${this.name?t.html`<span class="user-name">${this.name}</span>`:t.nothing}
+        ${this.formattedDatetime?t.html`<time class="datetime" datetime=${this.datetime||""}>
               ${this.formattedDatetime}
-            </time>`:e.nothing}
+            </time>`:t.nothing}
       </div>
-    `}renderActions(a){return this.actionsPosition!==a?e.nothing:this._hasActions?e.html`
+    `}renderActions(a){return this.actionsPosition!==a?t.nothing:this._hasActions?t.html`
       <div class="actions actions-${a}" part="actions">
         <slot
           name="actions"
           @slotchange=${this._handleActionsSlotChange}
         ></slot>
       </div>
-    `:e.html`<slot
+    `:t.html`<slot
         name="actions"
         @slotchange=${this._handleActionsSlotChange}
-      ></slot>`}render(){const a=this.squaredCorners,o={message:!0,"squared-top-left":a.topLeft,"squared-top-right":a.topRight,"squared-bottom-left":a.bottomLeft,"squared-bottom-right":a.bottomRight,"has-avatar":this._hasAvatar},n={container:!0,[`position-${this.position}`]:!0,[`avatar-${this.avatarPlacement}`]:!0};return e.html`
+      ></slot>`}render(){const a=this.squaredCorners,o={message:!0,"squared-top-left":a.topLeft,"squared-top-right":a.topRight,"squared-bottom-left":a.bottomLeft,"squared-bottom-right":a.bottomRight,"has-avatar":this._hasAvatar},n={container:!0,[`position-${this.position}`]:!0,[`avatar-${this.avatarPlacement}`]:!0};return t.html`
       <div class=${d.classMap(n)}>
         <div class="avatar-wrapper">
           <slot
@@ -42,10 +42,10 @@
         </div>
 
         <div class="message-wrapper">
-          ${this.meta==="outside"?this.renderMeta():e.nothing}
+          ${this.meta==="outside"?this.renderMeta():t.nothing}
 
           <div class=${d.classMap(o)} part="message">
-            ${this.meta==="inside"?this.renderMeta():e.nothing}
+            ${this.meta==="inside"?this.renderMeta():t.nothing}
 
             <div class="content" part="content">
               <slot name="message">
@@ -54,7 +54,7 @@
             </div>
 
             ${this.renderActions("inside")}
-            ${this._hasExtraActions?e.html`
+            ${this._hasExtraActions?t.html`
                   <div class="extra-actions" part="extra-actions">
                     <div
                       class="extra-actions-wrapper"
@@ -66,7 +66,7 @@
                       ></slot>
                     </div>
                   </div>
-                `:e.html`
+                `:t.html`
                   <slot
                     name="extra-actions"
                     @slotchange=${this._handleExtraActionsSlotChange}
@@ -77,4 +77,4 @@
           ${this.renderActions("outside")}
         </div>
       </div>
-    `}}r([s.property({type:String,reflect:!0})],t.prototype,"position");r([s.property({type:String,reflect:!0})],t.prototype,"variant");r([s.property({type:String,reflect:!0})],t.prototype,"treatment");r([s.property({type:Boolean,reflect:!0})],t.prototype,"quiet");r([s.property({type:String,attribute:"name"})],t.prototype,"name");r([s.property({type:String,attribute:"datetime"})],t.prototype,"datetime");r([s.property({type:Object,attribute:"datetime-format-options"})],t.prototype,"datetimeFormatOptions");r([s.property({type:String,reflect:!0})],t.prototype,"meta");r([s.property({type:String,reflect:!0,attribute:"actions"})],t.prototype,"actionsPosition");r([s.property({type:String,reflect:!0,attribute:"avatar-placement"})],t.prototype,"avatarPlacement");r([s.state()],t.prototype,"_hasAvatar");r([s.state()],t.prototype,"_hasActions");r([s.state()],t.prototype,"_hasExtraActions");customElements.get("luzmo-chat-message")||customElements.define("luzmo-chat-message",t);exports.LuzmoChatMessage=t;
+    `}}r([s.property({type:String,reflect:!0})],e.prototype,"position");r([s.property({type:String,reflect:!0})],e.prototype,"variant");r([s.property({type:String,reflect:!0})],e.prototype,"treatment");r([s.property({type:Boolean,reflect:!0})],e.prototype,"quiet");r([s.property({type:String,attribute:"name"})],e.prototype,"name");r([s.property({type:String,attribute:"datetime"})],e.prototype,"datetime");r([s.property({type:Object,attribute:"datetime-format-options"})],e.prototype,"datetimeFormatOptions");r([s.property({type:String,attribute:"datetime-language"})],e.prototype,"datetimeLanguage");r([s.property({type:String,reflect:!0})],e.prototype,"meta");r([s.property({type:String,reflect:!0,attribute:"actions"})],e.prototype,"actionsPosition");r([s.property({type:String,reflect:!0,attribute:"avatar-placement"})],e.prototype,"avatarPlacement");r([s.state()],e.prototype,"_hasAvatar");r([s.state()],e.prototype,"_hasActions");r([s.state()],e.prototype,"_hasExtraActions");customElements.get("luzmo-chat-message")||customElements.define("luzmo-chat-message",e);exports.LuzmoChatMessage=e;

package/components/chat-message/index.js

@@ -18,8 +18,8 @@
 import { unsafeCSS as p, nothing as c, html as o } from "lit";
 import { property as s, state as l } from "lit/decorators.js";
 import { classMap as h } from "lit/directives/class-map.js";
-import { a as v } from "../base-CdYjmV_8.js";
-import { L as z } from "../language-resolution-B-wjV5bb.js";
+import { a as v } from "../base-BUViEg_7.js";
+import { L as z } from "../language-resolution-pYd-sAaw.js";
 import { S as b } from "../sized-mixin-cJbo3PKR.js";
 const u = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
@@ -71,7 +71,7 @@ class e extends b(v, {
           minute: "numeric"
         };
         return new Intl.DateTimeFormat(
-          this.languageResolver.language || void 0,
+          this.datetimeLanguage || this.languageResolver.language || void 0,
           r
         ).format(a);
       } catch {
@@ -230,6 +230,9 @@ t([
 t([
   s({ type: Object, attribute: "datetime-format-options" })
 ], e.prototype, "datetimeFormatOptions");
+t([
+  s({ type: String, attribute: "datetime-language" })
+], e.prototype, "datetimeLanguage");
 t([
   s({ type: String, reflect: !0 })
 ], e.prototype, "meta");