@crowdfarming/oliva-ds 1.87.0-rc.1 → 1.87.1-rc.1

package/fesm2022/crowdfarming-oliva-ds.mjs

@@ -6439,167 +6439,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
             args: [{ selector: 'lib-progress-bar', template: "<div\n  [class]=\"classes\"\n  role=\"progressbar\"\n  [attr.aria-label]=\"ariaLabel() || null\"\n  [attr.aria-valuenow]=\"clampedProgress()\"\n  aria-valuemin=\"0\"\n  aria-valuemax=\"100\"\n>\n  <div class=\"c-progress-bar__fill\" [style.width.%]=\"clampedProgress()\"></div>\n</div>\n", styles: [".c-progress-bar{position:relative;width:100%;background-color:var(--color-core-background-brand-soft);border-radius:var(--size-border-radius-full);overflow:hidden}.c-progress-bar--xs{height:.5rem}.c-progress-bar--sm{height:.75rem}.c-progress-bar--md{height:1rem}.c-progress-bar__fill{height:100%;background-color:var(--color-action-primary-content-default);border-radius:var(--size-border-radius-full);transition:width .3s ease-in-out}\n"] }]
         }] });
 
-class TooltipComponent {
-    text = '';
-    position = TooltipPosition.TOP;
-    get positionClass() {
-        return `position-${this.position}`;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: TooltipComponent, isStandalone: true, selector: "lib-tooltip", inputs: { text: "text", position: "position" }, host: { properties: { "class": "this.positionClass" } }, ngImport: i0, template: "<div class=\"c-tooltip\">\n  <span class=\"c-tooltip__text\">{{ text }}</span>\n</div>\n", styles: [":host{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.c-tooltip{position:relative;border-radius:var(--size-border-radius-sm);background:var(--color-core-background-surface-floating);display:flex;max-width:9rem;padding:var(--space-component-padding-md);flex-direction:column;justify-content:center;align-items:flex-start;color:var(--color-core-content-soft);font-family:var(--typography-body-xs-family);font-size:var(--typography-body-xs-size);font-style:normal;font-weight:var(--typography-body-xs-weight);line-height:var(--typography-body-xs-line-height);letter-spacing:var(--typography-body-xs-letter-spacing);animation:fadeIn .2s ease-in-out}.c-tooltip__text{max-width:280px}:host.position-top .c-tooltip{left:50%;transform:translate(-50%) translateY(-.5rem)}:host.position-top .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid var(--color-core-background-surface-floating);bottom:-.5rem;left:50%;transform:translate(-50%)}:host.position-bottom .c-tooltip{left:50%;transform:translate(-50%) translateY(.5rem)}:host.position-bottom .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid var(--color-core-background-surface-floating);top:-.5rem;left:50%;transform:translate(-50%)}:host.position-left .c-tooltip{top:50%;transform:translate(-.5rem) translateY(-50%)}:host.position-left .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:16px solid var(--color-core-background-surface-floating);right:-.5rem;top:50%;transform:translateY(-50%)}:host.position-right .c-tooltip{top:50%;transform:translate(.5rem) translateY(-50%)}:host.position-right .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-right:16px solid var(--color-core-background-surface-floating);left:-.5rem;top:50%;transform:translateY(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TooltipComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-tooltip', template: "<div class=\"c-tooltip\">\n  <span class=\"c-tooltip__text\">{{ text }}</span>\n</div>\n", styles: [":host{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.c-tooltip{position:relative;border-radius:var(--size-border-radius-sm);background:var(--color-core-background-surface-floating);display:flex;max-width:9rem;padding:var(--space-component-padding-md);flex-direction:column;justify-content:center;align-items:flex-start;color:var(--color-core-content-soft);font-family:var(--typography-body-xs-family);font-size:var(--typography-body-xs-size);font-style:normal;font-weight:var(--typography-body-xs-weight);line-height:var(--typography-body-xs-line-height);letter-spacing:var(--typography-body-xs-letter-spacing);animation:fadeIn .2s ease-in-out}.c-tooltip__text{max-width:280px}:host.position-top .c-tooltip{left:50%;transform:translate(-50%) translateY(-.5rem)}:host.position-top .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid var(--color-core-background-surface-floating);bottom:-.5rem;left:50%;transform:translate(-50%)}:host.position-bottom .c-tooltip{left:50%;transform:translate(-50%) translateY(.5rem)}:host.position-bottom .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid var(--color-core-background-surface-floating);top:-.5rem;left:50%;transform:translate(-50%)}:host.position-left .c-tooltip{top:50%;transform:translate(-.5rem) translateY(-50%)}:host.position-left .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:16px solid var(--color-core-background-surface-floating);right:-.5rem;top:50%;transform:translateY(-50%)}:host.position-right .c-tooltip{top:50%;transform:translate(.5rem) translateY(-50%)}:host.position-right .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-right:16px solid var(--color-core-background-surface-floating);left:-.5rem;top:50%;transform:translateY(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }]
-        }], propDecorators: { text: [{
-                type: Input
-            }], position: [{
-                type: Input
-            }], positionClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-var TooltipPosition;
-(function (TooltipPosition) {
-    TooltipPosition["TOP"] = "top";
-    TooltipPosition["BOTTOM"] = "bottom";
-    TooltipPosition["LEFT"] = "left";
-    TooltipPosition["RIGHT"] = "right";
-})(TooltipPosition || (TooltipPosition = {}));
-class TooltipDirective {
-    elementRef;
-    overlay;
-    positionBuilder;
-    libTooltip = '';
-    tooltipPosition = TooltipPosition.TOP;
-    tooltipForceOpen = false; // Development flag to force tooltip open. To delete when we have the final version of the tooltip.
-    overlayRef = null;
-    constructor(elementRef, overlay, positionBuilder) {
-        this.elementRef = elementRef;
-        this.overlay = overlay;
-        this.positionBuilder = positionBuilder;
-    }
-    show() {
-        if (this.overlayRef) {
-            return;
-        }
-        // 1. Create the position strategy based on the Input 'tooltipPosition'
-        const positionStrategy = this.positionBuilder
-            .flexibleConnectedTo(this.elementRef)
-            .withPositions([this.getPosition()]);
-        // 2. Create the overlay
-        this.overlayRef = this.overlay.create({ positionStrategy });
-        // 3. Create and attach the component portal
-        const tooltipPortal = new ComponentPortal(TooltipComponent);
-        const componentRef = this.overlayRef.attach(tooltipPortal);
-        // 4. Pass the text to the component
-        componentRef.instance.text = this.libTooltip;
-        componentRef.instance.position = this.tooltipPosition;
-    }
-    hide() {
-        // Don't hide if forceOpen is true. Useful to test the tooltip.
-        if (this.tooltipForceOpen) {
-            return;
-        }
-        if (this.overlayRef) {
-            this.overlayRef.dispose();
-            this.overlayRef = null;
-        }
-    }
-    // Clean up when the component that is launching the tooltip is destroyed
-    ngOnDestroy() {
-        this.hide();
-    }
-    /**
-     * Manually hide the tooltip. Useful to test the tooltip.
-     */
-    forceHide() {
-        if (this.overlayRef) {
-            this.overlayRef.dispose();
-            this.overlayRef = null;
-        }
-    }
-    /**
-     * Returns the CDK position configuration based on the 'tooltipPosition' value.
-     */
-    getPosition() {
-        const offset = 2; // Space between the element and the tooltip
-        switch (this.tooltipPosition) {
-            case 'bottom':
-                return {
-                    originX: 'center',
-                    originY: 'bottom',
-                    overlayX: 'center',
-                    overlayY: 'top',
-                    offsetY: offset,
-                };
-            case 'left':
-                return {
-                    originX: 'start',
-                    originY: 'center',
-                    overlayX: 'end',
-                    overlayY: 'center',
-                    offsetX: -offset,
-                };
-            case 'right':
-                return {
-                    originX: 'end',
-                    originY: 'center',
-                    overlayX: 'start',
-                    overlayY: 'center',
-                    offsetX: offset,
-                };
-            default: // 'top'
-                return {
-                    originX: 'center',
-                    originY: 'top',
-                    overlayX: 'center',
-                    overlayY: 'bottom',
-                    offsetY: -offset,
-                };
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i1$4.Overlay }, { token: i1$4.OverlayPositionBuilder }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: TooltipDirective, isStandalone: true, selector: "[libTooltip]", inputs: { libTooltip: "libTooltip", tooltipPosition: "tooltipPosition", tooltipForceOpen: "tooltipForceOpen" }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TooltipDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[libTooltip]',
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$4.Overlay }, { type: i1$4.OverlayPositionBuilder }], propDecorators: { libTooltip: [{
-                type: Input
-            }], tooltipPosition: [{
-                type: Input
-            }], tooltipForceOpen: [{
-                type: Input
-            }], show: [{
-                type: HostListener,
-                args: ['mouseenter']
-            }], hide: [{
-                type: HostListener,
-                args: ['mouseleave']
-            }] } });
-
-class ProgressBarItemComponent {
-    value = input('');
-    text = input('');
-    tooltip = input('');
-    progress = input.required();
-    size = input('md');
-    align = input('horizontal');
-    ariaLabel = input('');
-    showIcon = computed(() => !!this.tooltip());
-    TooltipPosition = TooltipPosition;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ProgressBarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: ProgressBarItemComponent, isStandalone: true, selector: "lib-progress-bar-item", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"c-progress-bar-item\"\n  [class.c-progress-bar-item--vertical]=\"align() === 'vertical'\"\n>\n  @if (value() || text() || tooltip()) {\n  <div class=\"c-progress-bar-item__title\">\n    @if (value()) {\n    <p class=\"c-progress-bar-item__value\">{{ value() }}</p>\n    } @if (text() || tooltip()) {\n    <div class=\"c-progress-bar-item__caption\">\n      @if (text()) {\n      <span class=\"c-progress-bar-item__text\">{{ text() }}</span>\n      } @if (showIcon()) {\n      <span\n        class=\"c-progress-bar-item__info\"\n        [libTooltip]=\"tooltip()\"\n        [tooltipPosition]=\"TooltipPosition.TOP\"\n      >\n        <lib-icon name=\"info-regular\" size=\"sm\" color=\"core-content-soft\" />\n      </span>\n      }\n    </div>\n    }\n  </div>\n  }\n\n  <lib-progress-bar\n    [progress]=\"progress()\"\n    [size]=\"size()\"\n    [ariaLabel]=\"ariaLabel() || value()\"\n  />\n</div>\n", styles: [".c-progress-bar-item{display:flex;flex-direction:column;gap:var(--space-container-gap-xs);width:100%}.c-progress-bar-item__title{display:flex;align-items:flex-end;gap:var(--space-container-gap-sm);width:100%;flex-wrap:wrap}.c-progress-bar-item__caption{display:flex;align-items:center;gap:var(--space-container-gap-xs);padding-bottom:var(--space-component-gap-xs);flex:1 0 0;min-width:0}.c-progress-bar-item__value{margin:0;white-space:nowrap;color:var(--color-core-content-default);font-family:var(--typography-title-lg-family);font-size:var(--typography-title-lg-size);font-weight:var(--typography-title-lg-weight);line-height:var(--typography-title-lg-line-height);letter-spacing:var(--typography-title-lg-letter-spacing)}.c-progress-bar-item__text{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-progress-bar-item__info{display:inline-flex;align-items:center;cursor:help}.c-progress-bar-item--vertical .c-progress-bar-item__title{flex-direction:column;align-items:flex-start;gap:var(--space-container-gap-none, 0)}.c-progress-bar-item--vertical .c-progress-bar-item__caption{width:100%;flex:none}\n"], dependencies: [{ kind: "component", type: ProgressBarComponent, selector: "lib-progress-bar", inputs: ["progress", "size", "ariaLabel"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "disabled", "name", "color"] }, { kind: "directive", type: TooltipDirective, selector: "[libTooltip]", inputs: ["libTooltip", "tooltipPosition", "tooltipForceOpen"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ProgressBarItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-progress-bar-item', imports: [ProgressBarComponent, IconComponent, TooltipDirective], template: "<div\n  class=\"c-progress-bar-item\"\n  [class.c-progress-bar-item--vertical]=\"align() === 'vertical'\"\n>\n  @if (value() || text() || tooltip()) {\n  <div class=\"c-progress-bar-item__title\">\n    @if (value()) {\n    <p class=\"c-progress-bar-item__value\">{{ value() }}</p>\n    } @if (text() || tooltip()) {\n    <div class=\"c-progress-bar-item__caption\">\n      @if (text()) {\n      <span class=\"c-progress-bar-item__text\">{{ text() }}</span>\n      } @if (showIcon()) {\n      <span\n        class=\"c-progress-bar-item__info\"\n        [libTooltip]=\"tooltip()\"\n        [tooltipPosition]=\"TooltipPosition.TOP\"\n      >\n        <lib-icon name=\"info-regular\" size=\"sm\" color=\"core-content-soft\" />\n      </span>\n      }\n    </div>\n    }\n  </div>\n  }\n\n  <lib-progress-bar\n    [progress]=\"progress()\"\n    [size]=\"size()\"\n    [ariaLabel]=\"ariaLabel() || value()\"\n  />\n</div>\n", styles: [".c-progress-bar-item{display:flex;flex-direction:column;gap:var(--space-container-gap-xs);width:100%}.c-progress-bar-item__title{display:flex;align-items:flex-end;gap:var(--space-container-gap-sm);width:100%;flex-wrap:wrap}.c-progress-bar-item__caption{display:flex;align-items:center;gap:var(--space-container-gap-xs);padding-bottom:var(--space-component-gap-xs);flex:1 0 0;min-width:0}.c-progress-bar-item__value{margin:0;white-space:nowrap;color:var(--color-core-content-default);font-family:var(--typography-title-lg-family);font-size:var(--typography-title-lg-size);font-weight:var(--typography-title-lg-weight);line-height:var(--typography-title-lg-line-height);letter-spacing:var(--typography-title-lg-letter-spacing)}.c-progress-bar-item__text{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-progress-bar-item__info{display:inline-flex;align-items:center;cursor:help}.c-progress-bar-item--vertical .c-progress-bar-item__title{flex-direction:column;align-items:flex-start;gap:var(--space-container-gap-none, 0)}.c-progress-bar-item--vertical .c-progress-bar-item__caption{width:100%;flex:none}\n"] }]
-        }] });
-
 class RadioComponent {
     name;
     label;
@@ -8083,9 +7922,152 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                 type: Output
             }] } });
 
+var TooltipPosition;
+(function (TooltipPosition) {
+    TooltipPosition["TOP"] = "top";
+    TooltipPosition["BOTTOM"] = "bottom";
+    TooltipPosition["LEFT"] = "left";
+    TooltipPosition["RIGHT"] = "right";
+})(TooltipPosition || (TooltipPosition = {}));
+class TooltipDirective {
+    elementRef;
+    overlay;
+    positionBuilder;
+    libTooltip = '';
+    tooltipPosition = TooltipPosition.TOP;
+    tooltipForceOpen = false; // Development flag to force tooltip open. To delete when we have the final version of the tooltip.
+    overlayRef = null;
+    constructor(elementRef, overlay, positionBuilder) {
+        this.elementRef = elementRef;
+        this.overlay = overlay;
+        this.positionBuilder = positionBuilder;
+    }
+    show() {
+        if (this.overlayRef) {
+            return;
+        }
+        // 1. Create the position strategy based on the Input 'tooltipPosition'
+        const positionStrategy = this.positionBuilder
+            .flexibleConnectedTo(this.elementRef)
+            .withPositions([this.getPosition()]);
+        // 2. Create the overlay
+        this.overlayRef = this.overlay.create({ positionStrategy });
+        // 3. Create and attach the component portal
+        const tooltipPortal = new ComponentPortal(TooltipComponent);
+        const componentRef = this.overlayRef.attach(tooltipPortal);
+        // 4. Pass the text to the component
+        componentRef.instance.text = this.libTooltip;
+        componentRef.instance.position = this.tooltipPosition;
+    }
+    hide() {
+        // Don't hide if forceOpen is true. Useful to test the tooltip.
+        if (this.tooltipForceOpen) {
+            return;
+        }
+        if (this.overlayRef) {
+            this.overlayRef.dispose();
+            this.overlayRef = null;
+        }
+    }
+    // Clean up when the component that is launching the tooltip is destroyed
+    ngOnDestroy() {
+        this.hide();
+    }
+    /**
+     * Manually hide the tooltip. Useful to test the tooltip.
+     */
+    forceHide() {
+        if (this.overlayRef) {
+            this.overlayRef.dispose();
+            this.overlayRef = null;
+        }
+    }
+    /**
+     * Returns the CDK position configuration based on the 'tooltipPosition' value.
+     */
+    getPosition() {
+        const offset = 2; // Space between the element and the tooltip
+        switch (this.tooltipPosition) {
+            case 'bottom':
+                return {
+                    originX: 'center',
+                    originY: 'bottom',
+                    overlayX: 'center',
+                    overlayY: 'top',
+                    offsetY: offset,
+                };
+            case 'left':
+                return {
+                    originX: 'start',
+                    originY: 'center',
+                    overlayX: 'end',
+                    overlayY: 'center',
+                    offsetX: -offset,
+                };
+            case 'right':
+                return {
+                    originX: 'end',
+                    originY: 'center',
+                    overlayX: 'start',
+                    overlayY: 'center',
+                    offsetX: offset,
+                };
+            default: // 'top'
+                return {
+                    originX: 'center',
+                    originY: 'top',
+                    overlayX: 'center',
+                    overlayY: 'bottom',
+                    offsetY: -offset,
+                };
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i1$4.Overlay }, { token: i1$4.OverlayPositionBuilder }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: TooltipDirective, isStandalone: true, selector: "[libTooltip]", inputs: { libTooltip: "libTooltip", tooltipPosition: "tooltipPosition", tooltipForceOpen: "tooltipForceOpen" }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[libTooltip]',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$4.Overlay }, { type: i1$4.OverlayPositionBuilder }], propDecorators: { libTooltip: [{
+                type: Input
+            }], tooltipPosition: [{
+                type: Input
+            }], tooltipForceOpen: [{
+                type: Input
+            }], show: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], hide: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+
+class TooltipComponent {
+    text = '';
+    position = TooltipPosition.TOP;
+    get positionClass() {
+        return `position-${this.position}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: TooltipComponent, isStandalone: true, selector: "lib-tooltip", inputs: { text: "text", position: "position" }, host: { properties: { "class": "this.positionClass" } }, ngImport: i0, template: "<div class=\"c-tooltip\">\n  <span class=\"c-tooltip__text\">{{ text }}</span>\n</div>\n", styles: [":host{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.c-tooltip{position:relative;border-radius:var(--size-border-radius-sm);background:var(--color-core-background-surface-floating);display:flex;max-width:9rem;padding:var(--space-component-padding-md);flex-direction:column;justify-content:center;align-items:flex-start;color:var(--color-core-content-soft);font-family:var(--typography-body-xs-family);font-size:var(--typography-body-xs-size);font-style:normal;font-weight:var(--typography-body-xs-weight);line-height:var(--typography-body-xs-line-height);letter-spacing:var(--typography-body-xs-letter-spacing);animation:fadeIn .2s ease-in-out}.c-tooltip__text{max-width:280px}:host.position-top .c-tooltip{left:50%;transform:translate(-50%) translateY(-.5rem)}:host.position-top .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid var(--color-core-background-surface-floating);bottom:-.5rem;left:50%;transform:translate(-50%)}:host.position-bottom .c-tooltip{left:50%;transform:translate(-50%) translateY(.5rem)}:host.position-bottom .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid var(--color-core-background-surface-floating);top:-.5rem;left:50%;transform:translate(-50%)}:host.position-left .c-tooltip{top:50%;transform:translate(-.5rem) translateY(-50%)}:host.position-left .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:16px solid var(--color-core-background-surface-floating);right:-.5rem;top:50%;transform:translateY(-50%)}:host.position-right .c-tooltip{top:50%;transform:translate(.5rem) translateY(-50%)}:host.position-right .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-right:16px solid var(--color-core-background-surface-floating);left:-.5rem;top:50%;transform:translateY(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-tooltip', template: "<div class=\"c-tooltip\">\n  <span class=\"c-tooltip__text\">{{ text }}</span>\n</div>\n", styles: [":host{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.c-tooltip{position:relative;border-radius:var(--size-border-radius-sm);background:var(--color-core-background-surface-floating);display:flex;max-width:9rem;padding:var(--space-component-padding-md);flex-direction:column;justify-content:center;align-items:flex-start;color:var(--color-core-content-soft);font-family:var(--typography-body-xs-family);font-size:var(--typography-body-xs-size);font-style:normal;font-weight:var(--typography-body-xs-weight);line-height:var(--typography-body-xs-line-height);letter-spacing:var(--typography-body-xs-letter-spacing);animation:fadeIn .2s ease-in-out}.c-tooltip__text{max-width:280px}:host.position-top .c-tooltip{left:50%;transform:translate(-50%) translateY(-.5rem)}:host.position-top .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid var(--color-core-background-surface-floating);bottom:-.5rem;left:50%;transform:translate(-50%)}:host.position-bottom .c-tooltip{left:50%;transform:translate(-50%) translateY(.5rem)}:host.position-bottom .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid var(--color-core-background-surface-floating);top:-.5rem;left:50%;transform:translate(-50%)}:host.position-left .c-tooltip{top:50%;transform:translate(-.5rem) translateY(-50%)}:host.position-left .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:16px solid var(--color-core-background-surface-floating);right:-.5rem;top:50%;transform:translateY(-50%)}:host.position-right .c-tooltip{top:50%;transform:translate(.5rem) translateY(-50%)}:host.position-right .c-tooltip:before{content:\"\";position:absolute;width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-right:16px solid var(--color-core-background-surface-floating);left:-.5rem;top:50%;transform:translateY(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], positionClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AlertComponent, ArrowsComponent, AvatarComponent, BadgeComponent, BasicSidebarMenuComponent, BreadcrumbComponent, ButtonComponent, ButtonIconComponent, ButtonSetComponent, CheckboxComponent, CheckboxGroupComponent, ChipsComponent, DesignTokensComponent, DropdownActionComponent, DropdownActionTriggerDirective, DropdownSelectComponent, DropdownSelectTriggerDirective, HelperTextComponent, IconComponent, InputCounterComponent, InputDateComponent, InputLabelComponent, InputNumberComponent, InputPaymentComponent, InputSearchComponent, InputUploadComponent, LinkActionComponent, LinkComponent, MenuChildItemComponent, MenuItemComponent, MenuItemSectionComponent, ModalComponent, ModalService, OverlayComponent, OverlayTriggerDirective, PaginationComponent, PasswordInputComponent, ProgressBarComponent, ProgressBarItemComponent, RadioComponent, RadioGroupComponent, SegmentedControlComponent, SelectComponent, SidebarComponent, SidebarProgrammaticComponent, SidebarProgrammaticExamplesComponent, SidebarService, SidebarWithFooterComponent, SocialLoginComponent, SpinnerComponent, SwitchComponent, TabsComponent, TagComponent, TextInputComponent, TextareaComponent, ThumbnailComponent, TileComponent, ToastComponent, TooltipComponent, TooltipDirective, TooltipPosition };
+export { AccordionComponent, AlertComponent, ArrowsComponent, AvatarComponent, BadgeComponent, BasicSidebarMenuComponent, BreadcrumbComponent, ButtonComponent, ButtonIconComponent, ButtonSetComponent, CheckboxComponent, CheckboxGroupComponent, ChipsComponent, DesignTokensComponent, DropdownActionComponent, DropdownActionTriggerDirective, DropdownSelectComponent, DropdownSelectTriggerDirective, HelperTextComponent, IconComponent, InputCounterComponent, InputDateComponent, InputLabelComponent, InputNumberComponent, InputPaymentComponent, InputSearchComponent, InputUploadComponent, LinkActionComponent, LinkComponent, MenuChildItemComponent, MenuItemComponent, MenuItemSectionComponent, ModalComponent, ModalService, OverlayComponent, OverlayTriggerDirective, PaginationComponent, PasswordInputComponent, ProgressBarComponent, RadioComponent, RadioGroupComponent, SegmentedControlComponent, SelectComponent, SidebarComponent, SidebarProgrammaticComponent, SidebarProgrammaticExamplesComponent, SidebarService, SidebarWithFooterComponent, SocialLoginComponent, SpinnerComponent, SwitchComponent, TabsComponent, TagComponent, TextInputComponent, TextareaComponent, ThumbnailComponent, TileComponent, ToastComponent, TooltipComponent, TooltipDirective, TooltipPosition };
 //# sourceMappingURL=crowdfarming-oliva-ds.mjs.map