@leanix/components 0.4.473 → 0.4.474
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.
|
@@ -26,11 +26,11 @@ export class CollapsibleComponent {
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CollapsibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: CollapsibleComponent, isStandalone: true, selector: "lx-collapsible", inputs: { disableSectionToggle: "disableSectionToggle", hideSectionToggle: "hideSectionToggle", toggleSize: "toggleSize", toggleTitle: "toggleTitle", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.notClickable": "this.notClickable" } }, ngImport: i0, template: "<button\n *ngIf=\"!hideSectionToggle\"\n lx-button\n mode=\"link\"\n [title]=\"toggleTitle\"\n [size]=\"toggleSize\"\n class=\"sectionToggle\"\n type=\"button\"\n [disabled]=\"disableSectionToggle\"\n [square]=\"true\"\n (click)=\"onToggleSection($event)\"\n
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: CollapsibleComponent, isStandalone: true, selector: "lx-collapsible", inputs: { disableSectionToggle: "disableSectionToggle", hideSectionToggle: "hideSectionToggle", toggleSize: "toggleSize", toggleTitle: "toggleTitle", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.notClickable": "this.notClickable" } }, ngImport: i0, template: "<button\n *ngIf=\"!hideSectionToggle\"\n lx-button\n mode=\"link\"\n [title]=\"toggleTitle\"\n [size]=\"toggleSize\"\n class=\"sectionToggle\"\n [class.collapsed]=\"collapsed\"\n type=\"button\"\n [disabled]=\"disableSectionToggle\"\n [square]=\"true\"\n icon=\"fa-angle-down\"\n (click)=\"onToggleSection($event)\"\n></button>\n<div class=\"collapsible-title\">\n <ng-content />\n</div>\n", styles: [":host{position:relative;cursor:pointer;display:flex;border-bottom:1px solid #e1e5eb;margin-bottom:4px}:host.notClickable{cursor:default}.sectionToggle{font-size:18px;width:32px;align-self:center;transition:transform .2s linear}.sectionToggle.collapsed{transform:rotate(-90deg)}.collapsible-title{width:100%;align-self:center}:host(.align-left) .sectionToggle{text-align:left;width:24px}:host-context(lx-fact-sheet-section.transformationsRedesign){border-bottom-color:#c2c9d6;padding-bottom:8px}:host-context(lx-fact-sheet-section.transformationsRedesign) .sectionToggle{font-size:var(--lxFontLargeSize, 16px);width:20px;height:20px;min-width:20px;text-align:left}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "icon", "endIcon", "showSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
30
30
|
}
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CollapsibleComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
|
-
args: [{ selector: 'lx-collapsible', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, ButtonComponent], template: "<button\n *ngIf=\"!hideSectionToggle\"\n lx-button\n mode=\"link\"\n [title]=\"toggleTitle\"\n [size]=\"toggleSize\"\n class=\"sectionToggle\"\n type=\"button\"\n [disabled]=\"disableSectionToggle\"\n [square]=\"true\"\n (click)=\"onToggleSection($event)\"\n
|
|
33
|
+
args: [{ selector: 'lx-collapsible', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, ButtonComponent], template: "<button\n *ngIf=\"!hideSectionToggle\"\n lx-button\n mode=\"link\"\n [title]=\"toggleTitle\"\n [size]=\"toggleSize\"\n class=\"sectionToggle\"\n [class.collapsed]=\"collapsed\"\n type=\"button\"\n [disabled]=\"disableSectionToggle\"\n [square]=\"true\"\n icon=\"fa-angle-down\"\n (click)=\"onToggleSection($event)\"\n></button>\n<div class=\"collapsible-title\">\n <ng-content />\n</div>\n", styles: [":host{position:relative;cursor:pointer;display:flex;border-bottom:1px solid #e1e5eb;margin-bottom:4px}:host.notClickable{cursor:default}.sectionToggle{font-size:18px;width:32px;align-self:center;transition:transform .2s linear}.sectionToggle.collapsed{transform:rotate(-90deg)}.collapsible-title{width:100%;align-self:center}:host(.align-left) .sectionToggle{text-align:left;width:24px}:host-context(lx-fact-sheet-section.transformationsRedesign){border-bottom-color:#c2c9d6;padding-bottom:8px}:host-context(lx-fact-sheet-section.transformationsRedesign) .sectionToggle{font-size:var(--lxFontLargeSize, 16px);width:20px;height:20px;min-width:20px;text-align:left}\n"] }]
|
|
34
34
|
}], propDecorators: { disableSectionToggle: [{
|
|
35
35
|
type: Input
|
|
36
36
|
}], hideSectionToggle: [{
|
|
@@ -50,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
50
50
|
type: HostListener,
|
|
51
51
|
args: ['click', ['$event']]
|
|
52
52
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2libGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvY29yZS11aS9jb21wb25lbnRzL2NvbGxhcHNpYmxlL2NvbGxhcHNpYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9jb2xsYXBzaWJsZS9jb2xsYXBzaWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNILE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFVN0QsTUFBTSxPQUFPLG9CQUFvQjtJQVJqQztRQVNXLFNBQUksR0FBRyxzQkFBc0IsQ0FBQztRQUU5Qix5QkFBb0IsR0FBRyxLQUFLLENBQUM7UUFDN0Isc0JBQWlCLEdBQUcsS0FBSyxDQUFDO1FBQzFCLGVBQVUsR0FBNEIsT0FBTyxDQUFDO1FBQzlDLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBRWpCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDMUIsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0tBbUJ6RDtJQWpCQyxJQUNJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDN0QsQ0FBQztJQUdELE9BQU8sQ0FBQyxLQUFpQjtRQUN2QixJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBaUI7UUFDL0IsSUFBSSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1lBQzFELEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztZQUNqQyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDNUMsQ0FBQztJQUNILENBQUM7OEdBM0JVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDJaQ1pqQyxvWkFpQkEsbXRCRFBZLElBQUksNkZBQUUsZUFBZTs7MkZBRXBCLG9CQUFvQjtrQkFSaEMsU0FBUzsrQkFDRSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsZUFBZSxDQUFDOzhCQUt2QixvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNJLGVBQWU7c0JBQXhCLE1BQU07Z0JBR0gsWUFBWTtzQkFEZixXQUFXO3VCQUFDLG9CQUFvQjtnQkFNakMsT0FBTztzQkFETixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2x4LWNvbGxhcHNpYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICdjb2xsYXBzaWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydjb2xsYXBzaWJsZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIEJ1dHRvbkNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgQ29sbGFwc2libGVDb21wb25lbnQge1xuICByZWFkb25seSBOQU1FID0gJ0NvbGxhcHNpYmxlQ29tcG9uZW50JztcblxuICBASW5wdXQoKSBkaXNhYmxlU2VjdGlvblRvZ2dsZSA9IGZhbHNlO1xuICBASW5wdXQoKSBoaWRlU2VjdGlvblRvZ2dsZSA9IGZhbHNlO1xuICBASW5wdXQoKSB0b2dnbGVTaXplOiBCdXR0b25Db21wb25lbnRbJ3NpemUnXSA9ICdzbWFsbCc7XG4gIEBJbnB1dCgpIHRvZ2dsZVRpdGxlID0gJyc7XG5cbiAgQElucHV0KCkgY29sbGFwc2VkOiBib29sZWFuID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBjb2xsYXBzZWRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5ub3RDbGlja2FibGUnKVxuICBnZXQgbm90Q2xpY2thYmxlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmRpc2FibGVTZWN0aW9uVG9nZ2xlIHx8IHRoaXMuaGlkZVNlY3Rpb25Ub2dnbGU7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIG9uQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLm9uVG9nZ2xlU2VjdGlvbihldmVudCk7XG4gIH1cblxuICBvblRvZ2dsZVNlY3Rpb24oZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZVNlY3Rpb25Ub2dnbGUgJiYgIXRoaXMuaGlkZVNlY3Rpb25Ub2dnbGUpIHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgdGhpcy5jb2xsYXBzZWQgPSAhdGhpcy5jb2xsYXBzZWQ7XG4gICAgICB0aGlzLmNvbGxhcHNlZENoYW5nZS5lbWl0KHRoaXMuY29sbGFwc2VkKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxidXR0b25cbiAgKm5nSWY9XCIhaGlkZVNlY3Rpb25Ub2dnbGVcIlxuICBseC1idXR0b25cbiAgbW9kZT1cImxpbmtcIlxuICBbdGl0bGVdPVwidG9nZ2xlVGl0bGVcIlxuICBbc2l6ZV09XCJ0b2dnbGVTaXplXCJcbiAgY2xhc3M9XCJzZWN0aW9uVG9nZ2xlXCJcbiAgW2NsYXNzLmNvbGxhcHNlZF09XCJjb2xsYXBzZWRcIlxuICB0eXBlPVwiYnV0dG9uXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVTZWN0aW9uVG9nZ2xlXCJcbiAgW3NxdWFyZV09XCJ0cnVlXCJcbiAgaWNvbj1cImZhLWFuZ2xlLWRvd25cIlxuICAoY2xpY2spPVwib25Ub2dnbGVTZWN0aW9uKCRldmVudClcIlxuPjwvYnV0dG9uPlxuPGRpdiBjbGFzcz1cImNvbGxhcHNpYmxlLXRpdGxlXCI+XG4gIDxuZy1jb250ZW50IC8+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -694,11 +694,11 @@ class CollapsibleComponent {
|
|
|
694
694
|
}
|
|
695
695
|
}
|
|
696
696
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CollapsibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
697
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: CollapsibleComponent, isStandalone: true, selector: "lx-collapsible", inputs: { disableSectionToggle: "disableSectionToggle", hideSectionToggle: "hideSectionToggle", toggleSize: "toggleSize", toggleTitle: "toggleTitle", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.notClickable": "this.notClickable" } }, ngImport: i0, template: "<button\n *ngIf=\"!hideSectionToggle\"\n lx-button\n mode=\"link\"\n [title]=\"toggleTitle\"\n [size]=\"toggleSize\"\n class=\"sectionToggle\"\n type=\"button\"\n [disabled]=\"disableSectionToggle\"\n [square]=\"true\"\n (click)=\"onToggleSection($event)\"\n
|
|
697
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: CollapsibleComponent, isStandalone: true, selector: "lx-collapsible", inputs: { disableSectionToggle: "disableSectionToggle", hideSectionToggle: "hideSectionToggle", toggleSize: "toggleSize", toggleTitle: "toggleTitle", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.notClickable": "this.notClickable" } }, ngImport: i0, template: "<button\n *ngIf=\"!hideSectionToggle\"\n lx-button\n mode=\"link\"\n [title]=\"toggleTitle\"\n [size]=\"toggleSize\"\n class=\"sectionToggle\"\n [class.collapsed]=\"collapsed\"\n type=\"button\"\n [disabled]=\"disableSectionToggle\"\n [square]=\"true\"\n icon=\"fa-angle-down\"\n (click)=\"onToggleSection($event)\"\n></button>\n<div class=\"collapsible-title\">\n <ng-content />\n</div>\n", styles: [":host{position:relative;cursor:pointer;display:flex;border-bottom:1px solid #e1e5eb;margin-bottom:4px}:host.notClickable{cursor:default}.sectionToggle{font-size:18px;width:32px;align-self:center;transition:transform .2s linear}.sectionToggle.collapsed{transform:rotate(-90deg)}.collapsible-title{width:100%;align-self:center}:host(.align-left) .sectionToggle{text-align:left;width:24px}:host-context(lx-fact-sheet-section.transformationsRedesign){border-bottom-color:#c2c9d6;padding-bottom:8px}:host-context(lx-fact-sheet-section.transformationsRedesign) .sectionToggle{font-size:var(--lxFontLargeSize, 16px);width:20px;height:20px;min-width:20px;text-align:left}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "icon", "endIcon", "showSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
698
698
|
}
|
|
699
699
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CollapsibleComponent, decorators: [{
|
|
700
700
|
type: Component,
|
|
701
|
-
args: [{ selector: 'lx-collapsible', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, ButtonComponent], template: "<button\n *ngIf=\"!hideSectionToggle\"\n lx-button\n mode=\"link\"\n [title]=\"toggleTitle\"\n [size]=\"toggleSize\"\n class=\"sectionToggle\"\n type=\"button\"\n [disabled]=\"disableSectionToggle\"\n [square]=\"true\"\n (click)=\"onToggleSection($event)\"\n
|
|
701
|
+
args: [{ selector: 'lx-collapsible', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, ButtonComponent], template: "<button\n *ngIf=\"!hideSectionToggle\"\n lx-button\n mode=\"link\"\n [title]=\"toggleTitle\"\n [size]=\"toggleSize\"\n class=\"sectionToggle\"\n [class.collapsed]=\"collapsed\"\n type=\"button\"\n [disabled]=\"disableSectionToggle\"\n [square]=\"true\"\n icon=\"fa-angle-down\"\n (click)=\"onToggleSection($event)\"\n></button>\n<div class=\"collapsible-title\">\n <ng-content />\n</div>\n", styles: [":host{position:relative;cursor:pointer;display:flex;border-bottom:1px solid #e1e5eb;margin-bottom:4px}:host.notClickable{cursor:default}.sectionToggle{font-size:18px;width:32px;align-self:center;transition:transform .2s linear}.sectionToggle.collapsed{transform:rotate(-90deg)}.collapsible-title{width:100%;align-self:center}:host(.align-left) .sectionToggle{text-align:left;width:24px}:host-context(lx-fact-sheet-section.transformationsRedesign){border-bottom-color:#c2c9d6;padding-bottom:8px}:host-context(lx-fact-sheet-section.transformationsRedesign) .sectionToggle{font-size:var(--lxFontLargeSize, 16px);width:20px;height:20px;min-width:20px;text-align:left}\n"] }]
|
|
702
702
|
}], propDecorators: { disableSectionToggle: [{
|
|
703
703
|
type: Input
|
|
704
704
|
}], hideSectionToggle: [{
|