@luzmo/lucero 2.5.1 → 2.6.0

package/components/{top-nav-CXjnpdFR.js → top-nav-DiUCsUpZ.js}

@@ -16,18 +16,18 @@
  * SOFTWARE.
  * */
 import "./tokens.js";
-import { n as e, t } from "./decorate-CkCg3wfh.js";
-import { n } from "./sized-mixin-DzQTebN-.js";
-import { t as r } from "./focus-visible-Bt2uDmuM.js";
-import { t as i } from "./focusable-DuP0-Kuy.js";
-import { t as a } from "./roving-tabindex-pomAn3z-.js";
-import { t as o } from "./scaled-indicator-C-TupV4L.js";
+import { n as e, t } from "./decorate-CpKsOs9z.js";
+import { n } from "./sized-mixin-BmxIAuoH.js";
+import { t as r } from "./focus-visible-D6TRtUd7.js";
+import { t as i } from "./focusable-xjv79E40.js";
+import { t as a } from "./roving-tabindex-BKMkfzY0.js";
+import { t as o } from "./scaled-indicator-CsfzvTDr.js";
 import { html as s, unsafeCSS as c } from "lit";
 import { property as l, query as u } from "lit/decorators.js";
 import { ifDefined as d } from "lit/directives/if-defined.js";
 import { IntersectionController as f } from "@lit-labs/observers/intersection-controller.js";
 import { ResizeController as p } from "@lit-labs/observers/resize-controller.js";
-//#region src/components/top-nav/top-nav-sizes.module.scss?inline
+// src/components/top-nav/top-nav-sizes.module.scss?inline
 var m = "#list{--top-nav-item-height:calc(var(--luzmo-component-height) + var(--luzmo-spacing-5));--top-nav-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-3));--top-nav-top-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--top-nav-bottom-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--top-nav-focus-indicator-gap:var(--luzmo-spacing-3);--top-nav-font-size:var(--luzmo-font-size)}:host([size=s]) #list{--top-nav-item-height:calc(var(--luzmo-component-height-s) + var(--luzmo-spacing-4));--top-nav-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--top-nav-top-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--top-nav-bottom-to-text:var(--luzmo-spacing-4);--top-nav-focus-indicator-gap:var(--luzmo-spacing-3);--top-nav-font-size:var(--luzmo-font-size-s)}:host([size=l]) #list{--top-nav-item-height:calc(var(--luzmo-component-height-l) + var(--luzmo-spacing-5));--top-nav-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-4));--top-nav-top-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--top-nav-bottom-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--top-nav-focus-indicator-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--top-nav-font-size:var(--luzmo-font-size-l)}:host([size=xl]) #list{--top-nav-item-height:calc(var(--luzmo-component-height-xl) + var(--luzmo-spacing-5));--top-nav-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-4));--top-nav-top-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--top-nav-bottom-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--top-nav-focus-indicator-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--top-nav-font-size:var(--luzmo-font-size-xl)}", h = ":host{display:block}#list{--top-nav-color:var(--luzmo-font-color);--top-nav-color-selected:var(--luzmo-font-color-down);--top-nav-color-hover:var(--luzmo-font-color-hover);--top-nav-color-key-focus:var(--luzmo-font-color-focus);--top-nav-color-disabled:var(--luzmo-disabled-color);--top-nav-font-family:var(--luzmo-font-family);--top-nav-font-style:var(--luzmo-font-style);--top-nav-font-size:var(--luzmo-font-size);--top-nav-font-weight:var(--luzmo-font-weight);--top-nav-line-height:var(--luzmo-line-height);--top-nav-focus-indicator-width:var(--luzmo-indicator-width);--top-nav-focus-indicator-border-radius:var(--luzmo-border-radius);--top-nav-focus-indicator-color:var(--luzmo-indicator-color);--top-nav-selection-indicator-color:var(--luzmo-font-color-down);--top-nav-divider-size:2px;--top-nav-divider-border-radius:1px;--top-nav-animation-duration:var(--luzmo-animation-duration);--top-nav-animation-ease:ease-in-out;z-index:0;vertical-align:top;background:linear-gradient(to top, var(--highcontrast-top-nav-divider-background-color,var(--luzmo-top-nav-divider-background-color,var(--top-nav-divider-background-color,var(--luzmo-border-color)))) 0 var(--luzmo-top-nav-divider-size,var(--top-nav-divider-size)), transparent var(--luzmo-top-nav-divider-size,var(--top-nav-divider-size)));align-items:center;margin:0;padding-block:0;display:flex;position:relative}::slotted(:not(:first-child)){margin-inline-start:var(--luzmo-top-nav-item-horizontal-spacing,var(--top-nav-item-horizontal-spacing))}::slotted([selected]){color:var(--highcontrast-top-nav-color-selected,var(--luzmo-top-nav-color-selected,var(--top-nav-color-selected)))}::slotted([disabled]){cursor:default;color:var(--highcontrast-top-nav-color-disabled,var(--luzmo-top-nav-color-disabled,var(--top-nav-color-disabled)))}#selection-indicator{background-color:var(--highcontrast-top-nav-selection-indicator-color,var(--luzmo-top-nav-selection-indicator-color,var(--top-nav-selection-indicator-color)));z-index:0;transition:transform var(--luzmo-top-nav-animation-duration,var(--top-nav-animation-duration)) var(--luzmo-top-nav-animation-ease,var(--top-nav-animation-ease));transform-origin:0 0;border-radius:var(--luzmo-top-nav-divider-border-radius,var(--top-nav-divider-border-radius));block-size:var(--luzmo-top-nav-divider-size,var(--top-nav-divider-size));width:100px;position:absolute;inset-block-end:0;inset-inline-start:0}#selection-indicator.first-position{transition:none}:host([quiet]) #list{--top-nav-quiet-unselected-opacity:.7;--top-nav-quiet-unselected-opacity-hover:.85;background:0 0;border-color:#0000;display:inline-flex}:host([quiet]) ::slotted(:not([selected])){opacity:var(--luzmo-top-nav-quiet-unselected-opacity,var(--top-nav-quiet-unselected-opacity))}:host([quiet]) ::slotted(:not([selected]):hover){opacity:var(--luzmo-top-nav-quiet-unselected-opacity-hover,var(--top-nav-quiet-unselected-opacity-hover))}:host([quiet]) #selection-indicator{display:none}@media (forced-colors:active){#list{--highcontrast-top-nav-divider-background-color:var(--luzmo-border-color);--highcontrast-top-nav-selection-indicator-color:Highlight;--highcontrast-top-nav-focus-indicator-color:CanvasText;--highcontrast-top-nav-color:ButtonText;--highcontrast-top-nav-color-hover:ButtonText;--highcontrast-top-nav-color-selected:HighlightText;--highcontrast-top-nav-color-key-focus:ButtonText;--highcontrast-top-nav-color-disabled:GrayText;forced-color-adjust:none}}#list{--top-nav-font-weight:var(--luzmo-font-weight);--top-nav-divider-background-color:var(--luzmo-border-color)}", g = class extends n(i, { noDefaultSize: !0 }) {
 	static get styles() {
 		return [c(h), c(m)];
@@ -63,7 +63,7 @@ var m = "#list{--top-nav-item-height:calc(var(--luzmo-component-height) + var(--
 		}), this.onClick = (e) => {
 			if (this.disabled) return;
 			let t = e.composedPath().find((e) => e.parentElement === this);
-			!t || t.disabled || (e.preventDefault(), this.shouldAnimate = !0, this.selectTarget(t));
+			t && !t.disabled && (e.preventDefault(), this.shouldAnimate = !0, this.selectTarget(t));
 		}, this.onKeyDown = (e) => {
 			if (e.code === "Enter" || e.code === "Space") {
 				e.preventDefault();
@@ -148,8 +148,7 @@ t([l()], g.prototype, "label", void 0), t([l({
 	type: Boolean,
 	reflect: !0
 })], g.prototype, "quiet", void 0), t([l({ reflect: !0 })], g.prototype, "selected", void 0), t([l({ attribute: !1 })], g.prototype, "selectionIndicatorStyle", void 0), t([l({ attribute: !1 })], g.prototype, "shouldAnimate", void 0), t([u("slot")], g.prototype, "slotEl", void 0), t([u("#list")], g.prototype, "listEl", void 0);
-//#endregion
-//#region src/components/top-nav/top-nav-item.module.scss?inline
+// src/components/top-nav/top-nav-item.module.scss?inline
 var _ = ":host{font-family:var(--luzmo-top-nav-font-family,var(--luzmo-font-family));box-sizing:border-box;block-size:calc(var(--luzmo-top-nav-item-height,var(--top-nav-item-height)) - var(--luzmo-top-nav-divider-size,var(--top-nav-divider-size)));z-index:1;white-space:nowrap;color:var(--highcontrast-top-nav-color,var(--luzmo-top-nav-color,var(--top-nav-color)));transition:color var(--luzmo-top-nav-animation-duration,var(--top-nav-animation-duration)) ease-out;cursor:pointer;outline:none;align-items:center;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative}:host:before{content:\"\";box-sizing:border-box;block-size:calc(100% - var(--luzmo-top-nav-top-to-text,var(--top-nav-top-to-text)));inline-size:calc(100% + var(--luzmo-top-nav-focus-indicator-gap,var(--top-nav-focus-indicator-gap)) * 2);border-radius:var(--luzmo-top-nav-focus-indicator-border-radius,var(--top-nav-focus-indicator-border-radius));pointer-events:none;position:absolute;inset-block-start:calc(var(--luzmo-top-nav-top-to-text,var(--top-nav-top-to-text)) / 2);inset-inline-start:calc(var(--luzmo-top-nav-focus-indicator-gap,var(--top-nav-focus-indicator-gap)) * -1);inset-inline-end:calc(var(--luzmo-top-nav-focus-indicator-gap,var(--top-nav-focus-indicator-gap)) * -1);border:var(--luzmo-top-nav-focus-indicator-width,var(--top-nav-focus-indicator-width)) solid transparent!important}@media (hover:hover){:host(:hover){color:var(--highcontrast-top-nav-color-hover,var(--luzmo-top-nav-color-hover,var(--top-nav-color-hover)))}}:host([selected]){color:var(--highcontrast-top-nav-color-selected,var(--luzmo-top-nav-color-selected,var(--top-nav-color-selected)))}:host([disabled]){cursor:default;pointer-events:none;color:var(--highcontrast-top-nav-color-disabled,var(--luzmo-top-nav-color-disabled,var(--top-nav-color-disabled)))}:host(:focus-visible){color:var(--highcontrast-top-nav-color-key-focus,var(--luzmo-top-nav-color-key-focus,var(--top-nav-color-key-focus)))}:host(:focus-visible):before{border-color:var(--highcontrast-top-nav-focus-indicator-color,var(--luzmo-top-nav-focus-indicator-color,var(--top-nav-focus-indicator-color)))!important}#item-label{cursor:pointer;font-family:inherit;font-style:var(--luzmo-top-nav-font-style,var(--top-nav-font-style));font-size:var(--luzmo-top-nav-font-size,var(--top-nav-font-size));font-weight:var(--luzmo-top-nav-font-weight,var(--top-nav-font-weight));line-height:var(--luzmo-top-nav-line-height,var(--top-nav-line-height));color:inherit;outline:none;-webkit-text-decoration:none;text-decoration:none;display:inline-block}:host([disabled]) #item-label{cursor:default}", v = class extends r(e) {
 	constructor(...e) {
 		super(...e), this.href = "", this.selected = !1, this.disabled = !1, this.value = "";
@@ -196,5 +195,4 @@ t([l({ reflect: !0 })], v.prototype, "href", void 0), t([l({ reflect: !0 })], v.
 	type: String,
 	reflect: !0
 })], v.prototype, "value", void 0), t([u("a")], v.prototype, "anchorElement", void 0), customElements.get("luzmo-top-nav") || customElements.define("luzmo-top-nav", g), customElements.get("luzmo-top-nav-item") || customElements.define("luzmo-top-nav-item", v);
-//#endregion
 export { g as n, v as t };

package/components/utils.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focus-visible-DNHNlrty.cjs"),r=require("./focusable-B6h03pAe.cjs"),i=require("./platform-BAjeJp2W.cjs"),a=require("./streaming-listener-Bfyk6Fsx.cjs"),o=require("./voice-recorder-B1tBrGTV.cjs"),s=require("./template-property-yhcAmPXk.cjs");exports.ElementSizes=t.t,exports.FocusVisiblePolyfillMixin=n.t,exports.Focusable=r.t,exports.LuzmoElement=e.n,exports.LuzmoMixin=e.r,exports.SizedMixin=t.n,exports.VoiceRecorder=o.t,exports.createTemplateRenderer=s.t,exports.isAndroid=i.t,exports.isAppleDevice=i.n,exports.isChrome=i.r,exports.isFirefox=i.i,exports.isIOS=i.a,exports.isIPad=i.o,exports.isIPhone=i.s,exports.isMac=i.c,exports.isSeamonkey=i.l,exports.isWebKit=i.u,exports.streamingListener=a.t,exports.templateProperty=s.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./decorate-SO02l0A6.cjs"),t=require("./sized-mixin-CSajkMro.cjs"),n=require("./focus-visible-BQAhwoxi.cjs"),r=require("./focusable-BIHTrJd6.cjs"),i=require("./platform-BAjeJp2W.cjs"),a=require("./streaming-listener-BzGZUHkj.cjs"),o=require("./voice-recorder-B1tBrGTV.cjs"),s=require("./template-property-yhcAmPXk.cjs");exports.ElementSizes=t.t,exports.FocusVisiblePolyfillMixin=n.t,exports.Focusable=r.t,exports.LuzmoElement=e.n,exports.LuzmoMixin=e.r,exports.SizedMixin=t.n,exports.VoiceRecorder=o.t,exports.createTemplateRenderer=s.t,exports.isAndroid=i.t,exports.isAppleDevice=i.n,exports.isChrome=i.r,exports.isFirefox=i.i,exports.isIOS=i.a,exports.isIPad=i.o,exports.isIPhone=i.s,exports.isMac=i.c,exports.isSeamonkey=i.l,exports.isWebKit=i.u,exports.streamingListener=a.t,exports.templateProperty=s.n;

package/components/utils.js

@@ -15,12 +15,12 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as e, r as t } from "./decorate-CkCg3wfh.js";
-import { n, t as r } from "./sized-mixin-DzQTebN-.js";
-import { t as i } from "./focus-visible-Bt2uDmuM.js";
-import { t as a } from "./focusable-DuP0-Kuy.js";
-import { a as o, c as s, i as c, l, n as u, o as d, r as f, s as p, t as m, u as h } from "./platform-Ce9pNsR9.js";
-import { t as g } from "./streaming-listener-CtcMpYfS.js";
-import { t as _ } from "./voice-recorder-CTg3kRxx.js";
-import { n as v, t as y } from "./template-property-DNDi7lQv.js";
+import { n as e, r as t } from "./decorate-CpKsOs9z.js";
+import { n, t as r } from "./sized-mixin-BmxIAuoH.js";
+import { t as i } from "./focus-visible-D6TRtUd7.js";
+import { t as a } from "./focusable-xjv79E40.js";
+import { a as o, c as s, i as c, l, n as u, o as d, r as f, s as p, t as m, u as h } from "./platform-CDW-WdXN.js";
+import { t as g } from "./streaming-listener-DyS3scAi.js";
+import { t as _ } from "./voice-recorder-BXY_l_78.js";
+import { n as v, t as y } from "./template-property-Bks4Db5C.js";
 export { r as ElementSizes, i as FocusVisiblePolyfillMixin, a as Focusable, e as LuzmoElement, t as LuzmoMixin, n as SizedMixin, _ as VoiceRecorder, y as createTemplateRenderer, m as isAndroid, u as isAppleDevice, f as isChrome, c as isFirefox, o as isIOS, d as isIPad, p as isIPhone, s as isMac, l as isSeamonkey, h as isWebKit, g as streamingListener, v as templateProperty };

package/components/{voice-recorder-CTg3kRxx.js → voice-recorder-BXY_l_78.js}

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-//#region src/utils/voice-recorder.ts
+// src/utils/voice-recorder.ts
 var e = class {
 	constructor(e = {}) {
 		this.mediaRecorder = null, this.audioChunks = [], this.isRecording = !1, this.stream = null, this.recordingStartTime = 0, this.mimeType = "", this.audioContext = null, this.analyser = null, this.animationFrame = null, this.durationInterval = null, this.maxDuration = e.maxDuration ?? 3e5, this.audioBitsPerSecond = e.audioBitsPerSecond ?? 128e3;
@@ -130,5 +130,4 @@ var e = class {
 		return `${Math.floor(t / 60)}:${(t % 60).toString().padStart(2, "0")}`;
 	}
 };
-//#endregion
 export { e as t };