@lucca-front/ng 20.3.3-rc.3 → 20.3.3-rc.4

package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs

@@ -1,97 +0,0 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, inject, input, ViewEncapsulation, Component, booleanAttribute, contentChildren, viewChildren, model, computed, forwardRef } from '@angular/core';
-import { ReactiveFormsModule } from '@angular/forms';
-import { PortalDirective } from '@lucca-front/ng/core';
-import * as i1 from '@lucca-front/ng/forms';
-import { NoopValueAccessorDirective } from '@lucca-front/ng/forms';
-
-const LU_SEGMENTEDCONTROLTABS_INSTANCE = new InjectionToken('LU_SEGMENTEDCONTROLTABS_INSTANCE');
-
-let nextId$1 = 0;
-class SegmentedControlTabsPanelComponent {
-    constructor() {
-        this.segmentedControlTabsRef = inject(LU_SEGMENTEDCONTROLTABS_INSTANCE);
-        this.label = input();
-        this.value = input.required();
-        this.id = nextId$1++;
-        this.panelId = `panel${this.id}`;
-        this.labelId = `tab${this.id}`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SegmentedControlTabsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.2", type: SegmentedControlTabsPanelComponent, isStandalone: true, selector: "lu-segmented-control-tabs-panel", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tabpanel" }, properties: { "tabindex": "0", "class.is-active": "segmentedControlTabsRef.active() === this.value()", "id": "this.panelId", "attr.aria-labelledby": "this.labelId" }, classAttribute: "segmentedControl_panel" }, ngImport: i0, template: '<ng-content />', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SegmentedControlTabsPanelComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lu-segmented-control-tabs-panel',
-                    template: '<ng-content />',
-                    encapsulation: ViewEncapsulation.None,
-                    host: {
-                        class: 'segmentedControl_panel',
-                        role: 'tabpanel',
-                        '[tabindex]': '0',
-                        '[class.is-active]': 'segmentedControlTabsRef.active() === this.value()',
-                        '[id]': 'this.panelId',
-                        '[attr.aria-labelledby]': 'this.labelId',
-                    },
-                }]
-        }] });
-
-let nextId = 0;
-class SegmentedControlTabsComponent {
-    constructor() {
-        this.small = input(false, { transform: booleanAttribute });
-        this.vertical = input(false, { transform: booleanAttribute });
-        this.id = `segmentedControl${nextId++}`;
-        this.tabs = contentChildren(SegmentedControlTabsPanelComponent);
-        this.tabButtons = viewChildren('tabButton');
-        this.active = model(null);
-        this.currentIndex = computed(() => this.tabs().findIndex((tab) => tab.value() === this.active()));
-    }
-    previous() {
-        let newIndex = this.currentIndex() - 1;
-        if (newIndex < 0) {
-            newIndex = this.tabs().length - 1;
-        }
-        this.setActiveTab(newIndex);
-    }
-    next() {
-        let newIndex = this.currentIndex() + 1;
-        if (newIndex >= this.tabs().length) {
-            newIndex = 0;
-        }
-        this.setActiveTab(newIndex);
-    }
-    setActiveTab(index) {
-        this.active.set(this.tabs()[index].value());
-        this.tabButtons()[index].nativeElement.focus();
-    }
-    ngAfterContentInit() {
-        if (this.active() === null) {
-            this.active.set(this.tabs()[0].value());
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SegmentedControlTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: SegmentedControlTabsComponent, isStandalone: true, selector: "lu-segmented-control-tabs", inputs: { small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, providers: [
-            {
-                provide: LU_SEGMENTEDCONTROLTABS_INSTANCE,
-                useExisting: forwardRef(() => SegmentedControlTabsComponent),
-            },
-        ], queries: [{ propertyName: "tabs", predicate: SegmentedControlTabsPanelComponent, isSignal: true }], viewQueries: [{ propertyName: "tabButtons", predicate: ["tabButton"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.NoopValueAccessorDirective }], ngImport: i0, template: "<ul class=\"segmentedControl\" role=\"tablist\" [class.mod-S]=\"small()\" [class.mod-vertical]=\"vertical()\">\n\t@for (panel of tabs(); track panel.id) {\n\t\t<li class=\"segmentedControl-item\" role=\"presentation\">\n\t\t\t<button\n\t\t\t\t#tabButton\n\t\t\t\tclass=\"segmentedControl-item-action\"\n\t\t\t\ttype=\"button\"\n\t\t\t\trole=\"tab\"\n\t\t\t\t[attr.id]=\"panel.labelId\"\n\t\t\t\t[attr.aria-controls]=\"panel.value()\"\n\t\t\t\t[attr.aria-selected]=\"active() === panel.value()\"\n\t\t\t\t[attr.tabindex]=\"active() !== panel.value() ? '-1' : null\"\n\t\t\t\t(click)=\"active.set(panel.value())\"\n\t\t\t\t(keydown.arrowleft)=\"$event.preventDefault(); previous()\"\n\t\t\t\t(keydown.arrowup)=\"$event.preventDefault(); previous()\"\n\t\t\t\t(keydown.arrowright)=\"$event.preventDefault(); next()\"\n\t\t\t\t(keydown.arrowdown)=\"$event.preventDefault(); next()\"\n\t\t\t>\n\t\t\t\t<ng-container *luPortal=\"panel.label()\" />\n\t\t\t</button>\n\t\t</li>\n\t}\n</ul>\n<ng-content />\n", styles: ["@layer components{.segmentedControl,.viewTabs{--components-segmentedControl-borderRadius: var(--pr-t-border-radius-default);--components-segmentedControl-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-segmentedControl-font: var(--pr-t-font-body-M);--components-segmentedControl-background: transparent;--components-segmentedControl-shadow: none;--components-segmentedControl-color: var(--pr-t-color-text);--components-segmentedControl-cursor: pointer;--components-segmentedControl-dividerInset: var(--pr-t-spacings-100);--components-segmentedControl-direction: row;--components-segmentedControl-width: fit-content;--components-segmentedControl-zIndex: 0;--components-segmentedControl-wrap: wrap;--components-segmentedControl-whiteSpace: normal;padding:0;margin:0;list-style-type:none;display:flex;flex-wrap:var(--components-segmentedControl-wrap);inline-size:var(--components-segmentedControl-width);flex-direction:var(--components-segmentedControl-direction);box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-neutral-100);border-radius:var(--components-segmentedControl-borderRadius);background-color:var(--palettes-neutral-0);font:var(--components-segmentedControl-font);gap:var(--commons-divider-width);white-space:var(--components-segmentedControl-whiteSpace)}.segmentedControl-item-input{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.segmentedControl-item-input:focus-visible+.segmentedControl-item-action{outline:2px solid var(--palettes-product-700);outline-offset:3px}.segmentedControl-item,.viewTabs-item{flex-grow:1;position:relative;z-index:1}.segmentedControl-item:before,.segmentedControl-item:after,.viewTabs-item:before,.viewTabs-item:after{content:\"\";border-width:0;inset:var(--components-segmentedControl-dividerInset);border-color:var(--palettes-neutral-100);position:absolute;border-style:solid}.segmentedControl-item:before,.viewTabs-item:before{inset-inline-end:calc(var(--commons-divider-width) * -1);border-inline-start-width:var(--commons-divider-width);inset-inline-start:auto}.segmentedControl-item:after,.viewTabs-item:after{inset-block-end:calc(var(--commons-divider-width) * -1);border-block-start-width:var(--commons-divider-width);inset-block-start:auto}.segmentedControl-item-action,.viewTabs-item-tab{inline-size:100%;border:0;margin:0;padding:var(--components-segmentedControl-padding);background-color:var(--components-segmentedControl-background);box-shadow:var(--components-segmentedControl-shadow);border-radius:var(--components-segmentedControl-borderRadius);gap:var(--pr-t-spacings-100);color:var(--components-segmentedControl-color);text-align:center;justify-content:center;display:flex;align-items:center;position:relative;cursor:var(--components-segmentedControl-cursor);z-index:var(--components-segmentedControl-zIndex);font:inherit;transition-property:box-shadow;transition-duration:var(--commons-animations-durations-fast)}.segmentedControl-item-action:focus-visible,.viewTabs-item-tab:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.segmentedControl-item-action:hover,.viewTabs-item-tab:hover{--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-product-400), var(--pr-t-elevation-shadow-raised);--components-segmentedControl-zIndex: 1}.segmentedControl-item-action:active,.viewTabs-item-tab:active{--components-segmentedControl-background: var(--palettes-neutral-0);--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-product-500), var(--pr-t-elevation-shadow-raised)}.segmentedControl_panel,.viewTabs_panel{display:var(--components-segmentedControl-display, block);border-radius:var(--pr-t-border-radius-default)}.segmentedControl_panel:focus-visible,.viewTabs_panel:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}}@layer mods{.segmentedControl.mod-S,.viewTabs.mod-S{--components-segmentedControl-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-segmentedControl-font: var(--pr-t-font-body-S);--components-segmentedControl-dividerInset: var(--pr-t-spacings-75)}.segmentedControl.mod-S .numericBadge,.viewTabs.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.segmentedControl.mod-vertical,.viewTabs.mod-vertical{--components-segmentedControl-direction: column;--components-segmentedControl-width: auto}@media not all and (min-width: 30em){.segmentedControl,.viewTabs{--components-segmentedControl-direction: column;--components-segmentedControl-width: auto}}}@layer mods{.segmentedControl-item-input:checked+.segmentedControl-item-action,.segmentedControl-item-action[aria-selected=true],.segmentedControl-item-input:checked+.viewTabs-item-tab,.viewTabs-item-tab[aria-selected=true]{--components-segmentedControl-background: var(--palettes-product-50);--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-segmentedControl-color: var(--palettes-product-800);--components-segmentedControl-cursor: default;--components-segmentedControl-backgroundContent: none;--components-segmentedControl-zIndex: 1}.segmentedControl-item-input:checked+.segmentedControl-item-action .numericBadge,.segmentedControl-item-action[aria-selected=true] .numericBadge,.segmentedControl-item-input:checked+.viewTabs-item-tab .numericBadge,.viewTabs-item-tab[aria-selected=true] .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.segmentedControl-item-input:checked+.segmentedControl-item-action .numericBadge.is-loading,.segmentedControl-item-action[aria-selected=true] .numericBadge.is-loading,.segmentedControl-item-input:checked+.viewTabs-item-tab .numericBadge.is-loading,.viewTabs-item-tab[aria-selected=true] .numericBadge.is-loading{--components-numericBadge-loadingColor: var(--palettes-product-500);--components-numericBadge-color: transparent}.segmentedControl-item-action:disabled,.segmentedControl-item-input:disabled~.segmentedControl-item-action{--components-segmentedControl-background: var(--palettes-neutral-100);--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200);--components-segmentedControl-color: var(--pr-t-color-text-disabled);--components-segmentedControl-cursor: default}.segmentedControl-item-action:disabled .numericBadge,.segmentedControl-item-input:disabled~.segmentedControl-item-action .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}.segmentedControl-item-action:disabled .numericBadge.is-loading,.segmentedControl-item-input:disabled~.segmentedControl-item-action .numericBadge.is-loading{--components-numericBadge-color: transparent}.segmentedControl_panel:not(.is-active,.active),.viewTabs_panel:not(.is-active,.active){--components-segmentedControl-display: none}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SegmentedControlTabsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lu-segmented-control-tabs', encapsulation: ViewEncapsulation.None, imports: [ReactiveFormsModule, PortalDirective], hostDirectives: [NoopValueAccessorDirective], providers: [
-                        {
-                            provide: LU_SEGMENTEDCONTROLTABS_INSTANCE,
-                            useExisting: forwardRef(() => SegmentedControlTabsComponent),
-                        },
-                    ], template: "<ul class=\"segmentedControl\" role=\"tablist\" [class.mod-S]=\"small()\" [class.mod-vertical]=\"vertical()\">\n\t@for (panel of tabs(); track panel.id) {\n\t\t<li class=\"segmentedControl-item\" role=\"presentation\">\n\t\t\t<button\n\t\t\t\t#tabButton\n\t\t\t\tclass=\"segmentedControl-item-action\"\n\t\t\t\ttype=\"button\"\n\t\t\t\trole=\"tab\"\n\t\t\t\t[attr.id]=\"panel.labelId\"\n\t\t\t\t[attr.aria-controls]=\"panel.value()\"\n\t\t\t\t[attr.aria-selected]=\"active() === panel.value()\"\n\t\t\t\t[attr.tabindex]=\"active() !== panel.value() ? '-1' : null\"\n\t\t\t\t(click)=\"active.set(panel.value())\"\n\t\t\t\t(keydown.arrowleft)=\"$event.preventDefault(); previous()\"\n\t\t\t\t(keydown.arrowup)=\"$event.preventDefault(); previous()\"\n\t\t\t\t(keydown.arrowright)=\"$event.preventDefault(); next()\"\n\t\t\t\t(keydown.arrowdown)=\"$event.preventDefault(); next()\"\n\t\t\t>\n\t\t\t\t<ng-container *luPortal=\"panel.label()\" />\n\t\t\t</button>\n\t\t</li>\n\t}\n</ul>\n<ng-content />\n", styles: ["@layer components{.segmentedControl,.viewTabs{--components-segmentedControl-borderRadius: var(--pr-t-border-radius-default);--components-segmentedControl-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-segmentedControl-font: var(--pr-t-font-body-M);--components-segmentedControl-background: transparent;--components-segmentedControl-shadow: none;--components-segmentedControl-color: var(--pr-t-color-text);--components-segmentedControl-cursor: pointer;--components-segmentedControl-dividerInset: var(--pr-t-spacings-100);--components-segmentedControl-direction: row;--components-segmentedControl-width: fit-content;--components-segmentedControl-zIndex: 0;--components-segmentedControl-wrap: wrap;--components-segmentedControl-whiteSpace: normal;padding:0;margin:0;list-style-type:none;display:flex;flex-wrap:var(--components-segmentedControl-wrap);inline-size:var(--components-segmentedControl-width);flex-direction:var(--components-segmentedControl-direction);box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-neutral-100);border-radius:var(--components-segmentedControl-borderRadius);background-color:var(--palettes-neutral-0);font:var(--components-segmentedControl-font);gap:var(--commons-divider-width);white-space:var(--components-segmentedControl-whiteSpace)}.segmentedControl-item-input{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.segmentedControl-item-input:focus-visible+.segmentedControl-item-action{outline:2px solid var(--palettes-product-700);outline-offset:3px}.segmentedControl-item,.viewTabs-item{flex-grow:1;position:relative;z-index:1}.segmentedControl-item:before,.segmentedControl-item:after,.viewTabs-item:before,.viewTabs-item:after{content:\"\";border-width:0;inset:var(--components-segmentedControl-dividerInset);border-color:var(--palettes-neutral-100);position:absolute;border-style:solid}.segmentedControl-item:before,.viewTabs-item:before{inset-inline-end:calc(var(--commons-divider-width) * -1);border-inline-start-width:var(--commons-divider-width);inset-inline-start:auto}.segmentedControl-item:after,.viewTabs-item:after{inset-block-end:calc(var(--commons-divider-width) * -1);border-block-start-width:var(--commons-divider-width);inset-block-start:auto}.segmentedControl-item-action,.viewTabs-item-tab{inline-size:100%;border:0;margin:0;padding:var(--components-segmentedControl-padding);background-color:var(--components-segmentedControl-background);box-shadow:var(--components-segmentedControl-shadow);border-radius:var(--components-segmentedControl-borderRadius);gap:var(--pr-t-spacings-100);color:var(--components-segmentedControl-color);text-align:center;justify-content:center;display:flex;align-items:center;position:relative;cursor:var(--components-segmentedControl-cursor);z-index:var(--components-segmentedControl-zIndex);font:inherit;transition-property:box-shadow;transition-duration:var(--commons-animations-durations-fast)}.segmentedControl-item-action:focus-visible,.viewTabs-item-tab:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.segmentedControl-item-action:hover,.viewTabs-item-tab:hover{--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-product-400), var(--pr-t-elevation-shadow-raised);--components-segmentedControl-zIndex: 1}.segmentedControl-item-action:active,.viewTabs-item-tab:active{--components-segmentedControl-background: var(--palettes-neutral-0);--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-product-500), var(--pr-t-elevation-shadow-raised)}.segmentedControl_panel,.viewTabs_panel{display:var(--components-segmentedControl-display, block);border-radius:var(--pr-t-border-radius-default)}.segmentedControl_panel:focus-visible,.viewTabs_panel:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}}@layer mods{.segmentedControl.mod-S,.viewTabs.mod-S{--components-segmentedControl-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-segmentedControl-font: var(--pr-t-font-body-S);--components-segmentedControl-dividerInset: var(--pr-t-spacings-75)}.segmentedControl.mod-S .numericBadge,.viewTabs.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.segmentedControl.mod-vertical,.viewTabs.mod-vertical{--components-segmentedControl-direction: column;--components-segmentedControl-width: auto}@media not all and (min-width: 30em){.segmentedControl,.viewTabs{--components-segmentedControl-direction: column;--components-segmentedControl-width: auto}}}@layer mods{.segmentedControl-item-input:checked+.segmentedControl-item-action,.segmentedControl-item-action[aria-selected=true],.segmentedControl-item-input:checked+.viewTabs-item-tab,.viewTabs-item-tab[aria-selected=true]{--components-segmentedControl-background: var(--palettes-product-50);--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-segmentedControl-color: var(--palettes-product-800);--components-segmentedControl-cursor: default;--components-segmentedControl-backgroundContent: none;--components-segmentedControl-zIndex: 1}.segmentedControl-item-input:checked+.segmentedControl-item-action .numericBadge,.segmentedControl-item-action[aria-selected=true] .numericBadge,.segmentedControl-item-input:checked+.viewTabs-item-tab .numericBadge,.viewTabs-item-tab[aria-selected=true] .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.segmentedControl-item-input:checked+.segmentedControl-item-action .numericBadge.is-loading,.segmentedControl-item-action[aria-selected=true] .numericBadge.is-loading,.segmentedControl-item-input:checked+.viewTabs-item-tab .numericBadge.is-loading,.viewTabs-item-tab[aria-selected=true] .numericBadge.is-loading{--components-numericBadge-loadingColor: var(--palettes-product-500);--components-numericBadge-color: transparent}.segmentedControl-item-action:disabled,.segmentedControl-item-input:disabled~.segmentedControl-item-action{--components-segmentedControl-background: var(--palettes-neutral-100);--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200);--components-segmentedControl-color: var(--pr-t-color-text-disabled);--components-segmentedControl-cursor: default}.segmentedControl-item-action:disabled .numericBadge,.segmentedControl-item-input:disabled~.segmentedControl-item-action .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}.segmentedControl-item-action:disabled .numericBadge.is-loading,.segmentedControl-item-input:disabled~.segmentedControl-item-action .numericBadge.is-loading{--components-numericBadge-color: transparent}.segmentedControl_panel:not(.is-active,.active),.viewTabs_panel:not(.is-active,.active){--components-segmentedControl-display: none}}\n"] }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SegmentedControlTabsComponent, SegmentedControlTabsPanelComponent };
-//# sourceMappingURL=lucca-front-ng-segmented-control-tabs.mjs.map

package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"lucca-front-ng-segmented-control-tabs.mjs","sources":["../../../packages/ng/segmented-control-tabs/segmented-control-tabs.token.ts","../../../packages/ng/segmented-control-tabs/panel/panel.component.ts","../../../packages/ng/segmented-control-tabs/segmented-control-tabs.component.ts","../../../packages/ng/segmented-control-tabs/segmented-control-tabs.component.html","../../../packages/ng/segmented-control-tabs/lucca-front-ng-segmented-control-tabs.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { SegmentedControlTabsComponent } from './segmented-control-tabs.component';\n\nexport const LU_SEGMENTEDCONTROLTABS_INSTANCE = new InjectionToken<SegmentedControlTabsComponent>('LU_SEGMENTEDCONTROLTABS_INSTANCE');\n","import { Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { PortalContent } from '@lucca-front/ng/core';\nimport { LU_SEGMENTEDCONTROLTABS_INSTANCE } from '../segmented-control-tabs.token';\n\nlet nextId = 0;\n\n@Component({\n\tselector: 'lu-segmented-control-tabs-panel',\n\ttemplate: '<ng-content />',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'segmentedControl_panel',\n\t\trole: 'tabpanel',\n\t\t'[tabindex]': '0',\n\t\t'[class.is-active]': 'segmentedControlTabsRef.active() === this.value()',\n\t\t'[id]': 'this.panelId',\n\t\t'[attr.aria-labelledby]': 'this.labelId',\n\t},\n})\nexport class SegmentedControlTabsPanelComponent<T = unknown> {\n\tprotected segmentedControlTabsRef = inject(LU_SEGMENTEDCONTROLTABS_INSTANCE);\n\tlabel = input<PortalContent>();\n\tvalue = input.required<T>();\n\n\tid = nextId++;\n\n\tpanelId = `panel${this.id}`;\n\tlabelId = `tab${this.id}`;\n}\n","import { AfterContentInit, booleanAttribute, Component, computed, contentChildren, ElementRef, forwardRef, input, model, viewChildren, ViewEncapsulation } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { PortalDirective } from '@lucca-front/ng/core';\nimport { NoopValueAccessorDirective } from '@lucca-front/ng/forms';\nimport { SegmentedControlTabsPanelComponent } from './public-api';\nimport { LU_SEGMENTEDCONTROLTABS_INSTANCE } from './segmented-control-tabs.token';\n\nlet nextId = 0;\n\n@Component({\n\tselector: 'lu-segmented-control-tabs',\n\ttemplateUrl: './segmented-control-tabs.component.html',\n\tstyleUrl: './segmented-control-tabs.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\timports: [ReactiveFormsModule, PortalDirective],\n\thostDirectives: [NoopValueAccessorDirective],\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_SEGMENTEDCONTROLTABS_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => SegmentedControlTabsComponent),\n\t\t},\n\t],\n})\nexport class SegmentedControlTabsComponent<T = unknown> implements AfterContentInit {\n\tsmall = input(false, { transform: booleanAttribute });\n\tvertical = input(false, { transform: booleanAttribute });\n\n\tid = `segmentedControl${nextId++}`;\n\n\ttabs = contentChildren<SegmentedControlTabsPanelComponent<T>>(SegmentedControlTabsPanelComponent);\n\ttabButtons = viewChildren<ElementRef<HTMLButtonElement>>('tabButton');\n\n\tactive = model<T>(null);\n\n\tcurrentIndex = computed(() => this.tabs().findIndex((tab) => tab.value() === this.active()));\n\n\tprevious() {\n\t\tlet newIndex = this.currentIndex() - 1;\n\t\tif (newIndex < 0) {\n\t\t\tnewIndex = this.tabs().length - 1;\n\t\t}\n\t\tthis.setActiveTab(newIndex);\n\t}\n\n\tnext() {\n\t\tlet newIndex = this.currentIndex() + 1;\n\t\tif (newIndex >= this.tabs().length) {\n\t\t\tnewIndex = 0;\n\t\t}\n\t\tthis.setActiveTab(newIndex);\n\t}\n\n\tsetActiveTab(index: number) {\n\t\tthis.active.set(this.tabs()[index].value());\n\t\tthis.tabButtons()[index].nativeElement.focus();\n\t}\n\n\tngAfterContentInit(): void {\n\t\tif (this.active() === null) {\n\t\t\tthis.active.set(this.tabs()[0].value());\n\t\t}\n\t}\n}\n","<ul class=\"segmentedControl\" role=\"tablist\" [class.mod-S]=\"small()\" [class.mod-vertical]=\"vertical()\">\n\t@for (panel of tabs(); track panel.id) {\n\t\t<li class=\"segmentedControl-item\" role=\"presentation\">\n\t\t\t<button\n\t\t\t\t#tabButton\n\t\t\t\tclass=\"segmentedControl-item-action\"\n\t\t\t\ttype=\"button\"\n\t\t\t\trole=\"tab\"\n\t\t\t\t[attr.id]=\"panel.labelId\"\n\t\t\t\t[attr.aria-controls]=\"panel.value()\"\n\t\t\t\t[attr.aria-selected]=\"active() === panel.value()\"\n\t\t\t\t[attr.tabindex]=\"active() !== panel.value() ? '-1' : null\"\n\t\t\t\t(click)=\"active.set(panel.value())\"\n\t\t\t\t(keydown.arrowleft)=\"$event.preventDefault(); previous()\"\n\t\t\t\t(keydown.arrowup)=\"$event.preventDefault(); previous()\"\n\t\t\t\t(keydown.arrowright)=\"$event.preventDefault(); next()\"\n\t\t\t\t(keydown.arrowdown)=\"$event.preventDefault(); next()\"\n\t\t\t>\n\t\t\t\t<ng-container *luPortal=\"panel.label()\" />\n\t\t\t</button>\n\t\t</li>\n\t}\n</ul>\n<ng-content />\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["nextId"],"mappings":"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"}

package/fesm2022/lucca-front-ng-segmented-control.mjs

@@ -1,71 +0,0 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, inject, input, booleanAttribute, ViewEncapsulation, Component, forwardRef } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-import { PortalDirective } from '@lucca-front/ng/core';
-import * as i1$1 from '@lucca-front/ng/forms';
-import { injectNgControl, NoopValueAccessorDirective } from '@lucca-front/ng/forms';
-
-const LU_SEGMENTEDCONTROL_INSTANCE = new InjectionToken('LU_SEGMENTEDCONTROL_INSTANCE');
-
-let nextId$1 = 0;
-class SegmentedControlFilterComponent {
-    constructor() {
-        this.segmentedControlRef = inject(LU_SEGMENTEDCONTROL_INSTANCE);
-        this.disabled = input(false, { transform: booleanAttribute });
-        this.value = input.required();
-        this.id = `${this.segmentedControlRef.id}item${nextId$1++}`;
-        this.name = this.segmentedControlRef.id;
-        this.label = input();
-    }
-    get formControl() {
-        return this.segmentedControlRef.ngControl.control;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SegmentedControlFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.2", type: SegmentedControlFilterComponent, isStandalone: true, selector: "lu-segmented-control-filter", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, classAttribute: "segmentedControl-item" }, ngImport: i0, template: "<input\n\ttype=\"radio\"\n\tclass=\"segmentedControl-item-input\"\n\t[name]=\"name\"\n\t[attr.name]=\"name\"\n\t[formControl]=\"formControl\"\n\t[value]=\"value()\"\n\t[attr.id]=\"id\"\n\t[attr.disabled]=\"formControl.disabled || disabled() ? 'disabled' : null\"\n/>\n<label [attr.for]=\"id\" class=\"segmentedControl-item-action\">\n\t<ng-container *luPortal=\"label()\" />\n</label>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SegmentedControlFilterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lu-segmented-control-filter', encapsulation: ViewEncapsulation.None, imports: [ReactiveFormsModule, PortalDirective], host: {
-                        class: 'segmentedControl-item',
-                        role: 'listitem',
-                    }, template: "<input\n\ttype=\"radio\"\n\tclass=\"segmentedControl-item-input\"\n\t[name]=\"name\"\n\t[attr.name]=\"name\"\n\t[formControl]=\"formControl\"\n\t[value]=\"value()\"\n\t[attr.id]=\"id\"\n\t[attr.disabled]=\"formControl.disabled || disabled() ? 'disabled' : null\"\n/>\n<label [attr.for]=\"id\" class=\"segmentedControl-item-action\">\n\t<ng-container *luPortal=\"label()\" />\n</label>\n" }]
-        }] });
-
-let nextId = 0;
-class SegmentedControlComponent {
-    constructor() {
-        this.ngControl = injectNgControl();
-        this.small = input(false, { transform: booleanAttribute });
-        this.vertical = input(false, { transform: booleanAttribute });
-        this.id = `segmentedControl${nextId++}`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SegmentedControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.2", type: SegmentedControlComponent, isStandalone: true, selector: "lu-segmented-control", inputs: { small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "class.mod-S": "small()", "class.mod-vertical": "vertical()" }, classAttribute: "segmentedControl" }, providers: [
-            {
-                provide: LU_SEGMENTEDCONTROL_INSTANCE,
-                useExisting: forwardRef(() => SegmentedControlComponent),
-            },
-        ], hostDirectives: [{ directive: i1$1.NoopValueAccessorDirective }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer components{.segmentedControl,.viewTabs{--components-segmentedControl-borderRadius: var(--pr-t-border-radius-default);--components-segmentedControl-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-segmentedControl-font: var(--pr-t-font-body-M);--components-segmentedControl-background: transparent;--components-segmentedControl-shadow: none;--components-segmentedControl-color: var(--pr-t-color-text);--components-segmentedControl-cursor: pointer;--components-segmentedControl-dividerInset: var(--pr-t-spacings-100);--components-segmentedControl-direction: row;--components-segmentedControl-width: fit-content;--components-segmentedControl-zIndex: 0;--components-segmentedControl-wrap: wrap;--components-segmentedControl-whiteSpace: normal;padding:0;margin:0;list-style-type:none;display:flex;flex-wrap:var(--components-segmentedControl-wrap);inline-size:var(--components-segmentedControl-width);flex-direction:var(--components-segmentedControl-direction);box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-neutral-100);border-radius:var(--components-segmentedControl-borderRadius);background-color:var(--palettes-neutral-0);font:var(--components-segmentedControl-font);gap:var(--commons-divider-width);white-space:var(--components-segmentedControl-whiteSpace)}.segmentedControl-item-input{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.segmentedControl-item-input:focus-visible+.segmentedControl-item-action{outline:2px solid var(--palettes-product-700);outline-offset:3px}.segmentedControl-item,.viewTabs-item{flex-grow:1;position:relative;z-index:1}.segmentedControl-item:before,.segmentedControl-item:after,.viewTabs-item:before,.viewTabs-item:after{content:\"\";border-width:0;inset:var(--components-segmentedControl-dividerInset);border-color:var(--palettes-neutral-100);position:absolute;border-style:solid}.segmentedControl-item:before,.viewTabs-item:before{inset-inline-end:calc(var(--commons-divider-width) * -1);border-inline-start-width:var(--commons-divider-width);inset-inline-start:auto}.segmentedControl-item:after,.viewTabs-item:after{inset-block-end:calc(var(--commons-divider-width) * -1);border-block-start-width:var(--commons-divider-width);inset-block-start:auto}.segmentedControl-item-action,.viewTabs-item-tab{inline-size:100%;border:0;margin:0;padding:var(--components-segmentedControl-padding);background-color:var(--components-segmentedControl-background);box-shadow:var(--components-segmentedControl-shadow);border-radius:var(--components-segmentedControl-borderRadius);gap:var(--pr-t-spacings-100);color:var(--components-segmentedControl-color);text-align:center;justify-content:center;display:flex;align-items:center;position:relative;cursor:var(--components-segmentedControl-cursor);z-index:var(--components-segmentedControl-zIndex);font:inherit;transition-property:box-shadow;transition-duration:var(--commons-animations-durations-fast)}.segmentedControl-item-action:focus-visible,.viewTabs-item-tab:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.segmentedControl-item-action:hover,.viewTabs-item-tab:hover{--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-product-400), var(--pr-t-elevation-shadow-raised);--components-segmentedControl-zIndex: 1}.segmentedControl-item-action:active,.viewTabs-item-tab:active{--components-segmentedControl-background: var(--palettes-neutral-0);--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-product-500), var(--pr-t-elevation-shadow-raised)}.segmentedControl_panel,.viewTabs_panel{display:var(--components-segmentedControl-display, block);border-radius:var(--pr-t-border-radius-default)}.segmentedControl_panel:focus-visible,.viewTabs_panel:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}}@layer mods{.segmentedControl.mod-S,.viewTabs.mod-S{--components-segmentedControl-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-segmentedControl-font: var(--pr-t-font-body-S);--components-segmentedControl-dividerInset: var(--pr-t-spacings-75)}.segmentedControl.mod-S .numericBadge,.viewTabs.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.segmentedControl.mod-vertical,.viewTabs.mod-vertical{--components-segmentedControl-direction: column;--components-segmentedControl-width: auto}@media not all and (min-width: 30em){.segmentedControl,.viewTabs{--components-segmentedControl-direction: column;--components-segmentedControl-width: auto}}}@layer mods{.segmentedControl-item-input:checked+.segmentedControl-item-action,.segmentedControl-item-action[aria-selected=true],.segmentedControl-item-input:checked+.viewTabs-item-tab,.viewTabs-item-tab[aria-selected=true]{--components-segmentedControl-background: var(--palettes-product-50);--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-segmentedControl-color: var(--palettes-product-800);--components-segmentedControl-cursor: default;--components-segmentedControl-backgroundContent: none;--components-segmentedControl-zIndex: 1}.segmentedControl-item-input:checked+.segmentedControl-item-action .numericBadge,.segmentedControl-item-action[aria-selected=true] .numericBadge,.segmentedControl-item-input:checked+.viewTabs-item-tab .numericBadge,.viewTabs-item-tab[aria-selected=true] .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.segmentedControl-item-input:checked+.segmentedControl-item-action .numericBadge.is-loading,.segmentedControl-item-action[aria-selected=true] .numericBadge.is-loading,.segmentedControl-item-input:checked+.viewTabs-item-tab .numericBadge.is-loading,.viewTabs-item-tab[aria-selected=true] .numericBadge.is-loading{--components-numericBadge-loadingColor: var(--palettes-product-500);--components-numericBadge-color: transparent}.segmentedControl-item-action:disabled,.segmentedControl-item-input:disabled~.segmentedControl-item-action{--components-segmentedControl-background: var(--palettes-neutral-100);--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200);--components-segmentedControl-color: var(--pr-t-color-text-disabled);--components-segmentedControl-cursor: default}.segmentedControl-item-action:disabled .numericBadge,.segmentedControl-item-input:disabled~.segmentedControl-item-action .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}.segmentedControl-item-action:disabled .numericBadge.is-loading,.segmentedControl-item-input:disabled~.segmentedControl-item-action .numericBadge.is-loading{--components-numericBadge-color: transparent}.segmentedControl_panel:not(.is-active,.active),.viewTabs_panel:not(.is-active,.active){--components-segmentedControl-display: none}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SegmentedControlComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lu-segmented-control', template: '<ng-content />', encapsulation: ViewEncapsulation.None, imports: [ReactiveFormsModule], hostDirectives: [NoopValueAccessorDirective], host: {
-                        role: 'presentation',
-                        class: 'segmentedControl',
-                        '[class.mod-S]': 'small()',
-                        '[class.mod-vertical]': 'vertical()',
-                    }, providers: [
-                        {
-                            provide: LU_SEGMENTEDCONTROL_INSTANCE,
-                            useExisting: forwardRef(() => SegmentedControlComponent),
-                        },
-                    ], styles: ["@layer components{.segmentedControl,.viewTabs{--components-segmentedControl-borderRadius: var(--pr-t-border-radius-default);--components-segmentedControl-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-segmentedControl-font: var(--pr-t-font-body-M);--components-segmentedControl-background: transparent;--components-segmentedControl-shadow: none;--components-segmentedControl-color: var(--pr-t-color-text);--components-segmentedControl-cursor: pointer;--components-segmentedControl-dividerInset: var(--pr-t-spacings-100);--components-segmentedControl-direction: row;--components-segmentedControl-width: fit-content;--components-segmentedControl-zIndex: 0;--components-segmentedControl-wrap: wrap;--components-segmentedControl-whiteSpace: normal;padding:0;margin:0;list-style-type:none;display:flex;flex-wrap:var(--components-segmentedControl-wrap);inline-size:var(--components-segmentedControl-width);flex-direction:var(--components-segmentedControl-direction);box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-neutral-100);border-radius:var(--components-segmentedControl-borderRadius);background-color:var(--palettes-neutral-0);font:var(--components-segmentedControl-font);gap:var(--commons-divider-width);white-space:var(--components-segmentedControl-whiteSpace)}.segmentedControl-item-input{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.segmentedControl-item-input:focus-visible+.segmentedControl-item-action{outline:2px solid var(--palettes-product-700);outline-offset:3px}.segmentedControl-item,.viewTabs-item{flex-grow:1;position:relative;z-index:1}.segmentedControl-item:before,.segmentedControl-item:after,.viewTabs-item:before,.viewTabs-item:after{content:\"\";border-width:0;inset:var(--components-segmentedControl-dividerInset);border-color:var(--palettes-neutral-100);position:absolute;border-style:solid}.segmentedControl-item:before,.viewTabs-item:before{inset-inline-end:calc(var(--commons-divider-width) * -1);border-inline-start-width:var(--commons-divider-width);inset-inline-start:auto}.segmentedControl-item:after,.viewTabs-item:after{inset-block-end:calc(var(--commons-divider-width) * -1);border-block-start-width:var(--commons-divider-width);inset-block-start:auto}.segmentedControl-item-action,.viewTabs-item-tab{inline-size:100%;border:0;margin:0;padding:var(--components-segmentedControl-padding);background-color:var(--components-segmentedControl-background);box-shadow:var(--components-segmentedControl-shadow);border-radius:var(--components-segmentedControl-borderRadius);gap:var(--pr-t-spacings-100);color:var(--components-segmentedControl-color);text-align:center;justify-content:center;display:flex;align-items:center;position:relative;cursor:var(--components-segmentedControl-cursor);z-index:var(--components-segmentedControl-zIndex);font:inherit;transition-property:box-shadow;transition-duration:var(--commons-animations-durations-fast)}.segmentedControl-item-action:focus-visible,.viewTabs-item-tab:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.segmentedControl-item-action:hover,.viewTabs-item-tab:hover{--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-product-400), var(--pr-t-elevation-shadow-raised);--components-segmentedControl-zIndex: 1}.segmentedControl-item-action:active,.viewTabs-item-tab:active{--components-segmentedControl-background: var(--palettes-neutral-0);--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-product-500), var(--pr-t-elevation-shadow-raised)}.segmentedControl_panel,.viewTabs_panel{display:var(--components-segmentedControl-display, block);border-radius:var(--pr-t-border-radius-default)}.segmentedControl_panel:focus-visible,.viewTabs_panel:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}}@layer mods{.segmentedControl.mod-S,.viewTabs.mod-S{--components-segmentedControl-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-segmentedControl-font: var(--pr-t-font-body-S);--components-segmentedControl-dividerInset: var(--pr-t-spacings-75)}.segmentedControl.mod-S .numericBadge,.viewTabs.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.segmentedControl.mod-vertical,.viewTabs.mod-vertical{--components-segmentedControl-direction: column;--components-segmentedControl-width: auto}@media not all and (min-width: 30em){.segmentedControl,.viewTabs{--components-segmentedControl-direction: column;--components-segmentedControl-width: auto}}}@layer mods{.segmentedControl-item-input:checked+.segmentedControl-item-action,.segmentedControl-item-action[aria-selected=true],.segmentedControl-item-input:checked+.viewTabs-item-tab,.viewTabs-item-tab[aria-selected=true]{--components-segmentedControl-background: var(--palettes-product-50);--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-segmentedControl-color: var(--palettes-product-800);--components-segmentedControl-cursor: default;--components-segmentedControl-backgroundContent: none;--components-segmentedControl-zIndex: 1}.segmentedControl-item-input:checked+.segmentedControl-item-action .numericBadge,.segmentedControl-item-action[aria-selected=true] .numericBadge,.segmentedControl-item-input:checked+.viewTabs-item-tab .numericBadge,.viewTabs-item-tab[aria-selected=true] .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.segmentedControl-item-input:checked+.segmentedControl-item-action .numericBadge.is-loading,.segmentedControl-item-action[aria-selected=true] .numericBadge.is-loading,.segmentedControl-item-input:checked+.viewTabs-item-tab .numericBadge.is-loading,.viewTabs-item-tab[aria-selected=true] .numericBadge.is-loading{--components-numericBadge-loadingColor: var(--palettes-product-500);--components-numericBadge-color: transparent}.segmentedControl-item-action:disabled,.segmentedControl-item-input:disabled~.segmentedControl-item-action{--components-segmentedControl-background: var(--palettes-neutral-100);--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200);--components-segmentedControl-color: var(--pr-t-color-text-disabled);--components-segmentedControl-cursor: default}.segmentedControl-item-action:disabled .numericBadge,.segmentedControl-item-input:disabled~.segmentedControl-item-action .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}.segmentedControl-item-action:disabled .numericBadge.is-loading,.segmentedControl-item-input:disabled~.segmentedControl-item-action .numericBadge.is-loading{--components-numericBadge-color: transparent}.segmentedControl_panel:not(.is-active,.active),.viewTabs_panel:not(.is-active,.active){--components-segmentedControl-display: none}}\n"] }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SegmentedControlComponent, SegmentedControlFilterComponent };
-//# sourceMappingURL=lucca-front-ng-segmented-control.mjs.map

package/fesm2022/lucca-front-ng-segmented-control.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"lucca-front-ng-segmented-control.mjs","sources":["../../../packages/ng/segmented-control/segmented-control.token.ts","../../../packages/ng/segmented-control/filter/filter.component.ts","../../../packages/ng/segmented-control/filter/filter.component.html","../../../packages/ng/segmented-control/segmented-control.component.ts","../../../packages/ng/segmented-control/lucca-front-ng-segmented-control.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { SegmentedControlComponent } from './segmented-control.component';\n\nexport const LU_SEGMENTEDCONTROL_INSTANCE = new InjectionToken<SegmentedControlComponent>('LU_SEGMENTEDCONTROL_INSTANCE');\n","import { booleanAttribute, Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { LU_SEGMENTEDCONTROL_INSTANCE } from '../segmented-control.token';\n\nlet nextId = 0;\n\n@Component({\n\tselector: 'lu-segmented-control-filter',\n\ttemplateUrl: './filter.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\timports: [ReactiveFormsModule, PortalDirective],\n\thost: {\n\t\tclass: 'segmentedControl-item',\n\t\trole: 'listitem',\n\t},\n})\nexport class SegmentedControlFilterComponent<T = unknown> {\n\tprotected segmentedControlRef = inject(LU_SEGMENTEDCONTROL_INSTANCE);\n\n\tdisabled = input(false, { transform: booleanAttribute });\n\n\tvalue = input.required<T>();\n\n\tid = `${this.segmentedControlRef.id}item${nextId++}`;\n\tname = this.segmentedControlRef.id;\n\n\tlabel = input<PortalContent>();\n\n\tpublic get formControl() {\n\t\treturn this.segmentedControlRef.ngControl.control;\n\t}\n}\n","<input\n\ttype=\"radio\"\n\tclass=\"segmentedControl-item-input\"\n\t[name]=\"name\"\n\t[attr.name]=\"name\"\n\t[formControl]=\"formControl\"\n\t[value]=\"value()\"\n\t[attr.id]=\"id\"\n\t[attr.disabled]=\"formControl.disabled || disabled() ? 'disabled' : null\"\n/>\n<label [attr.for]=\"id\" class=\"segmentedControl-item-action\">\n\t<ng-container *luPortal=\"label()\" />\n</label>\n","import { booleanAttribute, Component, forwardRef, input, ViewEncapsulation } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { injectNgControl, NoopValueAccessorDirective } from '@lucca-front/ng/forms';\nimport { LU_SEGMENTEDCONTROL_INSTANCE } from './segmented-control.token';\n\nlet nextId = 0;\n\n@Component({\n\tselector: 'lu-segmented-control',\n\ttemplate: '<ng-content />',\n\tstyleUrl: './segmented-control.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\timports: [ReactiveFormsModule],\n\thostDirectives: [NoopValueAccessorDirective],\n\thost: {\n\t\trole: 'presentation',\n\t\tclass: 'segmentedControl',\n\t\t'[class.mod-S]': 'small()',\n\t\t'[class.mod-vertical]': 'vertical()',\n\t},\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_SEGMENTEDCONTROL_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => SegmentedControlComponent),\n\t\t},\n\t],\n})\nexport class SegmentedControlComponent {\n\tngControl = injectNgControl();\n\n\tsmall = input(false, { transform: booleanAttribute });\n\tvertical = input(false, { transform: booleanAttribute });\n\n\tid = `segmentedControl${nextId++}`;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["nextId","i1"],"mappings":"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"}

package/fesm2022/lucca-front-ng-sortable-list.mjs

@@ -1,43 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, output, ViewEncapsulation, ChangeDetectionStrategy, Component, contentChildren } from '@angular/core';
-import { ClearComponent } from '@lucca-front/ng/clear';
-
-class SortableListItemComponent {
-    constructor() {
-        this.label = input.required();
-        this.helperMessage = input();
-        this.clickable = input(false, { transform: booleanAttribute });
-        this.unclearable = input(false, { transform: booleanAttribute });
-        this.delete = output();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SortableListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: SortableListItemComponent, isStandalone: true, selector: "lu-sortable-list-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, unclearable: { classPropertyName: "unclearable", publicName: "unclearable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { delete: "delete" }, host: { attributes: { "role": "listitem" }, properties: { "class.mod-clickable": "clickable()" }, classAttribute: "sortableList-item" }, ngImport: i0, template: "<div class=\"sortableList-item-handler\"></div>\n<div class=\"sortableList-item-content\">\n\t<p class=\"sortableList-item-content-description\">{{ label() }}</p>\n\t@if (helperMessage()?.length) {\n\t\t<p class=\"sortableList-item-content-helper\">{{ helperMessage() }}</p>\n\t}\n</div>\n@if (!unclearable()) {\n\t<lu-clear class=\"sortableList-clear\" (onClear)=\"delete.emit()\" />\n}\n", styles: ["@charset \"UTF-8\";@layer components{.sortableList{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight);background-color:var(--pr-t-elevation-surface-raised);border:var(--commons-divider-width) solid var(--commons-divider-color);border-radius:var(--pr-t-border-radius-default);list-style:none;padding:0}.sortableList-item{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;color:var(--pr-t-color-text);display:flex;position:relative;text-decoration:none;gap:var(--pr-t-spacings-100);padding:var(--components-sortableList-padding)}.sortableList-item:last-child{border:0}.sortableList-item-content{color:var(--pr-t-color-text);text-decoration:none;inline-size:100%}.sortableList-item-content-description{margin:0;font:var(--components-sortableList-description-font);font-size:var(--components-sortableList-description-fontSize);line-height:var(--components-sortableList-description-lineHeight)}.sortableList-item-content-helper{margin:0;color:var(--palettes-neutral-600);font:var(--components-sortableList-helper-font)}.sortableList-item-actions{margin-inline-start:auto;white-space:nowrap;padding-inline-start:0}.sortableList-item-handler{color:var(--palettes-neutral-600);font-size:var(--components-sortableList-handler-size);cursor:move}.sortableList-item-handler:before{--icon-content: \"\\e9a4\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;vertical-align:top}.sortableList-clear{margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.sortableList.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}}@layer mods{.sortableList-item.mod-clickable{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;text-decoration:none;cursor:pointer}.sortableList-item.mod-clickable:hover{background-color:var(--palettes-neutral-50)}}\n"], dependencies: [{ kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["size", "disabled", "product", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SortableListItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lu-sortable-list-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ClearComponent], host: {
-                        class: 'sortableList-item',
-                        '[class.mod-clickable]': 'clickable()',
-                        role: 'listitem',
-                    }, template: "<div class=\"sortableList-item-handler\"></div>\n<div class=\"sortableList-item-content\">\n\t<p class=\"sortableList-item-content-description\">{{ label() }}</p>\n\t@if (helperMessage()?.length) {\n\t\t<p class=\"sortableList-item-content-helper\">{{ helperMessage() }}</p>\n\t}\n</div>\n@if (!unclearable()) {\n\t<lu-clear class=\"sortableList-clear\" (onClear)=\"delete.emit()\" />\n}\n", styles: ["@charset \"UTF-8\";@layer components{.sortableList{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight);background-color:var(--pr-t-elevation-surface-raised);border:var(--commons-divider-width) solid var(--commons-divider-color);border-radius:var(--pr-t-border-radius-default);list-style:none;padding:0}.sortableList-item{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;color:var(--pr-t-color-text);display:flex;position:relative;text-decoration:none;gap:var(--pr-t-spacings-100);padding:var(--components-sortableList-padding)}.sortableList-item:last-child{border:0}.sortableList-item-content{color:var(--pr-t-color-text);text-decoration:none;inline-size:100%}.sortableList-item-content-description{margin:0;font:var(--components-sortableList-description-font);font-size:var(--components-sortableList-description-fontSize);line-height:var(--components-sortableList-description-lineHeight)}.sortableList-item-content-helper{margin:0;color:var(--palettes-neutral-600);font:var(--components-sortableList-helper-font)}.sortableList-item-actions{margin-inline-start:auto;white-space:nowrap;padding-inline-start:0}.sortableList-item-handler{color:var(--palettes-neutral-600);font-size:var(--components-sortableList-handler-size);cursor:move}.sortableList-item-handler:before{--icon-content: \"\\e9a4\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;vertical-align:top}.sortableList-clear{margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.sortableList.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}}@layer mods{.sortableList-item.mod-clickable{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;text-decoration:none;cursor:pointer}.sortableList-item.mod-clickable:hover{background-color:var(--palettes-neutral-50)}}\n"] }]
-        }] });
-
-class SortableListComponent {
-    constructor() {
-        this.small = input(false, { transform: booleanAttribute });
-        this.sortableListItems = contentChildren(SortableListItemComponent, { descendants: true });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SortableListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: SortableListComponent, isStandalone: true, selector: "lu-sortable-list", inputs: { small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "sortableListItems", predicate: SortableListItemComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ul class=\"sortableList\" [class.mod-S]=\"small()\">\n\t@if (sortableListItems().length) {\n\t\t<ng-content />\n\t}\n</ul>\n", styles: ["@charset \"UTF-8\";@layer components{.sortableList{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight);background-color:var(--pr-t-elevation-surface-raised);border:var(--commons-divider-width) solid var(--commons-divider-color);border-radius:var(--pr-t-border-radius-default);list-style:none;padding:0}.sortableList-item{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;color:var(--pr-t-color-text);display:flex;position:relative;text-decoration:none;gap:var(--pr-t-spacings-100);padding:var(--components-sortableList-padding)}.sortableList-item:last-child{border:0}.sortableList-item-content{color:var(--pr-t-color-text);text-decoration:none;inline-size:100%}.sortableList-item-content-description{margin:0;font:var(--components-sortableList-description-font);font-size:var(--components-sortableList-description-fontSize);line-height:var(--components-sortableList-description-lineHeight)}.sortableList-item-content-helper{margin:0;color:var(--palettes-neutral-600);font:var(--components-sortableList-helper-font)}.sortableList-item-actions{margin-inline-start:auto;white-space:nowrap;padding-inline-start:0}.sortableList-item-handler{color:var(--palettes-neutral-600);font-size:var(--components-sortableList-handler-size);cursor:move}.sortableList-item-handler:before{--icon-content: \"\\e9a4\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;vertical-align:top}.sortableList-clear{margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.sortableList.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}}@layer mods{.sortableList-item.mod-clickable{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;text-decoration:none;cursor:pointer}.sortableList-item.mod-clickable:hover{background-color:var(--palettes-neutral-50)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SortableListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lu-sortable-list', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ul class=\"sortableList\" [class.mod-S]=\"small()\">\n\t@if (sortableListItems().length) {\n\t\t<ng-content />\n\t}\n</ul>\n", styles: ["@charset \"UTF-8\";@layer components{.sortableList{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight);background-color:var(--pr-t-elevation-surface-raised);border:var(--commons-divider-width) solid var(--commons-divider-color);border-radius:var(--pr-t-border-radius-default);list-style:none;padding:0}.sortableList-item{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;color:var(--pr-t-color-text);display:flex;position:relative;text-decoration:none;gap:var(--pr-t-spacings-100);padding:var(--components-sortableList-padding)}.sortableList-item:last-child{border:0}.sortableList-item-content{color:var(--pr-t-color-text);text-decoration:none;inline-size:100%}.sortableList-item-content-description{margin:0;font:var(--components-sortableList-description-font);font-size:var(--components-sortableList-description-fontSize);line-height:var(--components-sortableList-description-lineHeight)}.sortableList-item-content-helper{margin:0;color:var(--palettes-neutral-600);font:var(--components-sortableList-helper-font)}.sortableList-item-actions{margin-inline-start:auto;white-space:nowrap;padding-inline-start:0}.sortableList-item-handler{color:var(--palettes-neutral-600);font-size:var(--components-sortableList-handler-size);cursor:move}.sortableList-item-handler:before{--icon-content: \"\\e9a4\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;vertical-align:top}.sortableList-clear{margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.sortableList.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}}@layer mods{.sortableList-item.mod-clickable{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;text-decoration:none;cursor:pointer}.sortableList-item.mod-clickable:hover{background-color:var(--palettes-neutral-50)}}\n"] }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SortableListComponent, SortableListItemComponent };
-//# sourceMappingURL=lucca-front-ng-sortable-list.mjs.map

package/fesm2022/lucca-front-ng-sortable-list.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"lucca-front-ng-sortable-list.mjs","sources":["../../../packages/ng/sortable-list/sortable-list-item/sortable-list-item.component.ts","../../../packages/ng/sortable-list/sortable-list-item/sortable-list-item.component.html","../../../packages/ng/sortable-list/sortable-list.component.ts","../../../packages/ng/sortable-list/sortable-list.component.html","../../../packages/ng/sortable-list/lucca-front-ng-sortable-list.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, output, ViewEncapsulation } from '@angular/core';\nimport { ClearComponent } from '@lucca-front/ng/clear';\n\n@Component({\n\tselector: 'lu-sortable-list-item',\n\tstandalone: true,\n\ttemplateUrl: './sortable-list-item.component.html',\n\tstyleUrl: './sortable-list-item.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [ClearComponent],\n\thost: {\n\t\tclass: 'sortableList-item',\n\t\t'[class.mod-clickable]': 'clickable()',\n\t\trole: 'listitem',\n\t},\n})\nexport class SortableListItemComponent {\n\tlabel = input.required<string>();\n\thelperMessage = input<string>();\n\tclickable = input(false, { transform: booleanAttribute });\n\tunclearable = input(false, { transform: booleanAttribute });\n\n\tdelete = output<void>();\n}\n","<div class=\"sortableList-item-handler\"></div>\n<div class=\"sortableList-item-content\">\n\t<p class=\"sortableList-item-content-description\">{{ label() }}</p>\n\t@if (helperMessage()?.length) {\n\t\t<p class=\"sortableList-item-content-helper\">{{ helperMessage() }}</p>\n\t}\n</div>\n@if (!unclearable()) {\n\t<lu-clear class=\"sortableList-clear\" (onClear)=\"delete.emit()\" />\n}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, contentChildren, input, ViewEncapsulation } from '@angular/core';\nimport { SortableListItemComponent } from './sortable-list-item';\n\n@Component({\n\tselector: 'lu-sortable-list',\n\tstandalone: true,\n\ttemplateUrl: './sortable-list.component.html',\n\tstyleUrl: './sortable-list.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class SortableListComponent {\n\tsmall = input(false, { transform: booleanAttribute });\n\n\tsortableListItems = contentChildren(SortableListItemComponent, { descendants: true });\n}\n","<ul class=\"sortableList\" [class.mod-S]=\"small()\">\n\t@if (sortableListItems().length) {\n\t\t<ng-content />\n\t}\n</ul>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/lucca-front-ng-status-badge.mjs

@@ -1,34 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, input, booleanAttribute, ViewEncapsulation, Component } from '@angular/core';
-import { LuClass } from '@lucca-front/ng/core';
-import * as i1 from '@lucca-front/ng/tooltip';
-import { LuTooltipModule } from '@lucca-front/ng/tooltip';
-
-class StatusBadgeComponent {
-    constructor() {
-        this.#luClass = inject(LuClass);
-        this.withEllipsis = input(false, { transform: booleanAttribute });
-        this.label = input.required();
-        this.size = input('M');
-        this.palette = input(null);
-    }
-    #luClass;
-    ngOnChanges() {
-        this.#luClass.setState({ [`palette-${this.palette()}`]: !!this.palette(), [`mod-${this.size()}`]: true });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: StatusBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: StatusBadgeComponent, isStandalone: true, selector: "lu-status-badge", inputs: { withEllipsis: { classPropertyName: "withEllipsis", publicName: "withEllipsis", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "statusBadge" }, providers: [LuClass], usesOnChanges: true, ngImport: i0, template: "@if (withEllipsis()) {\n\t<span class=\"statusBadge-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n} @else {\n\t{{ label() }}\n}\n", styles: ["@charset \"UTF-8\";@layer components{.statusBadge{--components-statusBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-statusBadge-dot-size: .5rem;--components-statusBadge-dot-top: var(--pr-t-spacings-50);align-items:flex-start;background-color:var(--palettes-100, var(--palettes-product-100));border-radius:var(--pr-t-border-radius-full);display:inline-flex;font-size:var(--components-statusBadge-fontSize);font-weight:var(--pr-t-font-fontWeight-regular);font-family:var(--pr-t-font-family);line-height:var(--components-statusBadge-lineHeight);gap:var(--pr-t-spacings-50);padding-block:calc(var(--pr-t-spacings-50) / 2);padding-inline:var(--pr-t-spacings-75) var(--pr-t-spacings-100);white-space:nowrap;max-inline-size:100%}.statusBadge:before{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--pr-t-border-radius-full);content:\"\\a0\"/\"\";display:block;block-size:var(--components-statusBadge-dot-size);flex-shrink:0;inline-size:var(--components-statusBadge-dot-size);inset-block-start:var(--components-statusBadge-dot-top);position:relative}.statusBadge-content{overflow:hidden;text-overflow:ellipsis;outline:none}}@layer mods{.statusBadge.mod-L{--components-statusBadge-fontSize: var(--pr-t-font-body-M-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-statusBadge-dot-size: .625rem;--components-statusBadge-dot-top: .325rem}}.statusBadge:has(.statusBadge-content:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:2px}\n"], dependencies: [{ kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor"], exportAs: ["luTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: StatusBadgeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lu-status-badge', encapsulation: ViewEncapsulation.None, providers: [LuClass], imports: [LuTooltipModule], host: {
-                        class: 'statusBadge',
-                    }, template: "@if (withEllipsis()) {\n\t<span class=\"statusBadge-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n} @else {\n\t{{ label() }}\n}\n", styles: ["@charset \"UTF-8\";@layer components{.statusBadge{--components-statusBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-statusBadge-dot-size: .5rem;--components-statusBadge-dot-top: var(--pr-t-spacings-50);align-items:flex-start;background-color:var(--palettes-100, var(--palettes-product-100));border-radius:var(--pr-t-border-radius-full);display:inline-flex;font-size:var(--components-statusBadge-fontSize);font-weight:var(--pr-t-font-fontWeight-regular);font-family:var(--pr-t-font-family);line-height:var(--components-statusBadge-lineHeight);gap:var(--pr-t-spacings-50);padding-block:calc(var(--pr-t-spacings-50) / 2);padding-inline:var(--pr-t-spacings-75) var(--pr-t-spacings-100);white-space:nowrap;max-inline-size:100%}.statusBadge:before{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--pr-t-border-radius-full);content:\"\\a0\"/\"\";display:block;block-size:var(--components-statusBadge-dot-size);flex-shrink:0;inline-size:var(--components-statusBadge-dot-size);inset-block-start:var(--components-statusBadge-dot-top);position:relative}.statusBadge-content{overflow:hidden;text-overflow:ellipsis;outline:none}}@layer mods{.statusBadge.mod-L{--components-statusBadge-fontSize: var(--pr-t-font-body-M-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-statusBadge-dot-size: .625rem;--components-statusBadge-dot-top: .325rem}}.statusBadge:has(.statusBadge-content:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:2px}\n"] }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { StatusBadgeComponent };
-//# sourceMappingURL=lucca-front-ng-status-badge.mjs.map

package/fesm2022/lucca-front-ng-status-badge.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"lucca-front-ng-status-badge.mjs","sources":["../../../packages/ng/status-badge/statusBadge.component.ts","../../../packages/ng/status-badge/statusBadge.component.html","../../../packages/ng/status-badge/lucca-front-ng-status-badge.ts"],"sourcesContent":["import { booleanAttribute, Component, inject, input, OnChanges, ViewEncapsulation } from '@angular/core';\nimport { LuClass, Palette } from '@lucca-front/ng/core';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\n\n@Component({\n\tselector: 'lu-status-badge',\n\ttemplateUrl: './statusBadge.component.html',\n\tstyleUrl: './statusBadge.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tproviders: [LuClass],\n\timports: [LuTooltipModule],\n\thost: {\n\t\tclass: 'statusBadge',\n\t},\n})\nexport class StatusBadgeComponent implements OnChanges {\n\t#luClass = inject(LuClass);\n\n\twithEllipsis = input(false, { transform: booleanAttribute });\n\n\tlabel = input.required<string>();\n\n\tsize = input<'L' | 'M'>('M');\n\n\tpalette = input<Palette | null>(null);\n\n\tngOnChanges(): void {\n\t\tthis.#luClass.setState({ [`palette-${this.palette()}`]: !!this.palette(), [`mod-${this.size()}`]: true });\n\t}\n}\n","@if (withEllipsis()) {\n\t<span class=\"statusBadge-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n} @else {\n\t{{ label() }}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAea,oBAAoB,CAAA;AAXjC,IAAA,WAAA,GAAA;AAYC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;QAE1B,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAE5D,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAU;AAEhC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAY,GAAG,CAAC;AAE5B,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAiB,IAAI,CAAC;AAKrC;AAbA,IAAA,QAAQ;IAUR,WAAW,GAAA;AACV,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAW,QAAA,EAAA,IAAI,CAAC,OAAO,EAAE,CAAE,CAAA,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,CAAC;;8GAZ9F,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,0mBANrB,CAAC,OAAO,CAAC,ECTrB,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,mKAKA,0oDDKW,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAKb,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAXhC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAGZ,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAC1B,SAAA,EAAA,CAAC,OAAO,CAAC,EACX,OAAA,EAAA,CAAC,eAAe,CAAC,EACpB,IAAA,EAAA;AACL,wBAAA,KAAK,EAAE,aAAa;AACpB,qBAAA,EAAA,QAAA,EAAA,mKAAA,EAAA,MAAA,EAAA,CAAA,mlDAAA,CAAA,EAAA;;;AEbF;;AAEG;;;;"}

package/fesm2022/lucca-front-ng-table-of-content.mjs

@@ -1,39 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, TemplateRef, Directive, contentChildren, ViewEncapsulation, Component } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
-
-class TableOfContentLinkDirective {
-    constructor() {
-        this.template = inject(TemplateRef);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: TableOfContentLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: TableOfContentLinkDirective, isStandalone: true, selector: "[luTableOfContentLink]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: TableOfContentLinkDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[luTableOfContentLink]',
-                }]
-        }] });
-
-class TableOfContentComponent {
-    constructor() {
-        this.links = contentChildren(TableOfContentLinkDirective);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: TableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: TableOfContentComponent, isStandalone: true, selector: "lu-table-of-content", host: { attributes: { "role": "navigation" }, classAttribute: "tableOfContent" }, queries: [{ propertyName: "links", predicate: TableOfContentLinkDirective, isSignal: true }], ngImport: i0, template: "<ul class=\"tableOfContent-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"tableOfContent-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ul>\n", styles: ["@layer components{.tableOfContent{--components-tableOfContent-default-palette-50: var(--palettes-product-50);--components-tableOfContent-default-palette-100: var(--palettes-product-100);--components-tableOfContent-default-palette-200: var(--palettes-product-200);--components-tableOfContent-default-palette-300: var(--palettes-product-300);--components-tableOfContent-default-palette-400: var(--palettes-product-400);--components-tableOfContent-default-palette-500: var(--palettes-product-500);--components-tableOfContent-default-palette-600: var(--palettes-product-600);--components-tableOfContent-default-palette-700: var(--palettes-product-700);--components-tableOfContent-default-palette-800: var(--palettes-product-800);--components-tableOfContent-default-palette-900: var(--palettes-product-900);--components-tableOfContent-item-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-tableOfContent-item-border-width: 2px;align-items:flex-start;display:flex;flex-direction:column;position:sticky}.tableOfContent-list{margin:0;padding:0;list-style-type:none}.tableOfContent-list-item-action,.tableOfContent-list-item>a{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;font:inherit;border-radius:var(--pr-t-border-radius-default);color:var(--palettes-neutral-700);cursor:pointer;display:block;outline:none;padding:var(--components-tableOfContent-item-padding);position:relative;transition:all var(--commons-animations-durations-standard);text-decoration:none;inline-size:auto}}@layer mods{.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:hover){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:focus){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-100, var(--components-tableOfContent-default-palette-100)),inset 0 0 0 1px var(--palettes-300, var(--components-tableOfContent-default-palette-300))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:active){background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active,.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active{background-color:var(--palettes-50, var(--components-tableOfContent-default-palette-50));color:var(--palettes-700, var(--components-tableOfContent-default-palette-700))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100));box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:active){background-color:var(--palettes-200, var(--components-tableOfContent-default-palette-200));box-shadow:0 0 0 4px var(--palettes-300, var(--components-tableOfContent-default-palette-300)),inset 0 0 0 1px var(--palettes-500, var(--components-tableOfContent-default-palette-500));color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:is(.disabled,.is-disabled,[disabled]),.tableOfContent-list-item>a:is(.disabled,.is-disabled,[disabled]){color:var(--palettes-neutral-500);pointer-events:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: TableOfContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lu-table-of-content', encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], host: {
-                        class: 'tableOfContent',
-                        role: 'navigation',
-                    }, template: "<ul class=\"tableOfContent-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"tableOfContent-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ul>\n", styles: ["@layer components{.tableOfContent{--components-tableOfContent-default-palette-50: var(--palettes-product-50);--components-tableOfContent-default-palette-100: var(--palettes-product-100);--components-tableOfContent-default-palette-200: var(--palettes-product-200);--components-tableOfContent-default-palette-300: var(--palettes-product-300);--components-tableOfContent-default-palette-400: var(--palettes-product-400);--components-tableOfContent-default-palette-500: var(--palettes-product-500);--components-tableOfContent-default-palette-600: var(--palettes-product-600);--components-tableOfContent-default-palette-700: var(--palettes-product-700);--components-tableOfContent-default-palette-800: var(--palettes-product-800);--components-tableOfContent-default-palette-900: var(--palettes-product-900);--components-tableOfContent-item-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-tableOfContent-item-border-width: 2px;align-items:flex-start;display:flex;flex-direction:column;position:sticky}.tableOfContent-list{margin:0;padding:0;list-style-type:none}.tableOfContent-list-item-action,.tableOfContent-list-item>a{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;font:inherit;border-radius:var(--pr-t-border-radius-default);color:var(--palettes-neutral-700);cursor:pointer;display:block;outline:none;padding:var(--components-tableOfContent-item-padding);position:relative;transition:all var(--commons-animations-durations-standard);text-decoration:none;inline-size:auto}}@layer mods{.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:hover){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:focus){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-100, var(--components-tableOfContent-default-palette-100)),inset 0 0 0 1px var(--palettes-300, var(--components-tableOfContent-default-palette-300))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:active){background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active,.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active{background-color:var(--palettes-50, var(--components-tableOfContent-default-palette-50));color:var(--palettes-700, var(--components-tableOfContent-default-palette-700))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100));box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:active){background-color:var(--palettes-200, var(--components-tableOfContent-default-palette-200));box-shadow:0 0 0 4px var(--palettes-300, var(--components-tableOfContent-default-palette-300)),inset 0 0 0 1px var(--palettes-500, var(--components-tableOfContent-default-palette-500));color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:is(.disabled,.is-disabled,[disabled]),.tableOfContent-list-item>a:is(.disabled,.is-disabled,[disabled]){color:var(--palettes-neutral-500);pointer-events:none}}\n"] }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TableOfContentComponent, TableOfContentLinkDirective };
-//# sourceMappingURL=lucca-front-ng-table-of-content.mjs.map

package/fesm2022/lucca-front-ng-table-of-content.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"lucca-front-ng-table-of-content.mjs","sources":["../../../packages/ng/table-of-content/table-of-content-link.directive.ts","../../../packages/ng/table-of-content/table-of-content.component.ts","../../../packages/ng/table-of-content/table-of-content.component.html","../../../packages/ng/table-of-content/lucca-front-ng-table-of-content.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n\tselector: '[luTableOfContentLink]',\n})\nexport class TableOfContentLinkDirective {\n\tpublic template = inject(TemplateRef);\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { Component, contentChildren, ViewEncapsulation } from '@angular/core';\nimport { TableOfContentLinkDirective } from './table-of-content-link.directive';\n\n@Component({\n\tselector: 'lu-table-of-content',\n\ttemplateUrl: './table-of-content.component.html',\n\tstyleUrl: './table-of-content.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\timports: [NgTemplateOutlet],\n\thost: {\n\t\tclass: 'tableOfContent',\n\t\trole: 'navigation',\n\t},\n})\nexport class TableOfContentComponent {\n\tlinks = contentChildren(TableOfContentLinkDirective);\n}\n","<ul class=\"tableOfContent-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"tableOfContent-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ul>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAKa,2BAA2B,CAAA;AAHxC,IAAA,WAAA,GAAA;AAIQ,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC;AACrC;8GAFY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,iBAAA;;;MCWY,uBAAuB,CAAA;AAXpC,IAAA,WAAA,GAAA;AAYC,QAAA,IAAA,CAAA,KAAK,GAAG,eAAe,CAAC,2BAA2B,CAAC;AACpD;8GAFY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EACX,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,YAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,2BAA2B,EChBpD,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,gNAOA,i2IDEW,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMd,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAXnC,SAAS;+BACC,qBAAqB,EAAA,aAAA,EAGhB,iBAAiB,CAAC,IAAI,WAC5B,CAAC,gBAAgB,CAAC,EACrB,IAAA,EAAA;AACL,wBAAA,KAAK,EAAE,gBAAgB;AACvB,wBAAA,IAAI,EAAE,YAAY;AAClB,qBAAA,EAAA,QAAA,EAAA,gNAAA,EAAA,MAAA,EAAA,CAAA,yyIAAA,CAAA,EAAA;;;AEbF;;AAEG;;;;"}