@limetech/lime-elements 39.24.0 → 39.24.2

package/dist/esm/limel-dialog.entry.js

@@ -3,14 +3,17 @@ import { d as dispatchResizeEvent } from './dispatch-resize-event-z_E3sq3p.js';
 import { c as createRandomString } from './random-string-JbKhhoXs.js';
 import { _ as __extends, a as __assign, M as MDCFoundation, b as __values, c as MDCComponent, d as closest, m as matches } from './ponyfill-ChRGk668.js';
 import { M as MDCRipple } from './component-7QB0OUSF.js';
-import { i as isEqual } from './isEqual-CsrptmTU.js';
-import './_baseIsEqual-DCZXUzsZ.js';
-import './eq-D7VMHFyO.js';
+import { i as isEqual } from './isEqual-4tbMaaf_.js';
+import './_baseIsEqual-B6bIeexY.js';
+import './eq-CZ30nDJE.js';
+import './_getTag-CMJL-6hk.js';
 import './isObject-BJQylLSL.js';
-import './_getNative-aN4R8EiP.js';
-import './isArray-B8VKuhvH.js';
 import './isObjectLike-oiMYqRQ0.js';
-import './isArrayLike-D1QkaJU2.js';
+import './isArrayLike-CyVGB489.js';
+import './isFunction-9zQTeQI8.js';
+import './_getNative-COawFdVX.js';
+import './isArray-B8VKuhvH.js';
+import './_isIndex-B--C3qwe.js';
 
 /**
  * @license

package/dist/esm/limel-email-viewer.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-DBTJNfo7.js';
 import { t as translate } from './translations-Dv3YcsA7.js';
 import { a as adaptColorContrast } from './adapt-color-contrast-Dgcw_h7C.js';
+import { g as getIconBackgroundColorForFile, a as getIconFillColorForFile, b as getIconForFile } from './icons-Bu_YRgCL.js';
 
 /**
  * Checks whether the given HTML contains any images with a `data-remote-src`
@@ -199,7 +200,7 @@ function formatBytes(bytes, decimals = 1) {
     return `${rounded} ${sizes[i]}`;
 }
 
-const emailViewerCss = () => `@charset "UTF-8";:host(limel-email-viewer){display:block;width:100%;height:100%;box-sizing:border-box}*,*::before,*::after{box-sizing:border-box;min-width:0;min-height:0}.email{display:flex;flex-direction:column;width:100%;height:100%;padding-bottom:0.5rem;box-shadow:var(--shadow-depth-8)}.email-headers{position:relative;flex-shrink:0;display:flex;flex-direction:column}.email-headers dl,.email-headers dt,.email-headers dd{margin:0}.email-headers dl{display:flex;flex-wrap:wrap;gap:0 0.5rem;padding:0.5rem 0.75rem;font-size:0.75rem}.email-headers dl:nth-child(even){background-color:rgb(var(--contrast-800), 0.1)}.email-headers dl dt{opacity:0.6;min-width:3rem}.email-headers dl dt::after{content:":"}.email-headers dl dd:not(:last-child)::after{content:",";opacity:0.6}.email-headers dl.subject dd{font-weight:bold}.email-headers dl.date{position:absolute;right:0.25rem;bottom:0;transform:translateY(50%);font-size:0.625rem;border-radius:9rem;padding:0.125rem 0.25rem;background-color:rgb(var(--contrast-100), 0.8);border:rgb(var(--contrast-600)) solid 1px}.email-headers dl.date dt{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap}.attachments{flex-shrink:0;padding:0.5rem;border-bottom:1px dashed rga(var(--contrast-700))}.attachments span{padding-left:0.25rem;font-size:0.75rem;opacity:0.6}.attachments span:first-child::after{content:":"}.attachments ul{all:unset;display:grid;grid-template-columns:repeat(auto-fill, minmax(8rem, 1fr));gap:0.5rem;padding:0.5rem 0}.attachments li{all:unset;position:relative;display:flex;flex-direction:column;gap:0.25rem;font-size:0.6875rem;line-height:normal;padding:0.5rem 0.5rem 1rem 0.5rem;border-radius:0.5rem;border:1px solid rgba(var(--contrast-600));background-color:rgba(var(--contrast-400))}.attachments .attachment-filename{font-weight:500}.attachments .attachment-mime-type{opacity:0.7}.attachments limel-badge{--badge-max-width:auto;--badge-background-color:rgb(var(--contrast-1000), 0.7);--badge-text-color:rgb(var(--color-white));position:absolute;bottom:0.125rem;right:0.125rem;box-shadow:var(--shadow-brighten-edges-outside)}section{flex-grow:1;display:flex;flex-direction:column;border-top:1px dashed rgba(var(--contrast-700));min-height:2rem;overflow-y:auto}limel-collapsible-section{--closed-header-background-color:var(       --lime-elevated-surface-background-color   );flex-grow:1;flex-shrink:0;margin:0.5rem;border-radius:0.75rem;box-shadow:var(--shadow-depth-8)}limel-collapsible-section button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;flex-shrink:0;border-radius:0.375rem;padding:0.25rem 0.5rem;font-size:var(--limel-theme-small-font-size);margin:0 0.5rem}limel-collapsible-section button.load-images{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--lime-primary-color, var(--limel-theme-primary-color));background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal)}limel-collapsible-section button.load-images:hover,limel-collapsible-section button.load-images:focus,limel-collapsible-section button.load-images:focus-visible{will-change:color, background-color, box-shadow, transform}limel-collapsible-section button.load-images:hover,limel-collapsible-section button.load-images:focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}limel-collapsible-section button.load-images:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}limel-collapsible-section button.load-images:hover,limel-collapsible-section button.load-images:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}limel-collapsible-section limel-markdown{padding:0.5rem}.body{flex-grow:1;max-width:100%;padding:0.75rem}.body.plain-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:inherit}.body img{max-width:100% !important}`;
+const emailViewerCss = () => `@charset "UTF-8";:host(limel-email-viewer){display:block;width:100%;height:100%;box-sizing:border-box}*,*::before,*::after{box-sizing:border-box;min-width:0;min-height:0}.email{display:flex;flex-direction:column;width:100%;height:100%;box-shadow:var(--shadow-depth-8)}.email-headers{position:relative;flex-shrink:0;display:flex;flex-direction:column}.email-headers dl,.email-headers dt,.email-headers dd{margin:0}.email-headers dl{display:flex;flex-wrap:wrap;gap:0 0.5rem;padding:0.5rem 0.75rem;font-size:0.75rem}.email-headers dl:nth-child(even){background-color:rgb(var(--contrast-800), 0.1)}.email-headers dl dt{opacity:0.6;min-width:3rem}.email-headers dl dt::after{content:":"}.email-headers dl dd:not(:last-child)::after{content:",";opacity:0.6}.email-headers dl.subject dd{font-weight:bold}.email-headers dl.date{position:absolute;right:0.25rem;bottom:0;transform:translateY(50%);font-size:0.625rem;border-radius:9rem;padding:0.125rem 0.25rem;background-color:rgb(var(--contrast-100), 0.8);border:rgb(var(--contrast-600)) solid 1px}.email-headers dl.date dt{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap}.attachments{flex-shrink:0;padding:0.5rem;border-bottom:1px dashed rgba(var(--contrast-700))}.attachments span{padding-left:0.25rem;font-size:0.75rem;opacity:0.6}.attachments span:first-child::after{content:":"}.attachments .attachment-list{margin:0;padding:0.5rem 0;list-style:none;display:flex;flex-wrap:wrap;gap:0.5rem}.attachments li{display:inline-flex;max-width:100%}.attachments limel-chip{--chip-max-width:18rem;--badge-max-width:3rem}section{flex-grow:1;display:flex;flex-direction:column;border-top:1px dashed rgba(var(--contrast-700));min-height:2rem;overflow-y:auto}limel-collapsible-section{--closed-header-background-color:var(       --lime-elevated-surface-background-color   );flex-grow:1;flex-shrink:0;margin:0.5rem;border-radius:0.75rem;box-shadow:var(--shadow-depth-8)}limel-collapsible-section button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;flex-shrink:0;border-radius:0.375rem;padding:0.25rem 0.5rem;font-size:var(--limel-theme-small-font-size);margin:0 0.5rem}limel-collapsible-section button.load-images{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--lime-primary-color, var(--limel-theme-primary-color));background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal)}limel-collapsible-section button.load-images:hover,limel-collapsible-section button.load-images:focus,limel-collapsible-section button.load-images:focus-visible{will-change:color, background-color, box-shadow, transform}limel-collapsible-section button.load-images:hover,limel-collapsible-section button.load-images:focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}limel-collapsible-section button.load-images:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}limel-collapsible-section button.load-images:hover,limel-collapsible-section button.load-images:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}limel-collapsible-section limel-markdown{padding:0.5rem}.body{flex-grow:1;max-width:100%;padding:0.75rem}.body.plain-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:inherit}.body img{max-width:100% !important}`;
 
 const EmailViewer = class {
     constructor(hostRef) {
@@ -215,13 +216,17 @@ const EmailViewer = class {
             const filename = ((_a = attachment.filename) === null || _a === void 0 ? void 0 : _a.trim()) ||
                 this.getTranslation('file-viewer.email.attachment.unnamed');
             const mimeType = ((_b = attachment.mimeType) === null || _b === void 0 ? void 0 : _b.trim()) || '';
-            return (h("li", { key: `attachment-${index}` }, h("span", { class: "attachment-filename" }, filename), h("span", { class: "attachment-mime-type" }, " ", mimeType), this.renderSizeBadge(attachment.size)));
-        };
-        this.renderSizeBadge = (size) => {
-            if (typeof size !== 'number') {
-                return;
-            }
-            return (h("limel-badge", { class: "attachment-size", label: formatBytes(size) }));
+            const dotIndex = filename.lastIndexOf('.');
+            const extension = dotIndex > 0 ? filename.slice(dotIndex + 1) : '';
+            const tooltip = mimeType ? `${filename}\n${mimeType}` : filename;
+            const fileSize = typeof attachment.size === 'number'
+                ? formatBytes(attachment.size)
+                : undefined;
+            return (h("li", { key: `attachment-${index}` }, h("limel-chip", { title: tooltip, text: filename, icon: {
+                    name: getIconForFile(extension),
+                    color: getIconFillColorForFile(extension),
+                    backgroundColor: getIconBackgroundColorForFile(extension),
+                }, badge: fileSize, readonly: true, language: this.language })));
         };
         this.onEnableRemoteImagesClick = (event) => {
             var _a;
@@ -252,7 +257,7 @@ const EmailViewer = class {
         }
     }
     render() {
-        return (h(Host, { key: '25592be91649a98427363488998f461470346f06' }, h("div", { key: 'e07d2c18bc5ebd7ff922afa4c8becb1f987bb0da', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), h("section", { key: 'aa174224531cbcc77f1b29b0c828d7dc8fab5d7c' }, this.renderAttachments(), this.renderBody()))));
+        return (h(Host, { key: '675006a3bc305063d7205aef84da1652f0c082f4' }, h("div", { key: '10661de173c5fbac42362c903f1a1a5658e6c9e3', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), h("section", { key: 'c8102541316aaf4749cbf298adb5c3c41d9dda47' }, this.renderAttachments(), this.renderBody()))));
     }
     renderHeaders() {
         const headerFields = [
@@ -315,7 +320,7 @@ const EmailViewer = class {
             return;
         }
         const label = this.getTranslation('file-viewer.email.attachments');
-        return (h("div", { class: "attachments" }, h("span", null, label), h("ul", null, attachments.map((attachment, index) => this.renderAttachment(attachment, index)))));
+        return (h("div", { class: "attachments" }, h("span", { id: "attachments-label" }, label), h("ul", { class: "attachment-list", "aria-labelledby": "attachments-label" }, attachments.map((attachment, index) => this.renderAttachment(attachment, index)))));
     }
     getTranslation(key) {
         return translate.get(key, this.language);

package/dist/esm/limel-file-dropzone_2.entry.js

@@ -1,17 +1,21 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DBTJNfo7.js';
-import { c as createFileInfo, i as isTypeAccepted } from './files-P324wLau.js';
-import { a as baseEach } from './_baseEach-C4UJIc96.js';
-import { c as baseIteratee } from './_baseIteratee-CI-QZdpx.js';
+import { c as createFileInfo, i as isTypeAccepted } from './files-CZAZotms.js';
+import { a as baseEach } from './_baseEach-lvj-g1Zj.js';
+import { c as baseIteratee } from './_baseIteratee-CEZRuq23.js';
 import { i as isArray } from './isArray-B8VKuhvH.js';
 import { c as createRandomString } from './random-string-JbKhhoXs.js';
-import './file-metadata-BwF9vTXN.js';
+import './file-metadata-BHzkIH4g.js';
+import './icons-Bu_YRgCL.js';
 import './get-icon-props-CgNJbSP4.js';
-import './_baseIsEqual-DCZXUzsZ.js';
-import './eq-D7VMHFyO.js';
+import './_baseIsEqual-B6bIeexY.js';
+import './eq-CZ30nDJE.js';
+import './_getTag-CMJL-6hk.js';
 import './isObject-BJQylLSL.js';
-import './_getNative-aN4R8EiP.js';
 import './isObjectLike-oiMYqRQ0.js';
-import './isArrayLike-D1QkaJU2.js';
+import './isArrayLike-CyVGB489.js';
+import './isFunction-9zQTeQI8.js';
+import './_getNative-COawFdVX.js';
+import './_isIndex-B--C3qwe.js';
 import './isSymbol-ClAke5ga.js';
 import './identity-CK4jS9_E.js';
 

package/dist/esm/limel-file.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-DBTJNfo7.js';
 import { t as translate } from './translations-Dv3YcsA7.js';
-import { g as getFileBackgroundColor, a as getFileColor, b as getFileExtensionTitle, c as getFileIcon } from './file-metadata-BwF9vTXN.js';
+import { g as getFileBackgroundColor, a as getFileColor, b as getFileExtensionTitle, c as getFileIcon } from './file-metadata-BHzkIH4g.js';
+import './icons-Bu_YRgCL.js';
 import './get-icon-props-CgNJbSP4.js';
 
 const fileCss = () => `@charset "UTF-8";:host(limel-file){position:relative}.drag-and-drop-tip{pointer-events:none;position:absolute;box-sizing:border-box;margin:0.25rem;inset:0;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;border-radius:0.25rem;border:1px dashed rgb(var(--contrast-700));padding:0 0.5rem}.drag-and-drop-tip .invisible-label-mock{flex-shrink:0;opacity:0;padding-right:1rem;padding-left:1.5rem}.drag-and-drop-tip .tip{font-size:smaller;color:var(--limel-theme-text-secondary-on-background-color);height:auto;max-height:3rem;line-height:1;display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}`;

package/dist/esm/limel-flatpickr-adapter.entry.js

@@ -4,13 +4,15 @@ import { g as getDefaultExportFromCjs } from './_commonjsHelpers-B85MJLTf.js';
 import './sv-CY-6-yEp.js';
 import { m as moment } from './moment-DQRNe8qq.js';
 import { i as isIOSDevice, a as isAndroidDevice } from './device-B-tmXAXV.js';
-import { i as isIterateeCall, t as toFinite } from './_isIterateeCall-CTcCv8Mb.js';
+import { i as isIterateeCall, t as toFinite } from './_isIterateeCall-Bb4gUZLK.js';
 import './toNumber-D6JYpQI9.js';
 import './isObject-BJQylLSL.js';
 import './isSymbol-ClAke5ga.js';
 import './isObjectLike-oiMYqRQ0.js';
-import './eq-D7VMHFyO.js';
-import './isArrayLike-D1QkaJU2.js';
+import './eq-CZ30nDJE.js';
+import './isArrayLike-CyVGB489.js';
+import './isFunction-9zQTeQI8.js';
+import './_isIndex-B--C3qwe.js';
 
 /* Built-in method references for those with the same name as other `lodash` methods. */
 var nativeCeil = Math.ceil,

package/dist/esm/limel-form.entry.js

@@ -1,28 +1,31 @@
 import { r as registerInstance, c as createEvent, h as h$1, a as getElement } from './index-DBTJNfo7.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-B85MJLTf.js';
-import { t as toString$1, a as arrayMap, b as baseGet, c as baseIteratee, d as castPath, e as toKey, h as hasIn, s as stringToPath, g as get } from './_baseIteratee-CI-QZdpx.js';
-import { b as basePickBy, a as baseSet, h as has, p as pickBy, n as negate } from './pickBy-D8CUtxE4.js';
-import { i as isBuffer, a as isTypedArray, b as isArguments, S as Stack, k as keys$1, c as SetCache, d as cacheHas, e as baseTimes, f as Set$1, s as setToArray } from './_baseIsEqual-DCZXUzsZ.js';
+import { t as toString$1, a as arrayMap, b as baseGet, c as baseIteratee, d as castPath, e as toKey, h as hasIn, s as stringToPath, g as get } from './_baseIteratee-CEZRuq23.js';
+import { b as basePickBy, a as baseSet, h as has, p as pickBy, n as negate } from './pickBy-C4C3CM4m.js';
+import { S as Stack, k as keys$1, a as SetCache, c as cacheHas, b as baseTimes, s as setToArray } from './_baseIsEqual-B6bIeexY.js';
 import { i as identity$1 } from './identity-CK4jS9_E.js';
-import { t as toFinite, i as isIterateeCall } from './_isIterateeCall-CTcCv8Mb.js';
-import { c as copyObject, a as copyArray, b as cloneBuffer, d as cloneTypedArray, i as initCloneObject, e as arrayEach, f as baseClone, g as baseCreate, h as cloneDeep } from './cloneDeep-V4fB8wfG.js';
-import { b as baseFor, a as baseEach, c as baseForOwn } from './_baseEach-C4UJIc96.js';
-import { g as getPrototype, k as keysIn, a as getAllKeysIn } from './_getAllKeysIn-v-KlW5r_.js';
+import { t as toFinite, i as isIterateeCall } from './_isIterateeCall-Bb4gUZLK.js';
+import { c as copyObject, a as copyArray, b as cloneBuffer, d as cloneTypedArray, i as initCloneObject, e as arrayEach, f as baseClone, g as baseCreate, h as cloneDeep } from './cloneDeep-CL7UD3mR.js';
+import { b as baseFor, a as baseEach, c as baseForOwn } from './_baseEach-lvj-g1Zj.js';
+import { g as getPrototype, k as keysIn, a as getAllKeysIn } from './_getAllKeysIn-kT3KizYN.js';
 import { i as isArray } from './isArray-B8VKuhvH.js';
-import { e as eq, i as isFunction } from './eq-D7VMHFyO.js';
+import { i as isBuffer, a as isTypedArray, b as isArguments, S as Set$1 } from './_getTag-CMJL-6hk.js';
+import { i as isFunction } from './isFunction-9zQTeQI8.js';
 import { b as baseGetTag, i as isObject$1 } from './isObject-BJQylLSL.js';
-import { b as baseAssignValue } from './_assignValue-DOEO9byf.js';
-import { b as baseRest, a as baseFlatten, s as setToString, o as overRest, i as isArrayLikeObject, c as baseIndexOf, d as arrayIncludes, e as difference } from './difference-CWrdq-hd.js';
+import { b as baseAssignValue } from './_assignValue-CEFvyZxO.js';
+import { e as eq } from './eq-CZ30nDJE.js';
+import { b as baseRest, a as baseFlatten, s as setToString, o as overRest, i as isArrayLikeObject, c as baseIndexOf, d as arrayIncludes, e as difference } from './difference-DND5tWiA.js';
 import { i as isObjectLike } from './isObjectLike-oiMYqRQ0.js';
-import { i as isEmpty } from './isEmpty-BFxMjh_H.js';
+import { i as isEmpty } from './isEmpty-DHgukT5k.js';
 import { i as isSymbol } from './isSymbol-ClAke5ga.js';
-import { i as isArrayLike } from './isArrayLike-D1QkaJU2.js';
-import { i as isEqual } from './isEqual-CsrptmTU.js';
+import { i as isArrayLike } from './isArrayLike-CyVGB489.js';
+import { i as isEqual } from './isEqual-4tbMaaf_.js';
 import { m as moment } from './moment-DQRNe8qq.js';
 import { i as isMultiple } from './multiple-BylwpiM6.js';
-import './_getNative-aN4R8EiP.js';
+import './_isIndex-B--C3qwe.js';
+import './_getNative-COawFdVX.js';
 import './toNumber-D6JYpQI9.js';
-import './_defineProperty-yVdnnt__.js';
+import './_defineProperty-C69Btzid.js';
 
 /**
  * Converts `value` to an integer.
@@ -20253,6 +20256,15 @@ function requireUtils () {
 	/** @type {(value: string) => boolean} */
 	const isIPv4 = RegExp.prototype.test.bind(/^(?:(?:25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d)\.){3}(?:25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d)$/u);
 
+	/** @type {(value: string) => boolean} */
+	const isHexPair = RegExp.prototype.test.bind(/^[\da-f]{2}$/iu);
+
+	/** @type {(value: string) => boolean} */
+	const isUnreserved = RegExp.prototype.test.bind(/^[\da-z\-._~]$/iu);
+
+	/** @type {(value: string) => boolean} */
+	const isPathCharacter = RegExp.prototype.test.bind(/^[\da-z\-._~!$&'()*+,;=:@/]$/iu);
+
 	/**
 	 * @param {Array<string>} input
 	 * @returns {string}
@@ -20511,31 +20523,126 @@ function requireUtils () {
 	}
 
 	/**
-	 * @param {import('../types/index').URIComponent} component
-	 * @param {boolean} esc
-	 * @returns {import('../types/index').URIComponent}
+	 * Re-escape RFC 3986 gen-delims that must not appear literally in the host.
+	 * After the URI regex parses, these characters cannot be literal in the host
+	 * field, so any that appear after decoding came from percent-encoding and
+	 * must be restored to prevent authority structure changes.
+	 *
+	 * @param {string} host
+	 * @param {boolean} isIP - true for IPv4/IPv6 hosts (skip colon re-escaping)
+	 * @returns {string}
 	 */
-	function normalizeComponentEncoding (component, esc) {
-	  const func = esc !== true ? escape : unescape;
-	  if (component.scheme !== undefined) {
-	    component.scheme = func(component.scheme);
-	  }
-	  if (component.userinfo !== undefined) {
-	    component.userinfo = func(component.userinfo);
-	  }
-	  if (component.host !== undefined) {
-	    component.host = func(component.host);
+	const HOST_DELIMS = { '@': '%40', '/': '%2F', '?': '%3F', '#': '%23', ':': '%3A' };
+	const HOST_DELIM_RE = /[@/?#:]/g;
+	const HOST_DELIM_NO_COLON_RE = /[@/?#]/g;
+
+	function reescapeHostDelimiters (host, isIP) {
+	  const re = isIP ? HOST_DELIM_NO_COLON_RE : HOST_DELIM_RE;
+	  re.lastIndex = 0;
+	  return host.replace(re, (ch) => HOST_DELIMS[ch])
+	}
+
+	/**
+	 * Normalizes percent escapes and optionally decodes only unreserved ASCII bytes.
+	 * Reserved delimiters such as `%2F` and `%2E` stay escaped.
+	 *
+	 * @param {string} input
+	 * @param {boolean} [decodeUnreserved=false]
+	 * @returns {string}
+	 */
+	function normalizePercentEncoding (input, decodeUnreserved = false) {
+	  if (input.indexOf('%') === -1) {
+	    return input
 	  }
-	  if (component.path !== undefined) {
-	    component.path = func(component.path);
+
+	  let output = '';
+
+	  for (let i = 0; i < input.length; i++) {
+	    if (input[i] === '%' && i + 2 < input.length) {
+	      const hex = input.slice(i + 1, i + 3);
+	      if (isHexPair(hex)) {
+	        const normalizedHex = hex.toUpperCase();
+	        const decoded = String.fromCharCode(parseInt(normalizedHex, 16));
+
+	        if (decodeUnreserved && isUnreserved(decoded)) {
+	          output += decoded;
+	        } else {
+	          output += '%' + normalizedHex;
+	        }
+
+	        i += 2;
+	        continue
+	      }
+	    }
+
+	    output += input[i];
 	  }
-	  if (component.query !== undefined) {
-	    component.query = func(component.query);
+
+	  return output
+	}
+
+	/**
+	 * Normalizes path data without turning reserved escapes into live path syntax.
+	 * Valid escapes are uppercased, raw unsafe characters are escaped, and only
+	 * unreserved bytes that are not `.` are decoded.
+	 *
+	 * @param {string} input
+	 * @returns {string}
+	 */
+	function normalizePathEncoding (input) {
+	  let output = '';
+
+	  for (let i = 0; i < input.length; i++) {
+	    if (input[i] === '%' && i + 2 < input.length) {
+	      const hex = input.slice(i + 1, i + 3);
+	      if (isHexPair(hex)) {
+	        const normalizedHex = hex.toUpperCase();
+	        const decoded = String.fromCharCode(parseInt(normalizedHex, 16));
+
+	        if (decoded !== '.' && isUnreserved(decoded)) {
+	          output += decoded;
+	        } else {
+	          output += '%' + normalizedHex;
+	        }
+
+	        i += 2;
+	        continue
+	      }
+	    }
+
+	    if (isPathCharacter(input[i])) {
+	      output += input[i];
+	    } else {
+	      output += escape(input[i]);
+	    }
 	  }
-	  if (component.fragment !== undefined) {
-	    component.fragment = func(component.fragment);
+
+	  return output
+	}
+
+	/**
+	 * Escapes a component while preserving existing valid percent escapes.
+	 *
+	 * @param {string} input
+	 * @returns {string}
+	 */
+	function escapePreservingEscapes (input) {
+	  let output = '';
+
+	  for (let i = 0; i < input.length; i++) {
+	    if (input[i] === '%' && i + 2 < input.length) {
+	      const hex = input.slice(i + 1, i + 3);
+	      if (isHexPair(hex)) {
+	        output += '%' + hex.toUpperCase();
+	        i += 2;
+	        continue
+	      }
+	    }
+
+	    output += escape(input[i]);
 	  }
-	  return component
+
+	  return output
 	}
 
 	/**
@@ -20557,7 +20664,7 @@ function requireUtils () {
 	      if (ipV6res.isIPV6 === true) {
 	        host = `[${ipV6res.escapedHost}]`;
 	      } else {
-	        host = component.host;
+	        host = reescapeHostDelimiters(host, false);
 	      }
 	    }
 	    uriTokens.push(host);
@@ -20573,7 +20680,10 @@ function requireUtils () {
 	utils = {
 	  nonSimpleDomain,
 	  recomposeAuthority,
-	  normalizeComponentEncoding,
+	  reescapeHostDelimiters,
+	  normalizePercentEncoding,
+	  normalizePathEncoding,
+	  escapePreservingEscapes,
 	  removeDotSegments,
 	  isIPv4,
 	  isUUID,
@@ -20864,7 +20974,7 @@ function requireFastUri () {
 	if (hasRequiredFastUri) return fastUri.exports;
 	hasRequiredFastUri = 1;
 
-	const { normalizeIPv6, removeDotSegments, recomposeAuthority, normalizeComponentEncoding, isIPv4, nonSimpleDomain } = requireUtils();
+	const { normalizeIPv6, removeDotSegments, recomposeAuthority, normalizePercentEncoding, normalizePathEncoding, escapePreservingEscapes, reescapeHostDelimiters, isIPv4, nonSimpleDomain } = requireUtils();
 	const { SCHEMES, getSchemeHandler } = requireSchemes();
 
 	/**
@@ -20875,7 +20985,7 @@ function requireFastUri () {
 	 */
 	function normalize (uri, options) {
 	  if (typeof uri === 'string') {
-	    uri = /** @type {T} */ (serialize(parse(uri, options), options));
+	    uri = /** @type {T} */ (normalizeString(uri, options));
 	  } else if (typeof uri === 'object') {
 	    uri = /** @type {T} */ (parse(serialize(uri, options), options));
 	  }
@@ -20970,21 +21080,10 @@ function requireFastUri () {
 	 * @returns {boolean}
 	 */
 	function equal (uriA, uriB, options) {
-	  if (typeof uriA === 'string') {
-	    uriA = unescape(uriA);
-	    uriA = serialize(normalizeComponentEncoding(parse(uriA, options), true), { ...options, skipEscape: true });
-	  } else if (typeof uriA === 'object') {
-	    uriA = serialize(normalizeComponentEncoding(uriA, true), { ...options, skipEscape: true });
-	  }
-
-	  if (typeof uriB === 'string') {
-	    uriB = unescape(uriB);
-	    uriB = serialize(normalizeComponentEncoding(parse(uriB, options), true), { ...options, skipEscape: true });
-	  } else if (typeof uriB === 'object') {
-	    uriB = serialize(normalizeComponentEncoding(uriB, true), { ...options, skipEscape: true });
-	  }
+	  const normalizedA = normalizeComparableURI(uriA, options);
+	  const normalizedB = normalizeComparableURI(uriB, options);
 
-	  return uriA.toLowerCase() === uriB.toLowerCase()
+	  return normalizedA !== undefined && normalizedB !== undefined && normalizedA.toLowerCase() === normalizedB.toLowerCase()
 	}
 
 	/**
@@ -21020,13 +21119,13 @@ function requireFastUri () {
 
 	  if (component.path !== undefined) {
 	    if (!options.skipEscape) {
-	      component.path = escape(component.path);
+	      component.path = escapePreservingEscapes(component.path);
 
 	      if (component.scheme !== undefined) {
 	        component.path = component.path.split('%3A').join(':');
 	      }
 	    } else {
-	      component.path = unescape(component.path);
+	      component.path = normalizePercentEncoding(component.path);
 	    }
 	  }
 
@@ -21077,12 +21176,29 @@ function requireFastUri () {
 
 	const URI_PARSE = /^(?:([^#/:?]+):)?(?:\/\/((?:([^#/?@]*)@)?(\[[^#/?\]]+\]|[^#/:?]*)(?::(\d*))?))?([^#?]*)(?:\?([^#]*))?(?:#((?:.|[\n\r])*))?/u;
 
+	/**
+	 * @param {import('./types/index').URIComponent} parsed
+	 * @param {RegExpMatchArray} matches
+	 * @returns {string|undefined}
+	 */
+	function getParseError (parsed, matches) {
+	  if (matches[2] !== undefined && parsed.path && parsed.path[0] !== '/') {
+	    return 'URI path must start with "/" when authority is present.'
+	  }
+
+	  if (typeof parsed.port === 'number' && (parsed.port < 0 || parsed.port > 65535)) {
+	    return 'URI port is malformed.'
+	  }
+
+	  return undefined
+	}
+
 	/**
 	 * @param {string} uri
 	 * @param {import('./types/index').Options} [opts]
-	 * @returns
+	 * @returns {{ parsed: import('./types/index').URIComponent, malformedAuthorityOrPort: boolean }}
 	 */
-	function parse (uri, opts) {
+	function parseWithStatus (uri, opts) {
 	  const options = Object.assign({}, opts);
 	  /** @type {import('./types/index').URIComponent} */
 	  const parsed = {
@@ -21095,6 +21211,8 @@ function requireFastUri () {
 	    fragment: undefined
 	  };
 
+	  let malformedAuthorityOrPort = false;
+
 	  let isIP = false;
 	  if (options.reference === 'suffix') {
 	    if (options.scheme) {
@@ -21120,6 +21238,13 @@ function requireFastUri () {
 	    if (isNaN(parsed.port)) {
 	      parsed.port = matches[5];
 	    }
+
+	    const parseError = getParseError(parsed, matches);
+	    if (parseError !== undefined) {
+	      parsed.error = parsed.error || parseError;
+	      malformedAuthorityOrPort = true;
+	    }
+
 	    if (parsed.host) {
 	      const ipv4result = isIPv4(parsed.host);
 	      if (ipv4result === false) {
@@ -21168,14 +21293,18 @@ function requireFastUri () {
 	          parsed.scheme = unescape(parsed.scheme);
 	        }
 	        if (parsed.host !== undefined) {
-	          parsed.host = unescape(parsed.host);
+	          parsed.host = reescapeHostDelimiters(unescape(parsed.host), isIP);
 	        }
 	      }
 	      if (parsed.path) {
-	        parsed.path = escape(unescape(parsed.path));
+	        parsed.path = normalizePathEncoding(parsed.path);
 	      }
 	      if (parsed.fragment) {
-	        parsed.fragment = encodeURI(decodeURIComponent(parsed.fragment));
+	        try {
+	          parsed.fragment = encodeURI(decodeURIComponent(parsed.fragment));
+	        } catch {
+	          parsed.error = parsed.error || 'URI malformed';
+	        }
 	      }
 	    }
 
@@ -21186,7 +21315,54 @@ function requireFastUri () {
 	  } else {
 	    parsed.error = parsed.error || 'URI can not be parsed.';
 	  }
-	  return parsed
+	  return { parsed, malformedAuthorityOrPort }
+	}
+
+	/**
+	 * @param {string} uri
+	 * @param {import('./types/index').Options} [opts]
+	 * @returns
+	 */
+	function parse (uri, opts) {
+	  return parseWithStatus(uri, opts).parsed
+	}
+
+	/**
+	 * @param {string} uri
+	 * @param {import('./types/index').Options} [opts]
+	 * @returns {string}
+	 */
+	function normalizeString (uri, opts) {
+	  return normalizeStringWithStatus(uri, opts).normalized
+	}
+
+	/**
+	 * @param {string} uri
+	 * @param {import('./types/index').Options} [opts]
+	 * @returns {{ normalized: string, malformedAuthorityOrPort: boolean }}
+	 */
+	function normalizeStringWithStatus (uri, opts) {
+	  const { parsed, malformedAuthorityOrPort } = parseWithStatus(uri, opts);
+	  return {
+	    normalized: malformedAuthorityOrPort ? uri : serialize(parsed, opts),
+	    malformedAuthorityOrPort
+	  }
+	}
+
+	/**
+	 * @param {import ('./types/index').URIComponent|string} uri
+	 * @param {import('./types/index').Options} [opts]
+	 * @returns {string|undefined}
+	 */
+	function normalizeComparableURI (uri, opts) {
+	  if (typeof uri === 'string') {
+	    const { normalized, malformedAuthorityOrPort } = normalizeStringWithStatus(uri, opts);
+	    return malformedAuthorityOrPort ? undefined : normalized
+	  }
+
+	  if (typeof uri === 'object') {
+	    return serialize(uri, opts)
+	  }
 	}
 
 	const fastUri$1 = {

package/dist/esm/limel-helper-line.entry.js

@@ -0,0 +1,40 @@
+import { r as registerInstance, h, H as Host } from './index-DBTJNfo7.js';
+
+const helperLineCss = () => `:host(limel-helper-line){transition:opacity 0.2s ease;box-sizing:border-box;display:grid;min-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.6875rem;line-height:normal;color:rgb(var(--contrast-1200))}div{display:flex;justify-content:space-between;gap:0.75rem;overflow:hidden;padding:0 1rem}:host(limel-helper-line.invalid){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-helper-line.invalid) .helper-text{color:var(--limel-theme-error-color)}.counter{flex-shrink:0;margin-left:auto}.helper-text,.counter{padding-top:0.125rem}:host(limel-helper-line){transition:grid-template-rows var(--limel-h-l-grid-template-rows-transition-speed, 0.46s) cubic-bezier(1, 0.09, 0, 0.89);grid-template-rows:var(--limel-h-l-grid-template-rows, 1fr)}:host(limel-helper-line.hide){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}`;
+
+const HelperLine = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Turns `true`, when the parent component is invalid.
+         * For example, when the parent component is `required` but is left empty.
+         * Or when the input format is invalid.
+         */
+        this.invalid = false;
+        this.hasContent = () => {
+            return !!(this.maxLength > 0 ||
+                (this.helperText && this.helperText.length > 0));
+        };
+        this.renderHelperText = () => {
+            if (!this.helperText) {
+                return;
+            }
+            return (h("span", { class: "helper-text", id: this.helperTextId }, this.helperText));
+        };
+        this.renderCharacterCounter = () => {
+            const counter = `${this.length} / ${this.maxLength}`;
+            if (!this.maxLength) {
+                return;
+            }
+            return h("span", { class: "counter" }, counter);
+        };
+    }
+    render() {
+        return (h(Host, { key: '8ef6eb3b3e372e5dc61af1424a88c1c342023d13', tabIndex: -1, class: {
+                invalid: this.invalid,
+            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: '3b4e31c23f5964aabb67556e68bd1785c871d934' }, this.renderHelperText(), this.renderCharacterCounter())));
+    }
+};
+HelperLine.style = helperLineCss();
+
+export { HelperLine as limel_helper_line };

package/dist/esm/limel-popover_2.entry.js

@@ -1,12 +1,13 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DBTJNfo7.js';
 import { c as createRandomString } from './random-string-JbKhhoXs.js';
 import { E as ESCAPE } from './keycodes-rI0IeKpx.js';
-import { f as focusTriggerElement, z as zipObject } from './focus-trigger-element-DubROLkE.js';
-import './_assignValue-DOEO9byf.js';
-import './_defineProperty-yVdnnt__.js';
-import './_getNative-aN4R8EiP.js';
-import './eq-D7VMHFyO.js';
+import { f as focusTriggerElement, z as zipObject } from './focus-trigger-element-BOFcjLq3.js';
+import './_assignValue-CEFvyZxO.js';
+import './_defineProperty-C69Btzid.js';
+import './_getNative-COawFdVX.js';
+import './isFunction-9zQTeQI8.js';
 import './isObject-BJQylLSL.js';
+import './eq-CZ30nDJE.js';
 
 /**
  * Check if an element is a descendant of another