@elementar-rt/components 0.6.58 → 0.7.1

package/fesm2022/elementar-rt-components-tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-tooltip.mjs","sources":["../../../projects/components/tooltip/src/tooltip.component.ts","../../../projects/components/tooltip/src/tooltip.directive.ts","../../../projects/components/tooltip/elementar-rt-components-tooltip.ts"],"sourcesContent":["import { Component, input, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TooltipPlacement } from './tooltip.directive';\n\n@Component({\n  selector: 'emr-tooltip-content',\n  imports: [NgTemplateOutlet],\n  template: `\n    <div class=\"tooltip-inner\" [attr.data-placement]=\"placement()\">\n      @if (templateRef()) {\n        <ng-container [ngTemplateOutlet]=\"templateRef()!\"/>\n      } @else {\n        {{ text() }}\n      }\n    </div>\n  `,\n  styles: [`\n    @reference 'tailwindcss';\n    .tooltip-inner {\n      --emr-tooltip-bg: var(--color-inverse-surface);\n      --emr-tooltip-color: var(--color-inverse-on-surface);\n      background: var(--emr-tooltip-bg);\n      color: var(--emr-tooltip-color);\n      padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2.5);\n      border-radius: theme(--radius-lg);\n      font-size: var(--text-xs);\n      font-weight: 500;\n      max-width: calc(var(--spacing) * 56);\n      line-height: 1.4;\n      animation: tooltipIn 120ms ease;\n    }\n    @keyframes tooltipIn {\n      from { opacity: 0; transform: scale(0.95); }\n      to   { opacity: 1; transform: scale(1); }\n    }\n  `]\n})\nexport class TooltipComponent {\n  text = input('');\n  templateRef = input<TemplateRef<any> | null>(null);\n  placement = input<TooltipPlacement>('top');\n}\n","import {\n  ApplicationRef,\n  ComponentRef,\n  createComponent,\n  Directive,\n  ElementRef,\n  EnvironmentInjector,\n  inject,\n  input,\n  OnDestroy,\n  TemplateRef\n} from '@angular/core';\nimport { TooltipComponent } from './tooltip.component';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\n@Directive({\n  selector: '[emrTooltip]',\n  exportAs: 'emrTooltip',\n  host: {\n    '(mouseenter)': '_show()',\n    '(mouseleave)': '_hide()',\n    '(focusin)': '_show()',\n    '(focusout)': '_hide()',\n  }\n})\nexport class TooltipDirective implements OnDestroy {\n  emrTooltip = input<string | TemplateRef<any>>('');\n  tooltipPlacement = input<TooltipPlacement>('top');\n  tooltipDisabled = input(false);\n\n  private _el = inject(ElementRef<HTMLElement>);\n  private _appRef = inject(ApplicationRef);\n  private _injector = inject(EnvironmentInjector);\n  private _ref: ComponentRef<TooltipComponent> | null = null;\n\n  protected _show() {\n    if (this.tooltipDisabled() || !this.emrTooltip() || this._ref) return;\n\n    const host = document.createElement('div');\n    document.body.appendChild(host);\n\n    this._ref = createComponent(TooltipComponent, {\n      environmentInjector: this._injector,\n      hostElement: host,\n    });\n\n    const content = this.emrTooltip();\n    if (typeof content === 'string') {\n      this._ref.setInput('text', content);\n    } else {\n      this._ref.setInput('templateRef', content);\n    }\n    this._ref.setInput('placement', this.tooltipPlacement());\n\n    this._appRef.attachView(this._ref.hostView);\n    this._ref.changeDetectorRef.detectChanges();\n\n    this._position(host);\n  }\n\n  protected _hide() {\n    this._ref?.destroy();\n    this._ref = null;\n  }\n\n  private _position(host: HTMLElement) {\n    const rect = this._el.nativeElement.getBoundingClientRect();\n    const tooltip = host.firstElementChild as HTMLElement;\n    if (!tooltip) return;\n\n    const gap = 8;\n    const place = this.tooltipPlacement();\n\n    requestAnimationFrame(() => {\n      const tw = tooltip.offsetWidth;\n      const th = tooltip.offsetHeight;\n      let top = 0, left = 0;\n\n      if (place === 'top') {\n        top = rect.top + window.scrollY - th - gap;\n        left = rect.left + window.scrollX + rect.width / 2 - tw / 2;\n      } else if (place === 'bottom') {\n        top = rect.bottom + window.scrollY + gap;\n        left = rect.left + window.scrollX + rect.width / 2 - tw / 2;\n      } else if (place === 'left') {\n        top = rect.top + window.scrollY + rect.height / 2 - th / 2;\n        left = rect.left + window.scrollX - tw - gap;\n      } else {\n        top = rect.top + window.scrollY + rect.height / 2 - th / 2;\n        left = rect.right + window.scrollX + gap;\n      }\n\n      host.style.cssText = `position:absolute;top:${top}px;left:${left}px;z-index:9999;pointer-events:none;`;\n    });\n  }\n\n  ngOnDestroy() { this._hide(); }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"elementar-rt-components-tooltip.mjs","sources":["../../../projects/components/tooltip/src/tooltip.component.ts","../../../projects/components/tooltip/src/tooltip.directive.ts","../../../projects/components/tooltip/elementar-rt-components-tooltip.ts"],"sourcesContent":["import { Component, input, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TooltipPlacement } from './tooltip.directive';\n\n@Component({\n  selector: 'emr-tooltip-content',\n  imports: [NgTemplateOutlet],\n  template: `\n    <div class=\"tooltip-inner\" [attr.data-placement]=\"placement()\">\n      @if (templateRef()) {\n        <ng-container [ngTemplateOutlet]=\"templateRef()!\"/>\n      } @else {\n        {{ text() }}\n      }\n    </div>\n  `,\n  styles: [`\n    @reference 'tailwindcss';\n    .tooltip-inner {\n      --emr-tooltip-bg: var(--color-inverse-surface);\n      --emr-tooltip-color: var(--color-inverse-on-surface);\n      background: var(--emr-tooltip-bg);\n      color: var(--emr-tooltip-color);\n      padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2.5);\n      border-radius: theme(--radius-lg);\n      font-size: var(--text-xs);\n      font-weight: 500;\n      max-width: calc(var(--spacing) * 56);\n      line-height: 1.4;\n      animation: tooltipIn 120ms ease;\n    }\n    @keyframes tooltipIn {\n      from { opacity: 0; transform: scale(0.95); }\n      to   { opacity: 1; transform: scale(1); }\n    }\n  `]\n})\nexport class TooltipComponent {\n  text = input('');\n  templateRef = input<TemplateRef<any> | null>(null);\n  placement = input<TooltipPlacement>('top');\n}\n","import {\n  ApplicationRef,\n  ComponentRef,\n  createComponent,\n  Directive,\n  ElementRef,\n  EnvironmentInjector,\n  inject,\n  input,\n  OnDestroy,\n  TemplateRef\n} from '@angular/core';\nimport { TooltipComponent } from './tooltip.component';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\n@Directive({\n  selector: '[emrTooltip]',\n  exportAs: 'emrTooltip',\n  host: {\n    '(mouseenter)': '_show()',\n    '(mouseleave)': '_hide()',\n    '(focusin)': '_show()',\n    '(focusout)': '_hide()',\n  }\n})\nexport class TooltipDirective implements OnDestroy {\n  emrTooltip = input<string | TemplateRef<any>>('');\n  tooltipPlacement = input<TooltipPlacement>('top');\n  tooltipDisabled = input(false);\n\n  private _el = inject(ElementRef<HTMLElement>);\n  private _appRef = inject(ApplicationRef);\n  private _injector = inject(EnvironmentInjector);\n  private _ref: ComponentRef<TooltipComponent> | null = null;\n\n  protected _show() {\n    if (this.tooltipDisabled() || !this.emrTooltip() || this._ref) return;\n\n    const host = document.createElement('div');\n    document.body.appendChild(host);\n\n    this._ref = createComponent(TooltipComponent, {\n      environmentInjector: this._injector,\n      hostElement: host,\n    });\n\n    const content = this.emrTooltip();\n    if (typeof content === 'string') {\n      this._ref.setInput('text', content);\n    } else {\n      this._ref.setInput('templateRef', content);\n    }\n    this._ref.setInput('placement', this.tooltipPlacement());\n\n    this._appRef.attachView(this._ref.hostView);\n    this._ref.changeDetectorRef.detectChanges();\n\n    this._position(host);\n  }\n\n  protected _hide() {\n    this._ref?.destroy();\n    this._ref = null;\n  }\n\n  private _position(host: HTMLElement) {\n    const rect = this._el.nativeElement.getBoundingClientRect();\n    const tooltip = host.firstElementChild as HTMLElement;\n    if (!tooltip) return;\n\n    const gap = 8;\n    const place = this.tooltipPlacement();\n\n    requestAnimationFrame(() => {\n      const tw = tooltip.offsetWidth;\n      const th = tooltip.offsetHeight;\n      let top = 0, left = 0;\n\n      if (place === 'top') {\n        top = rect.top + window.scrollY - th - gap;\n        left = rect.left + window.scrollX + rect.width / 2 - tw / 2;\n      } else if (place === 'bottom') {\n        top = rect.bottom + window.scrollY + gap;\n        left = rect.left + window.scrollX + rect.width / 2 - tw / 2;\n      } else if (place === 'left') {\n        top = rect.top + window.scrollY + rect.height / 2 - th / 2;\n        left = rect.left + window.scrollX - tw - gap;\n      } else {\n        top = rect.top + window.scrollY + rect.height / 2 - th / 2;\n        left = rect.right + window.scrollX + gap;\n      }\n\n      host.style.cssText = `position:absolute;top:${top}px;left:${left}px;z-index:9999;pointer-events:none;`;\n    });\n  }\n\n  ngOnDestroy() { this._hide(); }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-tree.mjs

@@ -2,28 +2,28 @@ import * as i0 from '@angular/core';
 import { input, Component, booleanAttribute, output, signal } from '@angular/core';
 
 class TreeNodeComponent {
-    node = input.required(...(ngDevMode ? [{ debugName: "node" }] : []));
-    tree = input.required(...(ngDevMode ? [{ debugName: "tree" }] : []));
-    depth = input(0, ...(ngDevMode ? [{ debugName: "depth" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TreeNodeComponent, isStandalone: true, selector: "emr-tree-node", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, tree: { classPropertyName: "tree", publicName: "tree", isSignal: true, isRequired: true, transformFunction: null }, depth: { classPropertyName: "depth", publicName: "depth", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "treeitem" }, classAttribute: "emr-tree-node" }, ngImport: i0, template: "<div\n  class=\"tn-row\"\n  [style.padding-inline-start.px]=\"depth() * 20 + 8\"\n  [class.is-selected]=\"tree()._isSelected(node())\"\n  (click)=\"tree()._toggleSelect(node())\"\n>\n  @if (node().children?.length) {\n    <button\n      class=\"tn-expand\"\n      type=\"button\"\n      (click)=\"$event.stopPropagation(); tree()._toggleExpand(node())\"\n      [attr.aria-expanded]=\"tree()._isExpanded(node())\"\n    >\n      <svg class=\"tn-chevron\" [class.is-open]=\"tree()._isExpanded(node())\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n        <path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"/>\n      </svg>\n    </button>\n  } @else {\n    <span class=\"tn-leaf-indent\"></span>\n  }\n\n  @if (tree().checkable()) {\n    <input type=\"checkbox\" [checked]=\"tree()._isChecked(node())\" (click)=\"$event.stopPropagation(); tree()._toggleCheck(node())\"/>\n  }\n\n  @if (node().icon) {\n    <span class=\"tn-icon\">{{ node().icon }}</span>\n  }\n\n  <span class=\"tn-label\">{{ node().label }}</span>\n</div>\n\n@if (tree()._isExpanded(node()) && node().children?.length) {\n  @for (child of node().children; track child.id) {\n    <emr-tree-node [node]=\"child\" [tree]=\"tree()\" [depth]=\"depth() + 1\"/>\n  }\n}\n", styles: [":host{display:block}.tn-row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);height:calc(var(--spacing, .25rem) * 9);border-radius:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;color:var(--color-on-surface);transition:background .1s}.tn-row:hover{background:var(--color-surface-container)}.tn-row.is-selected{background:var(--color-secondary-container)}.tn-expand{display:flex;align-items:center;justify-content:center;width:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 6);border:none;background:transparent;cursor:pointer;color:var(--color-on-surface-variant);border-radius:.375rem;flex-shrink:0}.tn-expand:hover{background:var(--color-surface-container-high)}.tn-chevron{transition:transform .2s cubic-bezier(.4,0,.2,1)}.tn-chevron.is-open{transform:rotate(90deg)}.tn-leaf-indent{width:calc(var(--spacing, .25rem) * 6);flex-shrink:0}.tn-icon{color:var(--color-on-surface-variant)}.tn-label{flex:1}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: TreeNodeComponent, selector: "emr-tree-node", inputs: ["node", "tree", "depth"] }] });
+    node = input.required(...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    tree = input.required(...(ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []));
+    depth = input(0, ...(ngDevMode ? [{ debugName: "depth" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: TreeNodeComponent, isStandalone: true, selector: "emr-tree-node", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, tree: { classPropertyName: "tree", publicName: "tree", isSignal: true, isRequired: true, transformFunction: null }, depth: { classPropertyName: "depth", publicName: "depth", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "treeitem" }, classAttribute: "emr-tree-node" }, ngImport: i0, template: "<div\n  class=\"tn-row\"\n  [style.padding-inline-start.px]=\"depth() * 20 + 8\"\n  [class.is-selected]=\"tree()._isSelected(node())\"\n  (click)=\"tree()._toggleSelect(node())\"\n>\n  @if (node().children?.length) {\n    <button\n      class=\"tn-expand\"\n      type=\"button\"\n      (click)=\"$event.stopPropagation(); tree()._toggleExpand(node())\"\n      [attr.aria-expanded]=\"tree()._isExpanded(node())\"\n    >\n      <svg class=\"tn-chevron\" [class.is-open]=\"tree()._isExpanded(node())\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n        <path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"/>\n      </svg>\n    </button>\n  } @else {\n    <span class=\"tn-leaf-indent\"></span>\n  }\n\n  @if (tree().checkable()) {\n    <input type=\"checkbox\" [checked]=\"tree()._isChecked(node())\" (click)=\"$event.stopPropagation(); tree()._toggleCheck(node())\"/>\n  }\n\n  @if (node().icon) {\n    <span class=\"tn-icon\">{{ node().icon }}</span>\n  }\n\n  <span class=\"tn-label\">{{ node().label }}</span>\n</div>\n\n@if (tree()._isExpanded(node()) && node().children?.length) {\n  @for (child of node().children; track child.id) {\n    <emr-tree-node [node]=\"child\" [tree]=\"tree()\" [depth]=\"depth() + 1\"/>\n  }\n}\n", styles: [":host{display:block}.tn-row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);height:calc(var(--spacing, .25rem) * 9);border-radius:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;color:var(--color-on-surface);transition:background .1s}.tn-row:hover{background:var(--color-surface-container)}.tn-row.is-selected{background:var(--color-secondary-container)}.tn-expand{display:flex;align-items:center;justify-content:center;width:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 6);border:none;background:transparent;cursor:pointer;color:var(--color-on-surface-variant);border-radius:.375rem;flex-shrink:0}.tn-expand:hover{background:var(--color-surface-container-high)}.tn-chevron{transition:transform .2s cubic-bezier(.4,0,.2,1)}.tn-chevron.is-open{transform:rotate(90deg)}.tn-leaf-indent{width:calc(var(--spacing, .25rem) * 6);flex-shrink:0}.tn-icon{color:var(--color-on-surface-variant)}.tn-label{flex:1}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: TreeNodeComponent, selector: "emr-tree-node", inputs: ["node", "tree", "depth"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TreeNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TreeNodeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'emr-tree-node', host: { 'class': 'emr-tree-node', 'role': 'treeitem' }, imports: [TreeNodeComponent], template: "<div\n  class=\"tn-row\"\n  [style.padding-inline-start.px]=\"depth() * 20 + 8\"\n  [class.is-selected]=\"tree()._isSelected(node())\"\n  (click)=\"tree()._toggleSelect(node())\"\n>\n  @if (node().children?.length) {\n    <button\n      class=\"tn-expand\"\n      type=\"button\"\n      (click)=\"$event.stopPropagation(); tree()._toggleExpand(node())\"\n      [attr.aria-expanded]=\"tree()._isExpanded(node())\"\n    >\n      <svg class=\"tn-chevron\" [class.is-open]=\"tree()._isExpanded(node())\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n        <path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"/>\n      </svg>\n    </button>\n  } @else {\n    <span class=\"tn-leaf-indent\"></span>\n  }\n\n  @if (tree().checkable()) {\n    <input type=\"checkbox\" [checked]=\"tree()._isChecked(node())\" (click)=\"$event.stopPropagation(); tree()._toggleCheck(node())\"/>\n  }\n\n  @if (node().icon) {\n    <span class=\"tn-icon\">{{ node().icon }}</span>\n  }\n\n  <span class=\"tn-label\">{{ node().label }}</span>\n</div>\n\n@if (tree()._isExpanded(node()) && node().children?.length) {\n  @for (child of node().children; track child.id) {\n    <emr-tree-node [node]=\"child\" [tree]=\"tree()\" [depth]=\"depth() + 1\"/>\n  }\n}\n", styles: [":host{display:block}.tn-row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);height:calc(var(--spacing, .25rem) * 9);border-radius:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;color:var(--color-on-surface);transition:background .1s}.tn-row:hover{background:var(--color-surface-container)}.tn-row.is-selected{background:var(--color-secondary-container)}.tn-expand{display:flex;align-items:center;justify-content:center;width:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 6);border:none;background:transparent;cursor:pointer;color:var(--color-on-surface-variant);border-radius:.375rem;flex-shrink:0}.tn-expand:hover{background:var(--color-surface-container-high)}.tn-chevron{transition:transform .2s cubic-bezier(.4,0,.2,1)}.tn-chevron.is-open{transform:rotate(90deg)}.tn-leaf-indent{width:calc(var(--spacing, .25rem) * 6);flex-shrink:0}.tn-icon{color:var(--color-on-surface-variant)}.tn-label{flex:1}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'emr-tree-node', host: { 'class': 'emr-tree-node', 'role': 'treeitem' }, imports: [TreeNodeComponent], template: "<div\n  class=\"tn-row\"\n  [style.padding-inline-start.px]=\"depth() * 20 + 8\"\n  [class.is-selected]=\"tree()._isSelected(node())\"\n  (click)=\"tree()._toggleSelect(node())\"\n>\n  @if (node().children?.length) {\n    <button\n      class=\"tn-expand\"\n      type=\"button\"\n      (click)=\"$event.stopPropagation(); tree()._toggleExpand(node())\"\n      [attr.aria-expanded]=\"tree()._isExpanded(node())\"\n    >\n      <svg class=\"tn-chevron\" [class.is-open]=\"tree()._isExpanded(node())\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n        <path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"/>\n      </svg>\n    </button>\n  } @else {\n    <span class=\"tn-leaf-indent\"></span>\n  }\n\n  @if (tree().checkable()) {\n    <input type=\"checkbox\" [checked]=\"tree()._isChecked(node())\" (click)=\"$event.stopPropagation(); tree()._toggleCheck(node())\"/>\n  }\n\n  @if (node().icon) {\n    <span class=\"tn-icon\">{{ node().icon }}</span>\n  }\n\n  <span class=\"tn-label\">{{ node().label }}</span>\n</div>\n\n@if (tree()._isExpanded(node()) && node().children?.length) {\n  @for (child of node().children; track child.id) {\n    <emr-tree-node [node]=\"child\" [tree]=\"tree()\" [depth]=\"depth() + 1\"/>\n  }\n}\n", styles: [":host{display:block}.tn-row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);height:calc(var(--spacing, .25rem) * 9);border-radius:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;color:var(--color-on-surface);transition:background .1s}.tn-row:hover{background:var(--color-surface-container)}.tn-row.is-selected{background:var(--color-secondary-container)}.tn-expand{display:flex;align-items:center;justify-content:center;width:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 6);border:none;background:transparent;cursor:pointer;color:var(--color-on-surface-variant);border-radius:.375rem;flex-shrink:0}.tn-expand:hover{background:var(--color-surface-container-high)}.tn-chevron{transition:transform .2s cubic-bezier(.4,0,.2,1)}.tn-chevron.is-open{transform:rotate(90deg)}.tn-leaf-indent{width:calc(var(--spacing, .25rem) * 6);flex-shrink:0}.tn-icon{color:var(--color-on-surface-variant)}.tn-label{flex:1}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], tree: [{ type: i0.Input, args: [{ isSignal: true, alias: "tree", required: true }] }], depth: [{ type: i0.Input, args: [{ isSignal: true, alias: "depth", required: false }] }] } });
 
 class TreeComponent {
-    nodes = input([], ...(ngDevMode ? [{ debugName: "nodes" }] : []));
-    selectable = input(false, ...(ngDevMode ? [{ debugName: "selectable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    multiSelect = input(false, ...(ngDevMode ? [{ debugName: "multiSelect", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    checkable = input(false, ...(ngDevMode ? [{ debugName: "checkable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    nodes = input([], ...(ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []));
+    selectable = input(false, { ...(ngDevMode ? { debugName: "selectable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    multiSelect = input(false, { ...(ngDevMode ? { debugName: "multiSelect" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    checkable = input(false, { ...(ngDevMode ? { debugName: "checkable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     nodeSelect = output();
     nodeExpand = output();
     nodeCollapse = output();
-    _expanded = signal(new Set(), ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
-    _selected = signal(new Set(), ...(ngDevMode ? [{ debugName: "_selected" }] : []));
-    _checked = signal(new Set(), ...(ngDevMode ? [{ debugName: "_checked" }] : []));
+    _expanded = signal(new Set(), ...(ngDevMode ? [{ debugName: "_expanded" }] : /* istanbul ignore next */ []));
+    _selected = signal(new Set(), ...(ngDevMode ? [{ debugName: "_selected" }] : /* istanbul ignore next */ []));
+    _checked = signal(new Set(), ...(ngDevMode ? [{ debugName: "_checked" }] : /* istanbul ignore next */ []));
     _isExpanded(node) { return this._expanded().has(node.id); }
     _isSelected(node) { return this._selected().has(node.id); }
     _isChecked(node) { return this._checked().has(node.id); }
@@ -58,10 +58,10 @@ class TreeComponent {
             next.add(node.id);
         this._checked.set(next);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TreeComponent, isStandalone: true, selector: "emr-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, multiSelect: { classPropertyName: "multiSelect", publicName: "multiSelect", isSignal: true, isRequired: false, transformFunction: null }, checkable: { classPropertyName: "checkable", publicName: "checkable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeSelect: "nodeSelect", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse" }, host: { attributes: { "role": "tree" }, classAttribute: "emr-tree" }, exportAs: ["emrTree"], ngImport: i0, template: "@for (node of nodes(); track node.id) {\n  <emr-tree-node\n    [node]=\"node\"\n    [tree]=\"this\"\n    [depth]=\"0\"\n  />\n}\n", styles: [":host{display:block;width:100%;font-size:var(--text-sm)}\n"], dependencies: [{ kind: "component", type: TreeNodeComponent, selector: "emr-tree-node", inputs: ["node", "tree", "depth"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: TreeComponent, isStandalone: true, selector: "emr-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, multiSelect: { classPropertyName: "multiSelect", publicName: "multiSelect", isSignal: true, isRequired: false, transformFunction: null }, checkable: { classPropertyName: "checkable", publicName: "checkable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeSelect: "nodeSelect", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse" }, host: { attributes: { "role": "tree" }, classAttribute: "emr-tree" }, exportAs: ["emrTree"], ngImport: i0, template: "@for (node of nodes(); track node.id) {\n  <emr-tree-node\n    [node]=\"node\"\n    [tree]=\"this\"\n    [depth]=\"0\"\n  />\n}\n", styles: [":host{display:block;width:100%;font-size:var(--text-sm)}\n"], dependencies: [{ kind: "component", type: TreeNodeComponent, selector: "emr-tree-node", inputs: ["node", "tree", "depth"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tree', exportAs: 'emrTree', imports: [TreeNodeComponent], host: {
                         'class': 'emr-tree',

package/fesm2022/elementar-rt-components-tree.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-tree.mjs","sources":["../../../projects/components/tree/src/tree-node/tree-node.component.ts","../../../projects/components/tree/src/tree-node/tree-node.component.html","../../../projects/components/tree/src/tree/tree.component.ts","../../../projects/components/tree/src/tree/tree.component.html","../../../projects/components/tree/elementar-rt-components-tree.ts"],"sourcesContent":["import { Component, inject, input } from '@angular/core';\nimport { TreeComponent } from '../tree/tree.component';\nimport { TreeNode } from '../types';\n\n@Component({\n  selector: 'emr-tree-node',\n  templateUrl: './tree-node.component.html',\n  styleUrl: './tree-node.component.scss',\n  host: { 'class': 'emr-tree-node', 'role': 'treeitem' },\n  imports: [TreeNodeComponent]\n})\nexport class TreeNodeComponent<T = any> {\n  node = input.required<TreeNode<T>>();\n  tree = input.required<TreeComponent<T>>();\n  depth = input(0);\n}\n","<div\n  class=\"tn-row\"\n  [style.padding-inline-start.px]=\"depth() * 20 + 8\"\n  [class.is-selected]=\"tree()._isSelected(node())\"\n  (click)=\"tree()._toggleSelect(node())\"\n>\n  @if (node().children?.length) {\n    <button\n      class=\"tn-expand\"\n      type=\"button\"\n      (click)=\"$event.stopPropagation(); tree()._toggleExpand(node())\"\n      [attr.aria-expanded]=\"tree()._isExpanded(node())\"\n    >\n      <svg class=\"tn-chevron\" [class.is-open]=\"tree()._isExpanded(node())\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n        <path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"/>\n      </svg>\n    </button>\n  } @else {\n    <span class=\"tn-leaf-indent\"></span>\n  }\n\n  @if (tree().checkable()) {\n    <input type=\"checkbox\" [checked]=\"tree()._isChecked(node())\" (click)=\"$event.stopPropagation(); tree()._toggleCheck(node())\"/>\n  }\n\n  @if (node().icon) {\n    <span class=\"tn-icon\">{{ node().icon }}</span>\n  }\n\n  <span class=\"tn-label\">{{ node().label }}</span>\n</div>\n\n@if (tree()._isExpanded(node()) && node().children?.length) {\n  @for (child of node().children; track child.id) {\n    <emr-tree-node [node]=\"child\" [tree]=\"tree()\" [depth]=\"depth() + 1\"/>\n  }\n}\n","import { booleanAttribute, Component, input, output, signal } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TreeNode } from '../types';\nimport { TreeNodeComponent } from '../tree-node/tree-node.component';\n\n@Component({\n  selector: 'emr-tree',\n  exportAs: 'emrTree',\n  imports: [TreeNodeComponent],\n  templateUrl: './tree.component.html',\n  styleUrl: './tree.component.scss',\n  host: {\n    'class': 'emr-tree',\n    'role': 'tree',\n  }\n})\nexport class TreeComponent<T = any> {\n  nodes = input<TreeNode<T>[]>([]);\n  selectable = input(false, { transform: booleanAttribute });\n  multiSelect = input(false, { transform: booleanAttribute });\n  checkable = input(false, { transform: booleanAttribute });\n\n  readonly nodeSelect = output<TreeNode<T>>();\n  readonly nodeExpand = output<TreeNode<T>>();\n  readonly nodeCollapse = output<TreeNode<T>>();\n\n  protected _expanded = signal(new Set<string | number>());\n  protected _selected = signal(new Set<string | number>());\n  protected _checked = signal(new Set<string | number>());\n\n  _isExpanded(node: TreeNode<T>): boolean { return this._expanded().has(node.id); }\n  _isSelected(node: TreeNode<T>): boolean { return this._selected().has(node.id); }\n  _isChecked(node: TreeNode<T>): boolean { return this._checked().has(node.id); }\n\n  _toggleExpand(node: TreeNode<T>) {\n    const next = new Set(this._expanded());\n    if (next.has(node.id)) { next.delete(node.id); this.nodeCollapse.emit(node); }\n    else { next.add(node.id); this.nodeExpand.emit(node); }\n    this._expanded.set(next);\n  }\n\n  _toggleSelect(node: TreeNode<T>) {\n    if (!this.selectable()) return;\n    const next = new Set(this.multiSelect() ? this._selected() : new Set<string | number>());\n    if (next.has(node.id)) next.delete(node.id);\n    else next.add(node.id);\n    this._selected.set(next);\n    this.nodeSelect.emit(node);\n  }\n\n  _toggleCheck(node: TreeNode<T>) {\n    const next = new Set(this._checked());\n    if (next.has(node.id)) next.delete(node.id);\n    else next.add(node.id);\n    this._checked.set(next);\n  }\n}\n","@for (node of nodes(); track node.id) {\n  <emr-tree-node\n    [node]=\"node\"\n    [tree]=\"this\"\n    [depth]=\"0\"\n  />\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"elementar-rt-components-tree.mjs","sources":["../../../projects/components/tree/src/tree-node/tree-node.component.ts","../../../projects/components/tree/src/tree-node/tree-node.component.html","../../../projects/components/tree/src/tree/tree.component.ts","../../../projects/components/tree/src/tree/tree.component.html","../../../projects/components/tree/elementar-rt-components-tree.ts"],"sourcesContent":["import { Component, inject, input } from '@angular/core';\nimport { TreeComponent } from '../tree/tree.component';\nimport { TreeNode } from '../types';\n\n@Component({\n  selector: 'emr-tree-node',\n  templateUrl: './tree-node.component.html',\n  styleUrl: './tree-node.component.scss',\n  host: { 'class': 'emr-tree-node', 'role': 'treeitem' },\n  imports: [TreeNodeComponent]\n})\nexport class TreeNodeComponent<T = any> {\n  node = input.required<TreeNode<T>>();\n  tree = input.required<TreeComponent<T>>();\n  depth = input(0);\n}\n","<div\n  class=\"tn-row\"\n  [style.padding-inline-start.px]=\"depth() * 20 + 8\"\n  [class.is-selected]=\"tree()._isSelected(node())\"\n  (click)=\"tree()._toggleSelect(node())\"\n>\n  @if (node().children?.length) {\n    <button\n      class=\"tn-expand\"\n      type=\"button\"\n      (click)=\"$event.stopPropagation(); tree()._toggleExpand(node())\"\n      [attr.aria-expanded]=\"tree()._isExpanded(node())\"\n    >\n      <svg class=\"tn-chevron\" [class.is-open]=\"tree()._isExpanded(node())\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n        <path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"/>\n      </svg>\n    </button>\n  } @else {\n    <span class=\"tn-leaf-indent\"></span>\n  }\n\n  @if (tree().checkable()) {\n    <input type=\"checkbox\" [checked]=\"tree()._isChecked(node())\" (click)=\"$event.stopPropagation(); tree()._toggleCheck(node())\"/>\n  }\n\n  @if (node().icon) {\n    <span class=\"tn-icon\">{{ node().icon }}</span>\n  }\n\n  <span class=\"tn-label\">{{ node().label }}</span>\n</div>\n\n@if (tree()._isExpanded(node()) && node().children?.length) {\n  @for (child of node().children; track child.id) {\n    <emr-tree-node [node]=\"child\" [tree]=\"tree()\" [depth]=\"depth() + 1\"/>\n  }\n}\n","import { booleanAttribute, Component, input, output, signal } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TreeNode } from '../types';\nimport { TreeNodeComponent } from '../tree-node/tree-node.component';\n\n@Component({\n  selector: 'emr-tree',\n  exportAs: 'emrTree',\n  imports: [TreeNodeComponent],\n  templateUrl: './tree.component.html',\n  styleUrl: './tree.component.scss',\n  host: {\n    'class': 'emr-tree',\n    'role': 'tree',\n  }\n})\nexport class TreeComponent<T = any> {\n  nodes = input<TreeNode<T>[]>([]);\n  selectable = input(false, { transform: booleanAttribute });\n  multiSelect = input(false, { transform: booleanAttribute });\n  checkable = input(false, { transform: booleanAttribute });\n\n  readonly nodeSelect = output<TreeNode<T>>();\n  readonly nodeExpand = output<TreeNode<T>>();\n  readonly nodeCollapse = output<TreeNode<T>>();\n\n  protected _expanded = signal(new Set<string | number>());\n  protected _selected = signal(new Set<string | number>());\n  protected _checked = signal(new Set<string | number>());\n\n  _isExpanded(node: TreeNode<T>): boolean { return this._expanded().has(node.id); }\n  _isSelected(node: TreeNode<T>): boolean { return this._selected().has(node.id); }\n  _isChecked(node: TreeNode<T>): boolean { return this._checked().has(node.id); }\n\n  _toggleExpand(node: TreeNode<T>) {\n    const next = new Set(this._expanded());\n    if (next.has(node.id)) { next.delete(node.id); this.nodeCollapse.emit(node); }\n    else { next.add(node.id); this.nodeExpand.emit(node); }\n    this._expanded.set(next);\n  }\n\n  _toggleSelect(node: TreeNode<T>) {\n    if (!this.selectable()) return;\n    const next = new Set(this.multiSelect() ? this._selected() : new Set<string | number>());\n    if (next.has(node.id)) next.delete(node.id);\n    else next.add(node.id);\n    this._selected.set(next);\n    this.nodeSelect.emit(node);\n  }\n\n  _toggleCheck(node: TreeNode<T>) {\n    const next = new Set(this._checked());\n    if (next.has(node.id)) next.delete(node.id);\n    else next.add(node.id);\n    this._checked.set(next);\n  }\n}\n","@for (node of nodes(); track node.id) {\n  <emr-tree-node\n    [node]=\"node\"\n    [tree]=\"this\"\n    [depth]=\"0\"\n  />\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}