le-kit 0.2.2 → 0.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-pT2cVC5w.js → index-CNRmviSz.js} +4 -2
- package/dist/cjs/{index-pT2cVC5w.js.map → index-CNRmviSz.js.map} +1 -1
- package/dist/cjs/index.cjs.js +3 -2
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/le-box.cjs.entry.js +2 -2
- package/dist/cjs/le-button_13.cjs.entry.js +2 -2
- package/dist/cjs/le-card.cjs.entry.js +2 -2
- package/dist/cjs/le-combobox.cjs.entry.js +1 -1
- package/dist/cjs/le-header-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/le-icon.cjs.entry.js +4 -2
- package/dist/cjs/le-kit.cjs.js +2 -2
- package/dist/cjs/le-multiselect.cjs.entry.js +1 -1
- package/dist/cjs/le-navigation.cjs.entry.js +16 -11
- package/dist/cjs/le-number-input.cjs.entry.js +2 -2
- package/dist/cjs/le-round-progress.cjs.entry.js +1 -1
- package/dist/cjs/le-segmented-control.cjs.entry.js +1 -1
- package/dist/cjs/le-stack.cjs.entry.js +2 -2
- package/dist/cjs/le-tab-bar.cjs.entry.js +1 -1
- package/dist/cjs/le-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/le-tab.cjs.entry.js +2 -2
- package/dist/cjs/le-tabs.cjs.entry.js +2 -2
- package/dist/cjs/le-tag.cjs.entry.js +1 -1
- package/dist/cjs/le-text.cjs.entry.js +2 -2
- package/dist/cjs/le-turntable.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{utils-ByTskwtC.js → utils-CZG22_vQ.js} +3 -3
- package/dist/cjs/{utils-ByTskwtC.js.map → utils-CZG22_vQ.js.map} +1 -1
- package/dist/collection/components/le-icon/le-icon.js +3 -1
- package/dist/collection/components/le-icon/le-icon.js.map +1 -1
- package/dist/collection/components/le-navigation/le-navigation.css +9 -1
- package/dist/collection/components/le-navigation/le-navigation.js +18 -13
- package/dist/collection/components/le-navigation/le-navigation.js.map +1 -1
- package/dist/collection/dist/components/assets/custom-elements.json +942 -942
- package/dist/collection/index.js +2 -1
- package/dist/collection/index.js.map +1 -1
- package/dist/components/assets/custom-elements.json +942 -942
- package/dist/components/le-icon2.js +3 -1
- package/dist/components/le-icon2.js.map +1 -1
- package/dist/components/le-navigation.js +15 -10
- package/dist/components/le-navigation.js.map +1 -1
- package/dist/docs.json +32 -24
- package/dist/esm/{index-CNv6tzAt.js → index-BqH-zsXr.js} +4 -3
- package/dist/esm/{index-CNv6tzAt.js.map → index-BqH-zsXr.js.map} +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/le-box.entry.js +2 -2
- package/dist/esm/le-button_13.entry.js +2 -2
- package/dist/esm/le-card.entry.js +2 -2
- package/dist/esm/le-combobox.entry.js +1 -1
- package/dist/esm/le-header-placeholder.entry.js +1 -1
- package/dist/esm/le-icon.entry.js +4 -2
- package/dist/esm/le-icon.entry.js.map +1 -1
- package/dist/esm/le-kit.js +3 -3
- package/dist/esm/le-multiselect.entry.js +1 -1
- package/dist/esm/le-navigation.entry.js +16 -11
- package/dist/esm/le-navigation.entry.js.map +1 -1
- package/dist/esm/le-number-input.entry.js +2 -2
- package/dist/esm/le-round-progress.entry.js +1 -1
- package/dist/esm/le-segmented-control.entry.js +1 -1
- package/dist/esm/le-stack.entry.js +2 -2
- package/dist/esm/le-tab-bar.entry.js +1 -1
- package/dist/esm/le-tab-panel.entry.js +1 -1
- package/dist/esm/le-tab.entry.js +2 -2
- package/dist/esm/le-tabs.entry.js +2 -2
- package/dist/esm/le-tag.entry.js +1 -1
- package/dist/esm/le-text.entry.js +2 -2
- package/dist/esm/le-turntable.entry.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{utils-BzC2tvPX.js → utils-CdBk0DdF.js} +3 -3
- package/dist/esm/{utils-BzC2tvPX.js.map → utils-CdBk0DdF.js.map} +1 -1
- package/dist/le-kit/dist/components/assets/custom-elements.json +942 -942
- package/dist/le-kit/index.esm.js +1 -1
- package/dist/le-kit/le-kit.esm.js +1 -1
- package/dist/le-kit/{p-e24d3e33.entry.js → p-00cd6dc4.entry.js} +2 -2
- package/dist/le-kit/p-02699578.entry.js +2 -0
- package/dist/le-kit/p-02699578.entry.js.map +1 -0
- package/dist/le-kit/{p-9a3bdbe1.entry.js → p-0aab5747.entry.js} +2 -2
- package/dist/le-kit/{p-a8963634.entry.js → p-0b5ab6ec.entry.js} +2 -2
- package/dist/le-kit/{p-f4f2c3e7.entry.js → p-17ace252.entry.js} +2 -2
- package/dist/le-kit/{p-8a78110f.entry.js → p-2db32332.entry.js} +2 -2
- package/dist/le-kit/{p-df9389f0.entry.js → p-348a4e39.entry.js} +2 -2
- package/dist/le-kit/{p-aaec0169.entry.js → p-43f87acb.entry.js} +2 -2
- package/dist/le-kit/{p-b1dc7e06.entry.js → p-509caf7f.entry.js} +2 -2
- package/dist/le-kit/{p-0ac4397c.entry.js → p-65fa68c3.entry.js} +2 -2
- package/dist/le-kit/{p-58120921.entry.js → p-76d03b1e.entry.js} +2 -2
- package/dist/le-kit/{p-de5638c9.entry.js → p-8907cf95.entry.js} +2 -2
- package/dist/le-kit/{p-511fbb63.entry.js → p-91421993.entry.js} +2 -2
- package/dist/le-kit/{p-5ceb06d8.entry.js → p-995f6de8.entry.js} +2 -2
- package/dist/le-kit/{p-a0d2c580.entry.js → p-9f409d74.entry.js} +2 -2
- package/dist/le-kit/p-BqH-zsXr.js +3 -0
- package/dist/le-kit/{p-CNv6tzAt.js.map → p-BqH-zsXr.js.map} +1 -1
- package/dist/le-kit/{p-W4FbLlut.js → p-VG5nXRzT.js} +2 -2
- package/dist/le-kit/{p-W4FbLlut.js.map → p-VG5nXRzT.js.map} +1 -1
- package/dist/le-kit/p-a1c26c46.entry.js +2 -0
- package/dist/le-kit/p-a1c26c46.entry.js.map +1 -0
- package/dist/le-kit/{p-25a29e69.entry.js → p-a5e21c8e.entry.js} +2 -2
- package/dist/le-kit/{p-ec20e438.entry.js → p-b4dcb4df.entry.js} +2 -2
- package/dist/le-kit/p-ccf4c548.entry.js +2 -0
- package/dist/types/components/le-navigation/le-navigation.d.ts +2 -2
- package/dist/types/components.d.ts +10 -10
- package/dist/types/index.d.ts +2 -1
- package/package.json +2 -2
- package/dist/le-kit/dist/components/themes/base.css +0 -89
- package/dist/le-kit/dist/components/themes/dark.css +0 -103
- package/dist/le-kit/dist/components/themes/default.css +0 -111
- package/dist/le-kit/dist/components/themes/gradient.css +0 -103
- package/dist/le-kit/dist/components/themes/index.css +0 -76
- package/dist/le-kit/dist/components/themes/minimal.css +0 -103
- package/dist/le-kit/dist/components/themes/warm.css +0 -103
- package/dist/le-kit/p-2ec60692.entry.js +0 -2
- package/dist/le-kit/p-CNv6tzAt.js +0 -3
- package/dist/le-kit/p-bb160082.entry.js +0 -2
- package/dist/le-kit/p-bb160082.entry.js.map +0 -1
- package/dist/le-kit/p-c08fcb00.entry.js +0 -2
- package/dist/le-kit/p-c08fcb00.entry.js.map +0 -1
- /package/dist/collection/dist/{components/themes → themes}/base.css +0 -0
- /package/dist/collection/dist/{components/themes → themes}/dark.css +0 -0
- /package/dist/collection/dist/{components/themes → themes}/default.css +0 -0
- /package/dist/collection/dist/{components/themes → themes}/gradient.css +0 -0
- /package/dist/collection/dist/{components/themes → themes}/index.css +0 -0
- /package/dist/collection/dist/{components/themes → themes}/minimal.css +0 -0
- /package/dist/collection/dist/{components/themes → themes}/warm.css +0 -0
- /package/dist/{components → le-kit/dist}/themes/base.css +0 -0
- /package/dist/{components → le-kit/dist}/themes/dark.css +0 -0
- /package/dist/{components → le-kit/dist}/themes/default.css +0 -0
- /package/dist/{components → le-kit/dist}/themes/gradient.css +0 -0
- /package/dist/{components → le-kit/dist}/themes/index.css +0 -0
- /package/dist/{components → le-kit/dist}/themes/minimal.css +0 -0
- /package/dist/{components → le-kit/dist}/themes/warm.css +0 -0
- /package/dist/le-kit/{p-e24d3e33.entry.js.map → p-00cd6dc4.entry.js.map} +0 -0
- /package/dist/le-kit/{p-9a3bdbe1.entry.js.map → p-0aab5747.entry.js.map} +0 -0
- /package/dist/le-kit/{p-a8963634.entry.js.map → p-0b5ab6ec.entry.js.map} +0 -0
- /package/dist/le-kit/{p-f4f2c3e7.entry.js.map → p-17ace252.entry.js.map} +0 -0
- /package/dist/le-kit/{p-8a78110f.entry.js.map → p-2db32332.entry.js.map} +0 -0
- /package/dist/le-kit/{p-df9389f0.entry.js.map → p-348a4e39.entry.js.map} +0 -0
- /package/dist/le-kit/{p-aaec0169.entry.js.map → p-43f87acb.entry.js.map} +0 -0
- /package/dist/le-kit/{p-b1dc7e06.entry.js.map → p-509caf7f.entry.js.map} +0 -0
- /package/dist/le-kit/{p-0ac4397c.entry.js.map → p-65fa68c3.entry.js.map} +0 -0
- /package/dist/le-kit/{p-58120921.entry.js.map → p-76d03b1e.entry.js.map} +0 -0
- /package/dist/le-kit/{p-de5638c9.entry.js.map → p-8907cf95.entry.js.map} +0 -0
- /package/dist/le-kit/{p-511fbb63.entry.js.map → p-91421993.entry.js.map} +0 -0
- /package/dist/le-kit/{p-5ceb06d8.entry.js.map → p-995f6de8.entry.js.map} +0 -0
- /package/dist/le-kit/{p-a0d2c580.entry.js.map → p-9f409d74.entry.js.map} +0 -0
- /package/dist/le-kit/{p-25a29e69.entry.js.map → p-a5e21c8e.entry.js.map} +0 -0
- /package/dist/le-kit/{p-ec20e438.entry.js.map → p-b4dcb4df.entry.js.map} +0 -0
- /package/dist/le-kit/{p-2ec60692.entry.js.map → p-ccf4c548.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as t}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{a as t}from"./p-BqH-zsXr.js";function e(t="le"){return`${t}-${Math.random().toString(36).substring(2,9)}`}function r(t){if(!t)return[];return t.split(",").map((t=>t.trim())).filter(Boolean)}function o(t,e=""){const r=e?`[slot="${e}"]`:":not([slot])";return t.querySelector(r)!==null}function i(e,r){r(t(e));const o=new MutationObserver((()=>{r(t(e))}));o.observe(e,{attributes:true,attributeFilter:["mode"]});o.observe(document.documentElement,{attributes:true,attributeFilter:["mode"]});let i=e;while(i){if(i instanceof Element&&i.parentElement){i=i.parentElement;o.observe(i,{attributes:true,attributeFilter:["mode"]});if(i.hasAttribute("mode")){break}}else{const t=i.getRootNode();if(t instanceof ShadowRoot){i=t.host;o.observe(i,{attributes:true,attributeFilter:["mode"]});if(i.hasAttribute("mode")){break}}else{break}}}return()=>o.disconnect()}function n(...t){const e=[];t.forEach((t=>{if(!t)return;if(typeof t==="string"){e.push(t)}else if(Array.isArray(t)){e.push(n(...t))}else if(typeof t==="object"){Object.entries(t).forEach((([t,r])=>{if(r){e.push(t)}}))}}));return e.join(" ")}export{n as c,e as g,i as o,r as p,o as s};
|
|
2
|
+
//# sourceMappingURL=p-VG5nXRzT.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-
|
|
1
|
+
{"version":3,"file":"p-VG5nXRzT.js","sources":["src/utils/utils.ts"],"sourcesContent":["/**\n * Utility functions for le-kit components\n */\n\nimport { getMode } from '../global/app';\n\n/**\n * Generates a unique ID for component instances\n */\nexport function generateId(prefix: string = 'le'): string {\n return `${prefix}-${Math.random().toString(36).substring(2, 9)}`;\n}\n\n/**\n * Parses a comma-separated string into an array\n */\nexport function parseCommaSeparated(value: string | undefined): string[] {\n if (!value) return [];\n return value\n .split(',')\n .map(s => s.trim())\n .filter(Boolean);\n}\n\n/**\n * Checks if a slot has content\n */\nexport function slotHasContent(el: HTMLElement, slotName: string = ''): boolean {\n const selector = slotName ? `[slot=\"${slotName}\"]` : ':not([slot])';\n return el.querySelector(selector) !== null;\n}\n\n/**\n * Sets up a MutationObserver to track mode changes on ancestor elements.\n * Returns a cleanup function to disconnect the observer.\n * \n * If the element or any ancestor has an explicit `mode` attribute, that creates\n * a \"mode boundary\" - the mode is determined from that point, not from further up.\n * This allows components like le-popover to force default mode for their children.\n * \n * @param el - The component's host element\n * @param callback - Function to call when mode changes, receives the new mode\n * @returns Cleanup function to disconnect the observer\n * \n * @example\n * ```tsx\n * export class MyComponent {\n * @Element() el: HTMLElement;\n * @State() adminMode: boolean = false;\n * private disconnectModeObserver?: () => void;\n * \n * connectedCallback() {\n * this.disconnectModeObserver = observeModeChanges(this.el, (mode) => {\n * this.adminMode = mode === 'admin';\n * });\n * }\n * \n * disconnectedCallback() {\n * this.disconnectModeObserver?.();\n * }\n * }\n * ```\n */\nexport function observeModeChanges(\n el: HTMLElement,\n callback: (mode: string) => void\n): () => void {\n // Call immediately with current mode\n callback(getMode(el));\n\n // Set up observer for mode attribute changes\n const observer = new MutationObserver(() => {\n callback(getMode(el));\n });\n\n // Observe the element itself (for mode boundary changes)\n observer.observe(el, {\n attributes: true,\n attributeFilter: ['mode'],\n });\n\n // Observe document root\n observer.observe(document.documentElement, {\n attributes: true,\n attributeFilter: ['mode'],\n });\n\n // Traverse up, crossing shadow boundaries, and observe each element\n let current: Node | null = el;\n while (current) {\n if (current instanceof Element && current.parentElement) {\n current = current.parentElement;\n observer.observe(current, {\n attributes: true,\n attributeFilter: ['mode'],\n });\n // If this element has an explicit mode, it's a boundary\n if ((current as Element).hasAttribute('mode')) {\n break;\n }\n } else {\n // Check if we're in a shadow root\n const root = current.getRootNode();\n if (root instanceof ShadowRoot) {\n // Cross the shadow boundary and observe the host\n current = root.host;\n observer.observe(current, {\n attributes: true,\n attributeFilter: ['mode'],\n });\n // If the host has an explicit mode, it's a boundary\n if ((current as Element).hasAttribute('mode')) {\n break;\n }\n } else {\n break;\n }\n }\n }\n\n // Return cleanup function\n return () => observer.disconnect();\n}\n\n/**\n * Combines multiple class names into a single string, filtering out falsy values.\n * \n * @param classes - arguments of class names, undefined, arrays, objects with boolean values and nested combinations of these\n * @returns Combined class names string\n */\nexport function classnames(...classes: any[]): string {\n const result: string[] = [];\n\n classes.forEach(cls => {\n if (!cls) return;\n\n if (typeof cls === 'string') {\n result.push(cls);\n } else if (Array.isArray(cls)) {\n result.push(classnames(...cls));\n } else if (typeof cls === 'object') {\n Object.entries(cls).forEach(([key, value]) => {\n if (value) {\n result.push(key);\n }\n });\n }\n });\n\n return result.join(' ');\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,d as t,c as n,h as i,H as a}from"./p-BqH-zsXr.js";import{g as s,c as r}from"./p-VG5nXRzT.js";const o=()=>`:host{display:block;--le-nav-radius:var(--le-radius-md);--le-nav-gap:var(--le-spacing-2);--le-nav-item-padding-x:var(--le-spacing-1);--le-nav-item-padding-y:var(--le-spacing-2);--le-nav-item-gap:var(--le-spacing-2);--le-nav-color:var(--le-color-text-primary);--le-nav-muted:var(--le-color-text-secondary);--le-nav-hover-bg:var(--le-color-gray-100);--le-nav-selected-bg:var(--le-color-primary);--le-nav-selected-color:var(--le-color-primary-contrast)}.nav-vertical{display:flex;flex-direction:column;gap:var(--le-nav-gap)}.nav-search{width:100%}.nav-search-input{--le-input-radius:var(--le-radius-md)}.nav-empty{padding:var(--le-spacing-2);color:var(--le-nav-muted);font-size:var(--le-font-size-sm)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--le-spacing-1)}.nav-row{display:flex;align-items:stretch;gap:var(--le-spacing-1);border-radius:var(--le-nav-radius)}.nav-row:hover{background:var(--le-nav-hover-bg)}.nav-toggle,.nav-toggle-spacer{box-sizing:border-box;width:var(--le-spacing-4);min-width:var(--le-spacing-4);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--le-nav-radius);color:inherit}.nav-toggle{background:transparent;cursor:pointer;opacity:0.4}.nav-toggle:hover:not(:disabled){opacity:1}.nav-toggle:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px;opacity:1}.nav-chevron{display:inline-block;transition:transform var(--le-transition-fast)}.nav-chevron svg{display:block;width:var(--le-spacing-4);height:var(--le-spacing-4)}.nav-node>div>button>.nav-chevron{transform:rotate(-90deg)}.nav-node.open>div>button>.nav-chevron{transform:rotate(0deg)}.nav-item{flex:1;display:inline-flex;align-items:center;gap:var(--le-nav-item-gap);padding:var(--le-nav-item-padding-y) var(--le-nav-item-padding-x) var(--le-nav-item-padding-y) 0;border-radius:var(--le-nav-radius);border:1px solid transparent;background:transparent;text-decoration:none;color:var(--le-nav-color);font-family:var(--le-font-family-base);font-size:var(--le-font-size-md);line-height:var(--le-line-height-tight);cursor:pointer}.nav-item:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.nav-node.selected>.nav-row{background:var(--le-nav-selected-bg);color:var(--le-nav-selected-color)}.nav-node.selected>.nav-row>.nav-item{color:inherit}.nav-node.disabled>.nav-row>.nav-item{opacity:0.5;cursor:not-allowed}.nav-text{display:flex;flex-direction:column;min-width:0}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-description{color:color-mix(in srgb, var(--le-nav-muted) 90%, transparent);font-size:var(--le-font-size-sm);line-height:var(--le-line-height-tight)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon-end{margin-left:auto}.nav-children{margin-top:var(--le-spacing-1)}.nav-horizontal{display:flex;align-items:center;gap:var(--le-spacing-2)}.nav-horizontal.align-end{justify-content:flex-end}.nav-horizontal.align-center{justify-content:center}.nav-horizontal.align-space-between{justify-content:space-between}.nav-horizontal-shell{position:relative}.nav-horizontal-measure{position:absolute;left:-10000px;top:-10000px;visibility:hidden;pointer-events:none;display:flex;align-items:center;gap:var(--le-spacing-2);flex-wrap:wrap}.nav-horizontal.wrap{flex-wrap:wrap}.nav-horizontal.nowrap{flex-wrap:nowrap;overflow:hidden}.h-item{display:flex;align-items:center}.h-link{display:inline-flex;align-items:center;gap:var(--le-spacing-2);padding:var(--le-spacing-2) var(--le-spacing-3);border-radius:var(--le-nav-radius);border:1px solid transparent;background:transparent;text-decoration:none;color:var(--le-nav-color);font-family:var(--le-font-family-base);font-size:var(--le-font-size-md);cursor:pointer}.h-link:hover{background:var(--le-nav-hover-bg)}.h-link:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.h-link.disabled,.h-trigger.disabled{opacity:0.5;pointer-events:none}.h-link.selected,.h-trigger.selected{background:var(--le-nav-selected-bg);color:var(--le-nav-selected-color)}.h-label{white-space:nowrap}.h-trigger{display:inline-flex;align-items:center;gap:var(--le-spacing-1);border-radius:var(--le-nav-radius)}.h-submenu-toggle{width:var(--le-spacing-3);height:var(--le-spacing-3);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--le-nav-radius);background:transparent;color:currentColor;cursor:pointer}.h-submenu-toggle:hover{background:var(--le-nav-hover-bg)}.more-trigger-wrap{display:flex;align-items:center}.more-trigger-wrap.is-measure{position:absolute;visibility:hidden;pointer-events:none}.more-trigger-wrap.is-visible{position:static;visibility:visible}.overflow-trigger{display:inline-flex;align-items:center;justify-content:center;gap:var(--le-spacing-2);padding:var(--le-spacing-2) var(--le-spacing-3);border-radius:var(--le-nav-radius);border:1px solid transparent;background:transparent;color:var(--le-nav-color);cursor:pointer;font-family:var(--le-font-family-base);font-size:var(--le-font-size-md)}.overflow-trigger:hover{background:var(--le-nav-hover-bg)}.overflow-trigger:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}le-popover::part(content){padding:var(--le-spacing-1)}`;const l=class{constructor(n){e(this,n);this.leNavItemSelect=t(this,"leNavItemSelect");this.leNavItemToggle=t(this,"leNavItemToggle")}get el(){return n(this)}items=[];orientation="horizontal";wrap=true;overflowMode="more";minVisibleItemsForMore=2;align="start";activeUrl="";searchable=false;searchPlaceholder="Search...";emptyText="No results found";submenuSearchable=false;leNavItemSelect;leNavItemToggle;searchQuery="";openState={};overflowIds=[];hamburgerActive=false;fallbackHamburger=false;submenuQueries={};navContainerEl;measureEl;measureMoreEl;topItemEls=new Map;popoverRefs=new Map;moreTriggerEl;hamburgerPopoverEl;morePopoverEl;resizeObserver;instanceId=s("le-nav");partFromOptionPart(e,t){const n=(t??"").trim();if(!n)return e;const i=n.split(/\s+/).map((e=>e.replace(/[^a-zA-Z0-9_-]/g,""))).filter(Boolean);if(i.length===0)return e;return[e,...i.map((t=>`${e}-${t}`))].join(" ")}handleLayoutInputsChange(){this.scheduleOverflowRecalc()}componentDidLoad(){this.setupResizeObserver();this.scheduleOverflowRecalc()}disconnectedCallback(){this.resizeObserver?.disconnect();this.resizeObserver=undefined}componentDidRender(){this.scheduleOverflowRecalc()}setupResizeObserver(){this.resizeObserver?.disconnect();if(typeof ResizeObserver==="undefined")return;this.resizeObserver=new ResizeObserver((()=>this.computeOverflow()));this.observeContainer(this.navContainerEl)}observeContainer(e){if(!this.resizeObserver)return;this.resizeObserver.disconnect();if(e)this.resizeObserver.observe(e)}scheduleOverflowRecalc(){if(this.orientation!=="horizontal")return;requestAnimationFrame((()=>this.computeOverflow()))}get parsedItems(){if(typeof this.items==="string"){try{return JSON.parse(this.items)}catch{return[]}}return this.items}getItemId(e,t){return e.id??`${this.instanceId}:${t}`}getChildItems(e){return Array.isArray(e.children)?e.children:[]}isOpen(e,t){const n=this.openState[t];if(typeof n==="boolean")return n;return!!e.open}setOpen(e,t){if(this.openState[e]===t)return;this.openState={...this.openState,[e]:t}}matchesQuery(e,t){if(!t)return true;const n=t.toLowerCase();return e.label.toLowerCase().includes(n)||(e.description?.toLowerCase().includes(n)??false)}filterTree(e,t,n,i){if(!t)return e;const a=[];e.forEach(((e,s)=>{const r=n?`${n}.${s}`:String(s);const o=this.getItemId(e,r);const l=this.getChildItems(e);const c=this.filterTree(l,t,r,i);const h=this.matchesQuery(e,t);const d=c.length>0;if(h||d){if(d){i.add(o)}if(d&&c!==l){a.push({...e,children:c})}else{a.push(e)}}}));return a}handleItemSelect=(e,t,n)=>{if(t.disabled){e.preventDefault();e.stopPropagation();return}const i=this.leNavItemSelect.emit({item:t,id:n,href:t.href,originalEvent:e});if(i.defaultPrevented){e.preventDefault()}};handleToggle=(e,t,n)=>{e.preventDefault();e.stopPropagation();if(t.disabled)return;const i=!this.isOpen(t,n);this.setOpen(n,i);this.leNavItemToggle.emit({item:t,id:n,open:i,originalEvent:e})};handleSearchInput=e=>{const t=e.target;this.searchQuery=t.value};handleSubmenuSearchInput=(e,t)=>{const n=t.target;const i=n.value;if(this.submenuQueries[e]===i)return;this.submenuQueries={...this.submenuQueries,[e]:i};requestAnimationFrame((()=>this.popoverRefs.get(e)?.updatePosition()))};getTopLevelIds(e){return e.map(((e,t)=>this.getItemId(e,String(t))))}computeOverflow(){if(this.orientation!=="horizontal"||this.wrap){if(!this.overflowIds||this.overflowIds.length)this.overflowIds=[];if(this.hamburgerActive)this.hamburgerActive=false;if(this.fallbackHamburger)this.fallbackHamburger=false;return}const e=this.navContainerEl;if(!e)return;const t=this.getTopLevelIds(this.parsedItems);const n=t.map((e=>this.topItemEls.get(e)?.getBoundingClientRect().width??0));const i=n.reduce(((e,t)=>e+t),0);const a=e.getBoundingClientRect().width;if(this.overflowMode==="hamburger"){const e=i>a;if(e!==this.hamburgerActive){this.hamburgerActive=e}if(!this.overflowIds||this.overflowIds.length)this.overflowIds=[];if(this.fallbackHamburger)this.fallbackHamburger=false;return}if(this.hamburgerActive)this.hamburgerActive=false;const s=this.computeOverflowMoreByWrap(a);if(!s)return;const r=this.parsedItems.length-s.length;const o=this.moreTriggerEl?.getBoundingClientRect().width??0;const l=Math.max(0,Number(this.minVisibleItemsForMore)||0);const c=s.length>0&&r<l||o>0&&o>a;if(c!==this.fallbackHamburger){this.fallbackHamburger=c}const h=c?[]:s;const d=h.length===this.overflowIds?.length&&h.every(((e,t)=>e===this.overflowIds[t]));if(!d){this.overflowIds=h}}computeOverflowMoreByWrap(e){const t=this.navContainerEl;const n=this.measureEl;const i=this.measureMoreEl;const a=this.parsedItems;if(!t||!n)return null;n.style.width=`${e}px`;const s=this.moreTriggerEl?.getBoundingClientRect().width;if(i&&s&&s>0){const e=i.querySelector("button");if(e){e.style.width=`${s}px`}}const r=this.getTopLevelIds(a);const o=r.map((e=>n.querySelector(`[data-nav-id="${CSS.escape(e)}"]`))).filter((e=>!!e));o.forEach((e=>{e.style.display=""}));if(i){i.style.display="none"}if(o.length===0){return[]}const l=Math.min(...o.map((e=>e.offsetTop)));const c=new Set;o.forEach((e=>{const t=e.getAttribute("data-nav-id");if(!t)return;if(e.offsetTop>l)c.add(t)}));if(c.size===0){return[]}if(i){i.style.display=""}o.forEach((e=>{const t=e.getAttribute("data-nav-id");if(!t)return;if(c.has(t))e.style.display="none"}));const h=()=>o.filter((e=>e.style.display!=="none"));while(i){const e=h();const t=e.length?Math.min(...e.map((e=>e.offsetTop))):0;if(i.offsetTop<=t)break;if(e.length===0)break;const n=e[e.length-1];const a=n.getAttribute("data-nav-id");if(!a)break;n.style.display="none";c.add(a)}const d=r.filter((e=>c.has(e)));return d}renderHorizontalMeasureItem(e,t){const n=this.getItemId(e,String(t));const a=this.getChildItems(e);const s=a.length>0;const r=e=>{if(e)this.topItemEls.set(n,e)};if(!s){return i("div",{class:"h-item",ref:r,"data-nav-id":n},i("span",{class:"h-link"},e.iconStart&&i("span",{class:"nav-icon","aria-hidden":"true"},e.iconStart),i("span",{class:"h-label"},e.label),e.iconEnd&&i("span",{class:"nav-icon nav-icon-end","aria-hidden":"true"},e.iconEnd)))}return i("div",{class:"h-item",ref:r,"data-nav-id":n},i("span",{class:"h-trigger"},i("span",{class:"h-link"},e.iconStart&&i("span",{class:"nav-icon","aria-hidden":"true"},e.iconStart),i("span",{class:"h-label"},e.label)),i("span",{class:"h-submenu-toggle","aria-hidden":"true"},i("le-icon",{name:"chevron-down"}))))}renderVerticalList(e,{depth:t,pathPrefix:n,autoOpenIds:a,searchable:s,searchQuery:o,searchPlaceholder:l,emptyText:c,submenuId:h,closePopover:d}){const v=o??"";const p=a??new Set;const u=v?this.filterTree(e,v,n,p):e;return i("div",{class:r("nav-vertical",{"is-submenu":!!h})},s&&i("div",{class:"nav-search"},i("le-string-input",{mode:"default",class:"nav-search-input",placeholder:l??"Search...",value:v,onInput:e=>h?this.handleSubmenuSearchInput(h,e):this.handleSearchInput(e)})),u.length===0?i("div",{class:"nav-empty"},c??this.emptyText):i("ul",{class:"nav-list",role:"tree"},u.map(((e,a)=>{const s=n?`${n}.${a}`:String(a);const o=this.getItemId(e,s);const l=this.getChildItems(e);const c=l.length>0;const v=c&&(this.isOpen(e,o)||p.has(o));const u=`calc(var(--le-nav-item-padding-x) + ${t} * var(--le-spacing-4))`;const g=e.href&&!e.disabled?"a":"button";const f=g==="a"?{href:e.href,role:"treeitem"}:{type:"button",role:"treeitem"};const m=this.partFromOptionPart("item",e.part);return i("li",{class:r("nav-node",{disabled:e.disabled,selected:e.selected||this.activeUrl&&e.href===this.activeUrl,open:v,"has-children":c}),key:o,role:"none"},i("div",{class:"nav-row",style:{paddingLeft:u}},c?i("button",{type:"button",class:"nav-toggle","aria-label":v?"Collapse":"Expand","aria-expanded":v?"true":"false",onClick:t=>this.handleToggle(t,e,o),disabled:e.disabled},i("le-icon",{name:"chevron-down",class:"nav-chevron","aria-hidden":"true"})):i("span",{class:"nav-toggle-spacer","aria-hidden":"true"}),i(g,{class:"nav-item",part:m,...f,"aria-disabled":e.disabled?"true":undefined,onClick:t=>{this.handleItemSelect(t,e,o);if(!e.href&&c&&!e.disabled){this.handleToggle(t,e,o);return}if(!e.disabled&&d){d()}}},e.iconStart&&i("span",{class:"nav-icon","aria-hidden":"true"},e.iconStart),i("span",{class:"nav-text"},i("span",{class:"nav-label"},e.label),e.description&&i("span",{class:"nav-description"},e.description)),e.iconEnd&&i("span",{class:"nav-icon nav-icon-end","aria-hidden":"true"},e.iconEnd))),c&&i("le-collapse",{class:"nav-children",closed:!v,noFading:true,role:"group"},this.renderVerticalList(l,{depth:t+1,pathPrefix:s,autoOpenIds:p,submenuId:h,closePopover:d})))}))))}renderHorizontalItem(e,t){const n=this.getItemId(e,String(t));const a=this.getChildItems(e);const s=a.length>0;if(!s){const t=e.href&&!e.disabled?"a":"button";const a=t==="a"?{href:e.href,role:"menuitem"}:{type:"button",role:"menuitem"};const s=this.partFromOptionPart("item",e.part);return i("div",{class:"h-item"},i(t,{class:r("h-link",{disabled:e.disabled,selected:e.selected||this.activeUrl&&e.href===this.activeUrl}),part:s,...a,"aria-disabled":e.disabled?"true":undefined,onClick:t=>this.handleItemSelect(t,e,n)},e.iconStart&&i("span",{class:"nav-icon","aria-hidden":"true"},e.iconStart),i("span",{class:"h-label"},e.label),e.iconEnd&&i("span",{class:"nav-icon nav-icon-end","aria-hidden":"true"},e.iconEnd)))}const o=n;const l=this.partFromOptionPart("item",e.part);return i("div",{class:"h-item"},i("le-popover",{ref:e=>{if(e)this.popoverRefs.set(o,e)},mode:"default",showClose:false,closeOnClickOutside:true,closeOnEscape:true,position:"bottom",align:"start",minWidth:"240px"},i("div",{slot:"trigger",class:r("h-trigger",{disabled:e.disabled,selected:e.selected||this.activeUrl&&e.href===this.activeUrl}),part:l,role:"menuitem","aria-disabled":e.disabled?"true":undefined,onClick:t=>{t.stopPropagation();if(e.disabled)return;if(e.href){this.handleItemSelect(t,e,n);this.popoverRefs.get(o)?.hide()}else{this.popoverRefs.get(o)?.toggle()}}},e.href?i("a",{class:"h-link",href:e.href,onClick:t=>{t.stopPropagation();this.handleItemSelect(t,e,n)}},e.iconStart&&i("span",{class:"nav-icon","aria-hidden":"true"},e.iconStart),i("span",{class:"h-label"},e.label),i("span",{class:"nav-chevron","aria-hidden":"true"},i("le-icon",{name:"chevron-down"}))):i("button",{type:"button",class:"h-link",onClick:t=>{t.stopPropagation();if(e.disabled)return;this.popoverRefs.get(o)?.toggle()}},e.iconStart&&i("span",{class:"nav-icon","aria-hidden":"true"},e.iconStart),i("span",{class:"h-label"},e.label),i("span",{class:"nav-chevron","aria-hidden":"true"},i("le-icon",{name:"chevron-down"})))),i("div",{class:"popover-menu"},this.renderVerticalList(a,{depth:0,pathPrefix:String(t),searchable:this.submenuSearchable,searchQuery:this.submenuQueries[o]??"",searchPlaceholder:this.searchPlaceholder,emptyText:this.emptyText,submenuId:o,closePopover:()=>this.popoverRefs.get(o)?.hide()}))))}renderHorizontal(){const e=this.parsedItems;const t=new Set(this.overflowIds);const n=[];e.forEach(((e,i)=>{const a=this.getItemId(e,String(i));if(!this.wrap&&this.overflowMode==="more"&&t.has(a)){n.push(e)}}));const a=!this.wrap&&(this.overflowMode==="hamburger"&&this.hamburgerActive||this.overflowMode==="more"&&this.fallbackHamburger);if(a){return i("div",{class:"nav-horizontal-shell"},i("div",{class:"nav-horizontal-measure","aria-hidden":"true",ref:e=>{this.measureEl=e}},e.map(((e,t)=>this.renderHorizontalMeasureItem(e,t))),i("div",{class:"h-item",ref:e=>{this.measureMoreEl=e}},i("button",{type:"button",class:"overflow-trigger"},"More"))),i("div",{class:r("nav-horizontal",{"align-end":this.align==="end","align-center":this.align==="center","align-space-between":this.align==="space-between"}),ref:e=>{this.navContainerEl=e;this.setupResizeObserver();this.observeContainer(this.navContainerEl)}},i("le-popover",{ref:e=>{this.hamburgerPopoverEl=e},mode:"default",showClose:false,closeOnClickOutside:true,closeOnEscape:true,position:"bottom",align:"end",minWidth:"260px"},i("button",{slot:"trigger",type:"button",class:"overflow-trigger",part:"hamburger-trigger","aria-label":"Open menu"},i("slot",{name:"hamburger-trigger"},i("le-icon",{name:"hamburger"}))),i("div",{class:"popover-menu"},this.renderVerticalList(e,{depth:0,pathPrefix:"",closePopover:()=>this.hamburgerPopoverEl?.hide()})))))}const s=!this.wrap&&this.overflowMode==="more"&&n.length>0;return i("div",{class:"nav-horizontal-shell",role:"menubar"},i("div",{class:"nav-horizontal-measure","aria-hidden":"true",ref:e=>{this.measureEl=e}},e.map(((e,t)=>this.renderHorizontalMeasureItem(e,t))),i("div",{class:"h-item",ref:e=>{this.measureMoreEl=e}},i("button",{type:"button",class:"overflow-trigger"},i("le-icon",{name:"ellipsis-horizontal"})))),i("div",{class:r("nav-horizontal",{wrap:this.wrap,nowrap:!this.wrap,"align-end":this.align==="end","align-center":this.align==="center","align-space-between":this.align==="space-between"}),ref:e=>{this.navContainerEl=e;this.setupResizeObserver();this.observeContainer(this.navContainerEl)}},e.map(((e,n)=>{const i=this.getItemId(e,String(n));const a=!this.wrap&&this.overflowMode==="more"&&t.has(i);if(a)return null;return this.renderHorizontalItem(e,n)})),i("div",{class:r("more-trigger-wrap",{"is-visible":s,"is-measure":!s})},i("le-popover",{ref:e=>{this.morePopoverEl=e},mode:"default",position:"bottom",align:"end",minWidth:"260px",showClose:false},i("button",{slot:"trigger",type:"button",class:"overflow-trigger",part:"more-trigger","aria-label":"More",ref:e=>{if(e)this.moreTriggerEl=e}},i("slot",{name:"more-trigger"},i("le-icon",{name:"ellipsis-horizontal"}))),i("div",{class:"popover-menu"},this.renderVerticalList(n,{depth:0,pathPrefix:"",closePopover:()=>this.morePopoverEl?.hide()}))))))}render(){const e=this.parsedItems;if(this.orientation==="horizontal"){return i(a,null,i("le-component",{component:"le-navigation"},this.renderHorizontal()))}return i(a,null,i("le-component",{component:"le-navigation"},this.renderVerticalList(e,{depth:0,pathPrefix:"",searchable:this.searchable,searchQuery:this.searchQuery,searchPlaceholder:this.searchPlaceholder,emptyText:this.emptyText})))}static get watchers(){return{items:["handleLayoutInputsChange"],orientation:["handleLayoutInputsChange"],wrap:["handleLayoutInputsChange"],overflowMode:["handleLayoutInputsChange"]}}};l.style=o();export{l as le_navigation};
|
|
2
|
+
//# sourceMappingURL=p-a1c26c46.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["registerInstance","createEvent","getElement","h","Host","generateId","classnames","leNavigationCss","LeNavigation","constructor","hostRef","this","leNavItemSelect","leNavItemToggle","el","items","orientation","wrap","overflowMode","minVisibleItemsForMore","align","activeUrl","searchable","searchPlaceholder","emptyText","submenuSearchable","searchQuery","openState","overflowIds","hamburgerActive","fallbackHamburger","submenuQueries","navContainerEl","measureEl","measureMoreEl","topItemEls","Map","popoverRefs","moreTriggerEl","hamburgerPopoverEl","morePopoverEl","resizeObserver","instanceId","partFromOptionPart","base","part","raw","trim","tokens","split","map","t","replace","filter","Boolean","length","join","handleLayoutInputsChange","scheduleOverflowRecalc","componentDidLoad","setupResizeObserver","disconnectedCallback","disconnect","undefined","componentDidRender","ResizeObserver","computeOverflow","observeContainer","observe","requestAnimationFrame","parsedItems","JSON","parse","getItemId","item","path","id","getChildItems","Array","isArray","children","isOpen","fromState","open","setOpen","matchesQuery","option","query","q","toLowerCase","label","includes","description","filterTree","pathPrefix","autoOpen","result","forEach","index","String","filteredChildren","selfMatch","childMatch","add","push","handleItemSelect","e","disabled","preventDefault","stopPropagation","emitted","emit","href","originalEvent","defaultPrevented","handleToggle","next","handleSearchInput","target","value","handleSubmenuSearchInput","submenuId","get","updatePosition","getTopLevelIds","container","topIds","widths","getBoundingClientRect","width","totalWidth","reduce","a","b","availableWidth","shouldHamburger","computedOverflow","computeOverflowMoreByWrap","visibleCount","moreWidth","minVisible","Math","max","Number","shouldFallback","nextOverflow","same","every","v","i","measure","measureMore","style","realMoreWidth","btn","querySelector","allIds","itemEls","CSS","escape","display","firstRowTop","min","offsetTop","overflowSet","Set","getAttribute","size","has","getVisibleItemEls","visible","rowTop","last","lastId","renderHorizontalMeasureItem","hasChildren","setRef","set","class","ref","iconStart","iconEnd","name","renderVerticalList","depth","autoOpenIds","closePopover","openFromSearch","filtered","mode","placeholder","onInput","role","paddingLeft","TagType","attrs","type","itemPart","selected","key","onClick","closed","noFading","renderHorizontalItem","showClose","closeOnClickOutside","closeOnEscape","position","minWidth","slot","hide","toggle","renderHorizontal","overflowItems","showHamburger","showMore","nowrap","isOverflow","render","component","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,d as t,c as s,h as i,H as n}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,d as t,c as s,h as i,H as n}from"./p-BqH-zsXr.js";const o=()=>`:host{display:inline-block;max-width:100%;--le-segmented-control-bg:var(--le-color-background-secondary);--le-segmented-control-padding:var(--le-spacing-1)}:host([full-width]){width:100%}:host(.overflow-visible){max-width:none}.le-segmented-control{flex-direction:row;white-space:nowrap;border:none;gap:0;background-color:var(--le-segmented-control-bg);border-radius:calc(var(--le-radius-md) + var(--le-segmented-control-padding));padding:var(--le-segmented-control-padding)}.le-segmented-control.overflow-auto{overflow:auto}.le-segmented-control.overflow-hidden{overflow:hidden}.le-segmented-control.overflow-visible{overflow:visible}.le-segmented-control.overflow-scroll{overflow:scroll}.le-segmented-control.full-width{display:flex;width:100%;width:calc(100% - var(--le-segmented-control-padding) * 2)}.le-segmented-control.disabled{opacity:0.5;pointer-events:none}.le-segmented-control:focus{outline:2px solid var(--le-color-focus);outline-offset:2px}.full-width .segment{flex:1}.segment:focus-visible{outline:2px solid var(--le-focus-ring-color, var(--le-color-primary));outline-offset:2px}.segment-active{color:var(--le-segmented-text-color-active, var(--le-text-primary))}.segment-disabled{opacity:0.5;cursor:not-allowed}`;const l=class{constructor(s){e(this,s);this.leChange=t(this,"leChange")}get el(){return s(this)}containerRef;options=[];value;size="medium";overflow="auto";fullWidth=false;disabled=false;segmentConfigs=[];focusedIndex=0;isDeclarativeMode=false;leChange;mutationObserver;tabsChanged(){if(!this.isDeclarativeMode){this.buildSegmentsConfigs()}}handleSlotChange(){this.buildSegmentsConfigs()}componentWillLoad(){this.buildSegmentsConfigs();if(this.value===undefined&&this.options.length>0){const e=this.options.find((e=>!e.disabled));if(e){this.value=this.getOptionValue(e)}}if(this.value!==undefined){const e=this.getOptionIndex(this.value);if(e>=0){this.focusedIndex=e}}}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.buildSegmentsConfigs()}));this.mutationObserver.observe(this.el,{attributes:true,childList:true,subtree:true})}disconnectedCallback(){this.mutationObserver?.disconnect()}async buildSegmentsConfigs(){const e=Array.from(this.el.querySelectorAll(":scope > le-tab"));if(e.length>0){this.isDeclarativeMode=true;const t=[];for(const s of e){const e=await s.getTabConfig();t.push({...e})}this.segmentConfigs=t}else if(this.options.length>0){this.isDeclarativeMode=false;this.segmentConfigs=this.options.map((e=>({label:e.label,value:e.value!==undefined?e.value:e.label,iconStart:e.iconStart,iconEnd:e.iconEnd,disabled:e.disabled??false})))}else{this.segmentConfigs=[]}if(this.value===undefined&&this.segmentConfigs.length>0){const e=this.segmentConfigs.find((e=>!e.disabled));if(e){this.value=e.value}}if(this.value!==undefined){const e=this.segmentConfigs.findIndex((e=>e.value===this.value));if(e>=0){this.focusedIndex=e}}}getOptionValue(e){return e.value!==undefined?e.value:e.label}getOptionIndex(e){return this.options.findIndex((t=>this.getOptionValue(t)===e))}selectOption(e){if(e.disabled||this.disabled)return;const t=this.getOptionValue(e);this.value=t;const s=this.segmentConfigs.findIndex((e=>e.value===t));if(s>=0){this.focusedIndex=s}this.leChange.emit({value:t,option:e})}handleClick=e=>{this.selectOption(e)};handleKeyDown=e=>{const{segmentConfigs:t}=this;let s=this.focusedIndex;switch(e.key){case"ArrowLeft":e.preventDefault();s=this.findNextEnabled(-1);break;case"ArrowRight":e.preventDefault();s=this.findNextEnabled(1);break;case"Home":e.preventDefault();s=this.findFirstEnabled();break;case"End":e.preventDefault();s=this.findLastEnabled();break;case"Enter":case" ":e.preventDefault();if(t[this.focusedIndex]){this.selectOption(t[this.focusedIndex])}return;default:return}if(s!==this.focusedIndex){this.focusedIndex=s;this.focusSegment(s);if(t[s]){this.selectOption(t[s])}}};findNextEnabled(e){const{segmentConfigs:t}=this;let s=this.focusedIndex;const i=t.length;for(let n=0;n<i;n++){s=(s+e+i)%i;if(!t[s].disabled){return s}}return this.focusedIndex}findFirstEnabled(){return this.segmentConfigs.findIndex((e=>!e.disabled))}findLastEnabled(){for(let e=this.segmentConfigs.length-1;e>=0;e--){if(!this.segmentConfigs[e].disabled)return e}return 0}focusSegment(e){const t=this.containerRef;const s=t?.querySelectorAll(".segment")[e];s?.focus()}render(){const{segmentConfigs:e,value:t,size:s,fullWidth:o,disabled:l}=this;const r={"le-segmented-control":true,[`size-${s}`]:true,[`overflow-${this.overflow}`]:true,"full-width":o,disabled:l};return i(n,{key:"559bbf293fcd9108dfc04025562cee8d87fe87ba",class:`overflow-${this.overflow}`},i("le-component",{key:"12cb853ddae94c506c5788882fb3336301e283c6",component:"le-segmented-control"},i("div",{key:"bedce1c124e8ab3daa089a74915afa8f6ed62f3d",class:r,ref:e=>this.containerRef=e,role:"radiogroup",part:"container",onKeyDown:this.handleKeyDown,tabIndex:0},e.map((e=>{const n=this.getOptionValue(e);const o=n===t;const r=e.disabled||l;return i("le-tab",{key:n,class:"segment",role:"radio",variant:"enclosed",selected:o,disabled:r,focusable:false,size:s,part:o?"segment segment-active":"segment","aria-checked":o?"true":"false","aria-disabled":r?"true":undefined,onClick:()=>this.handleClick(e),iconStart:e.iconStart,iconEnd:e.iconEnd},i("span",{class:"segment-label"},e.label))})))))}static get watchers(){return{options:["tabsChanged"]}}};l.style=o();export{l as le_segmented_control};
|
|
2
|
+
//# sourceMappingURL=p-a5e21c8e.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,d as t,c as a,h as n,F as i,H as o}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,d as t,c as a,h as n,F as i,H as o}from"./p-BqH-zsXr.js";import{c as r}from"./p-VG5nXRzT.js";const l=()=>`:host{display:inline-block;--le-tab-border-radius:var(--le-radius-md);--le-tab-padding-x:var(--le-spacing-4);--le-tab-padding-y:var(--le-spacing-2);--le-tab-padding:var(--le-tab-padding-y) var(--le-tab-padding-x);--le-tab-small-padding:0.25rem;--le-tab-font-size:var(--le-font-size-md);--le-tab-font-weight:var(--le-font-weight-medium);--le-tab-transition:var(--le-transition-fast);--le-transition-easing:ease-in-out;--le-tab-icon-aspect-ratio:1;--le-tab-icon-only-aspect-ratio:2.5;--le-tab-color:var(--le-color-text-primary);--le-selected-tab-color:var(--le-color-primary);--le-selected-icon-only-tab-background:color-mix(in srgb, var(--_tab-bg) 10%, transparent);--_tab-bg:var(--le-color-primary);--_tab-bg-hover:var(--le-color-primary-dark);--_tab-bg-system:var(--le-color-black);--_tab-color:var(--le-tab-color);--_tab-border-color:var(--le-color-primary)}:host([full-width]){display:block;width:100%}.le-tab-container{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--le-spacing-3);width:100%;padding:var(--le-tab-padding);color:var(--_tab-color);font-family:var(--le-font-family-base);font-size:var(--le-tab-font-size);font-weight:var(--le-tab-font-weight);line-height:var(--le-line-height-tight);text-decoration:none;cursor:pointer;transition:background-color var(--le-tab-transition) var(--le-transition-easing),\n border-color var(--le-tab-transition) var(--le-transition-easing),\n box-shadow var(--le-tab-transition) var(--le-transition-easing),\n transform var(--le-tab-transition) var(--le-transition-easing)}.le-tab-container:hover:not(:disabled){color:var(--le-selected-tab-color)}.le-tab-container:focus-visible{outline:none}.le-tab-container:disabled{opacity:0.5;cursor:not-allowed}.le-tab-label{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--le-spacing-2)}.le-tab-container.variant-underlined{background:transparent;border:2px solid transparent;border-radius:0}.le-tab-container.variant-underlined.position-start,.le-tab-container.variant-underlined.position-end{border-block-width:0}.le-tab-container.variant-underlined.position-start{padding-inline-start:0}.le-tab-container.variant-underlined.position-top,.le-tab-container.variant-underlined.position-bottom{border-inline-width:0}.le-tab-container.variant-underlined.position-start.selected{border-inline-end-color:var(--_tab-border-color)}.le-tab-container.variant-underlined.position-end.selected{border-inline-start-color:var(--_tab-border-color)}.le-tab-container.variant-underlined.position-top.selected{border-bottom-color:var(--_tab-border-color)}.le-tab-container.variant-underlined.position-bottom.selected{border-top-color:var(--_tab-border-color)}.le-tab-container.variant-solid{background:transparent;border-radius:var(--le-tab-border-radius);border:none}.le-tab-container.variant-solid.selected{background:var(--_tab-bg);color:var(--le-color-on-primary)}.le-tab-container.variant-pills{background:transparent;border-radius:var(--le-radius-full);border:none}.le-tab-container.variant-pills.selected{background:var(--_tab-bg);color:var(--le-color-on-primary)}.le-tab-container.variant-enclosed{padding-block:var(--le-spacing-1);background:transparent;border-radius:var(--le-tab-border-radius);border:none}.le-tab-container.variant-enclosed.selected{background:var(--_tab-bg);color:var(--le-color-on-primary)}.le-tab-container.variant-icon-only{border:none;padding:0;background:transparent;color:var(--_tab-color)}.le-tab-container.variant-icon-only .icon-only{flex-direction:column}.le-tab-container.variant-icon-only .icon{display:flex;align-items:center;justify-content:center;min-height:var(--le-font-size-3xl);aspect-ratio:var(--le-tab-icon-only-aspect-ratio);font-size:var(--le-font-size-2xl);border-radius:var(--le-radius-full)}.le-tab-container.variant-icon-only .icon-label{margin-top:var(--le-spacing-1);font-size:var(--le-font-size-2xs)}.le-tab-container.variant-icon-only.selected{color:var(--le-selected-tab-color)}.le-tab-container.variant-icon-only.selected .icon{background:var(--le-selected-icon-only-tab-background)}.le-tab-container.variant-icon-only.size-small{padding:var(--le-tab-small-padding, 0.25rem)}.le-tab-container.variant-icon-only .content{display:none}.le-tab-container.size-small{--le-tab-padding-x:0.4rem;--le-tab-padding-y:0.3rem;--le-tab-padding-top:0.35rem;--le-tab-font-size:var(--le-tab-small-font-size, var(--le-font-size-xs))}.le-tab-container.size-large{--le-tab-padding-x:0.9rem;--le-tab-padding-y:0.6rem;--le-tab-font-size:var(--le-font-size-xl)}.le-tab-container.full-width{display:block;width:100%}.le-tab-container.variant-underlined.selected,.le-tab-container.variant-clear.selected{color:var(--le-selected-tab-color)}:host>le-component.icon-only .le-tab-container{padding:0.5rem;padding-bottom:0.6rem;aspect-ratio:var(--le-tab-icon-aspect-ratio, 1)}.le-tab-container.icon-only.size-small{padding:var(--le-tab-small-padding, 0.25rem)}.le-tab-container.icon-only.size-large{padding:0.75rem}.le-tab-container.icon-only .content{display:none}.content{display:inline}.content:empty{display:none}.icon-start,.icon-only,.icon-end{display:flex;align-items:center;justify-content:center}.icon-start:empty,.icon-only:empty,.icon-end:empty{display:none}::slotted([slot="icon-start"]),::slotted([slot="icon-only"]),::slotted([slot="icon-end"]){display:flex;align-items:center;justify-content:center;width:1.125em;height:1.125em}.le-tab-align-start{justify-content:flex-start}.le-tab-align-center{justify-content:center}.le-tab-align-space-between{justify-content:space-between}.le-tab-align-end{justify-content:flex-end}`;const s=class{constructor(a){e(this,a);this.leClick=t(this,"click")}get el(){return a(this)}mode;label;value;variant="underlined";position="top";size="medium";focusable=true;selected=false;fullWidth=false;icon;showLabel=false;iconStart;iconEnd;disabled=false;href;target;align="center";async getTabConfig(){return{label:this.label,value:this.value??this.label,icon:this.icon,iconStart:this.iconStart,iconEnd:this.iconEnd,disabled:this.disabled}}leClick;handleClick=e=>{e.stopPropagation();if(this.disabled){e.preventDefault();return}this.leClick.emit(e)};render(){const e=r(`variant-${this.variant}`,`size-${this.size}`,`position-${this.position}`,{selected:this.selected,"full-width":this.fullWidth,"icon-only":this.icon!==undefined,disabled:this.disabled});const t=this.href?"a":"button";const a=this.href?{href:this.href,target:this.target,role:"button"}:{disabled:this.disabled};return n(o,{key:"7e073b5ca3bba044c2325571ca9aed94b0be66de"},n("le-component",{key:"b6c6952c9f8b48b5f4f7851d1216de160dd16c45",component:"le-tab"},n(t,{key:"e1c901c60e75ff9104420c28452964d090f67365",class:r("le-tab-container",`le-tab-align-${this.align}`,e),part:"button",...a,onClick:this.handleClick,tabIndex:this.focusable?0:-1},this.icon!==undefined?n("div",{class:"icon-only"},n("div",{class:"icon"},this.icon),this.showLabel&&n("span",{class:"icon-label"},this.label)):n(i,null,n("span",{class:"le-tab-label"},this.iconStart&&n("span",{class:"icon-start",part:"icon-start"},this.iconStart),n("le-slot",{name:"",description:"Tab text",type:"text",class:"content",part:"content"},n("slot",null,this.label))),this.iconEnd&&n("span",{class:"icon-end",part:"icon-end"},this.iconEnd)))))}};s.style=l();export{s as le_tab};
|
|
2
|
+
//# sourceMappingURL=p-b4dcb4df.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as r,H as a}from"./p-BqH-zsXr.js";const s=class{constructor(r){e(this,r)}render(){return r(a,{key:"53a4cd451e1b53a4be3b6b20c82e12f53a982a17","aria-hidden":"true",style:{display:"block",height:"var(--le-header-height, 64px)"}})}};export{s as le_header_placeholder};
|
|
2
|
+
//# sourceMappingURL=p-ccf4c548.entry.js.map
|
|
@@ -53,9 +53,9 @@ export declare class LeNavigation {
|
|
|
53
53
|
*/
|
|
54
54
|
minVisibleItemsForMore: number;
|
|
55
55
|
/**
|
|
56
|
-
* Alignment of the
|
|
56
|
+
* Alignment of the menu items within the navigation bar.
|
|
57
57
|
*/
|
|
58
|
-
|
|
58
|
+
align: 'start' | 'end' | 'center' | 'space-between';
|
|
59
59
|
/**
|
|
60
60
|
* Active url for automatic selection.
|
|
61
61
|
*/
|
|
@@ -737,16 +737,16 @@ export namespace Components {
|
|
|
737
737
|
* @default ''
|
|
738
738
|
*/
|
|
739
739
|
"activeUrl": string;
|
|
740
|
+
/**
|
|
741
|
+
* Alignment of the menu items within the navigation bar.
|
|
742
|
+
* @default 'start'
|
|
743
|
+
*/
|
|
744
|
+
"align": 'start' | 'end' | 'center' | 'space-between';
|
|
740
745
|
/**
|
|
741
746
|
* Text shown when no items match the filter.
|
|
742
747
|
* @default 'No results found'
|
|
743
748
|
*/
|
|
744
749
|
"emptyText": string;
|
|
745
|
-
/**
|
|
746
|
-
* Alignment of the hamburger trigger within the row.
|
|
747
|
-
* @default 'start'
|
|
748
|
-
*/
|
|
749
|
-
"hamburgerAlign": 'start' | 'end';
|
|
750
750
|
/**
|
|
751
751
|
* Navigation items. Can be passed as an array or JSON string (same pattern as le-select).
|
|
752
752
|
* @default []
|
|
@@ -3468,16 +3468,16 @@ declare namespace LocalJSX {
|
|
|
3468
3468
|
* @default ''
|
|
3469
3469
|
*/
|
|
3470
3470
|
"activeUrl"?: string;
|
|
3471
|
+
/**
|
|
3472
|
+
* Alignment of the menu items within the navigation bar.
|
|
3473
|
+
* @default 'start'
|
|
3474
|
+
*/
|
|
3475
|
+
"align"?: 'start' | 'end' | 'center' | 'space-between';
|
|
3471
3476
|
/**
|
|
3472
3477
|
* Text shown when no items match the filter.
|
|
3473
3478
|
* @default 'No results found'
|
|
3474
3479
|
*/
|
|
3475
3480
|
"emptyText"?: string;
|
|
3476
|
-
/**
|
|
3477
|
-
* Alignment of the hamburger trigger within the row.
|
|
3478
|
-
* @default 'start'
|
|
3479
|
-
*/
|
|
3480
|
-
"hamburgerAlign"?: 'start' | 'end';
|
|
3481
3481
|
/**
|
|
3482
3482
|
* Navigation items. Can be passed as an array or JSON string (same pattern as le-select).
|
|
3483
3483
|
* @default []
|
package/dist/types/index.d.ts
CHANGED
|
@@ -7,7 +7,8 @@
|
|
|
7
7
|
* @see README.md for usage instructions
|
|
8
8
|
*/
|
|
9
9
|
export { generateId, parseCommaSeparated, slotHasContent } from './utils/utils';
|
|
10
|
-
export {
|
|
10
|
+
export { setAssetPath } from './stencil-public-runtime';
|
|
11
|
+
export { getMode, setGlobalMode, getTheme, setGlobalTheme, configureLeKit, getLeKitConfig, } from './global/app';
|
|
11
12
|
export type { LeKitMode, LeKitTheme } from './global/app';
|
|
12
13
|
export { leAlert, leConfirm, lePrompt } from './components/le-popup/le-popup.api';
|
|
13
14
|
export type { PopupOptions } from './components/le-popup/le-popup.api';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "le-kit",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.4",
|
|
4
4
|
"description": "Themable web components library with CMS admin mode support",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
],
|
|
40
40
|
"scripts": {
|
|
41
41
|
"build": "npm run build:admin",
|
|
42
|
-
"build:admin": "stencil build &&
|
|
42
|
+
"build:admin": "stencil build && cem analyze --stencil",
|
|
43
43
|
"build:core": "node scripts/prepare-core.mjs && stencil build --config stencil.core.config.ts",
|
|
44
44
|
"start": "cem analyze --stencil && stencil build --dev --watch --serve",
|
|
45
45
|
"test": "stencil test --spec --e2e",
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Le-Kit Base Design Tokens
|
|
3
|
-
*
|
|
4
|
-
* Structural tokens that rarely change between themes:
|
|
5
|
-
* - Spacing scale
|
|
6
|
-
* - Typography (font families, sizes, weights, line heights)
|
|
7
|
-
* - Transitions
|
|
8
|
-
* - Z-index layers
|
|
9
|
-
*
|
|
10
|
-
* Import this file along with a theme file (default.css, dark.css, etc.)
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
:root {
|
|
14
|
-
-webkit-font-smoothing: antialiased;
|
|
15
|
-
-moz-osx-font-smoothing: grayscale;
|
|
16
|
-
|
|
17
|
-
/* ============================================
|
|
18
|
-
* SPACING SCALE
|
|
19
|
-
* ============================================ */
|
|
20
|
-
--le-spacing-0: 0;
|
|
21
|
-
--le-spacing-1: 0.25rem; /* 4px */
|
|
22
|
-
--le-spacing-2: 0.5rem; /* 8px */
|
|
23
|
-
--le-spacing-3: 0.75rem; /* 12px */
|
|
24
|
-
--le-spacing-4: 1rem; /* 16px */
|
|
25
|
-
--le-spacing-5: 1.25rem; /* 20px */
|
|
26
|
-
--le-spacing-6: 1.5rem; /* 24px */
|
|
27
|
-
--le-spacing-8: 2rem; /* 32px */
|
|
28
|
-
--le-spacing-10: 2.5rem; /* 40px */
|
|
29
|
-
--le-spacing-12: 3rem; /* 48px */
|
|
30
|
-
--le-spacing-16: 4rem; /* 64px */
|
|
31
|
-
|
|
32
|
-
/* ============================================
|
|
33
|
-
* TYPOGRAPHY
|
|
34
|
-
* ============================================ */
|
|
35
|
-
--le-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|
|
36
|
-
--le-font-family-mono: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
|
|
37
|
-
|
|
38
|
-
/* Font sizes */
|
|
39
|
-
--le-font-size-xs: 0.75rem; /* 12px */
|
|
40
|
-
--le-font-size-sm: 0.875rem; /* 14px */
|
|
41
|
-
--le-font-size-md: 1rem; /* 16px */
|
|
42
|
-
--le-font-size-lg: 1.125rem; /* 18px */
|
|
43
|
-
--le-font-size-xl: 1.25rem; /* 20px */
|
|
44
|
-
--le-font-size-2xl: 1.5rem; /* 24px */
|
|
45
|
-
--le-font-size-3xl: 1.875rem; /* 30px */
|
|
46
|
-
--le-font-size-4xl: 2.25rem; /* 36px */
|
|
47
|
-
|
|
48
|
-
/* Font weights */
|
|
49
|
-
--le-font-weight-normal: 400;
|
|
50
|
-
--le-font-weight-medium: 500;
|
|
51
|
-
--le-font-weight-semibold: 600;
|
|
52
|
-
--le-font-weight-bold: 700;
|
|
53
|
-
|
|
54
|
-
/* Line heights */
|
|
55
|
-
--le-line-height-tight: 1.25;
|
|
56
|
-
--le-line-height-normal: 1.5;
|
|
57
|
-
--le-line-height-relaxed: 1.75;
|
|
58
|
-
|
|
59
|
-
/* ============================================
|
|
60
|
-
* RADIUSES
|
|
61
|
-
* ============================================ */
|
|
62
|
-
--le-radius-none: 0;
|
|
63
|
-
--le-radius-xs: 0.066rem; /* 1px */
|
|
64
|
-
--le-radius-sm: 0.125rem; /* 2px */
|
|
65
|
-
--le-radius-md: 0.25rem; /* 4px */
|
|
66
|
-
--le-radius-lg: 0.5rem; /* 8px */
|
|
67
|
-
--le-radius-xl: 0.75rem; /* 12px */
|
|
68
|
-
--le-radius-2xl: 1rem; /* 16px */
|
|
69
|
-
--le-radius-full: 9999px;
|
|
70
|
-
|
|
71
|
-
/* ============================================
|
|
72
|
-
* TRANSITIONS
|
|
73
|
-
* ============================================ */
|
|
74
|
-
--le-transition-fast: 150ms ease;
|
|
75
|
-
--le-transition-normal: 250ms ease;
|
|
76
|
-
--le-transition-slow: 400ms ease;
|
|
77
|
-
--le-transition-bounce: 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
|
78
|
-
|
|
79
|
-
/* ============================================
|
|
80
|
-
* Z-INDEX LAYERS
|
|
81
|
-
* ============================================ */
|
|
82
|
-
--le-z-dropdown: 1000;
|
|
83
|
-
--le-z-sticky: 1020;
|
|
84
|
-
--le-z-fixed: 1030;
|
|
85
|
-
--le-z-modal-backdrop: 1040;
|
|
86
|
-
--le-z-modal: 1050;
|
|
87
|
-
--le-z-popover: 1060;
|
|
88
|
-
--le-z-tooltip: 1070;
|
|
89
|
-
}
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Le-Kit Dark Theme
|
|
3
|
-
*
|
|
4
|
-
* Dark mode with light text on dark backgrounds.
|
|
5
|
-
*
|
|
6
|
-
* Usage: set theme="dark" on any element, or import as your default.
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
[theme="dark"] {
|
|
10
|
-
/* Primary brand color - lighter for dark backgrounds */
|
|
11
|
-
--le-color-primary: #4da6ff;
|
|
12
|
-
--le-color-primary-light: #80c1ff;
|
|
13
|
-
--le-color-primary-dark: #0088ff;
|
|
14
|
-
--le-color-primary-contrast: #000000;
|
|
15
|
-
|
|
16
|
-
/* Secondary accent color */
|
|
17
|
-
--le-color-secondary: #868e96;
|
|
18
|
-
--le-color-secondary-light: #adb5bd;
|
|
19
|
-
--le-color-secondary-dark: #6c757d;
|
|
20
|
-
--le-color-secondary-contrast: #000000;
|
|
21
|
-
|
|
22
|
-
/* Semantic colors - adjusted for dark mode */
|
|
23
|
-
--le-color-success: #48c764;
|
|
24
|
-
--le-color-success-light: #6dd587;
|
|
25
|
-
--le-color-success-dark: #28a745;
|
|
26
|
-
--le-color-success-contrast: #000000;
|
|
27
|
-
|
|
28
|
-
--le-color-warning: #ffcd39;
|
|
29
|
-
--le-color-warning-light: #ffda6a;
|
|
30
|
-
--le-color-warning-dark: #ffc107;
|
|
31
|
-
--le-color-warning-contrast: #000000;
|
|
32
|
-
|
|
33
|
-
--le-color-danger: #e4606d;
|
|
34
|
-
--le-color-danger-light: #ea868f;
|
|
35
|
-
--le-color-danger-dark: #dc3545;
|
|
36
|
-
--le-color-danger-contrast: #000000;
|
|
37
|
-
|
|
38
|
-
--le-color-info: #3ab0c3;
|
|
39
|
-
--le-color-info-light: #6dc4d3;
|
|
40
|
-
--le-color-info-dark: #17a2b8;
|
|
41
|
-
--le-color-info-contrast: #000000;
|
|
42
|
-
|
|
43
|
-
/* Neutral colors - inverted */
|
|
44
|
-
--le-color-white: #ffffff;
|
|
45
|
-
--le-color-black: #000000;
|
|
46
|
-
--le-color-gray-50: #212121;
|
|
47
|
-
--le-color-gray-100: #424242;
|
|
48
|
-
--le-color-gray-200: #616161;
|
|
49
|
-
--le-color-gray-300: #757575;
|
|
50
|
-
--le-color-gray-400: #9e9e9e;
|
|
51
|
-
--le-color-gray-500: #bdbdbd;
|
|
52
|
-
--le-color-gray-600: #e0e0e0;
|
|
53
|
-
--le-color-gray-700: #eeeeee;
|
|
54
|
-
--le-color-gray-800: #f5f5f5;
|
|
55
|
-
--le-color-gray-900: #fafafa;
|
|
56
|
-
|
|
57
|
-
/* Background colors */
|
|
58
|
-
--le-color-background: #121212;
|
|
59
|
-
--le-color-background-secondary: #1e1e1e;
|
|
60
|
-
--le-color-background-tertiary: #2d2d2d;
|
|
61
|
-
|
|
62
|
-
/* Surface colors */
|
|
63
|
-
--le-color-surface: #1e1e1e;
|
|
64
|
-
--le-color-surface-elevated: #2d2d2d;
|
|
65
|
-
--le-color-surface-alt: #334155;
|
|
66
|
-
|
|
67
|
-
/* Text colors */
|
|
68
|
-
--le-color-text-primary: #ffffff;
|
|
69
|
-
--le-color-text-secondary: #b3b3b3;
|
|
70
|
-
--le-color-text-disabled: #666666;
|
|
71
|
-
--le-color-text-inverse: #121212;
|
|
72
|
-
|
|
73
|
-
/* Border colors */
|
|
74
|
-
--le-color-border: #333333;
|
|
75
|
-
--le-color-border-hover: #205e9b;
|
|
76
|
-
--le-color-border-light: #2d2d2d;
|
|
77
|
-
--le-color-border-dark: #444444;
|
|
78
|
-
|
|
79
|
-
/** Input borders */
|
|
80
|
-
--le-border-width: 2px;
|
|
81
|
-
--le-color-border-input: #515c6b;
|
|
82
|
-
|
|
83
|
-
/* Focus ring */
|
|
84
|
-
--le-color-focus: rgba(77, 166, 255, 0.15);
|
|
85
|
-
|
|
86
|
-
/* Border radius - same as default */
|
|
87
|
-
--le-radius-none: 0;
|
|
88
|
-
--le-radius-sm: 0.125rem;
|
|
89
|
-
--le-radius-md: 0.25rem;
|
|
90
|
-
--le-radius-lg: 0.5rem;
|
|
91
|
-
--le-radius-xl: 0.75rem;
|
|
92
|
-
--le-radius-2xl: 1rem;
|
|
93
|
-
--le-radius-full: 9999px;
|
|
94
|
-
|
|
95
|
-
/* Shadows - darker for dark mode */
|
|
96
|
-
--le-color-shadow: color-mix(in srgb, var(--le-color-primary) 90%, transparent);
|
|
97
|
-
--le-shadow-none: none;
|
|
98
|
-
--le-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
|
|
99
|
-
--le-shadow-md: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
|
|
100
|
-
--le-shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3);
|
|
101
|
-
--le-shadow-xl: 0 10px 15px rgba(0, 0, 0, 0.4), 0 4px 6px rgba(0, 0, 0, 0.3);
|
|
102
|
-
--le-shadow-2xl: 0 20px 25px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(0, 0, 0, 0.3);
|
|
103
|
-
}
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Le-Kit Default Theme
|
|
3
|
-
*
|
|
4
|
-
* Clean, professional light theme with blue primary color.
|
|
5
|
-
*
|
|
6
|
-
* Usage:
|
|
7
|
-
* 1. As default: import alongside base.css
|
|
8
|
-
* 2. For switching: set theme="default" on any element
|
|
9
|
-
*
|
|
10
|
-
* To create a custom theme:
|
|
11
|
-
* 1. Copy this file
|
|
12
|
-
* 2. Change selector to :root or [theme="your-theme"]
|
|
13
|
-
* 3. Modify the variables you need
|
|
14
|
-
*/
|
|
15
|
-
|
|
16
|
-
:root,
|
|
17
|
-
[theme="default"] {
|
|
18
|
-
/* Primary brand color */
|
|
19
|
-
--le-color-primary: #0088ff;
|
|
20
|
-
--le-color-primary-light: #4da6ff;
|
|
21
|
-
--le-color-primary-dark: #0066cc;
|
|
22
|
-
--le-color-primary-contrast: #ffffff;
|
|
23
|
-
|
|
24
|
-
/* Secondary accent color */
|
|
25
|
-
--le-color-secondary: #6c757d;
|
|
26
|
-
--le-color-secondary-light: #868e96;
|
|
27
|
-
--le-color-secondary-dark: #545b62;
|
|
28
|
-
--le-color-secondary-contrast: #ffffff;
|
|
29
|
-
|
|
30
|
-
/* Semantic colors */
|
|
31
|
-
--le-color-success: #28a745;
|
|
32
|
-
--le-color-success-light: #48c764;
|
|
33
|
-
--le-color-success-dark: #1e7e34;
|
|
34
|
-
--le-color-success-contrast: #ffffff;
|
|
35
|
-
|
|
36
|
-
--le-color-warning: #ffc107;
|
|
37
|
-
--le-color-warning-light: #ffcd39;
|
|
38
|
-
--le-color-warning-dark: #d39e00;
|
|
39
|
-
--le-color-warning-contrast: #212529;
|
|
40
|
-
|
|
41
|
-
--le-color-danger: #dc3545;
|
|
42
|
-
--le-color-danger-light: #e4606d;
|
|
43
|
-
--le-color-danger-dark: #bd2130;
|
|
44
|
-
--le-color-danger-contrast: #ffffff;
|
|
45
|
-
|
|
46
|
-
--le-color-info: #17a2b8;
|
|
47
|
-
--le-color-info-light: #3ab0c3;
|
|
48
|
-
--le-color-info-dark: #117a8b;
|
|
49
|
-
--le-color-info-contrast: #ffffff;
|
|
50
|
-
|
|
51
|
-
/* Neutral colors */
|
|
52
|
-
--le-color-white: #ffffff;
|
|
53
|
-
--le-color-black: #000000;
|
|
54
|
-
--le-color-gray-50: #fafafa;
|
|
55
|
-
--le-color-gray-100: #f5f5f5;
|
|
56
|
-
--le-color-gray-200: #eeeeee;
|
|
57
|
-
--le-color-gray-300: #e0e0e0;
|
|
58
|
-
--le-color-gray-400: #bdbdbd;
|
|
59
|
-
--le-color-gray-500: #9e9e9e;
|
|
60
|
-
--le-color-gray-600: #757575;
|
|
61
|
-
--le-color-gray-700: #616161;
|
|
62
|
-
--le-color-gray-800: #424242;
|
|
63
|
-
--le-color-gray-900: #212121;
|
|
64
|
-
|
|
65
|
-
/* Background colors */
|
|
66
|
-
--le-color-background: #ffffff;
|
|
67
|
-
--le-color-background-secondary: #f5f5f5;
|
|
68
|
-
--le-color-background-tertiary: #eeeeee;
|
|
69
|
-
|
|
70
|
-
/* Surface colors (cards, modals, etc.) */
|
|
71
|
-
--le-color-surface: #ffffff;
|
|
72
|
-
--le-color-surface-elevated: #ffffff;
|
|
73
|
-
--le-color-surface-alt: #e9ebed;
|
|
74
|
-
|
|
75
|
-
/* Text colors */
|
|
76
|
-
--le-color-text-primary: #212121;
|
|
77
|
-
--le-color-text-secondary: #757575;
|
|
78
|
-
--le-color-text-disabled: #9e9e9e;
|
|
79
|
-
--le-color-text-inverse: #ffffff;
|
|
80
|
-
|
|
81
|
-
/* Border colors */
|
|
82
|
-
--le-color-border: #e0e0e0;
|
|
83
|
-
--le-color-border-hover: #9dd1ff;
|
|
84
|
-
--le-color-border-light: #eeeeee;
|
|
85
|
-
--le-color-border-dark: #bdbdbd;
|
|
86
|
-
|
|
87
|
-
/** Input borders */
|
|
88
|
-
--le-border-width: 2px;
|
|
89
|
-
--le-color-border-input: #c4d6e6;
|
|
90
|
-
|
|
91
|
-
/* Focus ring */
|
|
92
|
-
--le-color-focus: rgba(0, 136, 255, 0.15);
|
|
93
|
-
|
|
94
|
-
/* Border radius */
|
|
95
|
-
--le-radius-none: 0;
|
|
96
|
-
--le-radius-sm: 0.125rem; /* 2px */
|
|
97
|
-
--le-radius-md: 0.25rem; /* 4px */
|
|
98
|
-
--le-radius-lg: 0.5rem; /* 8px */
|
|
99
|
-
--le-radius-xl: 0.75rem; /* 12px */
|
|
100
|
-
--le-radius-2xl: 1rem; /* 16px */
|
|
101
|
-
--le-radius-full: 9999px;
|
|
102
|
-
|
|
103
|
-
/* Shadows */
|
|
104
|
-
--le-color-shadow: color-mix(in srgb, var(--le-color-primary) 80%, transparent);
|
|
105
|
-
--le-shadow-none: none;
|
|
106
|
-
--le-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
107
|
-
--le-shadow-md: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
|
|
108
|
-
--le-shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
|
|
109
|
-
--le-shadow-xl: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
|
|
110
|
-
--le-shadow-2xl: 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);
|
|
111
|
-
}
|