le-kit 0.1.4 → 0.1.5

package/dist/collection/components/le-round-progress/le-round-progress.js

@@ -1,184 +0,0 @@
-import { h } from "@stencil/core";
-export class LeRoundProgress {
-    // host element
-    el;
-    // progress value coming from an attribute
-    value = 0;
-    updateValue(newValue) {
-        this.value = parseFloat(newValue);
-    }
-    // padding value coming from an attribute
-    padding = 0;
-    updatePadding(newValue) {
-        this.padding = parseFloat(newValue);
-        this.calcParams();
-    }
-    // the progress backgrounds can be as many as needed
-    // but it should be JSON format: double quotes and strict commas
-    paths;
-    updateProgressBackgrounds(newValue) {
-        this.progressPaths = JSON.parse(newValue);
-    }
-    progressPaths;
-    params;
-    /**
-     * Component lifecycles
-     *
-     * Before the component is loaded, we need to calculate and update params
-     * using the component size (width of the round progress)
-     * and progress width (max of )
-     */
-    componentWillLoad() {
-        if (typeof this.paths === 'string') {
-            this.updateProgressBackgrounds(this.paths);
-        }
-        this.calcParams();
-    }
-    calcParams() {
-        // get element width
-        const width = this.el.getBoundingClientRect().width;
-        const diameter = width - this.padding;
-        // calc circumference — we'll need it later to calc the stroke paths
-        const circumference = Math.PI * diameter;
-        this.params = { width, diameter, circumference };
-    }
-    /**
-     * Returns the viewPath attribute value for the SVG
-     * based on the width of the parent element
-     */
-    getViewBox() {
-        return '0 0 ' + this.params.width + ' ' + this.params.width;
-    }
-    /**
-     * Returns the circular path for the progress stroke
-     * and additional paths in the background
-     */
-    getPath() {
-        return ('M' +
-            this.params.width / 2 +
-            ' ' +
-            (this.params.width - this.params.diameter) / 2 +
-            ' a ' +
-            this.params.diameter / 2 +
-            ' ' +
-            this.params.diameter / 2 +
-            ' 0 0 1 0 ' +
-            this.params.diameter +
-            ' a ' +
-            this.params.diameter / 2 +
-            ' ' +
-            this.params.diameter / 2 +
-            ' 0 0 1 0 -' +
-            this.params.diameter);
-    }
-    getStrokeDashArray() {
-        return (this.value / 100) * this.params.circumference + ', ' + this.params.circumference;
-    }
-    getPaths() {
-        if (!this.progressPaths || !this.progressPaths.length) {
-            return null;
-        }
-        let paths = [];
-        this.progressPaths.forEach(bg => {
-            paths.push(h("path", { class: "round-progress--path", d: this.getPath(), stroke: bg.color, "stroke-width": bg.width, "stroke-dasharray": bg.dasharray, "stroke-linecap": bg.linecap }));
-        });
-        return (h("svg", { viewBox: this.getViewBox(), class: "round-progress" }, paths));
-    }
-    render() {
-        return (h("div", { key: '1ffc36704bee5d0822623ac4559ad2d4690095a4', class: "round-progress--container" }, this.getPaths(), h("svg", { key: '12e4dfe5fe2df0cb672d4c001459b8dcc8253591', viewBox: this.getViewBox(), class: "round-progress round-progress--progress" }, h("path", { key: 'd8ce69610687fb578ce2104bd3eccba24951dd96', class: "round-progress--circle", "stroke-dasharray": this.getStrokeDashArray(), d: this.getPath() })), h("slot", { key: '3976b08a7e838579d6af34a778a8756255d98e57' })));
-    }
-    static get is() { return "le-round-progress"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["le-round-progress.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["le-round-progress.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "value": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "value",
-                "defaultValue": "0"
-            },
-            "padding": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "padding",
-                "defaultValue": "0"
-            },
-            "paths": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "paths"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "params": {}
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "value",
-                "methodName": "updateValue"
-            }, {
-                "propName": "padding",
-                "methodName": "updatePadding"
-            }, {
-                "propName": "paths",
-                "methodName": "updateProgressBackgrounds"
-            }];
-    }
-}
-//# sourceMappingURL=le-round-progress.js.map

package/dist/collection/components/le-round-progress/le-round-progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"le-round-progress.js","sourceRoot":"","sources":["../../../src/components/le-round-progress/le-round-progress.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'le-round-progress',\n  styleUrl: 'le-round-progress.css',\n  shadow: true,\n})\nexport class LeRoundProgress {\n  // host element\n  @Element() el: HTMLElement;\n\n  // progress value coming from an attribute\n  @Prop() value: number = 0;\n  @Watch('value')\n  updateValue(newValue: string) {\n    this.value = parseFloat(newValue);\n  }\n\n  // padding value coming from an attribute\n  @Prop() padding: number = 0;\n  @Watch('padding')\n  updatePadding(newValue: string) {\n    this.padding = parseFloat(newValue);\n    this.calcParams();\n  }\n\n  // the progress backgrounds can be as many as needed\n  // but it should be JSON format: double quotes and strict commas\n  @Prop() paths: string;\n  @Watch('paths')\n  updateProgressBackgrounds(newValue: string) {\n    this.progressPaths = JSON.parse(newValue);\n  }\n  progressPaths: any[];\n\n  @State() params: {\n    width: number;\n    diameter: number;\n    circumference: number;\n  };\n\n  /**\n   * Component lifecycles\n   *\n   * Before the component is loaded, we need to calculate and update params\n   * using the component size (width of the round progress)\n   * and progress width (max of )\n   */\n  componentWillLoad() {\n    if (typeof this.paths === 'string') {\n      this.updateProgressBackgrounds(this.paths);\n    }\n    this.calcParams();\n  }\n\n  calcParams() {\n    // get element width\n    const width = this.el.getBoundingClientRect().width;\n    const diameter = width - this.padding;\n    // calc circumference — we'll need it later to calc the stroke paths\n    const circumference = Math.PI * diameter;\n\n    this.params = { width, diameter, circumference };\n  }\n\n  /**\n   * Returns the viewPath attribute value for the SVG\n   * based on the width of the parent element\n   */\n  getViewBox() {\n    return '0 0 ' + this.params.width + ' ' + this.params.width;\n  }\n\n  /**\n   * Returns the circular path for the progress stroke\n   * and additional paths in the background\n   */\n  getPath() {\n    return (\n      'M' +\n      this.params.width / 2 +\n      ' ' +\n      (this.params.width - this.params.diameter) / 2 +\n      ' a ' +\n      this.params.diameter / 2 +\n      ' ' +\n      this.params.diameter / 2 +\n      ' 0 0 1 0 ' +\n      this.params.diameter +\n      ' a ' +\n      this.params.diameter / 2 +\n      ' ' +\n      this.params.diameter / 2 +\n      ' 0 0 1 0 -' +\n      this.params.diameter\n    );\n  }\n\n  getStrokeDashArray() {\n    return (this.value / 100) * this.params.circumference + ', ' + this.params.circumference;\n  }\n\n  getPaths() {\n    if (!this.progressPaths || !this.progressPaths.length) {\n      return null;\n    }\n    let paths = [];\n    this.progressPaths.forEach(bg => {\n      paths.push(<path class=\"round-progress--path\" d={this.getPath()} stroke={bg.color} stroke-width={bg.width} stroke-dasharray={bg.dasharray} stroke-linecap={bg.linecap} />);\n    });\n    return (\n      <svg viewBox={this.getViewBox()} class=\"round-progress\">\n        {paths}\n      </svg>\n    );\n  }\n\n  render() {\n    return (\n      <div class=\"round-progress--container\">\n        {this.getPaths()}\n        <svg viewBox={this.getViewBox()} class=\"round-progress round-progress--progress\">\n          <path class=\"round-progress--circle\" stroke-dasharray={this.getStrokeDashArray()} d={this.getPath()} />\n        </svg>\n        <slot />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/le-slot/le-slot.default.css

@@ -1,222 +0,0 @@
-/**
- * Styles for le-slot component
- * Uses :host(.admin-mode) to toggle between default and admin styles
- */
-
-/* ============================================
-   DEFAULT MODE - Invisible passthrough
-   ============================================ */
-:host {
-  display: contents;
-  --le-slot-border-color: #0088ff;
-  --le-slot-bg-color: rgba(0, 136, 255, 0.05);
-  --le-slot-header-bg: rgb(218, 238, 255);
-  --le-slot-label-color: #0066cc;
-  --le-slot-description-color: #666;
-  --le-slot-required-color: #e53935;
-  --le-slot-dropzone-min-height: 20px;
-  --le-slot-dropzone-border-color: #ccc;
-}
-
-.le-slot-container,
-.le-slot-header,
-.le-slot-description,
-.le-slot-dropzone,
-.le-slot-input {
-  display: none;
-}
-
-/* Hidden slot wrapper - keeps slot in DOM but invisible */
-.hidden-slot {
-  display: none;
-}
-
-/* ============================================
-   ADMIN MODE - Visible placeholder UI
-   ============================================ */
-:host(.admin-mode) {
-  display: block;
-  flex: 1;
-}
-
-:host(.admin-mode) .le-slot-container {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  border: 2px dashed var(--le-slot-border-color);
-  border-radius: 4px;
-  background: var(--le-slot-bg-color);
-  margin: 4px 0;
-}
-
-:host(.admin-mode) .le-slot-header {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 0 0 0 var(--le-spacing-1, 4px);
-  background: var(--le-slot-header-bg);
-  border-bottom: 1px solid var(--le-slot-border-color);
-  font-size: var(--le-font-size-xs, 11px);
-  font-weight: 400;
-  text-transform: capitalize;
-}
-:host(.admin-mode) .le-slot-header-no-label {
-  justify-content: flex-end;
-  height: 16px;
-  border: none;
-  background-color: transparent;
-}
-
-.le-slot-label {
-  color: var(--le-slot-label-color);
-  text-align: start;
-  overflow: hidden;
-  width: 0;
-  flex: 1 1 0%;
-}
-
-.le-slot-required {
-  color: var(--le-slot-required-color);
-  font-weight: bold;
-}
-
-:host(.admin-mode) .le-slot-description {
-  display: block;
-  padding: 4px 8px;
-  font-size: 12px;
-  color: var(--le-slot-description-color);
-  font-style: italic;
-}
-:host(.admin-mode) .le-slot-description-icon {
-  display: inline-block;
-  font-size: 9px;
-  line-height: 1;
-  cursor: pointer;
-  color: var(--le-slot-description-color);
-}
-
-:host(.admin-mode) .le-slot-dropzone {
-  display: block;
-  min-height: var(--le-slot-dropzone-min-height);
-  padding: var(--le-spacing-1, 4px);
-  position: relative;
-}
-
-:host(.admin-mode) .le-slot-dropzone:empty::before {
-  content: 'Drop content here';
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  inset: 8px;
-  border: 2px dashed var(--le-slot-dropzone-border-color);
-  border-radius: 4px;
-  color: #999;
-  font-size: 12px;
-  pointer-events: none;
-}
-
-/* Highlight when dragging over */
-:host(.admin-mode.drag-over) .le-slot-container {
-  border-color: #00cc66;
-  background: rgba(0, 204, 102, 0.1);
-}
-
-:host(.admin-mode.drag-over) .le-slot-dropzone:empty::before {
-  border-color: #00cc66;
-  color: #00cc66;
-  content: 'Release to drop';
-}
-
-/* ============================================
-   TEXT INPUT STYLES (Admin mode)
-   ============================================ */
-:host(.admin-mode) .le-slot-input {
-  display: block;
-  padding: var(--le-spacing-1, 4px);
-}
-
-:host(.admin-mode) .le-slot-input input,
-:host(.admin-mode) .le-slot-input textarea {
-  display: block;
-  width: 100%;
-  padding: 8px 10px;
-  border: 1px solid var(--le-slot-dropzone-border-color);
-  border-radius: 4px;
-  font-family: inherit;
-  font-size: 14px;
-  line-height: 1.4;
-  background: #fff;
-  color: #333;
-  box-sizing: border-box;
-  transition: border-color 0.2s, box-shadow 0.2s;
-}
-
-:host(.admin-mode) .le-slot-input input:focus,
-:host(.admin-mode) .le-slot-input textarea:focus {
-  outline: none;
-  border-color: var(--le-slot-border-color);
-  box-shadow: 0 0 0 3px rgba(0, 136, 255, 0.15);
-}
-
-:host(.admin-mode) .le-slot-input input::placeholder,
-:host(.admin-mode) .le-slot-input textarea::placeholder {
-  color: #999;
-}
-
-:host(.admin-mode) .le-slot-input textarea {
-  resize: vertical;
-  min-height: 60px;
-}
-
-/* Hide the slot content in text/textarea mode - it's just for default value */
-:host(.admin-mode) .le-slot-input slot {
-  display: none;
-}
-
-/* ============================================
-   INVALID HTML STATE
-   ============================================ */
-.le-slot-invalid {
-  color: var(--le-slot-required-color);
-  font-size: 10px;
-  margin-left: auto;
-  font-weight: normal;
-  text-transform: none;
-}
-
-:host(.admin-mode) .le-slot-input.has-error input,
-:host(.admin-mode) .le-slot-input.has-error textarea {
-  border-color: var(--le-slot-required-color);
-  background: rgba(229, 57, 53, 0.05);
-}
-
-:host(.admin-mode) .le-slot-input.has-error input:focus,
-:host(.admin-mode) .le-slot-input.has-error textarea:focus {
-  border-color: var(--le-slot-required-color);
-  box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.15);
-}
-
-
-/* ========================================
-   Component Picker (Add Button & Popover)
-   ======================================== */
-.le-slot-add-btn {
-  font-size: 24px;
-  line-height: 0px;
-  width: 12px;
-  height: 12px;
-}
-
-.le-slot-header-no-label .le-slot-add-btn {
-  font-size: 16px;
-}
-
-.le-slot-button {
-  width: 20px;
-  height: 20px;
-}
-
-:host(.admin-mode) .le-slot-header-no-label.le-slot-header-text {
-  height: 0;
-}

package/dist/collection/components/le-slot/le-slot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"le-slot.js","sourceRoot":"","sources":["../../../src/components/le-slot/le-slot.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Host, Element, Event, EventEmitter } from '@stencil/core';\nimport { classnames, observeModeChanges } from '../../utils/utils';\n\n/**\n * Slot placeholder component for admin/CMS mode.\n *\n * This component renders a visual placeholder for slots when in admin mode,\n * allowing CMS systems to show available drop zones for content or inline editing.\n *\n * In non-admin mode, this component renders nothing and acts as a passthrough.\n *\n * @slot - Default slot for placeholder content or drop zone UI\n *\n * @cmsInternal true\n * @cmsCategory System\n */\n@Component({\n  tag: 'le-slot',\n  styleUrl: 'le-slot.default.css',\n  shadow: true,\n})\nexport class LeSlot {\n  @Element() el: HTMLElement;\n\n  /**\n   * The type of slot content.\n   * - `slot`: Default, shows a dropzone for components (default)\n   * - `text`: Shows a single-line text input\n   * - `textarea`: Shows a multi-line text area\n   */\n  @Prop() type: 'slot' | 'text' | 'textarea' = 'slot';\n\n  /**\n   * The name of the slot this placeholder represents.\n   * Should match the slot name in the parent component.\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Label to display in admin mode.\n   * If not provided, the slot name will be used.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Description of what content this slot accepts.\n   * Shown in admin mode to guide content editors.\n   */\n  @Prop() description?: string;\n\n  /**\n   * Comma-separated list of allowed component tags for this slot.\n   * Used by CMS to filter available components.\n   *\n   * @example \"le-card,le-button,le-text\"\n   */\n  @Prop() allowedComponents?: string;\n\n  /**\n   * Whether multiple components can be dropped in this slot.\n   */\n  @Prop() multiple: boolean = true;\n\n  /**\n   * Whether this slot is required to have content.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Placeholder text for text/textarea inputs in admin mode.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * The HTML tag to create when there's no slotted element.\n   * Used with type=\"text\" or type=\"textarea\" to auto-create elements.\n   * \n   * @example \"h3\" - creates <h3 slot=\"header\">content</h3>\n   * @example \"p\" - creates <p slot=\"content\">content</p>\n   */\n  @Prop() tag?: string;\n\n  /**\n   * CSS styles for the slot dropzone container.\n   * Useful for layouts - e.g., \"flex-direction: row\" for horizontal stacks.\n   * Only applies in admin mode for type=\"slot\".\n   */\n  @Prop() slotStyle?: string;\n\n  /**\n   * Internal state to track admin mode\n   */\n  @State() private adminMode: boolean = false;\n\n  /**\n   * Internal state for text input value (synced from slot content)\n   */\n  @State() private textValue: string = '';\n\n  /**\n   * Whether the current textValue contains valid HTML\n   */\n  @State() private isValidHtml: boolean = true;\n\n  /**\n   * Available components loaded from Custom Elements Manifest\n   */\n  @State() private availableComponents: ComponentInfo[] = [];\n\n  /**\n   * Whether the component picker popover is open\n   */\n  @State() private pickerOpen: boolean = false;\n\n  /**\n   * Reference to the slot element to access assignedNodes\n   */\n  private slotRef?: HTMLSlotElement;\n\n  /**\n   * The original slotted element (e.g., <h3 slot=\"header\">)\n   */\n  private slottedElement?: Element;\n\n  /**\n   * Emitted when text content changes in admin mode.\n   * The event detail contains the new text value and validity.\n   */\n  @Event() leSlotChange: EventEmitter<{ name: string; value: string; isValid: boolean }>;\n\n  private disconnectModeObserver?: () => void;\n\n  connectedCallback() {\n    this.disconnectModeObserver = observeModeChanges(this.el, (mode) => {\n      const wasAdmin = this.adminMode;\n      this.adminMode = mode === 'admin';\n      \n      // When entering admin mode, read content from slotted elements\n      if (this.adminMode && !wasAdmin) {\n        // Need to wait for render to access slot ref\n        requestAnimationFrame(() => this.readSlottedContent());\n        \n        // Load available components for the component picker\n        if (this.type === 'slot') {\n          this.loadAvailableComponents();\n        }\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    this.disconnectModeObserver?.();\n  }\n\n  /**\n   * Flag to prevent re-reading content right after we updated it\n   */\n  private isUpdating: boolean = false;\n\n  /**\n   * Read content from slotted elements via assignedNodes()\n   */\n  private readSlottedContent() {\n    if (!this.slotRef) return;\n    \n    // Skip if we just updated the content ourselves\n    if (this.isUpdating) {\n      this.isUpdating = false;\n      return;\n    }\n\n    const assignedNodes = this.slotRef.assignedNodes({ flatten: true });\n    \n    // For text/textarea types, we want to edit the innerHTML of slotted elements\n    if (this.type === 'text' || this.type === 'textarea') {\n      // Find the first element node (skip text nodes that are just whitespace)\n      const elementNode = assignedNodes.find(\n        node => node.nodeType === Node.ELEMENT_NODE\n      ) as Element | undefined;\n\n      if (elementNode) {\n        // Only update textValue if slotted element changed or we don't have one yet\n        if (this.slottedElement !== elementNode) {\n          this.slottedElement = elementNode;\n          this.textValue = elementNode.innerHTML?.trim() || '';\n          // console.log(`[le-slot \"${this.name}\"] Read slotted content:`, this.textValue);\n        }\n      } else {\n        // No element, check for direct text content\n        const textContent = assignedNodes\n          .filter(node => node.nodeType === Node.TEXT_NODE)\n          .map(node => node.textContent)\n          .join('')\n          .trim();\n        \n        if (textContent && !this.textValue) {\n          this.textValue = textContent;\n          // console.log(`[le-slot \"${this.name}\"] Read text content:`, this.textValue);\n        }\n      }\n    }\n  }\n\n  /**\n   * Validates if a string contains valid HTML\n   */\n  private validateHtml(html: string): boolean {\n    // Empty string is valid\n    if (!html.trim()) return true;\n    \n    // Create a template element to parse the HTML\n    const template = document.createElement('template');\n    template.innerHTML = html;\n    \n    // Check that we don't have obviously broken HTML\n    // Count opening and closing tags for common elements\n    const openTags = (html.match(/<[a-z][^>]*(?<!\\/)>/gi) || []).length;\n    const closeTags = (html.match(/<\\/[a-z][^>]*>/gi) || []).length;\n    const selfClosing = (html.match(/<[a-z][^>]*\\/>/gi) || []).length;\n    \n    // Simple validation: opening tags (minus self-closing) should roughly match closing tags\n    // Allow some tolerance for void elements like <br>, <img>, etc.\n    const voidElements = (html.match(/<(br|hr|img|input|meta|link|area|base|col|embed|param|source|track|wbr)[^>]*>/gi) || []).length;\n    \n    const effectiveOpenTags = openTags - selfClosing - voidElements;\n    \n    // If difference is too large, HTML is likely broken\n    if (Math.abs(effectiveOpenTags - closeTags) > 1) {\n      return false;\n    }\n    \n    return true;\n  }\n\n  private handleTextInput = (event: Event) => {\n    const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n    this.textValue = target.value;\n    this.isValidHtml = this.validateHtml(this.textValue);\n\n    if (this.isValidHtml) {\n      // Set flag to prevent slotchange from re-reading what we just wrote\n      this.isUpdating = true;\n\n      console.log('Updating text value:', this.textValue, 'slottedElement:', this.slottedElement);\n\n      if (this.slottedElement) {\n        // Update existing slotted element's innerHTML\n        this.slottedElement.innerHTML = this.textValue;\n      } else if (this.tag && this.textValue) {\n        // No slotted element exists\n        // If the slot doesn't have a name, then it's the default slot\n        // remove the existing non-slotted content (text nodes and elements without slot attribute)\n        const rootNode = this.el.getRootNode();\n        if (!this.name && rootNode instanceof ShadowRoot) {\n          const hostComponent = rootNode.host;\n          Array.from(hostComponent.childNodes).forEach(node => {\n            if (node.nodeType === Node.TEXT_NODE || \n               (node.nodeType === Node.ELEMENT_NODE && !(node as Element).hasAttribute('slot'))) {\n              node.remove();\n            }\n          });\n        }\n        // create one using the specified tag\n        this.createSlottedElement();\n      } else if (this.textValue) {\n        // no tag specified - just replace everything in the host component\n        const rootNode = this.el.getRootNode();\n        if (rootNode instanceof ShadowRoot) {\n          const hostComponent = rootNode.host;\n          hostComponent.innerHTML = this.textValue;\n        }\n      }\n    }\n    \n    this.leSlotChange.emit({ \n      name: this.name, \n      value: this.textValue,\n      isValid: this.isValidHtml \n    });\n  };\n\n  /**\n   * Create a new slotted element when none exists.\n   * The element is appended to the host component's light DOM.\n   */\n  private createSlottedElement() {\n    if (!this.tag) return;\n    \n    // Find the host component (le-card, etc.) by traversing up through shadow DOM\n    // le-slot is inside le-card's shadow DOM, so we need to find le-card's host\n    const rootNode = this.el.getRootNode();\n    if (!(rootNode instanceof ShadowRoot)) return;\n    \n    const hostComponent = rootNode.host;\n    if (!hostComponent) return;\n    \n    // Create the new element\n    const newElement = document.createElement(this.tag);\n    newElement.innerHTML = this.textValue;\n    \n    // Set the slot attribute if this is a named slot\n    if (this.name) {\n      newElement.setAttribute('slot', this.name);\n    }\n    \n    // Append to the host component's light DOM\n    hostComponent.appendChild(newElement);\n    \n    // Store reference to the new element\n    this.slottedElement = newElement;\n    \n    // console.log(`[le-slot \"${this.name}\"] Created new <${this.tag}> element`);\n  }\n\n  /**\n   * Load available components from Custom Elements Manifest\n   */\n  private async loadAvailableComponents() {\n    try {\n      const response = await fetch('/custom-elements.json');\n      const manifest = await response.json();\n      \n      const components: ComponentInfo[] = [];\n      const allowedList = this.allowedComponents?.split(',').map(s => s.trim()) || [];\n      \n      for (const module of manifest.modules) {\n        for (const declaration of module.declarations || []) {\n          if (declaration.tagName && declaration.customElement) {\n            // Skip internal components (le-slot, le-component, le-popover)\n            const isInternal = ['le-slot', 'le-component', 'le-popover'].includes(declaration.tagName);\n            if (isInternal) continue;\n            \n            // If allowedComponents is specified, filter by it\n            if (allowedList.length > 0 && !allowedList.includes(declaration.tagName)) {\n              continue;\n            }\n            \n            components.push({\n              tagName: declaration.tagName,\n              name: this.formatComponentName(declaration.tagName),\n              description: declaration.description || '',\n            });\n          }\n        }\n      }\n      \n      this.availableComponents = components;\n    } catch (error) {\n      console.warn('[le-slot] Failed to load component manifest:', error);\n    }\n  }\n\n  /**\n   * Format a tag name into a display name\n   * e.g., 'le-card' -> 'Card'\n   */\n  private formatComponentName(tagName: string): string {\n    return tagName\n      .replace(/^le-/, '')\n      .split('-')\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n      .join(' ');\n  }\n\n  /**\n   * Add a new component to the slot\n   */\n  private addComponent(tagName: string) {\n    // Find the host component by traversing up through shadow DOM\n    const rootNode = this.el.getRootNode();\n    if (!(rootNode instanceof ShadowRoot)) return;\n    \n    const hostComponent = rootNode.host;\n    if (!hostComponent) return;\n    \n    // Create the new component element\n    const newElement = document.createElement(tagName);\n    \n    // Set the slot attribute if this is a named slot\n    if (this.name) {\n      newElement.setAttribute('slot', this.name);\n    }\n    \n    // Append to the host component's light DOM\n    hostComponent.appendChild(newElement);\n    \n    // Emit change event so the page can save\n    this.leSlotChange.emit({\n      name: this.name,\n      value: hostComponent.innerHTML,\n      isValid: true,\n    });\n  }\n\n  /**\n   * Handle slot change event to re-read content when nodes are assigned\n   */\n  private handleSlotChange = () => {\n    this.readSlottedContent();\n  };\n\n  render() {\n    const displayLabel = this.label || this.name;\n\n    // Always render the same structure, CSS handles visibility via .admin-mode class\n    return (\n      <Host\n        class={{ \n          'admin-mode': this.adminMode,\n          'invalid-html': !this.isValidHtml \n        }}\n        role={this.adminMode ? 'region' : undefined}\n        aria-label={this.adminMode ? `Slot: ${displayLabel}` : undefined}\n        data-slot-name={this.name}\n        data-slot-type={this.type}\n        data-allowed={this.allowedComponents}\n        data-multiple={this.multiple}\n        data-required={this.required}\n      >\n        {this.adminMode ? (\n          <div class=\"le-slot-container\">\n            <div class={classnames('le-slot-header', {\n              'le-slot-header-no-label': !displayLabel,\n              'le-slot-header-text': this.type === 'text',\n              'le-slot-header-error': !this.isValidHtml\n            })}>\n              {displayLabel && (\n                <span class=\"le-slot-label\">\n                  {displayLabel}\n                  {this.required && <span class=\"le-slot-required\">*</span>}\n                </span>\n              )}\n              {/* {this.description && <le-popover mode=\"default\" showClose={false} align=\"end\" position=\"bottom\">\n                <span slot=\"trigger\" class=\"le-slot-description-icon\">ℹ️</span>\n                {this.description}\n              </le-popover>} */}\n              {!this.isValidHtml && <span class=\"le-slot-invalid\">⚠ Invalid HTML</span>}\n              {this.type === 'slot' && this.adminMode && (\n                <le-popover \n                  mode=\"default\"\n                  showClose={true}\n                  align=\"start\"\n                  position=\"right\"\n                  popoverTitle=\"Add Component\"\n                  open={this.pickerOpen}\n                  onLePopoverOpen={() => this.pickerOpen = true}\n                  onLePopoverClose={() => this.pickerOpen = false}\n                >\n                  <le-button\n                    type=\"button\"\n                    class=\"le-slot-button\"\n                    slot=\"trigger\"\n                    variant=\"clear\"\n                    size=\"small\"\n                    aria-label=\"Add component\"\n                    icon-only\n                  >\n                    <span class=\"le-slot-add-btn\" slot=\"icon-only\">+</span>\n                  </le-button>\n                  <div class=\"le-slot-picker\">\n                    {this.availableComponents.length > 0 ? (\n                      <ul class=\"le-slot-picker-list\">\n                        {this.availableComponents.map(component => (\n                          <li key={component.tagName}>\n                            <button\n                              class=\"le-slot-picker-item\"\n                              onClick={() => {\n                                this.addComponent(component.tagName);\n                                this.pickerOpen = false;\n                              }}\n                            >\n                              <span class=\"le-slot-picker-name\">{component.name}</span>\n                              {component.description && (\n                                <span class=\"le-slot-picker-desc\">{component.description}</span>\n                              )}\n                            </button>\n                          </li>\n                        ))}\n                      </ul>\n                    ) : (\n                      <div class=\"le-slot-picker-empty\">No components available</div>\n                    )}\n                  </div>\n                </le-popover>\n              )}\n            </div>\n            {this.renderContent()}\n          </div>\n        ) : (\n          // In default mode, just pass through the slot - slotted content renders naturally\n          // Note: We use unnamed slot here because named slots from parent component\n          // are passed as le-slot's light DOM children\n          <slot \n            // ref={(el) => this.slotRef = el as HTMLSlotElement}\n            // onSlotchange={this.handleSlotChange}\n          ></slot>\n        )}\n      </Host>\n    );\n  }\n\n  private renderContent() {\n    // Create the slot element with ref for reading assignedNodes\n    // Wrap in a hidden div since slot elements can't have style prop in Stencil\n    // Note: We use unnamed slot here because named slots from parent component\n    // are passed as le-slot's light DOM children\n    const slotElement = (\n      <div class=\"hidden-slot\">\n        <slot \n          ref={(el) => this.slotRef = el as HTMLSlotElement}\n          onSlotchange={this.handleSlotChange}\n        ></slot>\n      </div>\n    );\n\n    switch (this.type) {\n      case 'text':\n        return (\n          <div class={{ 'le-slot-input': true, 'has-error': !this.isValidHtml }}>\n            <le-string-input\n              mode=\"default\"\n              value={this.textValue}\n              placeholder={this.placeholder || `Enter ${this.label || this.name || 'text'}...`}\n              onChange={this.handleTextInput}\n              // required={this.required}\n            ></le-string-input>\n            {slotElement}\n          </div>\n        );\n\n      case 'textarea':\n        return (\n          <div class={{ 'le-slot-input': true, 'has-error': !this.isValidHtml }}>\n            <textarea\n              value={this.textValue}\n              placeholder={this.placeholder || `Enter ${this.label || this.name || 'text'}...`}\n              onInput={this.handleTextInput}\n              required={this.required}\n              rows={3}\n            ></textarea>\n            {slotElement}\n          </div>\n        );\n\n      case 'slot':\n      default:\n        // Parse slotStyle string into style object if provided\n        const dropzoneStyle: { [key: string]: string } = {};\n        if (this.slotStyle) {\n          this.slotStyle.split(';').forEach(rule => {\n            const [prop, value] = rule.split(':').map(s => s.trim());\n            if (prop && value) {\n              // Convert kebab-case to camelCase for style object\n              const camelProp = prop.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());\n              dropzoneStyle[camelProp] = value;\n            }\n          });\n        }\n        return (\n          <div class=\"le-slot-dropzone\" style={dropzoneStyle}>\n            <slot \n              ref={(el) => this.slotRef = el as HTMLSlotElement}\n              onSlotchange={this.handleSlotChange}\n            ></slot>\n          </div>\n        );\n    }\n  }\n}\n\n/**\n * Component info from the manifest\n */\ninterface ComponentInfo {\n  tagName: string;\n  name: string;\n  description: string;\n}\n"]}

package/dist/collection/components/le-stack/le-stack.default.css

@@ -1,37 +0,0 @@
-/**
- * le-stack default styles
- *
- * The component uses inline styles for flex properties to allow
- * dynamic prop-based configuration. This CSS handles theming.
- */
-
-:host {
-  display: block;
-}
-
-:host([hidden]) {
-  display: none;
-}
-
-/* Base stack container */
-.stack {
-  gap: var(--le-stack-gap, var(--le-space-md));
-}
-
-/* Full width/height variants */
-:host(.full-width) {
-  width: 100%;
-}
-
-:host(.full-height) {
-  height: 100%;
-}
-
-/* Direction-specific defaults */
-:host(.direction-horizontal) .stack {
-  min-height: 0;
-}
-
-:host(.direction-vertical) .stack {
-  min-width: 0;
-}