@jsfour/root-ui 0.0.4 → 0.0.5

package/dist/esm/root-breadcrumbs_11.entry.js

@@ -1,276 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-C0aTTiQe.js';
-import { r as randomIdGenerator } from './index-CvhBNbMT.js';
-import { R as RootInputType } from './input-type.enum-B6-wt2k2.js';
-
-const breadcrumbsCss = () => `.root-breadcrumbs{display:flex;list-style:none;margin:0;padding:0;gap:0.5rem;align-items:center}.root-breadcrumbs .root-breadcrumbs-item{display:flex;align-items:center}.root-breadcrumbs .root-breadcrumbs-item:not(:last-child)::after{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>') center;content:" ";display:inline-block;filter:invert(64%) sepia(11%) saturate(0%) hue-rotate(149deg) brightness(99%) contrast(95%);height:0.5rem;margin:0 0.5rem;opacity:0.5;width:0.5rem}.root-breadcrumbs .root-breadcrumbs-item--active span{background:var(--rootsdk-highlight-normal);color:var(--rootsdk-text-tertiary);border-radius:1.5rem;padding:0.32rem 0.64rem;font-size:0.8rem}.root-breadcrumbs .root-breadcrumbs-item .root-breadcrumbs-link{text-decoration:underline;cursor:pointer;color:var(--rootsdk-text-primary);padding:0.32rem 0.64rem;border-radius:1.5rem;transition-duration:200ms;transition-property:background, color;font-size:0.8rem}.root-breadcrumbs .root-breadcrumbs-item .root-breadcrumbs-link .root-icon{height:1.1rem;position:relative;top:1px;vertical-align:top;width:1.1rem}.root-breadcrumbs .root-breadcrumbs-item .root-breadcrumbs-link:hover{background-color:var(--rootsdk-highlight-normal)}`;
-
-const RootBreadcrumbs = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.linkClick = createEvent(this, "linkClick");
-        this.breadcrumbsId = randomIdGenerator('root-breadcrumbs');
-        this.linkItems = [];
-    }
-    componentDidLoad() {
-        this.getBreadcrumbs();
-    }
-    getBreadcrumbs() {
-        const elements = this.hostElement.children;
-        if (!elements || (elements === null || elements === void 0 ? void 0 : elements.length) <= 0) {
-            console.warn(`The slot contains no link elements.`, this.hostElement);
-            return;
-        }
-        this.linkItems = [...elements]
-            .filter((element) => element.tagName.toLowerCase() === 'a')
-            .map((element) => {
-            return {
-                text: element.textContent,
-                href: element.getAttribute('href') || ''
-            };
-        });
-    }
-    clickHandler(e) {
-        this.linkClick.emit(e);
-    }
-    render() {
-        return (h("ol", { key: '864f929f54903b87b73bea95c84fc13c8aea99b0', class: 'root-breadcrumbs', id: this.breadcrumbsId }, this.linkItems.map((item, index) => {
-            const isLast = index === this.linkItems.length - 1;
-            return (h("li", { class: { 'root-breadcrumbs-item': true, 'root-breadcrumbs-item--active': isLast } }, isLast ? (h("span", null, item.text)) : (h("a", { class: "root-breadcrumbs-link", onClick: (e) => this.clickHandler(e), href: item.href }, item.text))));
-        })));
-    }
-    get hostElement() { return getElement(this); }
-};
-RootBreadcrumbs.style = breadcrumbsCss();
-
-const RootIconCalendar = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("svg", { key: '3216e820ed2c0f0476d6603c5014ab834bb400ec', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("rect", { key: 'fb239c6c20f6cc73c308316a60b864c2242429f9', x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), h("line", { key: '93cc6e5197e69a7407f78531adfad06aaccfeda2', x1: "16", y1: "2", x2: "16", y2: "6" }), h("line", { key: '3c07bc309141d28a34590416d177aabd8f93f56c', x1: "8", y1: "2", x2: "8", y2: "6" }), h("line", { key: '1a79e3e71e911694eb607f3283816c9b138c129d', x1: "3", y1: "10", x2: "21", y2: "10" })));
-    }
-};
-
-const RootIconChevronDown = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("svg", { key: '95a863f476b3e29b39976bdb04c1fd8ba6fe6113', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6a4062132c03220442698566b3677cd0e996e255', d: "M15.8805 9.29055L12.0005 13.1705L8.12047 9.29055C7.73047 8.90055 7.10047 8.90055 6.71047 9.29055C6.32047 9.68055 6.32047 10.3105 6.71047 10.7005L11.3005 15.2905C11.6905 15.6805 12.3205 15.6805 12.7105 15.2905L17.3005 10.7005C17.6905 10.3105 17.6905 9.68055 17.3005 9.29055C16.9105 8.91055 16.2705 8.90055 15.8805 9.29055Z", fill: "currentColor" })));
-    }
-};
-
-const RootIconChevronUp = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("svg", { key: '458f93a719432069b8b96c3534b6b625677fc14a', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cf327303d4f2722885af4b74cd106183ae88ab22', d: "M11.2897 8.71047L6.69973 13.3005C6.30973 13.6905 6.30973 14.3205 6.69973 14.7105C7.08973 15.1005 7.71973 15.1005 8.10973 14.7105L11.9997 10.8305L15.8797 14.7105C16.2697 15.1005 16.8997 15.1005 17.2897 14.7105C17.6797 14.3205 17.6797 13.6905 17.2897 13.3005L12.6997 8.71047C12.3197 8.32047 11.6797 8.32047 11.2897 8.71047Z", fill: "currentColor" })));
-    }
-};
-
-const RootIconClock = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("svg", { key: '2e47274fb776b63883300d255401131fdb546376', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0febaadcd486141ce73a0865984ada56f900d363', d: "M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20ZM11.78 7H11.72C11.32 7 11 7.32 11 7.72V12.44C11 12.79 11.18 13.12 11.49 13.3L15.64 15.79C15.98 15.99 16.42 15.89 16.62 15.55C16.83 15.21 16.72 14.76 16.37 14.56L12.5 12.26V7.72C12.5 7.32 12.18 7 11.78 7Z", fill: "currentColor" })));
-    }
-};
-
-const RootIconEye = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("svg", { key: '29d537b94963882b535ded529f5197462e0a6441', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f5050ccc28921598205c207de59ede7561b68b25', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.23039 7.91789C5.05172 6.09657 7.91742 4.25 12 4.25C16.0826 4.25 18.9483 6.09657 20.7696 7.91789C21.6774 8.82567 22.3317 9.73171 22.7603 10.4125C22.9751 10.7537 23.1347 11.0405 23.2423 11.246C23.2961 11.3487 23.337 11.4313 23.3655 11.4904C23.3797 11.5199 23.3908 11.5436 23.3988 11.561L23.4086 11.5823L23.4118 11.5893L23.4129 11.5919L23.4134 11.593C23.4136 11.5934 23.4138 11.5939 22.5 12C23.4138 12.4061 23.4136 12.4066 23.4134 12.407L23.4129 12.4081L23.4118 12.4107L23.4086 12.4177L23.3988 12.439C23.3908 12.4564 23.3797 12.4801 23.3655 12.5096C23.337 12.5687 23.2961 12.6513 23.2423 12.754C23.1347 12.9595 22.9751 13.2463 22.7603 13.5875C22.3317 14.2683 21.6774 15.1743 20.7696 16.0821C18.9483 17.9034 16.0826 19.75 12 19.75C7.91742 19.75 5.05172 17.9034 3.23039 16.0821C2.32262 15.1743 1.66835 14.2683 1.2397 13.5875C1.02489 13.2463 0.865318 12.9595 0.757723 12.754C0.703889 12.6513 0.662953 12.5687 0.634521 12.5096C0.620301 12.4801 0.609198 12.4564 0.601161 12.439L0.591397 12.4177L0.588226 12.4107L0.587066 12.4081L0.586592 12.407C0.586384 12.4066 0.586188 12.4061 1.5 12C0.586188 11.5939 0.586384 11.5934 0.586592 11.593L0.587066 11.5919L0.588226 11.5893L0.591397 11.5823L0.601161 11.561C0.609198 11.5436 0.620301 11.5199 0.634521 11.4904C0.662953 11.4313 0.703889 11.3487 0.757723 11.246C0.865318 11.0405 1.02489 10.7537 1.2397 10.4125C1.66835 9.73171 2.32262 8.82567 3.23039 7.91789ZM1.5 12L0.586188 11.5939C0.471271 11.8524 0.471271 12.1476 0.586188 12.4061L1.5 12ZM2.62314 12C2.70284 12.144 2.80557 12.3208 2.93217 12.5219C3.3004 13.1067 3.86488 13.8882 4.64461 14.6679C6.19828 16.2216 8.58258 17.75 12 17.75C15.4174 17.75 17.8017 16.2216 19.3554 14.6679C20.1351 13.8882 20.6996 13.1067 21.0678 12.5219C21.1944 12.3208 21.2972 12.144 21.3769 12C21.2972 11.856 21.1944 11.6792 21.0678 11.4781C20.6996 10.8933 20.1351 10.1118 19.3554 9.33211C17.8017 7.77843 15.4174 6.25 12 6.25C8.58258 6.25 6.19828 7.77843 4.64461 9.33211C3.86488 10.1118 3.3004 10.8933 2.93217 11.4781C2.80557 11.6792 2.70284 11.856 2.62314 12ZM22.5 12L23.4138 12.4061C23.5287 12.1476 23.5287 11.8524 23.4138 11.5939L22.5 12Z", fill: "currentColor" }), h("path", { key: 'ae6bbb5ac75c024a0d878196a96e3a356f932876', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 9.25C10.4812 9.25 9.25 10.4812 9.25 12C9.25 13.5188 10.4812 14.75 12 14.75C13.5188 14.75 14.75 13.5188 14.75 12C14.75 10.4812 13.5188 9.25 12 9.25ZM7.25 12C7.25 9.37665 9.37665 7.25 12 7.25C14.6234 7.25 16.75 9.37665 16.75 12C16.75 14.6234 14.6234 16.75 12 16.75C9.37665 16.75 7.25 14.6234 7.25 12Z", fill: "currentColor" })));
-    }
-};
-
-const RootIconEyeOff = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("svg", { key: 'cb38082e6d054c5880f04f65e01b27e3bc2e2b22', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '703fb008019f7f640be582647e31018fe3ec8618', d: "M12 6.49969C14.76 6.49969 17 8.73969 17 11.4997C17 12.0097 16.9 12.4997 16.76 12.9597L19.82 16.0197C21.21 14.7897 22.31 13.2497 23 11.4897C21.27 7.10969 17 3.99969 12 3.99969C10.73 3.99969 9.51 4.19969 8.36 4.56969L10.53 6.73969C11 6.59969 11.49 6.49969 12 6.49969ZM2.71 3.15969C2.32 3.54969 2.32 4.17969 2.71 4.56969L4.68 6.53969C3.06 7.82969 1.77 9.52969 1 11.4997C2.73 15.8897 7 18.9997 12 18.9997C13.52 18.9997 14.97 18.6997 16.31 18.1797L19.03 20.8997C19.42 21.2897 20.05 21.2897 20.44 20.8997C20.83 20.5097 20.83 19.8797 20.44 19.4897L4.13 3.15969C3.74 2.76969 3.1 2.76969 2.71 3.15969ZM12 16.4997C9.24 16.4997 7 14.2597 7 11.4997C7 10.7297 7.18 9.99969 7.49 9.35969L9.06 10.9297C9.03 11.1097 9 11.2997 9 11.4997C9 13.1597 10.34 14.4997 12 14.4997C12.2 14.4997 12.38 14.4697 12.57 14.4297L14.14 15.9997C13.49 16.3197 12.77 16.4997 12 16.4997ZM14.97 11.1697C14.82 9.76969 13.72 8.67969 12.33 8.52969L14.97 11.1697Z", fill: "currentColor" })));
-    }
-};
-
-const RootIconFiles = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("svg", { key: '08c9b5214ef2cf82086fb4131715ab80faf839da', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2dd728dbf67708338650a56811fed39bda2fbf42', d: "M19 9.246C18.9909 9.16332 18.9733 9.08187 18.9475 9.003V8.922C18.9054 8.82946 18.8493 8.7444 18.7812 8.67L13.5312 3.27C13.4589 3.19999 13.3762 3.14227 13.2863 3.099H13.2075L12.9275 3H7.625C6.92881 3 6.26113 3.28446 5.76884 3.79081C5.27656 4.29716 5 4.98392 5 5.7V18.3C5 19.0161 5.27656 19.7028 5.76884 20.2092C6.26113 20.7155 6.92881 21 7.625 21H16.375C17.0712 21 17.7389 20.7155 18.2312 20.2092C18.7234 19.7028 19 19.0161 19 18.3V9.3C19 9.3 19 9.3 19 9.246ZM13.75 6.069L16.0163 8.4H13.75V6.069ZM17.25 18.3C17.25 18.5387 17.1578 18.7676 16.9937 18.9364C16.8296 19.1052 16.6071 19.2 16.375 19.2H7.625C7.39294 19.2 7.17038 19.1052 7.00628 18.9364C6.84219 18.7676 6.75 18.5387 6.75 18.3V5.7C6.75 5.46131 6.84219 5.23239 7.00628 5.0636C7.17038 4.89482 7.39294 4.8 7.625 4.8H12V9.3C12 9.53869 12.0922 9.76761 12.2563 9.9364C12.4204 10.1052 12.6429 10.2 12.875 10.2H17.25V18.3Z", fill: "currentColor" })));
-    }
-};
-
-const RootIconPhone = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("svg", { key: '8a857958dffea5c41fd90da8368f5959eddb51fa', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3e990a4c26800641415501e4e42ccd75678169ec', d: "M19.4396 13.0004C19.2196 13.0004 18.9896 12.9304 18.7696 12.8804C18.3241 12.7822 17.8863 12.6518 17.4596 12.4904C16.9957 12.3216 16.4858 12.3304 16.0279 12.515C15.5701 12.6996 15.1967 13.047 14.9796 13.4904L14.7596 13.9404C13.7856 13.3985 12.8906 12.7256 12.0996 11.9404C11.3144 11.1494 10.6414 10.2544 10.0996 9.28036L10.5196 9.00036C10.963 8.78327 11.3104 8.40989 11.495 7.95205C11.6796 7.49421 11.6884 6.98427 11.5196 6.52036C11.3608 6.09278 11.2305 5.65515 11.1296 5.21036C11.0796 4.99036 11.0396 4.76036 11.0096 4.53036C10.8882 3.82598 10.5192 3.1881 9.96923 2.7316C9.41923 2.27509 8.72431 2.02997 8.00961 2.04036H5.00961C4.57864 2.03631 4.15186 2.12517 3.75832 2.30089C3.36478 2.4766 3.01372 2.73505 2.72904 3.05864C2.44436 3.38222 2.23275 3.76335 2.1086 4.17607C1.98445 4.58879 1.95069 5.02342 2.00961 5.45036C2.54235 9.63974 4.45564 13.5322 7.44726 16.513C10.4389 19.4938 14.3383 21.3929 18.5296 21.9104H18.9096C19.647 21.9114 20.359 21.6409 20.9096 21.1504C21.226 20.8674 21.4787 20.5205 21.6511 20.1327C21.8235 19.7448 21.9116 19.3248 21.9096 18.9004V15.9004C21.8974 15.2057 21.6444 14.5369 21.194 14.008C20.7435 13.4791 20.1234 13.123 19.4396 13.0004ZM19.9396 19.0004C19.9394 19.1423 19.909 19.2827 19.8504 19.412C19.7918 19.5413 19.7063 19.6566 19.5996 19.7504C19.4882 19.8474 19.3576 19.9198 19.2163 19.9629C19.075 20.0059 18.9262 20.0187 18.7796 20.0004C15.0345 19.5202 11.5558 17.8068 8.89233 15.1306C6.22881 12.4545 4.53202 8.96769 4.06961 5.22036C4.0537 5.07387 4.06765 4.92569 4.11061 4.78475C4.15358 4.64381 4.22468 4.51304 4.31961 4.40036C4.41332 4.29369 4.52867 4.2082 4.65799 4.14957C4.78731 4.09095 4.92763 4.06054 5.06961 4.06036H8.06961C8.30216 4.05518 8.52924 4.13124 8.71176 4.27543C8.89428 4.41962 9.02082 4.62293 9.06961 4.85036C9.10961 5.12369 9.15961 5.39369 9.21961 5.66036C9.33513 6.1875 9.48887 6.70554 9.67961 7.21036L8.27961 7.86036C8.15991 7.91528 8.05223 7.9933 7.96277 8.08995C7.87331 8.1866 7.80381 8.29997 7.75828 8.42355C7.71275 8.54713 7.69208 8.67849 7.69746 8.81008C7.70284 8.94167 7.73415 9.0709 7.78961 9.19036C9.22881 12.2731 11.7069 14.7512 14.7896 16.1904C15.0331 16.2904 15.3062 16.2904 15.5496 16.1904C15.6743 16.1457 15.7889 16.0768 15.8868 15.9875C15.9846 15.8983 16.0638 15.7905 16.1196 15.6704L16.7396 14.2704C17.2566 14.4552 17.7842 14.6088 18.3196 14.7304C18.5863 14.7904 18.8563 14.8404 19.1296 14.8804C19.357 14.9291 19.5604 15.0557 19.7045 15.2382C19.8487 15.4207 19.9248 15.6478 19.9196 15.8804L19.9396 19.0004Z", fill: "currentColor" })));
-    }
-};
-
-const RootIconSearch = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("svg", { key: '9ba9f17520265f3c710712c9fafb654a4d93b3d4', width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '76ee9fcd0d02f28a4b1d815a9f9b72676573bed3', d: "M10.9167 9.66719H10.2584L10.025 9.44219C11.025 8.27552 11.5417 6.68385 11.2584 4.99219C10.8667 2.67552 8.93336 0.825521 6.60003 0.542188C3.07503 0.108855 0.108366 3.07552 0.5417 6.60052C0.825033 8.93385 2.67503 10.8672 4.9917 11.2589C6.68337 11.5422 8.27503 11.0255 9.4417 10.0255L9.6667 10.2589V10.9172L13.2084 14.4589C13.55 14.8005 14.1084 14.8005 14.45 14.4589C14.7917 14.1172 14.7917 13.5589 14.45 13.2172L10.9167 9.66719ZM5.9167 9.66719C3.8417 9.66719 2.1667 7.99219 2.1667 5.91719C2.1667 3.84219 3.8417 2.16719 5.9167 2.16719C7.9917 2.16719 9.6667 3.84219 9.6667 5.91719C9.6667 7.99219 7.9917 9.66719 5.9167 9.66719Z", fill: "currentColor" })));
-    }
-};
-
-const inputCss = () => `.root-input--full-width{width:100%}.root-input .root-input-field{display:flex;align-items:center;width:100%;background-color:var(--rootsdk-input);border:1px solid var(--rootsdk-border);border-radius:12px;padding:14px 20px;color:var(--rootsdk-text-primary);font-size:14px;min-height:2em;outline:transparent;box-shadow:none;box-sizing:border-box;cursor:text}.root-input .root-input-field::placeholder{color:var(--rootsdk-text-tertiary)}.root-input .root-input-field:focus-within,.root-input .root-input-field:focus{border-color:var(--rootsdk-brand-primary)}.root-input .root-input-field.root-input-field--textarea{align-items:flex-start}.root-input .root-input-field.root-input-field--file{position:relative;cursor:pointer}.root-input .root-input-field.root-input-field--color{position:relative;cursor:pointer}.root-input .root-input-field.root-input-field--error{border-color:var(--rootsdk-error, #e53935)}.root-input .root-input-icon{margin-right:0.5rem;display:flex;align-items:center;justify-content:center;height:1em}.root-input .root-input-icon svg{width:18px;height:18px;cursor:pointer}.root-input .root-input-icon--password svg{margin-right:-2px}.root-input input{flex:1;border:none;background:transparent;color:inherit;font-family:inherit;outline:none;padding:0;margin:0;text-overflow:ellipsis;cursor:text;max-height:45px}.root-input input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.root-input input[type=color]{position:absolute;inset:0;top:30px;left:20px;opacity:0;width:1.2rem;height:1.2rem;cursor:pointer}.root-input input::-webkit-calendar-picker-indicator{display:none}.root-input input::-webkit-outer-spin-button,.root-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.root-input textarea{flex:1;border:none;background:transparent;color:inherit;font-family:inherit;outline:none;padding:0;margin:0;resize:vertical;min-height:6rem}.root-input .root-input-number-controls{display:flex;flex-direction:column;gap:0;height:1em;line-height:0.5;align-items:center;justify-content:center;cursor:pointer}.root-input .root-input-file-label{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;width:100%;pointer-events:none}.root-input .root-input-color-label{display:flex;align-items:center;gap:0.5rem;width:100%;pointer-events:none}.root-input .root-input-color-swatch{width:1rem;height:1rem;border-radius:4px;border:0.03125rem solid var(--rootsdk-highlight-normal);cursor:pointer;pointer-events:auto}.root-input .root-input-color-text{font-family:inherit;color:inherit}.root-input label{font-size:0.875rem;color:var(--rootsdk-text-tertiary);text-transform:capitalize;margin-bottom:0.5rem;display:block}.root-input .root-input-error{margin-top:0.35rem;color:var(--rootsdk-error, #e53935);font-size:0.75rem}`;
-
-const RootInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.rootInputChange = createEvent(this, "rootInputChange");
-        this.rootInputBlur = createEvent(this, "rootInputBlur");
-        this.inputId = randomIdGenerator('root-input');
-        this.type = RootInputType.TEXT;
-        this.placeholder = '';
-        this.value = '';
-        this.showIcon = true;
-        this.fullWidth = false;
-        this.multiline = false;
-        this.icon = true;
-        this.showPassword = false;
-        this.inputValue = '';
-        this.error = '';
-        this.touched = false;
-        this.hasIcon = false;
-        this.fileLabel = 'Select file';
-        this.openPicker = () => {
-            if (!this.inputRef)
-                return;
-            const el = this.inputRef;
-            if (el instanceof HTMLInputElement && el.showPicker) {
-                el.showPicker();
-            }
-            else {
-                el.focus();
-                if (el instanceof HTMLInputElement) {
-                    el.click();
-                }
-            }
-        };
-        this.togglePasswordVisibility = () => {
-            this.showPassword = !this.showPassword;
-        };
-        this.incrementNumber = () => {
-            if (this.inputRef instanceof HTMLInputElement) {
-                this.inputRef.stepUp();
-                this.inputValue = this.inputRef.value;
-                this.rootInputChange.emit(this.inputValue);
-            }
-        };
-        this.decrementNumber = () => {
-            if (this.inputRef instanceof HTMLInputElement) {
-                this.inputRef.stepDown();
-                this.inputValue = this.inputRef.value;
-                this.rootInputChange.emit(this.inputValue);
-            }
-        };
-        this.validate = (val) => {
-            if (!val)
-                return '';
-            if (this.type === RootInputType.EMAIL) {
-                const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-                return emailRegex.test(val) ? '' : 'Please enter a valid email address.';
-            }
-            if (this.type === RootInputType.TEL) {
-                const phoneRegex = /^[+]?[- 0-9()]{7,}$/;
-                return phoneRegex.test(val) ? '' : 'Please enter a valid phone number.';
-            }
-            return '';
-        };
-        this.handleBlur = (e) => {
-            this.touched = true;
-            this.error = this.validate(this.inputValue);
-            this.rootInputBlur.emit(e);
-        };
-        this.handleChange = (e) => {
-            const target = e.target;
-            const nextValue = target.value;
-            this.inputValue = nextValue;
-            this.rootInputChange.emit(nextValue);
-            if (this.touched) {
-                this.error = this.validate(nextValue);
-            }
-        };
-        this.handleFileChange = (e) => {
-            var _a;
-            const target = e.target;
-            const file = (_a = target.files) === null || _a === void 0 ? void 0 : _a[0];
-            if (file) {
-                this.fileLabel = file.name;
-            }
-            else {
-                this.fileLabel = 'Select file';
-            }
-            this.rootInputChange.emit(target.value);
-        };
-        this.handleFieldClick = () => {
-            if (!this.inputRef)
-                return;
-            if (this.multiline) {
-                this.inputRef.focus();
-                return;
-            }
-            if (this.inputRef instanceof HTMLInputElement) {
-                if (this.inputRef.type !== 'date' && this.inputRef.type !== 'color') {
-                    this.inputRef.focus();
-                }
-            }
-        };
-    }
-    onValueChanged(newValue) {
-        this.inputValue = newValue;
-    }
-    componentWillLoad() {
-        this.setHasIcon();
-        this.inputValue = this.value;
-    }
-    setHasIcon() {
-        const icon = !!this.hostElement.querySelector('[slot="icon"]');
-        if (icon) {
-            this.hasIcon = icon;
-        }
-    }
-    render() {
-        const inputType = this.type === RootInputType.PASSWORD
-            ? (this.showPassword ? 'text' : 'password')
-            : this.type;
-        const colorValue = this.type === RootInputType.COLOR
-            ? (this.inputValue || '#000000')
-            : this.inputValue;
-        const classes = {
-            'root-input': true,
-            'root-input--full-width': this.fullWidth,
-        };
-        const fieldClasses = {
-            'root-input-field': true,
-            'root-input-field--error': !!this.error,
-            'root-input-field--file': this.type === RootInputType.FILE,
-            'root-input-field--color': this.type === RootInputType.COLOR,
-            'root-input-field--textarea': this.multiline,
-        };
-        return (h("div", { key: '09c393d270b1d84fcf6c266e3327a6d9add59519', class: classes }, h("label", { key: '40c3dbad62c924ab8a99f3a9f05e783226724bd4', htmlFor: this.inputId }, this.label), h("div", { key: 'dd176e4fc8eb10508a53b9231629d330e8b387d4', class: fieldClasses, onClick: this.handleFieldClick }, this.hasIcon && (h("div", { key: 'cd868ecd43ac2ed4ff78151f640b91407df42c1d', class: "root-input-icon", onClick: this.openPicker }, h("slot", { key: '4669a8a7def1edc2d96b999c665c153c4cdbebdd', name: "icon" }))), this.multiline ? (h("textarea", { ref: (el) => this.inputRef = el, placeholder: this.placeholder, id: this.inputId, name: this.inputName, maxLength: this.maxlength, value: this.inputValue, onBlur: this.handleBlur, onInput: this.handleChange, "aria-invalid": !!this.error ? 'true' : 'false', rows: 3 })) : (h("input", { ref: (el) => this.inputRef = el, placeholder: this.placeholder, id: this.inputId, name: this.inputName, maxLength: this.maxlength, type: inputType, value: colorValue, onBlur: this.handleBlur, onInput: this.type === RootInputType.FILE ? this.handleFileChange : this.handleChange, "aria-invalid": !!this.error ? 'true' : 'false' })), (this.type === RootInputType.DATE || this.type === RootInputType.MONTH) && this.showIcon && (h("div", { key: 'ddedcb46f6e14ec6b00ed0dc53292cf43e419564', class: "root-input-icon", onClick: this.openPicker }, h("slot", { key: 'eacefaf6f0ee85bd8dfb109fd0ba638d37b5f23b', name: "calendar-icon" }, h("root-icon-calendar", { key: '8cbc121ed08a9c61e705ba4de1b86253c4cb3826' })))), this.type === RootInputType.TIME && this.showIcon && (h("div", { key: '6eb1998a64c9ea386c3d7c48b61e3bca95d4dcd7', class: "root-input-icon", onClick: this.openPicker }, h("slot", { key: 'f067e83b89bbe711676086a478a0698e9e3b877b', name: "time-icon" }, h("root-icon-clock", { key: 'e45df0ce926e70ac2958b97e3339e3e4c9400ba1' })))), (this.type === RootInputType.SEARCH) && this.showIcon && (h("div", { key: '1d6a0de6daf547dbf0bbe002ce882cb6628a2033', class: "root-input-icon" }, h("slot", { key: 'cdbf006d92b4d5ba20ae5ad386652ef6cb971424', name: "search-icon" }, h("root-icon-search", { key: '4a07923979d9d41cf5f9ba5a0e904d69514c698b' })))), (this.type === RootInputType.TEL) && this.showIcon && (h("div", { key: '929f18a5213bb7b0ef227c5aad7856eaab71bdf3', class: "root-input-icon" }, h("slot", { key: '717218d484a9edd3518be56ac0845266b8a7cc06', name: "phone-icon" }, h("root-icon-phone", { key: '12bedf543ab9725391d9b80a7b7e25d6264f6ad8' })))), this.type === RootInputType.COLOR && (h("div", { key: 'd9a05780ce14d6197355eff952b643047f061e58', class: "root-input-color-label" }, h("span", { key: '087655dedbb2c40aabe180c9d65965e24da9b19b', class: "root-input-color-swatch", style: { backgroundColor: colorValue }, onClick: this.openPicker }), h("span", { key: '6c7efff6d1e86851e2e3b85a48a42f97c7c479bd', class: "root-input-color-text" }, colorValue))), this.type === RootInputType.FILE && !this.multiline && this.showIcon && (h("div", { key: '897a4dd68019b129f4d83d8ce9d98d748224e918', class: "root-input-file-label" }, h("span", { key: '7721db6ad60e2bd6b65aa76f563c8a0932f5a1d6' }, this.fileLabel), h("slot", { key: 'f504dc0b1630c9940b29bd00fcd6e59eb4a4f4b2', name: "file-icon" }, h("root-icon-files", { key: 'ab8e7e4d48309f82d3bd5e284dfb7e4e1a3f15e6' })))), this.type === RootInputType.PASSWORD && !this.multiline && this.showIcon && (h("div", { key: 'aa46712679ad45613cfcab38388d86f2ff12ec3b', class: "root-input-icon root-input-icon--password", onClick: this.togglePasswordVisibility }, h("slot", { key: 'c677881ab06514a6f4d834449b8f03a028438f0d', name: "password-icon" }, this.showPassword ?
-            h("root-icon-eye-off", null)
-            :
-                h("root-icon-eye", null)))), this.type === RootInputType.NUMBER && !this.multiline && this.showIcon && (h("div", { key: '43f827948d9c8a57ca0a01eba0453dbf161db39e', class: "root-input-number-controls" }, h("div", { key: '9968816602c267a1ab367ab9393d2b6218d6d502', class: "root-input-icon", onClick: this.incrementNumber }, h("slot", { key: '96647e6223debd269114f0635ff900fe96771443', name: "number-up-icon" }, h("root-icon-chevron-up", { key: '09ac46283b78cc2cc89b8f953fc629fa2c9bf570' }))), h("div", { key: '071240041c3753cbfdf8720a4e5e627c2a6ef641', class: "root-input-icon", onClick: this.decrementNumber }, h("slot", { key: '77ddc10d060b7607f055ed0d7d9d4f0a1dfcfeeb', name: "number-down-icon" }, h("root-icon-chevron-down", { key: '6d2e134f8c0edc95e174a2959703a26f64a6d44b' })))))), this.error && this.touched && (h("div", { key: '3b8fe520b6fa5c4f0d29ad8308998183b9479b8a', class: "root-input-error" }, this.error))));
-    }
-    get hostElement() { return getElement(this); }
-    static get watchers() { return {
-        "value": [{
-                "onValueChanged": 0
-            }]
-    }; }
-};
-RootInput.style = inputCss();
-
-export { RootBreadcrumbs as root_breadcrumbs, RootIconCalendar as root_icon_calendar, RootIconChevronDown as root_icon_chevron_down, RootIconChevronUp as root_icon_chevron_up, RootIconClock as root_icon_clock, RootIconEye as root_icon_eye, RootIconEyeOff as root_icon_eye_off, RootIconFiles as root_icon_files, RootIconPhone as root_icon_phone, RootIconSearch as root_icon_search, RootInput as root_input };

package/dist/esm/root-icon-add.entry.js

@@ -1,12 +0,0 @@
-import { r as registerInstance, h } from './index-C0aTTiQe.js';
-
-const RootIconAdd = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("svg", { key: 'e8a8b9036b1262ff0df07c5384b8810defe96e8a', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '20fc2ce358a29a79163e6fc22d288aa94c51286f', d: "M11 6.83332H6.83335V11C6.83335 11.4583 6.45835 11.8333 6.00002 11.8333C5.54169 11.8333 5.16669 11.4583 5.16669 11V6.83332H1.00002C0.541687 6.83332 0.166687 6.45832 0.166687 5.99999C0.166687 5.54166 0.541687 5.16666 1.00002 5.16666H5.16669V0.99999C5.16669 0.541657 5.54169 0.166656 6.00002 0.166656C6.45835 0.166656 6.83335 0.541657 6.83335 0.99999V5.16666H11C11.4584 5.16666 11.8334 5.54166 11.8334 5.99999C11.8334 6.45832 11.4584 6.83332 11 6.83332Z", fill: "currentColor" })));
-    }
-};
-
-export { RootIconAdd as root_icon_add };

package/dist/esm/root-icon-pin-filled.entry.js

@@ -1,12 +0,0 @@
-import { r as registerInstance, h } from './index-C0aTTiQe.js';
-
-const RootIconPinFilled = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("svg", { key: 'a8d7a1ab9648c287cb7ec7ec7c717534575055f8', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("defs", { key: 'b86dcfca5e4ee736b01c79e1fc9f6c34e499b67d' }), h("path", { key: '22350d9f171b1a4d7da0bcd0ef04646228283e22', fill: "rgb(255, 255, 255)", d: "M 5.542 10.088 C 3.926 11.596 13.315 18.836 13.509 18.655 L 14.886 15.854 L 14.425 13.026 L 19.157 8.004 L 15.752 4.599 L 10.788 9.026 L 6.936 9.229 L 5.542 10.088 Z" }), h("path", { key: '6d764b048961d4bc7dcbe0a1ec991eac1d7d7481', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.4364 2.29289C14.827 1.90237 15.4601 1.90237 15.8506 2.29289L16.6256 3.06789C16.6257 3.06793 16.6256 3.06785 16.6256 3.06789L21.7071 8.14935C22.0976 8.53988 22.0976 9.17304 21.7071 9.56357C21.3166 9.95409 20.6834 9.95409 20.2929 9.56357L20.2249 9.49555L16.1303 13.5901C16.1355 13.6306 16.1406 13.6729 16.1455 13.717C16.1917 14.1325 16.2221 14.7126 16.161 15.3848C16.0386 16.7307 15.5437 18.4829 14.042 19.9846C13.6515 20.3751 13.0183 20.3751 12.6278 19.9846L9.02871 16.3855L3.70711 21.7071C3.31658 22.0976 2.68342 22.0976 2.29289 21.7071C1.90237 21.3166 1.90237 20.6834 2.29289 20.2929L7.6145 14.9713L4.01538 11.3722C3.82784 11.1846 3.72249 10.9303 3.72249 10.6651C3.72249 10.3999 3.82784 10.1455 4.01538 9.95796C5.51708 8.45626 7.26935 7.96139 8.61521 7.83904C9.28737 7.77793 9.86747 7.80833 10.283 7.8545C10.3271 7.8594 10.3694 7.86449 10.4099 7.86968L14.5044 3.77512L14.4364 3.70711C14.0459 3.31658 14.0459 2.68342 14.4364 2.29289ZM15.9187 5.18933L11.4583 9.64969C11.2102 9.89782 10.8502 9.99772 10.5097 9.91298L10.5114 9.91341L10.5124 9.91366L10.4975 9.91029C10.4814 9.90677 10.4536 9.9009 10.4148 9.89368C10.3373 9.87922 10.217 9.85948 10.0621 9.84227C9.75096 9.8077 9.30832 9.78427 8.79628 9.83082C8.00992 9.90231 7.08192 10.1355 6.20308 10.7315L13.2685 17.7969C13.8645 16.9181 14.0977 15.9901 14.1692 15.2037C14.2157 14.6917 14.1923 14.249 14.1577 13.9379C14.1405 13.783 14.1208 13.6627 14.1063 13.5852C14.0991 13.5464 14.0932 13.5186 14.0897 13.5025L14.0863 13.4876L14.0866 13.4886L14.0869 13.4898C14.0021 13.1493 14.1021 12.7899 14.3503 12.5417L18.8107 8.08134L15.9187 5.18933ZM10.7512 8.94258C10.5098 9.90815 10.5093 9.91286 10.5097 9.91298C10.5094 9.91291 10.5089 9.91279 10.5087 9.91273L10.7512 8.94258Z", fill: "currentColor" })));
-    }
-};
-
-export { RootIconPinFilled as root_icon_pin_filled };

package/dist/esm/root-icon-pin.entry.js

@@ -1,12 +0,0 @@
-import { r as registerInstance, h } from './index-C0aTTiQe.js';
-
-const RootIconPin = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("svg", { key: '1da52c17e59a463a458196cf311f614b091ed01e', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd22d6f4de9580a1240017ac64f5ad2d6a0145015', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.4364 2.29289C14.827 1.90237 15.4601 1.90237 15.8506 2.29289L16.6256 3.06789C16.6257 3.06793 16.6256 3.06785 16.6256 3.06789L21.7071 8.14935C22.0976 8.53988 22.0976 9.17304 21.7071 9.56357C21.3166 9.95409 20.6834 9.95409 20.2929 9.56357L20.2249 9.49555L16.1303 13.5901C16.1355 13.6306 16.1406 13.6729 16.1455 13.717C16.1917 14.1325 16.2221 14.7126 16.161 15.3848C16.0386 16.7307 15.5437 18.4829 14.042 19.9846C13.6515 20.3751 13.0183 20.3751 12.6278 19.9846L9.02871 16.3855L3.70711 21.7071C3.31658 22.0976 2.68342 22.0976 2.29289 21.7071C1.90237 21.3166 1.90237 20.6834 2.29289 20.2929L7.6145 14.9713L4.01538 11.3722C3.82784 11.1846 3.72249 10.9303 3.72249 10.6651C3.72249 10.3999 3.82784 10.1455 4.01538 9.95796C5.51708 8.45626 7.26935 7.96139 8.61521 7.83904C9.28737 7.77793 9.86747 7.80833 10.283 7.8545C10.3271 7.8594 10.3694 7.86449 10.4099 7.86968L14.5044 3.77512L14.4364 3.70711C14.0459 3.31658 14.0459 2.68342 14.4364 2.29289ZM15.9187 5.18933L11.4583 9.64969C11.2102 9.89782 10.8502 9.99772 10.5097 9.91298L10.5114 9.91341L10.5124 9.91366L10.4975 9.91029C10.4814 9.90677 10.4536 9.9009 10.4148 9.89368C10.3373 9.87922 10.217 9.85948 10.0621 9.84227C9.75096 9.8077 9.30832 9.78427 8.79628 9.83082C8.00992 9.90231 7.08192 10.1355 6.20308 10.7315L13.2685 17.7969C13.8645 16.9181 14.0977 15.9901 14.1692 15.2037C14.2157 14.6917 14.1923 14.249 14.1577 13.9379C14.1405 13.783 14.1208 13.6627 14.1063 13.5852C14.0991 13.5464 14.0932 13.5186 14.0897 13.5025L14.0863 13.4876L14.0866 13.4886L14.0869 13.4898C14.0021 13.1493 14.1021 12.7899 14.3503 12.5417L18.8107 8.08134L15.9187 5.18933ZM10.7512 8.94258C10.5098 9.90815 10.5093 9.91286 10.5097 9.91298C10.5094 9.91291 10.5089 9.91279 10.5087 9.91273L10.7512 8.94258Z", fill: "currentColor" })));
-    }
-};
-
-export { RootIconPin as root_icon_pin };

package/dist/esm/root-icon-remove.entry.js

@@ -1,12 +0,0 @@
-import { r as registerInstance, h } from './index-C0aTTiQe.js';
-
-const RootIconRemove = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("svg", { key: 'f69632fb191777534907eadfedea8d93ce038b0b', width: "14", height: "18", viewBox: "0 0 14 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0758cb5e5c1190abfb187b7416ceb4716027a115', d: "M1 16C1 17.1 1.9 18 3 18H11C12.1 18 13 17.1 13 16V6C13 4.9 12.1 4 11 4H3C1.9 4 1 4.9 1 6V16ZM4 6H10C10.55 6 11 6.45 11 7V15C11 15.55 10.55 16 10 16H4C3.45 16 3 15.55 3 15V7C3 6.45 3.45 6 4 6ZM10.5 1L9.79 0.29C9.61 0.11 9.35 0 9.09 0H4.91C4.65 0 4.39 0.11 4.21 0.29L3.5 1H1C0.45 1 0 1.45 0 2C0 2.55 0.45 3 1 3H13C13.55 3 14 2.55 14 2C14 1.45 13.55 1 13 1H10.5Z", fill: "currentColor" })));
-    }
-};
-
-export { RootIconRemove as root_icon_remove };

package/dist/stencil-library/p-2d9c8e5f.entry.js

@@ -1 +0,0 @@
-import{r as e,h as r}from"./p-C0aTTiQe.js";const C=class{constructor(r){e(this,r)}render(){return r("svg",{key:"f69632fb191777534907eadfedea8d93ce038b0b",width:"14",height:"18",viewBox:"0 0 14 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"0758cb5e5c1190abfb187b7416ceb4716027a115",d:"M1 16C1 17.1 1.9 18 3 18H11C12.1 18 13 17.1 13 16V6C13 4.9 12.1 4 11 4H3C1.9 4 1 4.9 1 6V16ZM4 6H10C10.55 6 11 6.45 11 7V15C11 15.55 10.55 16 10 16H4C3.45 16 3 15.55 3 15V7C3 6.45 3.45 6 4 6ZM10.5 1L9.79 0.29C9.61 0.11 9.35 0 9.09 0H4.91C4.65 0 4.39 0.11 4.21 0.29L3.5 1H1C0.45 1 0 1.45 0 2C0 2.55 0.45 3 1 3H13C13.55 3 14 2.55 14 2C14 1.45 13.55 1 13 1H10.5Z",fill:"currentColor"}))}};export{C as root_icon_remove}