@basis-ng/primitives 0.0.1-alpha.2 → 0.0.1-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/components/alert/alert.component.d.ts +1 -1
- package/core/components/attached-box/attached-box.component.d.ts +1 -1
- package/core/components/badge/badge.component.d.ts +1 -1
- package/core/components/bottom-sheet/bottom-sheet.component.d.ts +1 -1
- package/core/components/button/button.component.d.ts +6 -1
- package/core/components/button-group/button-group.component.d.ts +1 -1
- package/core/components/checkbox/checkbox.component.d.ts +1 -1
- package/core/components/color-picker/color-picker.component.d.ts +1 -1
- package/core/components/icon/icon.component.d.ts +1 -1
- package/core/components/input/input.component.d.ts +1 -1
- package/core/components/input-group/input-group.component.d.ts +1 -1
- package/core/components/menu/menu.component.d.ts +1 -6
- package/core/components/menu/shared/components/menu-item/menu-item.component.d.ts +1 -1
- package/core/components/menu/shared/components/menu-item-checkbox/menu-item-checkbox.component.d.ts +1 -1
- package/core/components/menu/shared/components/menu-item-radio/menu-item-radio.component.d.ts +1 -1
- package/core/components/menu/shared/components/menu-label/menu-label.component.d.ts +1 -1
- package/core/components/range/range.component.d.ts +1 -1
- package/core/components/search/search.component.d.ts +1 -1
- package/core/components/select/select-content.component.d.ts +39 -0
- package/core/components/select/select.component.d.ts +43 -25
- package/core/components/side-sheet/side-sheet.component.d.ts +2 -2
- package/core/components/spinner/spinner.component.d.ts +1 -1
- package/core/components/switch/switch.component.d.ts +1 -1
- package/core/components/table/components/row/components/row-item/row-item.component.d.ts +1 -1
- package/core/components/table/components/row/row.component.d.ts +1 -1
- package/core/components/table/table.component.d.ts +1 -1
- package/core/components/tabs/components/tab/tab.component.d.ts +1 -1
- package/core/components/tabs/tabs.component.d.ts +1 -1
- package/core/components/textarea/textarea.component.d.ts +1 -1
- package/core/components/tooltip/tooltip.component.d.ts +1 -1
- package/core/components/tree/shared/components/tree-node/tree-node.component.d.ts +1 -1
- package/core/components/tree/tree.component.d.ts +1 -1
- package/core/directives/in-viewport.directive.d.ts +1 -1
- package/fesm2022/basis-ng-primitives.mjs +297 -140
- package/fesm2022/basis-ng-primitives.mjs.map +1 -1
- package/package.json +1 -1
- package/shared/components/label/label.component.d.ts +2 -6
- package/shared/components/option/option.component.d.ts +1 -1
- package/shared/directives/lazy-content.directive.d.ts +1 -1
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { signal, inject, RendererFactory2, Injectable, input, Component, TemplateRef, Directive, computed, model, output, contentChildren, viewChild, Renderer2, effect, HostListener,
|
|
2
|
+
import { signal, inject, RendererFactory2, Injectable, input, Component, ElementRef, TemplateRef, Directive, computed, model, output, contentChildren, viewChild, Renderer2, effect, HostListener, contentChild, afterNextRender, afterRenderEffect, linkedSignal } from '@angular/core';
|
|
3
3
|
import { NgStyle, NgClass, CommonModule } from '@angular/common';
|
|
4
4
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
5
5
|
import { icons, createElement } from 'lucide';
|
|
6
6
|
import { NgModel, ControlContainer } from '@angular/forms';
|
|
7
|
-
import
|
|
7
|
+
import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
|
|
8
|
+
import * as i1 from '@angular/cdk/listbox';
|
|
9
|
+
import { CdkListbox } from '@angular/cdk/listbox';
|
|
10
|
+
import * as i1$1 from '@angular/cdk/drag-drop';
|
|
8
11
|
import { CdkDrag, CdkDragHandle, CdkDropList, CdkDropListGroup } from '@angular/cdk/drag-drop';
|
|
9
|
-
import * as i1$
|
|
12
|
+
import * as i1$2 from '@angular/cdk/menu';
|
|
10
13
|
import { CdkMenu, CdkMenuItem, CdkMenuItemCheckbox, CdkMenuItemRadio, CdkMenuTrigger } from '@angular/cdk/menu';
|
|
11
14
|
|
|
12
15
|
class ThemeService {
|
|
@@ -78,11 +81,11 @@ class Spinner {
|
|
|
78
81
|
backgroundColor = input('transparent');
|
|
79
82
|
size = input(20);
|
|
80
83
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Spinner, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
81
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: Spinner, isStandalone: true, selector: "
|
|
84
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: Spinner, isStandalone: true, selector: "b-spinner", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (active()) {\r\n <section [ngStyle]=\"{ background: backgroundColor() }\" class=\"background\">\r\n <svg\r\n [attr.height]=\"size()\"\r\n [attr.width]=\"size()\"\r\n preserveAspectRatio=\"xMidYMid\"\r\n style=\"\r\n shape-rendering: auto;\r\n display: block;\r\n background: rgba(122, 122, 122, 0);\r\n \"\r\n viewBox=\"0 0 100 100\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <g>\r\n <g transform=\"rotate(0 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.9166666666666666s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(30 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.8333333333333334s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(60 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.75s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(90 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.6666666666666666s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(120 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.5833333333333334s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(150 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.5s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(180 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.4166666666666667s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(210 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.3333333333333333s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(240 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.25s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(270 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.16666666666666666s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(300 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.08333333333333333s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(330 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"0s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g />\r\n </g>\r\n </svg>\r\n </section>\r\n}\r\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
82
85
|
}
|
|
83
86
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Spinner, decorators: [{
|
|
84
87
|
type: Component,
|
|
85
|
-
args: [{ selector: '
|
|
88
|
+
args: [{ selector: 'b-spinner', imports: [NgStyle], template: "@if (active()) {\r\n <section [ngStyle]=\"{ background: backgroundColor() }\" class=\"background\">\r\n <svg\r\n [attr.height]=\"size()\"\r\n [attr.width]=\"size()\"\r\n preserveAspectRatio=\"xMidYMid\"\r\n style=\"\r\n shape-rendering: auto;\r\n display: block;\r\n background: rgba(122, 122, 122, 0);\r\n \"\r\n viewBox=\"0 0 100 100\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <g>\r\n <g transform=\"rotate(0 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.9166666666666666s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(30 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.8333333333333334s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(60 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.75s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(90 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.6666666666666666s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(120 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.5833333333333334s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(150 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.5s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(180 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.4166666666666667s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(210 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.3333333333333333s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(240 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.25s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(270 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.16666666666666666s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(300 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"-0.08333333333333333s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g transform=\"rotate(330 50 50)\">\r\n <rect\r\n [attr.fill]=\"color()\"\r\n height=\"20\"\r\n rx=\"3\"\r\n ry=\"3.2800000000000002\"\r\n width=\"6\"\r\n x=\"47\"\r\n y=\"10\">\r\n <animate\r\n attributeName=\"opacity\"\r\n begin=\"0s\"\r\n dur=\"1s\"\r\n keyTimes=\"0;1\"\r\n repeatCount=\"indefinite\"\r\n values=\"1;0\" />\r\n </rect>\r\n </g>\r\n <g />\r\n </g>\r\n </svg>\r\n </section>\r\n}\r\n" }]
|
|
86
89
|
}] });
|
|
87
90
|
|
|
88
91
|
class Button {
|
|
@@ -98,17 +101,22 @@ class Button {
|
|
|
98
101
|
toggle = input(false);
|
|
99
102
|
/** The value of the button when it is toggled. */
|
|
100
103
|
isToggled = input(false);
|
|
104
|
+
/** Whether the button active animation is enabled. */
|
|
105
|
+
activeEnabled = input(true);
|
|
106
|
+
/** The element reference of the button. */
|
|
107
|
+
el = inject(ElementRef);
|
|
101
108
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Button, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
102
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: Button, isStandalone: true, selector: "button[
|
|
109
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: Button, isStandalone: true, selector: "button[b-button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, equalPadding: { classPropertyName: "equalPadding", publicName: "equalPadding", isSignal: true, isRequired: false, transformFunction: null }, toggle: { classPropertyName: "toggle", publicName: "toggle", isSignal: true, isRequired: false, transformFunction: null }, isToggled: { classPropertyName: "isToggled", publicName: "isToggled", isSignal: true, isRequired: false, transformFunction: null }, activeEnabled: { classPropertyName: "activeEnabled", publicName: "activeEnabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "variant() + \" size-\" + size()", "class.equal-padding": "equalPadding()", "class.loading": "loading()", "class.toggled": "isToggled()", "class.active": "activeEnabled()" } }, ngImport: i0, template: "@if (loading()) {\r\n <b-spinner\r\n [active]=\"loading()\"\r\n [size]=\"18\"\r\n [color]=\"\r\n variant() === 'primary'\r\n ? 'var(--primary-foreground)'\r\n : 'var(--secondary-foreground)'\r\n \" />\r\n}\r\n<ng-content />\r\n", dependencies: [{ kind: "component", type: Spinner, selector: "b-spinner", inputs: ["active", "color", "backgroundColor", "size"] }] });
|
|
103
110
|
}
|
|
104
111
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Button, decorators: [{
|
|
105
112
|
type: Component,
|
|
106
|
-
args: [{ selector: 'button[
|
|
113
|
+
args: [{ selector: 'button[b-button]', imports: [Spinner], host: {
|
|
107
114
|
'[class]': 'variant() + " size-" + size()',
|
|
108
115
|
'[class.equal-padding]': 'equalPadding()',
|
|
109
116
|
'[class.loading]': 'loading()',
|
|
110
117
|
'[class.toggled]': 'isToggled()',
|
|
111
|
-
|
|
118
|
+
'[class.active]': 'activeEnabled()',
|
|
119
|
+
}, template: "@if (loading()) {\r\n <b-spinner\r\n [active]=\"loading()\"\r\n [size]=\"18\"\r\n [color]=\"\r\n variant() === 'primary'\r\n ? 'var(--primary-foreground)'\r\n : 'var(--secondary-foreground)'\r\n \" />\r\n}\r\n<ng-content />\r\n" }]
|
|
112
120
|
}] });
|
|
113
121
|
|
|
114
122
|
class ButtonGroup {
|
|
@@ -117,12 +125,12 @@ class ButtonGroup {
|
|
|
117
125
|
*/
|
|
118
126
|
spaced = input(false);
|
|
119
127
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
120
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: ButtonGroup, isStandalone: true, selector: "
|
|
128
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: ButtonGroup, isStandalone: true, selector: "b-button-group", inputs: { spaced: { classPropertyName: "spaced", publicName: "spaced", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.spaced": "spaced()" }, classAttribute: "button-group" }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
121
129
|
}
|
|
122
130
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ButtonGroup, decorators: [{
|
|
123
131
|
type: Component,
|
|
124
132
|
args: [{
|
|
125
|
-
selector: '
|
|
133
|
+
selector: 'b-button-group',
|
|
126
134
|
template: `<ng-content />`,
|
|
127
135
|
host: {
|
|
128
136
|
class: 'button-group',
|
|
@@ -134,12 +142,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
134
142
|
class LazyContentDirective {
|
|
135
143
|
tpl = inject(TemplateRef);
|
|
136
144
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: LazyContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
137
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: LazyContentDirective, isStandalone: true, selector: "[
|
|
145
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: LazyContentDirective, isStandalone: true, selector: "[b-lazy]", ngImport: i0 });
|
|
138
146
|
}
|
|
139
147
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: LazyContentDirective, decorators: [{
|
|
140
148
|
type: Directive,
|
|
141
149
|
args: [{
|
|
142
|
-
selector: '[
|
|
150
|
+
selector: '[b-lazy]',
|
|
143
151
|
standalone: true,
|
|
144
152
|
}]
|
|
145
153
|
}] });
|
|
@@ -182,12 +190,12 @@ class Icon {
|
|
|
182
190
|
return this.sanitizer.bypassSecurityTrustHtml(iconSvg.outerHTML);
|
|
183
191
|
});
|
|
184
192
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Icon, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
185
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Icon, isStandalone: true, selector: "i[
|
|
193
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Icon, isStandalone: true, selector: "i[b-icon]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "innerHTML": "iconSvg()" } }, ngImport: i0, template: ``, isInline: true });
|
|
186
194
|
}
|
|
187
195
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Icon, decorators: [{
|
|
188
196
|
type: Component,
|
|
189
197
|
args: [{
|
|
190
|
-
selector: 'i[
|
|
198
|
+
selector: 'i[b-icon]',
|
|
191
199
|
imports: [],
|
|
192
200
|
template: ``,
|
|
193
201
|
host: {
|
|
@@ -390,17 +398,17 @@ class Search {
|
|
|
390
398
|
}
|
|
391
399
|
}
|
|
392
400
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Search, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
393
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: Search, isStandalone: true, selector: "
|
|
401
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: Search, isStandalone: true, selector: "b-search", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, searching: { classPropertyName: "searching", publicName: "searching", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selectedValue: { classPropertyName: "selectedValue", publicName: "selectedValue", isSignal: true, isRequired: false, transformFunction: null }, searchValue: { classPropertyName: "searchValue", publicName: "searchValue", isSignal: true, isRequired: false, transformFunction: null }, debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searching: "searchingChange", invalid: "invalidChange", disabled: "disabledChange", selectedValue: "selectedValueChange", searchValue: "searchValueChange", searchChange: "searchChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "document:click": "onOutsideClick($event)" }, properties: { "style.max-width": "maxWidth()", "class.invalid": "invalid()", "class.disabled": "disabled()", "class.label-up": "(searchValue() || selectedValue() || placeholder() || focused()) && label()" } }, queries: [{ propertyName: "options", predicate: Option, isSignal: true }], viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Label -->\r\n@if (label()) {\r\n <label>\r\n {{ label() }}\r\n </label>\r\n}\r\n\r\n@if (!selectedValue()) {\r\n <section [class.large]=\"noOptions() && !searching()\">\r\n <!-- Input -->\r\n <input\r\n #input\r\n [value]=\"searchValue()\"\r\n [placeholder]=\"placeholder() || ''\"\r\n [disabled]=\"disabled()\"\r\n (focus)=\"focused.set(true)\"\r\n (blur)=\"focused.set(false)\"\r\n (input)=\"onInputValueChange($event)\" />\r\n\r\n <!-- Clear Button -->\r\n @if (searchValue() || selectedValue()) {\r\n <i\r\n b-icon\r\n icon=\"X\"\r\n [size]=\"18\"\r\n tabindex=\"0\"\r\n (click)=\"searchValue.set('')\"\r\n (keydown.enter)=\"searchValue.set('')\"\r\n (keydown.space)=\"searchValue.set('')\"\r\n [color]=\"\r\n invalid()\r\n ? 'var(--error-foreground, #c40000ab)'\r\n : ' var(--input-foreground, #798194)'\r\n \"></i>\r\n }\r\n </section>\r\n}\r\n\r\n<!-- Select -->\r\n<select\r\n #select\r\n [value]=\"selectedValue()\"\r\n (change)=\"onSelectValueChange($event)\"\r\n [class.no-options]=\"noOptions()\"\r\n (mousedown)=\"isOpen.set(true)\"\r\n [disabled]=\"disabled()\"></select>\r\n\r\nnooptions: {{ noOptions() }} searching: {{ searching() }}\r\n\r\n@if (!noOptions() || searching()) {\r\n <!-- Icon -->\r\n <div class=\"icon-wrapper\">\r\n <i\r\n b-icon\r\n [icon]=\"selectIconName()\"\r\n [class.open]=\"isOpen()\"\r\n [class.select-has-value]=\"selectedValue()\"\r\n (click)=\"handleIconClick()\"\r\n (keydown.enter)=\"handleIconClick()\"\r\n (keydown.space)=\"handleIconClick()\"\r\n tabindex=\"0\"\r\n [class.searching]=\"searching()\"\r\n [size]=\"selectIconSize()\"\r\n [color]=\"\r\n invalid()\r\n ? 'var(--error-foreground, #c40000ab)'\r\n : ' var(--input-foreground, #798194)'\r\n \"></i>\r\n </div>\r\n}\r\n\r\n<!-- Projected Options -->\r\n<ng-content />\r\n", dependencies: [{ kind: "component", type: Icon, selector: "i[b-icon]", inputs: ["icon", "size", "strokeWidth", "color"] }] });
|
|
394
402
|
}
|
|
395
403
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Search, decorators: [{
|
|
396
404
|
type: Component,
|
|
397
|
-
args: [{ selector: '
|
|
405
|
+
args: [{ selector: 'b-search', imports: [Icon], host: {
|
|
398
406
|
'[style.max-width]': 'maxWidth()',
|
|
399
407
|
'[class.invalid]': 'invalid()',
|
|
400
408
|
'[class.disabled]': 'disabled()',
|
|
401
409
|
'[class.label-up]': '(searchValue() || selectedValue() || placeholder() || focused()) && label()',
|
|
402
410
|
'(keydown)': 'onKeyDown($event)',
|
|
403
|
-
}, template: "<!-- Label -->\r\n@if (label()) {\r\n <label>\r\n {{ label() }}\r\n </label>\r\n}\r\n\r\n@if (!selectedValue()) {\r\n <section [class.large]=\"noOptions() && !searching()\">\r\n <!-- Input -->\r\n <input\r\n #input\r\n [value]=\"searchValue()\"\r\n [placeholder]=\"placeholder() || ''\"\r\n [disabled]=\"disabled()\"\r\n (focus)=\"focused.set(true)\"\r\n (blur)=\"focused.set(false)\"\r\n (input)=\"onInputValueChange($event)\" />\r\n\r\n <!-- Clear Button -->\r\n @if (searchValue() || selectedValue()) {\r\n <i\r\n
|
|
411
|
+
}, template: "<!-- Label -->\r\n@if (label()) {\r\n <label>\r\n {{ label() }}\r\n </label>\r\n}\r\n\r\n@if (!selectedValue()) {\r\n <section [class.large]=\"noOptions() && !searching()\">\r\n <!-- Input -->\r\n <input\r\n #input\r\n [value]=\"searchValue()\"\r\n [placeholder]=\"placeholder() || ''\"\r\n [disabled]=\"disabled()\"\r\n (focus)=\"focused.set(true)\"\r\n (blur)=\"focused.set(false)\"\r\n (input)=\"onInputValueChange($event)\" />\r\n\r\n <!-- Clear Button -->\r\n @if (searchValue() || selectedValue()) {\r\n <i\r\n b-icon\r\n icon=\"X\"\r\n [size]=\"18\"\r\n tabindex=\"0\"\r\n (click)=\"searchValue.set('')\"\r\n (keydown.enter)=\"searchValue.set('')\"\r\n (keydown.space)=\"searchValue.set('')\"\r\n [color]=\"\r\n invalid()\r\n ? 'var(--error-foreground, #c40000ab)'\r\n : ' var(--input-foreground, #798194)'\r\n \"></i>\r\n }\r\n </section>\r\n}\r\n\r\n<!-- Select -->\r\n<select\r\n #select\r\n [value]=\"selectedValue()\"\r\n (change)=\"onSelectValueChange($event)\"\r\n [class.no-options]=\"noOptions()\"\r\n (mousedown)=\"isOpen.set(true)\"\r\n [disabled]=\"disabled()\"></select>\r\n\r\nnooptions: {{ noOptions() }} searching: {{ searching() }}\r\n\r\n@if (!noOptions() || searching()) {\r\n <!-- Icon -->\r\n <div class=\"icon-wrapper\">\r\n <i\r\n b-icon\r\n [icon]=\"selectIconName()\"\r\n [class.open]=\"isOpen()\"\r\n [class.select-has-value]=\"selectedValue()\"\r\n (click)=\"handleIconClick()\"\r\n (keydown.enter)=\"handleIconClick()\"\r\n (keydown.space)=\"handleIconClick()\"\r\n tabindex=\"0\"\r\n [class.searching]=\"searching()\"\r\n [size]=\"selectIconSize()\"\r\n [color]=\"\r\n invalid()\r\n ? 'var(--error-foreground, #c40000ab)'\r\n : ' var(--input-foreground, #798194)'\r\n \"></i>\r\n </div>\r\n}\r\n\r\n<!-- Projected Options -->\r\n<ng-content />\r\n" }]
|
|
404
412
|
}], ctorParameters: () => [], propDecorators: { onOutsideClick: [{
|
|
405
413
|
type: HostListener,
|
|
406
414
|
args: ['document:click', ['$event']]
|
|
@@ -509,12 +517,12 @@ class Input {
|
|
|
509
517
|
}
|
|
510
518
|
}
|
|
511
519
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Input, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
512
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Input, isStandalone: true, selector: "input[
|
|
520
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Input, isStandalone: true, selector: "input[b-input]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null }, numberType: { classPropertyName: "numberType", publicName: "numberType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { invalid: "invalidChange", disabled: "disabledChange", valueChange: "valueChange" }, host: { listeners: { "input": "onInput($event)", "focus": "focused.set(true)", "blur": "onBlur($event)" }, properties: { "type": "type()", "placeholder": "placeholder() || \"\"", "class.ng-invalid": "invalid()", "class.disabled": "disabled()", "style.max-width": "maxWidth()" } }, ngImport: i0, template: ``, isInline: true });
|
|
513
521
|
}
|
|
514
522
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Input, decorators: [{
|
|
515
523
|
type: Component,
|
|
516
524
|
args: [{
|
|
517
|
-
selector: 'input[
|
|
525
|
+
selector: 'input[b-input]',
|
|
518
526
|
template: ``,
|
|
519
527
|
host: {
|
|
520
528
|
'[type]': 'type()',
|
|
@@ -529,70 +537,233 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
529
537
|
}]
|
|
530
538
|
}] });
|
|
531
539
|
|
|
532
|
-
|
|
540
|
+
/**
|
|
541
|
+
* Component representing the content of a select dropdown.
|
|
542
|
+
* It integrates with Angular CDK Listbox for managing options and their selection.
|
|
543
|
+
*/
|
|
544
|
+
class SelectContentComponent {
|
|
533
545
|
/**
|
|
534
|
-
*
|
|
546
|
+
* Signal representing the selected values in the listbox.
|
|
535
547
|
*/
|
|
536
|
-
value = signal(
|
|
548
|
+
value = signal([]);
|
|
537
549
|
/**
|
|
538
|
-
*
|
|
550
|
+
* Signal representing the content of the selected option.
|
|
539
551
|
*/
|
|
540
|
-
|
|
552
|
+
content = signal('');
|
|
541
553
|
/**
|
|
542
|
-
*
|
|
554
|
+
* Event emitter triggered when the dropdown should close.
|
|
543
555
|
*/
|
|
544
|
-
|
|
556
|
+
closeEmitter = output();
|
|
545
557
|
/**
|
|
546
|
-
*
|
|
558
|
+
* Reference to the host element of the component.
|
|
547
559
|
*/
|
|
548
|
-
|
|
560
|
+
el = inject(ElementRef);
|
|
549
561
|
/**
|
|
550
|
-
*
|
|
562
|
+
* Input for setting the maximum height of the dropdown.
|
|
563
|
+
* Defaults to '300px'.
|
|
551
564
|
*/
|
|
552
|
-
|
|
565
|
+
maxHeight = input('300px');
|
|
553
566
|
/**
|
|
554
|
-
*
|
|
567
|
+
* Handles changes to the selected value in the listbox.
|
|
568
|
+
* Updates the `value` and `content` signals and emits the `closeEmitter` event.
|
|
569
|
+
*
|
|
570
|
+
* @param $event - The event object containing the new value and option details.
|
|
555
571
|
*/
|
|
556
|
-
|
|
572
|
+
handleValueChange($event) {
|
|
573
|
+
const value = $event.value;
|
|
574
|
+
this.content.set($event.option.element.innerText);
|
|
575
|
+
this.value.set(value.length === 0 || (value.length === 1 && value[0] === '') ? [] : value);
|
|
576
|
+
this.closeEmitter.emit();
|
|
577
|
+
}
|
|
578
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SelectContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
579
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: SelectContentComponent, isStandalone: true, selector: "ul[b-select-content]", inputs: { maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeEmitter: "closeEmitter" }, host: { listeners: { "cdkListboxValueChange": "handleValueChange($event)" }, properties: { "cdkListboxValue": "value()", "style.max-height": "maxHeight()" } }, hostDirectives: [{ directive: i1.CdkListbox, inputs: ["cdkListboxValue", "cdkListboxValue"], outputs: ["cdkListboxValueChange", "cdkListboxValueChange"] }], ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
580
|
+
}
|
|
581
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SelectContentComponent, decorators: [{
|
|
582
|
+
type: Component,
|
|
583
|
+
args: [{
|
|
584
|
+
selector: 'ul[b-select-content]',
|
|
585
|
+
imports: [],
|
|
586
|
+
template: `<ng-content />`,
|
|
587
|
+
hostDirectives: [
|
|
588
|
+
{
|
|
589
|
+
directive: CdkListbox,
|
|
590
|
+
inputs: ['cdkListboxValue'],
|
|
591
|
+
outputs: ['cdkListboxValueChange'],
|
|
592
|
+
},
|
|
593
|
+
],
|
|
594
|
+
host: {
|
|
595
|
+
'[cdkListboxValue]': 'value()',
|
|
596
|
+
'(cdkListboxValueChange)': 'handleValueChange($event)',
|
|
597
|
+
'[style.max-height]': 'maxHeight()',
|
|
598
|
+
},
|
|
599
|
+
}]
|
|
600
|
+
}] });
|
|
601
|
+
|
|
602
|
+
/**
|
|
603
|
+
* Component representing a custom select dropdown.
|
|
604
|
+
* It provides a button to toggle the dropdown and displays the selected option.
|
|
605
|
+
*/
|
|
606
|
+
class SelectComponent {
|
|
557
607
|
/**
|
|
558
|
-
*
|
|
608
|
+
* Placeholder text displayed when no option is selected.
|
|
609
|
+
* Defaults to 'Select an option'.
|
|
610
|
+
*/
|
|
611
|
+
placeholder = input('Select an option');
|
|
612
|
+
/**
|
|
613
|
+
* Signal indicating whether the dropdown is open.
|
|
559
614
|
*/
|
|
560
615
|
isOpen = signal(false);
|
|
561
616
|
/**
|
|
562
|
-
* Reference to the
|
|
563
|
-
* @private
|
|
617
|
+
* Reference to the button element used to toggle the dropdown.
|
|
564
618
|
*/
|
|
565
|
-
|
|
619
|
+
button = viewChild(Button);
|
|
566
620
|
/**
|
|
567
|
-
*
|
|
621
|
+
* Reference to the content component of the dropdown.
|
|
568
622
|
*/
|
|
569
|
-
|
|
570
|
-
|
|
623
|
+
listBox = contentChild(SelectContentComponent);
|
|
624
|
+
/**
|
|
625
|
+
* Computed signal representing the selected values from the dropdown.
|
|
626
|
+
*/
|
|
627
|
+
value = computed(() => this.listBox()?.value());
|
|
628
|
+
/**
|
|
629
|
+
* Computed signal representing the content of the selected option.
|
|
630
|
+
*/
|
|
631
|
+
content = computed(() => this.listBox()?.content());
|
|
632
|
+
/**
|
|
633
|
+
* Input for setting the maximum width of the dropdown.
|
|
634
|
+
* Defaults to '100%'.
|
|
635
|
+
*/
|
|
636
|
+
maxWidth = input('100%');
|
|
637
|
+
/**
|
|
638
|
+
* Computed signal for the width of the button element.
|
|
639
|
+
*/
|
|
640
|
+
buttonWidth = computed(() => this.button()?.el.nativeElement.offsetWidth);
|
|
641
|
+
/**
|
|
642
|
+
* Model indicating whether the select component is invalid.
|
|
643
|
+
*/
|
|
644
|
+
invalid = model(false);
|
|
645
|
+
/**
|
|
646
|
+
* Model indicating whether the select component is disabled.
|
|
647
|
+
*/
|
|
648
|
+
disabled = model(false);
|
|
649
|
+
constructor() {
|
|
650
|
+
/**
|
|
651
|
+
* Effect to handle changes in the selected value.
|
|
652
|
+
*/
|
|
653
|
+
effect(() => this.handleSelectedValueChange());
|
|
654
|
+
}
|
|
655
|
+
/**
|
|
656
|
+
* Handles changes to the selected value by subscribing to the close event of the listbox.
|
|
657
|
+
*/
|
|
658
|
+
handleSelectedValueChange() {
|
|
659
|
+
this.listBox()?.closeEmitter.subscribe(() => this.close());
|
|
571
660
|
}
|
|
572
661
|
/**
|
|
573
|
-
*
|
|
574
|
-
* @param value - The value of the select.
|
|
662
|
+
* Opens the dropdown and focuses the listbox.
|
|
575
663
|
*/
|
|
576
|
-
|
|
577
|
-
this.
|
|
578
|
-
this.
|
|
664
|
+
open() {
|
|
665
|
+
this.isOpen.set(true);
|
|
666
|
+
setTimeout(() => this.listBox()?.el.nativeElement.focus(), 0);
|
|
579
667
|
}
|
|
580
|
-
|
|
581
|
-
|
|
668
|
+
/**
|
|
669
|
+
* Closes the dropdown and focuses the button.
|
|
670
|
+
*/
|
|
671
|
+
close() {
|
|
672
|
+
setTimeout(() => this.button()?.el.nativeElement.focus(), 0);
|
|
673
|
+
this.isOpen.set(false);
|
|
674
|
+
}
|
|
675
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
676
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: SelectComponent, isStandalone: true, selector: "b-select", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { invalid: "invalidChange", disabled: "disabledChange" }, host: { properties: { "style.max-width": "maxWidth()", "class.ng-invalid": "invalid()", "class.disabled": "disabled()" } }, queries: [{ propertyName: "listBox", first: true, predicate: SelectContentComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "button", first: true, predicate: Button, descendants: true, isSignal: true }], ngImport: i0, template: ` <button
|
|
677
|
+
b-button
|
|
678
|
+
variant="outlined"
|
|
679
|
+
(click)="isOpen() ? close() : open()"
|
|
680
|
+
(keydown.arrowUp)="!isOpen() && open()"
|
|
681
|
+
(keydown.arrowDown)="!isOpen() && open()"
|
|
682
|
+
cdkOverlayOrigin
|
|
683
|
+
[activeEnabled]="false"
|
|
684
|
+
#trigger="cdkOverlayOrigin">
|
|
685
|
+
{{ value() && value()!.length === 0 ? placeholder() : content() }}
|
|
686
|
+
<i b-icon icon="ChevronDown" [size]="20"></i>
|
|
687
|
+
</button>
|
|
688
|
+
<ng-template
|
|
689
|
+
cdkConnectedOverlay
|
|
690
|
+
[cdkConnectedOverlayOrigin]="trigger"
|
|
691
|
+
[cdkConnectedOverlayOpen]="isOpen()"
|
|
692
|
+
[cdkConnectedOverlayWidth]="buttonWidth()"
|
|
693
|
+
[cdkConnectedOverlayHasBackdrop]="true"
|
|
694
|
+
cdkConnectedOverlayBackdropClass="cdk-overlay-transparent-backdrop"
|
|
695
|
+
[cdkConnectedOverlayPositions]="[
|
|
696
|
+
{
|
|
697
|
+
originX: 'start',
|
|
698
|
+
originY: 'bottom',
|
|
699
|
+
overlayX: 'start',
|
|
700
|
+
overlayY: 'top',
|
|
701
|
+
offsetY: 5,
|
|
702
|
+
},
|
|
703
|
+
{
|
|
704
|
+
originX: 'start',
|
|
705
|
+
originY: 'top',
|
|
706
|
+
overlayX: 'start',
|
|
707
|
+
overlayY: 'bottom',
|
|
708
|
+
offsetY: -5,
|
|
709
|
+
},
|
|
710
|
+
]"
|
|
711
|
+
(backdropClick)="close()"
|
|
712
|
+
(detach)="close()">
|
|
713
|
+
<ng-content />
|
|
714
|
+
</ng-template>`, isInline: true, dependencies: [{ kind: "component", type: Button, selector: "button[b-button]", inputs: ["variant", "size", "loading", "equalPadding", "toggle", "isToggled", "activeEnabled"] }, { kind: "component", type: Icon, selector: "i[b-icon]", inputs: ["icon", "size", "strokeWidth", "color"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] });
|
|
582
715
|
}
|
|
583
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type:
|
|
716
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SelectComponent, decorators: [{
|
|
584
717
|
type: Component,
|
|
585
718
|
args: [{
|
|
586
|
-
selector: '
|
|
587
|
-
|
|
719
|
+
selector: 'b-select',
|
|
720
|
+
imports: [Button, Icon, CdkConnectedOverlay, CdkOverlayOrigin],
|
|
721
|
+
template: ` <button
|
|
722
|
+
b-button
|
|
723
|
+
variant="outlined"
|
|
724
|
+
(click)="isOpen() ? close() : open()"
|
|
725
|
+
(keydown.arrowUp)="!isOpen() && open()"
|
|
726
|
+
(keydown.arrowDown)="!isOpen() && open()"
|
|
727
|
+
cdkOverlayOrigin
|
|
728
|
+
[activeEnabled]="false"
|
|
729
|
+
#trigger="cdkOverlayOrigin">
|
|
730
|
+
{{ value() && value()!.length === 0 ? placeholder() : content() }}
|
|
731
|
+
<i b-icon icon="ChevronDown" [size]="20"></i>
|
|
732
|
+
</button>
|
|
733
|
+
<ng-template
|
|
734
|
+
cdkConnectedOverlay
|
|
735
|
+
[cdkConnectedOverlayOrigin]="trigger"
|
|
736
|
+
[cdkConnectedOverlayOpen]="isOpen()"
|
|
737
|
+
[cdkConnectedOverlayWidth]="buttonWidth()"
|
|
738
|
+
[cdkConnectedOverlayHasBackdrop]="true"
|
|
739
|
+
cdkConnectedOverlayBackdropClass="cdk-overlay-transparent-backdrop"
|
|
740
|
+
[cdkConnectedOverlayPositions]="[
|
|
741
|
+
{
|
|
742
|
+
originX: 'start',
|
|
743
|
+
originY: 'bottom',
|
|
744
|
+
overlayX: 'start',
|
|
745
|
+
overlayY: 'top',
|
|
746
|
+
offsetY: 5,
|
|
747
|
+
},
|
|
748
|
+
{
|
|
749
|
+
originX: 'start',
|
|
750
|
+
originY: 'top',
|
|
751
|
+
overlayX: 'start',
|
|
752
|
+
overlayY: 'bottom',
|
|
753
|
+
offsetY: -5,
|
|
754
|
+
},
|
|
755
|
+
]"
|
|
756
|
+
(backdropClick)="close()"
|
|
757
|
+
(detach)="close()">
|
|
758
|
+
<ng-content />
|
|
759
|
+
</ng-template>`,
|
|
588
760
|
host: {
|
|
761
|
+
'[style.max-width]': 'maxWidth()',
|
|
589
762
|
'[class.ng-invalid]': 'invalid()',
|
|
590
763
|
'[class.disabled]': 'disabled()',
|
|
591
|
-
'[style.max-width]': 'maxWidth()',
|
|
592
|
-
'(change)': 'change($event.target.value)',
|
|
593
764
|
},
|
|
594
765
|
}]
|
|
595
|
-
}] });
|
|
766
|
+
}], ctorParameters: () => [] });
|
|
596
767
|
|
|
597
768
|
class Option {
|
|
598
769
|
/**
|
|
@@ -600,12 +771,12 @@ class Option {
|
|
|
600
771
|
*/
|
|
601
772
|
el = inject(ElementRef);
|
|
602
773
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Option, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
603
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: Option, isStandalone: true, selector: "option[
|
|
774
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: Option, isStandalone: true, selector: "option[b-option]", ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
604
775
|
}
|
|
605
776
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Option, decorators: [{
|
|
606
777
|
type: Component,
|
|
607
778
|
args: [{
|
|
608
|
-
selector: 'option[
|
|
779
|
+
selector: 'option[b-option]',
|
|
609
780
|
template: `<ng-content />`,
|
|
610
781
|
}]
|
|
611
782
|
}] });
|
|
@@ -650,12 +821,12 @@ class Switch {
|
|
|
650
821
|
this.valueChange.emit(newValue);
|
|
651
822
|
}
|
|
652
823
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Switch, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
653
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Switch, isStandalone: true, selector: "input[
|
|
824
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Switch, isStandalone: true, selector: "input[b-switch]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChange: "valueChange" }, host: { listeners: { "click": "toggleValue()", "keydown.enter": "toggleValue()", "keydown.arrowleft": "setValue(false)", "keydown.arrowright": "setValue(true)" }, properties: { "attr.role": "switch", "attr.checked": "value()", "attr.aria-checked": "value()", "class": "size()" } }, ngImport: i0, template: ``, isInline: true });
|
|
654
825
|
}
|
|
655
826
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Switch, decorators: [{
|
|
656
827
|
type: Component,
|
|
657
828
|
args: [{
|
|
658
|
-
selector: 'input[
|
|
829
|
+
selector: 'input[b-switch]',
|
|
659
830
|
template: ``,
|
|
660
831
|
host: {
|
|
661
832
|
'[attr.role]': 'switch',
|
|
@@ -672,11 +843,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
672
843
|
|
|
673
844
|
class Table {
|
|
674
845
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Table, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
675
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: Table, isStandalone: true, selector: "
|
|
846
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: Table, isStandalone: true, selector: "b-table", ngImport: i0, template: "<ng-content select=\"[b-row-header]\" />\r\n<ng-content select=\"[b-row-subheader]\" />\r\n<div class=\"scroll-section\">\r\n <ng-content />\r\n</div>\r\n" });
|
|
676
847
|
}
|
|
677
848
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Table, decorators: [{
|
|
678
849
|
type: Component,
|
|
679
|
-
args: [{ selector: '
|
|
850
|
+
args: [{ selector: 'b-table', template: "<ng-content select=\"[b-row-header]\" />\r\n<ng-content select=\"[b-row-subheader]\" />\r\n<div class=\"scroll-section\">\r\n <ng-content />\r\n</div>\r\n" }]
|
|
680
851
|
}] });
|
|
681
852
|
|
|
682
853
|
class Row {
|
|
@@ -685,11 +856,11 @@ class Row {
|
|
|
685
856
|
clickable = input(false);
|
|
686
857
|
highlighted = input(false);
|
|
687
858
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Row, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
688
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Row, isStandalone: true, selector: "
|
|
859
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Row, isStandalone: true, selector: "b-row", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, subheader: { classPropertyName: "subheader", publicName: "subheader", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, highlighted: { classPropertyName: "highlighted", publicName: "highlighted", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\r\n class=\"row-container\"\r\n [ngClass]=\"{\r\n clickable: clickable(),\r\n header: header(),\r\n subheader: subheader(),\r\n highlighted: highlighted(),\r\n }\">\r\n <ng-content />\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
689
860
|
}
|
|
690
861
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Row, decorators: [{
|
|
691
862
|
type: Component,
|
|
692
|
-
args: [{ selector: '
|
|
863
|
+
args: [{ selector: 'b-row', imports: [NgClass], template: "<div\r\n class=\"row-container\"\r\n [ngClass]=\"{\r\n clickable: clickable(),\r\n header: header(),\r\n subheader: subheader(),\r\n highlighted: highlighted(),\r\n }\">\r\n <ng-content />\r\n</div>\r\n" }]
|
|
693
864
|
}] });
|
|
694
865
|
|
|
695
866
|
class RowItem {
|
|
@@ -703,11 +874,11 @@ class RowItem {
|
|
|
703
874
|
};
|
|
704
875
|
});
|
|
705
876
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: RowItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
706
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: RowItem, isStandalone: true, selector: "
|
|
877
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: RowItem, isStandalone: true, selector: "b-row-item", inputs: { widthPx: { classPropertyName: "widthPx", publicName: "widthPx", isSignal: true, isRequired: false, transformFunction: null }, alignedLeft: { classPropertyName: "alignedLeft", publicName: "alignedLeft", isSignal: true, isRequired: false, transformFunction: null }, isHeader: { classPropertyName: "isHeader", publicName: "isHeader", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [ngStyle]=\"style()\" class=\"row-item-container\">\r\n <ng-content />\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
707
878
|
}
|
|
708
879
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: RowItem, decorators: [{
|
|
709
880
|
type: Component,
|
|
710
|
-
args: [{ selector: '
|
|
881
|
+
args: [{ selector: 'b-row-item', imports: [NgStyle], template: "<div [ngStyle]=\"style()\" class=\"row-item-container\">\r\n <ng-content />\r\n</div>\r\n" }]
|
|
711
882
|
}] });
|
|
712
883
|
|
|
713
884
|
class Tab {
|
|
@@ -745,11 +916,11 @@ class Tab {
|
|
|
745
916
|
}
|
|
746
917
|
}
|
|
747
918
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Tab, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
748
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Tab, isStandalone: true, selector: "
|
|
919
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Tab, isStandalone: true, selector: "b-tab", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectEmitter: "selectEmitter" }, ngImport: i0, template: "<span\r\n tabindex=\"0\"\r\n (click)=\"onSelect()\"\r\n (keydown.enter)=\"onSelect()\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n [ngClass]=\"{ selected: selected(), highlighted: highlighted() }\">\r\n <ng-content\r\n/></span>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
749
920
|
}
|
|
750
921
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Tab, decorators: [{
|
|
751
922
|
type: Component,
|
|
752
|
-
args: [{ selector: '
|
|
923
|
+
args: [{ selector: 'b-tab', imports: [NgClass], template: "<span\r\n tabindex=\"0\"\r\n (click)=\"onSelect()\"\r\n (keydown.enter)=\"onSelect()\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n [ngClass]=\"{ selected: selected(), highlighted: highlighted() }\">\r\n <ng-content\r\n/></span>\r\n" }]
|
|
753
924
|
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
754
925
|
|
|
755
926
|
class Tabs {
|
|
@@ -887,11 +1058,11 @@ class Tabs {
|
|
|
887
1058
|
}
|
|
888
1059
|
}
|
|
889
1060
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Tabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
890
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: Tabs, isStandalone: true, selector: "
|
|
1061
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: Tabs, isStandalone: true, selector: "b-tabs", inputs: { selectedValue: { classPropertyName: "selectedValue", publicName: "selectedValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedValue: "selectedValueChange", changesEmitter: "changesEmitter" }, host: { listeners: { "keydown": "handleKeyboard($event)" } }, queries: [{ propertyName: "tabs", predicate: Tab, isSignal: true }], ngImport: i0, template: "<div class=\"tabs\" [tabIndex]=\"0\">\r\n <ng-content />\r\n</div>\r\n" });
|
|
891
1062
|
}
|
|
892
1063
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Tabs, decorators: [{
|
|
893
1064
|
type: Component,
|
|
894
|
-
args: [{ selector: '
|
|
1065
|
+
args: [{ selector: 'b-tabs', template: "<div class=\"tabs\" [tabIndex]=\"0\">\r\n <ng-content />\r\n</div>\r\n" }]
|
|
895
1066
|
}], ctorParameters: () => [], propDecorators: { handleKeyboard: [{
|
|
896
1067
|
type: HostListener,
|
|
897
1068
|
args: ['keydown', ['$event']]
|
|
@@ -962,12 +1133,12 @@ class InViewportDirective {
|
|
|
962
1133
|
this.inViewportService.unregisterElement(this.inViewportId());
|
|
963
1134
|
}
|
|
964
1135
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: InViewportDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
965
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.7", type: InViewportDirective, isStandalone: true, selector: "[
|
|
1136
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.7", type: InViewportDirective, isStandalone: true, selector: "[b-in-viewport]", inputs: { inViewportId: { classPropertyName: "inViewportId", publicName: "inViewportId", isSignal: true, isRequired: true, transformFunction: null }, inViewportInitialVisibility: { classPropertyName: "inViewportInitialVisibility", publicName: "inViewportInitialVisibility", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
|
|
966
1137
|
}
|
|
967
1138
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: InViewportDirective, decorators: [{
|
|
968
1139
|
type: Directive,
|
|
969
1140
|
args: [{
|
|
970
|
-
selector: '[
|
|
1141
|
+
selector: '[b-in-viewport]',
|
|
971
1142
|
}]
|
|
972
1143
|
}], ctorParameters: () => [] });
|
|
973
1144
|
|
|
@@ -975,7 +1146,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
975
1146
|
* A sliding sheet component that can be positioned on either side of the screen.
|
|
976
1147
|
* The sheet slides in from the left or right edge and includes an overlay backdrop.
|
|
977
1148
|
*
|
|
978
|
-
* @selector
|
|
1149
|
+
* @selector b-side-sheet
|
|
979
1150
|
*/
|
|
980
1151
|
class SideSheet {
|
|
981
1152
|
/**
|
|
@@ -1018,11 +1189,11 @@ class SideSheet {
|
|
|
1018
1189
|
}
|
|
1019
1190
|
}
|
|
1020
1191
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SideSheet, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1021
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: SideSheet, isStandalone: true, selector: "
|
|
1192
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: SideSheet, isStandalone: true, selector: "b-side-sheet", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", closeSheet: "closeSheet" }, host: { listeners: { "document:click": "closeOnOutsideClick($event)" }, properties: { "class.left": "isLeft()", "class.right": "!isLeft()", "class.open": "isOpen()", "style.width": "width()" } }, ngImport: i0, template: "<button class=\"close-button\" (click)=\"isOpen.set(false)\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"19\"\r\n height=\"19\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"0.094rem\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n class=\"lucide lucide-x\">\r\n <path d=\"M18 6 6 18\" />\r\n <path d=\"m6 6 12 12\" />\r\n </svg>\r\n</button>\r\n<ng-content />\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
1022
1193
|
}
|
|
1023
1194
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SideSheet, decorators: [{
|
|
1024
1195
|
type: Component,
|
|
1025
|
-
args: [{ selector: '
|
|
1196
|
+
args: [{ selector: 'b-side-sheet', standalone: true, imports: [CommonModule], host: {
|
|
1026
1197
|
'[class.left]': 'isLeft()',
|
|
1027
1198
|
'[class.right]': '!isLeft()',
|
|
1028
1199
|
'[class.open]': 'isOpen()',
|
|
@@ -1132,11 +1303,11 @@ class BottomSheet {
|
|
|
1132
1303
|
}
|
|
1133
1304
|
}
|
|
1134
1305
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: BottomSheet, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1135
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: BottomSheet, isStandalone: true, selector: "
|
|
1306
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: BottomSheet, isStandalone: true, selector: "b-bottom-sheet", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, closeThreshold: { classPropertyName: "closeThreshold", publicName: "closeThreshold", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", closeSheet: "closeSheet" }, host: { listeners: { "document:click": "closeOnOutsideClick($event)" }, properties: { "style.height": "height()", "class.dragging": "isDragging()", "style.transform": "transform()", "class.open": "isOpen()" } }, ngImport: i0, template: "<div class=\"drag-section\" (pointerdown)=\"startDrag($event)\">\r\n <div class=\"drag-indicator\"></div>\r\n</div>\r\n<ng-content />\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
1136
1307
|
}
|
|
1137
1308
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: BottomSheet, decorators: [{
|
|
1138
1309
|
type: Component,
|
|
1139
|
-
args: [{ selector: '
|
|
1310
|
+
args: [{ selector: 'b-bottom-sheet', standalone: true, imports: [CommonModule], host: {
|
|
1140
1311
|
'[style.height]': 'height()',
|
|
1141
1312
|
'[class.dragging]': 'isDragging()',
|
|
1142
1313
|
'[style.transform]': 'transform()',
|
|
@@ -1510,17 +1681,17 @@ class AttachedBox {
|
|
|
1510
1681
|
return secondary;
|
|
1511
1682
|
}
|
|
1512
1683
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: AttachedBox, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1513
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: AttachedBox, isStandalone: true, selector: "
|
|
1684
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: AttachedBox, isStandalone: true, selector: "b-attached-box", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { position: "positionChange", gap: "gapChange" }, host: { listeners: { "click": "type() === \"click\" ? handleMouseEvent($event) : null", "keydown": "handleKeyboardEvent($event)", "mouseenter": "type() === \"hover\" ? showContent() : null", "mouseleave": "type() === \"hover\" ? hideContent() : null", "window:scroll": "onWindowEvent()", "window:resize": "onWindowEvent()", "document:click": "onClickOutside($event)" }, properties: { "attr.tabindex": "0" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"[b-attached-box-trigger]\" />\r\n<div\r\n #content\r\n class=\"b-attached-box-content\"\r\n [class]=\"adjustedPosition()\"\r\n [class.visible]=\"isContentVisible()\"\r\n [style.--gap.px]=\"gap()\"\r\n [style.--duration]=\"animationParams().duration\"\r\n [style.--enter-delay]=\"animationParams().enterDelay\"\r\n [style.--leave-delay]=\"animationParams().leaveDelay\"\r\n [style.--scale-from]=\"animationParams().scaleFrom\"\r\n [style.--scale-to]=\"animationParams().scaleTo\"\r\n [style.--translate-from]=\"animationParams().translateFrom\"\r\n [style.--translate-to]=\"animationParams().translateTo\">\r\n <ng-content select=\"[b-attached-box-content]\" />\r\n</div>\r\n" });
|
|
1514
1685
|
}
|
|
1515
1686
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: AttachedBox, decorators: [{
|
|
1516
1687
|
type: Component,
|
|
1517
|
-
args: [{ selector: '
|
|
1688
|
+
args: [{ selector: 'b-attached-box', host: {
|
|
1518
1689
|
'[attr.tabindex]': '0',
|
|
1519
1690
|
'(click)': 'type() === "click" ? handleMouseEvent($event) : null',
|
|
1520
1691
|
'(keydown)': 'handleKeyboardEvent($event)',
|
|
1521
1692
|
'(mouseenter)': 'type() === "hover" ? showContent() : null',
|
|
1522
1693
|
'(mouseleave)': 'type() === "hover" ? hideContent() : null',
|
|
1523
|
-
}, template: "<ng-content select=\"[
|
|
1694
|
+
}, template: "<ng-content select=\"[b-attached-box-trigger]\" />\r\n<div\r\n #content\r\n class=\"b-attached-box-content\"\r\n [class]=\"adjustedPosition()\"\r\n [class.visible]=\"isContentVisible()\"\r\n [style.--gap.px]=\"gap()\"\r\n [style.--duration]=\"animationParams().duration\"\r\n [style.--enter-delay]=\"animationParams().enterDelay\"\r\n [style.--leave-delay]=\"animationParams().leaveDelay\"\r\n [style.--scale-from]=\"animationParams().scaleFrom\"\r\n [style.--scale-to]=\"animationParams().scaleTo\"\r\n [style.--translate-from]=\"animationParams().translateFrom\"\r\n [style.--translate-to]=\"animationParams().translateTo\">\r\n <ng-content select=\"[b-attached-box-content]\" />\r\n</div>\r\n" }]
|
|
1524
1695
|
}], propDecorators: { onWindowEvent: [{
|
|
1525
1696
|
type: HostListener,
|
|
1526
1697
|
args: ['window:scroll']
|
|
@@ -1537,10 +1708,6 @@ class Label {
|
|
|
1537
1708
|
* The input element.
|
|
1538
1709
|
*/
|
|
1539
1710
|
input = contentChild(Input);
|
|
1540
|
-
/**
|
|
1541
|
-
* The select element.
|
|
1542
|
-
*/
|
|
1543
|
-
select = contentChild(Select);
|
|
1544
1711
|
/**
|
|
1545
1712
|
* The switch element.
|
|
1546
1713
|
*/
|
|
@@ -1558,12 +1725,10 @@ class Label {
|
|
|
1558
1725
|
*/
|
|
1559
1726
|
labelUp = computed(() => {
|
|
1560
1727
|
const input = this.input();
|
|
1561
|
-
const select = this.select();
|
|
1562
1728
|
const textarea = this.textarea();
|
|
1563
1729
|
return (input?.focused() ||
|
|
1564
1730
|
input?.value() ||
|
|
1565
1731
|
input?.placeholder() ||
|
|
1566
|
-
select?.value() ||
|
|
1567
1732
|
textarea?.focused() ||
|
|
1568
1733
|
textarea?.value() ||
|
|
1569
1734
|
textarea?.placeholder());
|
|
@@ -1574,15 +1739,15 @@ class Label {
|
|
|
1574
1739
|
maxWidth = computed(() => {
|
|
1575
1740
|
const input = this.input();
|
|
1576
1741
|
const textarea = this.textarea();
|
|
1577
|
-
return input?.maxWidth() ||
|
|
1742
|
+
return input?.maxWidth() || textarea?.cols();
|
|
1578
1743
|
});
|
|
1579
1744
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Label, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1580
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: Label, isStandalone: true, selector: "
|
|
1745
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: Label, isStandalone: true, selector: "b-label", host: { properties: { "class.up": "labelUp()", "style.max-width": "maxWidth()", "class.is-switch": "switch()", "class.is-checkbox": "checkbox()", "class.is-textarea": "textarea()" } }, queries: [{ propertyName: "input", first: true, predicate: Input, descendants: true, isSignal: true }, { propertyName: "switch", first: true, predicate: Switch, descendants: true, isSignal: true }, { propertyName: "checkbox", first: true, predicate: Checkbox, descendants: true, isSignal: true }, { propertyName: "textarea", first: true, predicate: Textarea, descendants: true, isSignal: true }], ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
1581
1746
|
}
|
|
1582
1747
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Label, decorators: [{
|
|
1583
1748
|
type: Component,
|
|
1584
1749
|
args: [{
|
|
1585
|
-
selector: '
|
|
1750
|
+
selector: 'b-label',
|
|
1586
1751
|
imports: [],
|
|
1587
1752
|
template: `<ng-content />`,
|
|
1588
1753
|
host: {
|
|
@@ -1601,12 +1766,12 @@ class Badge {
|
|
|
1601
1766
|
/** The size of the badge. */
|
|
1602
1767
|
size = input('default');
|
|
1603
1768
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Badge, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1604
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Badge, isStandalone: true, selector: "span[
|
|
1769
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Badge, isStandalone: true, selector: "span[b-badge]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "variant() + \" size-\" + size()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
1605
1770
|
}
|
|
1606
1771
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Badge, decorators: [{
|
|
1607
1772
|
type: Component,
|
|
1608
1773
|
args: [{
|
|
1609
|
-
selector: 'span[
|
|
1774
|
+
selector: 'span[b-badge]',
|
|
1610
1775
|
template: `<ng-content />`,
|
|
1611
1776
|
host: {
|
|
1612
1777
|
'[class]': 'variant() + " size-" + size()',
|
|
@@ -1642,12 +1807,12 @@ class Checkbox {
|
|
|
1642
1807
|
this.valueChange.emit(newValue);
|
|
1643
1808
|
}
|
|
1644
1809
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Checkbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1645
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Checkbox, isStandalone: true, selector: "input[
|
|
1810
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Checkbox, isStandalone: true, selector: "input[b-checkbox]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChange: "valueChange" }, host: { listeners: { "click": "toggleValue()", "keydown.enter": "toggleValue()", "keydown.space": "toggleValue()" }, properties: { "attr.role": "checkbox", "attr.checked": "value()", "attr.aria-checked": "value()" } }, ngImport: i0, template: ``, isInline: true });
|
|
1646
1811
|
}
|
|
1647
1812
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Checkbox, decorators: [{
|
|
1648
1813
|
type: Component,
|
|
1649
1814
|
args: [{
|
|
1650
|
-
selector: 'input[
|
|
1815
|
+
selector: 'input[b-checkbox]',
|
|
1651
1816
|
template: ``,
|
|
1652
1817
|
host: {
|
|
1653
1818
|
'[attr.role]': 'checkbox',
|
|
@@ -1708,12 +1873,12 @@ class Textarea {
|
|
|
1708
1873
|
this.valueChange.emit(target.value);
|
|
1709
1874
|
}
|
|
1710
1875
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Textarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1711
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Textarea, isStandalone: true, selector: "textarea[
|
|
1876
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Textarea, isStandalone: true, selector: "textarea[b-textarea]", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { invalid: "invalidChange", disabled: "disabledChange", valueChange: "valueChange" }, host: { listeners: { "input": "onInput($event)", "focus": "focused.set(true)", "blur": "focused.set(false)" }, properties: { "placeholder": "placeholder() || \"\"", "rows": "rows()", "cols": "cols()", "class.ng-invalid": "invalid()", "class.disabled": "disabled()" } }, ngImport: i0, template: ``, isInline: true });
|
|
1712
1877
|
}
|
|
1713
1878
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Textarea, decorators: [{
|
|
1714
1879
|
type: Component,
|
|
1715
1880
|
args: [{
|
|
1716
|
-
selector: 'textarea[
|
|
1881
|
+
selector: 'textarea[b-textarea]',
|
|
1717
1882
|
template: ``,
|
|
1718
1883
|
host: {
|
|
1719
1884
|
'[placeholder]': 'placeholder() || ""',
|
|
@@ -1738,12 +1903,12 @@ class InputGroup {
|
|
|
1738
1903
|
*/
|
|
1739
1904
|
maxWidth = input('');
|
|
1740
1905
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: InputGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1741
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: InputGroup, isStandalone: true, selector: "
|
|
1906
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: InputGroup, isStandalone: true, selector: "b-input-group", inputs: { bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.bordered": "bordered()", "style.max-width": "maxWidth()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
1742
1907
|
}
|
|
1743
1908
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: InputGroup, decorators: [{
|
|
1744
1909
|
type: Component,
|
|
1745
1910
|
args: [{
|
|
1746
|
-
selector: '
|
|
1911
|
+
selector: 'b-input-group',
|
|
1747
1912
|
template: `<ng-content />`,
|
|
1748
1913
|
host: {
|
|
1749
1914
|
'[class.bordered]': 'bordered()',
|
|
@@ -1778,12 +1943,12 @@ class Range {
|
|
|
1778
1943
|
this.value.set(event.target.value);
|
|
1779
1944
|
}
|
|
1780
1945
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Range, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1781
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Range, isStandalone: true, selector: "input[
|
|
1946
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Range, isStandalone: true, selector: "input[b-range]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { listeners: { "input": "onInput($event)" }, properties: { "attr.value": "value()", "style.max-width": "maxWidth()" } }, ngImport: i0, template: ``, isInline: true });
|
|
1782
1947
|
}
|
|
1783
1948
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Range, decorators: [{
|
|
1784
1949
|
type: Component,
|
|
1785
1950
|
args: [{
|
|
1786
|
-
selector: 'input[
|
|
1951
|
+
selector: 'input[b-range]',
|
|
1787
1952
|
template: ``,
|
|
1788
1953
|
host: {
|
|
1789
1954
|
'[attr.value]': 'value()',
|
|
@@ -1825,32 +1990,32 @@ class TooltipComponent {
|
|
|
1825
1990
|
*/
|
|
1826
1991
|
size = input('default');
|
|
1827
1992
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1828
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: TooltipComponent, isStandalone: true, selector: "
|
|
1829
|
-
<
|
|
1830
|
-
<ng-content
|
|
1993
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: TooltipComponent, isStandalone: true, selector: "b-tooltip", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1994
|
+
<b-attached-box [type]="'hover'" [position]="position()" [gap]="gap()">
|
|
1995
|
+
<ng-content b-attached-box-trigger />
|
|
1831
1996
|
<div
|
|
1832
|
-
|
|
1833
|
-
class="
|
|
1997
|
+
b-attached-box-content
|
|
1998
|
+
class="b-tooltip-content"
|
|
1834
1999
|
[class]="variant() + ' size-' + size()">
|
|
1835
|
-
<ng-content select="[
|
|
2000
|
+
<ng-content select="[b-tooltip-content]" />
|
|
1836
2001
|
</div>
|
|
1837
|
-
</
|
|
1838
|
-
`, isInline: true, dependencies: [{ kind: "component", type: AttachedBox, selector: "
|
|
2002
|
+
</b-attached-box>
|
|
2003
|
+
`, isInline: true, dependencies: [{ kind: "component", type: AttachedBox, selector: "b-attached-box", inputs: ["type", "position", "gap"], outputs: ["positionChange", "gapChange"] }] });
|
|
1839
2004
|
}
|
|
1840
2005
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
1841
2006
|
type: Component,
|
|
1842
2007
|
args: [{
|
|
1843
|
-
selector: '
|
|
2008
|
+
selector: 'b-tooltip',
|
|
1844
2009
|
template: `
|
|
1845
|
-
<
|
|
1846
|
-
<ng-content
|
|
2010
|
+
<b-attached-box [type]="'hover'" [position]="position()" [gap]="gap()">
|
|
2011
|
+
<ng-content b-attached-box-trigger />
|
|
1847
2012
|
<div
|
|
1848
|
-
|
|
1849
|
-
class="
|
|
2013
|
+
b-attached-box-content
|
|
2014
|
+
class="b-tooltip-content"
|
|
1850
2015
|
[class]="variant() + ' size-' + size()">
|
|
1851
|
-
<ng-content select="[
|
|
2016
|
+
<ng-content select="[b-tooltip-content]" />
|
|
1852
2017
|
</div>
|
|
1853
|
-
</
|
|
2018
|
+
</b-attached-box>
|
|
1854
2019
|
`,
|
|
1855
2020
|
standalone: true,
|
|
1856
2021
|
imports: [AttachedBox],
|
|
@@ -1960,12 +2125,12 @@ class ColorPicker {
|
|
|
1960
2125
|
return rgbToHex(r, g, b);
|
|
1961
2126
|
}
|
|
1962
2127
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ColorPicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1963
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: ColorPicker, isStandalone: true, selector: "input[
|
|
2128
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: ColorPicker, isStandalone: true, selector: "input[b-color-picker]", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, showColor: { classPropertyName: "showColor", publicName: "showColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focus": "focused.set(true)", "blur": "focused.set(false)", "input": "value.set($event.target.value)" }, properties: { "class.focused": "focused()", "style.max-width": "maxWidth()", "style.--value": "valueWithSingleQuotes()", "style.--text-color": "textColor()", "class.show-color": "showColor()" } }, queries: [{ propertyName: "ngModel", first: true, predicate: NgModel, descendants: true, isSignal: true }], ngImport: i0, template: ``, isInline: true });
|
|
1964
2129
|
}
|
|
1965
2130
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ColorPicker, decorators: [{
|
|
1966
2131
|
type: Component,
|
|
1967
2132
|
args: [{
|
|
1968
|
-
selector: 'input[
|
|
2133
|
+
selector: 'input[b-color-picker]',
|
|
1969
2134
|
imports: [],
|
|
1970
2135
|
template: ``,
|
|
1971
2136
|
host: {
|
|
@@ -2027,16 +2192,16 @@ class TreeNode {
|
|
|
2027
2192
|
}
|
|
2028
2193
|
}
|
|
2029
2194
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TreeNode, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2030
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: TreeNode, isStandalone: true, selector: "
|
|
2195
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: TreeNode, isStandalone: true, selector: "b-tree-node", inputs: { extended: { classPropertyName: "extended", publicName: "extended", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { extended: "extendedChange", closeEmitter: "closeEmitter" }, queries: [{ propertyName: "nestedTree", first: true, predicate: Tree, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1$1.CdkDrag, inputs: ["cdkDragDisabled", "disabled"] }], ngImport: i0, template: "<section>\r\n @if (!node.disabled) {\r\n <i b-icon icon=\"GripVertical\" [size]=\"15\" cdkDragHandle></i>\r\n }\r\n <div\r\n class=\"projected-content\"\r\n (click)=\"nestedTree() && handleExtension()\"\r\n (keydown.enter)=\"nestedTree() && handleExtension()\"\r\n (keydown.space)=\"nestedTree() && handleExtension()\"\r\n role=\"button\"\r\n tabindex=\"0\">\r\n <ng-content />\r\n </div>\r\n @if (nestedTree()) {\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"20\"\r\n height=\"20\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <path d=\"m6 9 6 6 6-6\" />\r\n </svg>\r\n }\r\n</section>\r\n@if (nestedTree() && extended()) {\r\n <div class=\"nested\">\r\n <ng-content select=\"b-tree\" />\r\n </div>\r\n}\r\n", dependencies: [{ kind: "component", type: Icon, selector: "i[b-icon]", inputs: ["icon", "size", "strokeWidth", "color"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }] });
|
|
2031
2196
|
}
|
|
2032
2197
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TreeNode, decorators: [{
|
|
2033
2198
|
type: Component,
|
|
2034
|
-
args: [{ selector: '
|
|
2199
|
+
args: [{ selector: 'b-tree-node', imports: [Icon, CdkDragHandle], hostDirectives: [
|
|
2035
2200
|
{
|
|
2036
2201
|
directive: CdkDrag,
|
|
2037
2202
|
inputs: ['cdkDragDisabled: disabled'],
|
|
2038
2203
|
},
|
|
2039
|
-
], template: "<section>\r\n @if (!node.disabled) {\r\n <i
|
|
2204
|
+
], template: "<section>\r\n @if (!node.disabled) {\r\n <i b-icon icon=\"GripVertical\" [size]=\"15\" cdkDragHandle></i>\r\n }\r\n <div\r\n class=\"projected-content\"\r\n (click)=\"nestedTree() && handleExtension()\"\r\n (keydown.enter)=\"nestedTree() && handleExtension()\"\r\n (keydown.space)=\"nestedTree() && handleExtension()\"\r\n role=\"button\"\r\n tabindex=\"0\">\r\n <ng-content />\r\n </div>\r\n @if (nestedTree()) {\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"20\"\r\n height=\"20\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <path d=\"m6 9 6 6 6-6\" />\r\n </svg>\r\n }\r\n</section>\r\n@if (nestedTree() && extended()) {\r\n <div class=\"nested\">\r\n <ng-content select=\"b-tree\" />\r\n </div>\r\n}\r\n" }]
|
|
2040
2205
|
}] });
|
|
2041
2206
|
|
|
2042
2207
|
/**
|
|
@@ -2113,12 +2278,12 @@ class Tree {
|
|
|
2113
2278
|
});
|
|
2114
2279
|
}
|
|
2115
2280
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Tree, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2116
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: Tree, isStandalone: true, selector: "
|
|
2281
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: Tree, isStandalone: true, selector: "b-tree", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, closeRecursively: { classPropertyName: "closeRecursively", publicName: "closeRecursively", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dropEmitter: "dropEmitter" }, host: { listeners: { "cdkDropListDropped": "dropEmitter.emit($event)" }, properties: { "style.max-width": "maxWidth()" } }, queries: [{ propertyName: "nestedNodes", predicate: TreeNode, isSignal: true }], hostDirectives: [{ directive: i1$1.CdkDropList, inputs: ["id", "id", "cdkDropListConnectedTo", "connectedTo"], outputs: ["cdkDropListDropped", "cdkDropListDropped"] }, { directive: i1$1.CdkDropListGroup }], ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
2117
2282
|
}
|
|
2118
2283
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Tree, decorators: [{
|
|
2119
2284
|
type: Component,
|
|
2120
2285
|
args: [{
|
|
2121
|
-
selector: '
|
|
2286
|
+
selector: 'b-tree',
|
|
2122
2287
|
template: `<ng-content />`,
|
|
2123
2288
|
host: {
|
|
2124
2289
|
'(cdkDropListDropped)': 'dropEmitter.emit($event)',
|
|
@@ -2139,23 +2304,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
2139
2304
|
* Represents a menu component that can optionally float.
|
|
2140
2305
|
*/
|
|
2141
2306
|
class Menu {
|
|
2142
|
-
/**
|
|
2143
|
-
* Determines whether the menu is floating.
|
|
2144
|
-
* @default false
|
|
2145
|
-
*/
|
|
2146
|
-
floating = input(false);
|
|
2147
2307
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Menu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2148
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2308
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: Menu, isStandalone: true, selector: "b-menu", hostDirectives: [{ directive: i1$2.CdkMenu }], ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
2149
2309
|
}
|
|
2150
2310
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Menu, decorators: [{
|
|
2151
2311
|
type: Component,
|
|
2152
2312
|
args: [{
|
|
2153
|
-
selector: '
|
|
2313
|
+
selector: 'b-menu',
|
|
2154
2314
|
imports: [],
|
|
2155
2315
|
template: `<ng-content />`,
|
|
2156
|
-
host: {
|
|
2157
|
-
'[class.floating]': 'floating()',
|
|
2158
|
-
},
|
|
2159
2316
|
hostDirectives: [CdkMenu],
|
|
2160
2317
|
}]
|
|
2161
2318
|
}] });
|
|
@@ -2165,12 +2322,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
2165
2322
|
*/
|
|
2166
2323
|
class MenuLabel {
|
|
2167
2324
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MenuLabel, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2168
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: MenuLabel, isStandalone: true, selector: "
|
|
2325
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: MenuLabel, isStandalone: true, selector: "b-menu-label", ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
2169
2326
|
}
|
|
2170
2327
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MenuLabel, decorators: [{
|
|
2171
2328
|
type: Component,
|
|
2172
2329
|
args: [{
|
|
2173
|
-
selector: '
|
|
2330
|
+
selector: 'b-menu-label',
|
|
2174
2331
|
imports: [],
|
|
2175
2332
|
template: `<ng-content />`,
|
|
2176
2333
|
}]
|
|
@@ -2181,12 +2338,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
2181
2338
|
*/
|
|
2182
2339
|
class MenuItemComponent {
|
|
2183
2340
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2184
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: MenuItemComponent, isStandalone: true, selector: "
|
|
2341
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: MenuItemComponent, isStandalone: true, selector: "b-menu-item", hostDirectives: [{ directive: i1$2.CdkMenuItem, inputs: ["cdkMenuItemDisabled", "disabled", "cdkMenuitemTypeaheadLabel", "typeaheadLabel"], outputs: ["cdkMenuItemTriggered", "triggered"] }], ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
2185
2342
|
}
|
|
2186
2343
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MenuItemComponent, decorators: [{
|
|
2187
2344
|
type: Component,
|
|
2188
2345
|
args: [{
|
|
2189
|
-
selector: '
|
|
2346
|
+
selector: 'b-menu-item',
|
|
2190
2347
|
imports: [],
|
|
2191
2348
|
template: `<ng-content />`,
|
|
2192
2349
|
hostDirectives: [
|
|
@@ -2207,12 +2364,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
2207
2364
|
*/
|
|
2208
2365
|
class MenuItemCheckboxComponent {
|
|
2209
2366
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MenuItemCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2210
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: MenuItemCheckboxComponent, isStandalone: true, selector: "
|
|
2367
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: MenuItemCheckboxComponent, isStandalone: true, selector: "b-menu-item-checkbox", hostDirectives: [{ directive: i1$2.CdkMenuItemCheckbox, inputs: ["cdkMenuItemDisabled", "disabled", "cdkMenuitemTypeaheadLabel", "typeaheadLabel", "cdkMenuItemChecked", "active"], outputs: ["cdkMenuItemTriggered", "triggered"] }], ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
2211
2368
|
}
|
|
2212
2369
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MenuItemCheckboxComponent, decorators: [{
|
|
2213
2370
|
type: Component,
|
|
2214
2371
|
args: [{
|
|
2215
|
-
selector: '
|
|
2372
|
+
selector: 'b-menu-item-checkbox',
|
|
2216
2373
|
imports: [],
|
|
2217
2374
|
template: `<ng-content />`,
|
|
2218
2375
|
hostDirectives: [
|
|
@@ -2234,12 +2391,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
2234
2391
|
*/
|
|
2235
2392
|
class MenuItemRadioComponent {
|
|
2236
2393
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MenuItemRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2237
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: MenuItemRadioComponent, isStandalone: true, selector: "
|
|
2394
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: MenuItemRadioComponent, isStandalone: true, selector: "b-menu-item-radio", hostDirectives: [{ directive: i1$2.CdkMenuItemRadio, inputs: ["cdkMenuItemDisabled", "disabled", "cdkMenuitemTypeaheadLabel", "typeaheadLabel", "cdkMenuItemChecked", "active"], outputs: ["cdkMenuItemTriggered", "triggered"] }], ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
2238
2395
|
}
|
|
2239
2396
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MenuItemRadioComponent, decorators: [{
|
|
2240
2397
|
type: Component,
|
|
2241
2398
|
args: [{
|
|
2242
|
-
selector: '
|
|
2399
|
+
selector: 'b-menu-item-radio',
|
|
2243
2400
|
imports: [],
|
|
2244
2401
|
template: `<ng-content />`,
|
|
2245
2402
|
hostDirectives: [
|
|
@@ -2354,7 +2511,7 @@ class MenuTrigger {
|
|
|
2354
2511
|
this.trigger.menuPosition = [connectedPosition];
|
|
2355
2512
|
}
|
|
2356
2513
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2357
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.7", type: MenuTrigger, isStandalone: true, selector: "[menuTriggerFor]", inputs: { menuTriggerPosition: { classPropertyName: "menuTriggerPosition", publicName: "menuTriggerPosition", isSignal: true, isRequired: false, transformFunction: null }, submenu: { classPropertyName: "submenu", publicName: "submenu", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1$
|
|
2514
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.7", type: MenuTrigger, isStandalone: true, selector: "[menuTriggerFor]", inputs: { menuTriggerPosition: { classPropertyName: "menuTriggerPosition", publicName: "menuTriggerPosition", isSignal: true, isRequired: false, transformFunction: null }, submenu: { classPropertyName: "submenu", publicName: "submenu", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1$2.CdkMenuTrigger, inputs: ["cdkMenuTriggerFor", "menuTriggerFor"] }], ngImport: i0 });
|
|
2358
2515
|
}
|
|
2359
2516
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MenuTrigger, decorators: [{
|
|
2360
2517
|
type: Directive,
|
|
@@ -2392,14 +2549,14 @@ class Alert {
|
|
|
2392
2549
|
this.dismissed.emit();
|
|
2393
2550
|
}
|
|
2394
2551
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Alert, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2395
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: Alert, isStandalone: true, selector: "
|
|
2552
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: Alert, isStandalone: true, selector: "b-alert", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "class": "type()", "style.max-width": "maxWidth()" } }, ngImport: i0, template: "@if (icon()) {\r\n <div class=\"icon\">\r\n <i b-icon [icon]=\"icon()!\" [size]=\"20\" [color]=\"colorForeground()\"></i>\r\n </div>\r\n}\r\n<div class=\"content\">\r\n @if (title()) {\r\n <div class=\"title\">\r\n {{ title() }}\r\n </div>\r\n }\r\n\r\n <div class=\"body\">\r\n <ng-content />\r\n </div>\r\n</div>\r\n@if (dismissible()) {\r\n <button class=\"close-btn\" (click)=\"dismiss()\">\r\n <i b-icon icon=\"X\" [size]=\"20\" [color]=\"colorForeground()\"></i>\r\n </button>\r\n}\r\n", dependencies: [{ kind: "component", type: Icon, selector: "i[b-icon]", inputs: ["icon", "size", "strokeWidth", "color"] }] });
|
|
2396
2553
|
}
|
|
2397
2554
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Alert, decorators: [{
|
|
2398
2555
|
type: Component,
|
|
2399
|
-
args: [{ selector: '
|
|
2556
|
+
args: [{ selector: 'b-alert', imports: [Icon], host: {
|
|
2400
2557
|
'[class]': 'type()',
|
|
2401
2558
|
'[style.max-width]': 'maxWidth()',
|
|
2402
|
-
}, template: "@if (icon()) {\r\n <div class=\"icon\">\r\n <i
|
|
2559
|
+
}, template: "@if (icon()) {\r\n <div class=\"icon\">\r\n <i b-icon [icon]=\"icon()!\" [size]=\"20\" [color]=\"colorForeground()\"></i>\r\n </div>\r\n}\r\n<div class=\"content\">\r\n @if (title()) {\r\n <div class=\"title\">\r\n {{ title() }}\r\n </div>\r\n }\r\n\r\n <div class=\"body\">\r\n <ng-content />\r\n </div>\r\n</div>\r\n@if (dismissible()) {\r\n <button class=\"close-btn\" (click)=\"dismiss()\">\r\n <i b-icon icon=\"X\" [size]=\"20\" [color]=\"colorForeground()\"></i>\r\n </button>\r\n}\r\n" }]
|
|
2403
2560
|
}] });
|
|
2404
2561
|
|
|
2405
2562
|
/*
|
|
@@ -2411,5 +2568,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
2411
2568
|
* Generated bundle index. Do not edit.
|
|
2412
2569
|
*/
|
|
2413
2570
|
|
|
2414
|
-
export { Alert, AttachedBox, Badge, BottomSheet, Button, ButtonGroup, Checkbox, ColorPicker, Icon, InViewportDirective, InViewportService, Input, InputGroup, Label, LazyContentDirective, Menu, MenuItemCheckboxComponent, MenuItemComponent, MenuItemRadioComponent, MenuLabel, MenuTrigger, Option, Range, ResponsiveService, Row, RowItem, Search,
|
|
2571
|
+
export { Alert, AttachedBox, Badge, BottomSheet, Button, ButtonGroup, Checkbox, ColorPicker, Icon, InViewportDirective, InViewportService, Input, InputGroup, Label, LazyContentDirective, Menu, MenuItemCheckboxComponent, MenuItemComponent, MenuItemRadioComponent, MenuLabel, MenuTrigger, Option, Range, ResponsiveService, Row, RowItem, Search, SelectComponent, SideSheet, Spinner, Switch, Tab, Table, Tabs, Textarea, ThemeService, TooltipComponent, Tree, TreeNode };
|
|
2415
2572
|
//# sourceMappingURL=basis-ng-primitives.mjs.map
|