@limetech/lime-elements 40.4.1 → 40.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "40.4.1",
+  "version": "40.5.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",

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

@@ -1,42 +0,0 @@
-'use strict';
-
-var index = require('./index--B6-r0uo.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) {
-        index.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 (index.h("span", { class: "helper-text", id: this.helperTextId }, this.helperText));
-        };
-        this.renderCharacterCounter = () => {
-            const counter = `${this.length} / ${this.maxLength}`;
-            if (!this.maxLength) {
-                return;
-            }
-            return index.h("span", { class: "counter" }, counter);
-        };
-    }
-    render() {
-        return (index.h(index.Host, { key: '5ecd83d58e8412274b36def796d0a9c24b67e582', tabIndex: -1, class: {
-                invalid: this.invalid,
-            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, index.h("div", { key: 'f10706f6e5f7be45da53a58a13b44a936eb091b4' }, this.renderHelperText(), this.renderCharacterCounter())));
-    }
-};
-HelperLine.style = helperLineCss();
-
-exports.limel_helper_line = HelperLine;

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

@@ -1,40 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-Bnc9lzk2.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: '5ecd83d58e8412274b36def796d0a9c24b67e582', tabIndex: -1, class: {
-                invalid: this.invalid,
-            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: 'f10706f6e5f7be45da53a58a13b44a936eb091b4' }, this.renderHelperText(), this.renderCharacterCounter())));
-    }
-};
-HelperLine.style = helperLineCss();
-
-export { HelperLine as limel_helper_line };