@simpleangularcontrols/sac-bootstrap3 10.0.0-rc.12 → 10.0.0-rc.13
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/bundles/simpleangularcontrols-sac-bootstrap3.umd.js +65 -70
- package/bundles/simpleangularcontrols-sac-bootstrap3.umd.js.map +1 -1
- package/bundles/simpleangularcontrols-sac-bootstrap3.umd.min.js +1 -1
- package/bundles/simpleangularcontrols-sac-bootstrap3.umd.min.js.map +1 -1
- package/controls/contextmenu/contextmenu.d.ts +5 -5
- package/controls/contextmenu/contextmenuitembutton.d.ts +3 -3
- package/controls/treeview/treeview.d.ts +13 -2
- package/controls/treeview/treeview.module.d.ts +1 -1
- package/controls/treeview/treeview.module.ngfactory.d.ts +1 -1
- package/esm2015/controls/contextmenu/contextmenu.js +8 -14
- package/esm2015/controls/contextmenu/contextmenu.module.ngfactory.js +1 -1
- package/esm2015/controls/contextmenu/contextmenuitembutton.js +13 -8
- package/esm2015/controls/contextmenu/contextmenuitemsplitter.js +9 -3
- package/esm2015/controls/input/inputsearch.js +1 -1
- package/esm2015/controls/treeview/treeview.js +36 -6
- package/esm2015/controls/treeview/treeview.module.js +11 -12
- package/esm2015/controls/treeview/treeview.module.ngfactory.js +1 -1
- package/esm2015/public_api.js +1 -4
- package/fesm2015/simpleangularcontrols-sac-bootstrap3.js +61 -54
- package/fesm2015/simpleangularcontrols-sac-bootstrap3.js.map +1 -1
- package/package.json +2 -2
- package/public_api.d.ts +0 -3
- package/simpleangularcontrols-sac-bootstrap3-10.0.0-rc.13.tgz +0 -0
- package/simpleangularcontrols-sac-bootstrap3.metadata.json +1 -1
- package/controls/treeview/ngtreeitemaction.d.ts +0 -5
- package/controls/treeview/ngtreeitemaction.ngfactory.d.ts +0 -1
- package/controls/treeview/treeviewchild.d.ts +0 -3
- package/controls/treeview/treeviewchild.ngfactory.d.ts +0 -1
- package/esm2015/controls/treeview/ngtreeitemaction.js +0 -17
- package/esm2015/controls/treeview/ngtreeitemaction.ngfactory.js +0 -7
- package/esm2015/controls/treeview/treeviewchild.js +0 -11
- package/esm2015/controls/treeview/treeviewchild.ngfactory.js +0 -7
- package/simpleangularcontrols-sac-bootstrap3-10.0.0-rc.12.tgz +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Component, ViewEncapsulation, NgModule, Directive, Pipe, ChangeDetectorRef, ElementRef, forwardRef, Host, Optional, Injector, Input, Injectable, ComponentFactoryResolver, Inject, ApplicationRef, NgZone, Renderer2, ContentChild, TemplateRef, ContentChildren, HostBinding, SkipSelf } from '@angular/core';
|
|
2
|
-
import { SacButtonCommon, SacFormLayoutCommon, ControlHeight, SacTooltipCommon, SacCheckboxCommon, SacRadiobuttonsCommon, SacRadiobuttonCommon, SacDialogCommon, SacConfirmCommon, ServiceConfirmCommon, isDefined, SacConfirmButton, SacContextmenuCommon, SacContextmenuAnchorCommon, SacContextMenuContrainerCommon, SacContextmenuItemButtonCommon, SacContextmenuItemCommon, SacDateCommon, SacDateSelectorCommon, SacDateTimeCommon, SacTimeCommon, SacGridCommon, SacGridButtonCommon, SacGridColumnCommon, SacGridColumnBaseCommon, SacGridColumnActionCommon, SacGridImageCommon, SacPagingCommon, SacInputCommon, SacInputAreaCommon, SacInputCurrencyCommon, SacInputDecimalCommon, SacInputEmailCommon, SacInputIntegerCommon, SacInputPasswordCommon, SacInputSearchCommon, SacDropdownCommon, SacDropdownOptionCommon, SacListboxCommon, SACCommonListboxOptionModule, SacStaticFormContainerCommon, SacStaticLabelCommon, SacTabItemCommon, SacTabCommon, SacTinyMceCommon,
|
|
2
|
+
import { SacButtonCommon, SacFormLayoutCommon, ControlHeight, SacTooltipCommon, SacCheckboxCommon, SacRadiobuttonsCommon, SacRadiobuttonCommon, SacDialogCommon, SacConfirmCommon, ServiceConfirmCommon, isDefined, SacConfirmButton, SacContextmenuCommon, SacContextmenuAnchorCommon, SacContextMenuContrainerCommon, SacContextmenuItemButtonCommon, SacContextmenuItemCommon, SacDateCommon, SacDateSelectorCommon, SacDateTimeCommon, SacTimeCommon, SacGridCommon, SacGridButtonCommon, SacGridColumnCommon, SacGridColumnBaseCommon, SacGridColumnActionCommon, SacGridImageCommon, SacPagingCommon, SacInputCommon, SacInputAreaCommon, SacInputCurrencyCommon, SacInputDecimalCommon, SacInputEmailCommon, SacInputIntegerCommon, SacInputPasswordCommon, SacInputSearchCommon, SacDropdownCommon, SacDropdownOptionCommon, SacListboxCommon, SACCommonListboxOptionModule, SacStaticFormContainerCommon, SacStaticLabelCommon, SacTabItemCommon, SacTabCommon, SacTinyMceCommon, SacTreeviewCommon, SacDropzoneMultipleCommon, SacDropzoneSingleCommon, SacUploadSingleCommon, SacUploadMultipleCommon, SacFormCommon, SacValidationSummaryCommon, SacWizardItemCommon, SacWizardCommon } from '@simpleangularcontrols/sac-common';
|
|
3
3
|
import { CommonModule, DOCUMENT } from '@angular/common';
|
|
4
4
|
import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule, NgForm, ControlContainer } from '@angular/forms';
|
|
5
5
|
import { forkJoin } from 'rxjs';
|
|
@@ -555,17 +555,17 @@ SACBootstrap3ConfirmModule.decorators = [
|
|
|
555
555
|
];
|
|
556
556
|
|
|
557
557
|
/**
|
|
558
|
-
* Component
|
|
558
|
+
* Component for context menu
|
|
559
559
|
*/
|
|
560
560
|
class SacContextmenuComponent extends SacContextmenuCommon {
|
|
561
561
|
// #region Constructors
|
|
562
562
|
/**
|
|
563
563
|
* Constructor
|
|
564
|
-
* @param document
|
|
564
|
+
* @param document Reference to HTML document
|
|
565
565
|
* @param ngZone Angular Zone Service
|
|
566
|
-
* @param elementRef
|
|
567
|
-
* @param renderer Render Service
|
|
568
|
-
* @param injector
|
|
566
|
+
* @param elementRef Reference to HTML element of the current component
|
|
567
|
+
* @param renderer Render Service from Angular
|
|
568
|
+
* @param injector injector to resolve services
|
|
569
569
|
*/
|
|
570
570
|
constructor(document, ngZone, elementRef, renderer, injector) {
|
|
571
571
|
super(document, ngZone, elementRef, renderer, injector);
|
|
@@ -574,13 +574,7 @@ class SacContextmenuComponent extends SacContextmenuCommon {
|
|
|
574
574
|
SacContextmenuComponent.decorators = [
|
|
575
575
|
{ type: Component, args: [{
|
|
576
576
|
selector: 'sac-contextmenu',
|
|
577
|
-
template: "<div\r\n class=\"dropdown\"\r\n [ngClass]=\"cssclass\">\r\n <ng-container [ngTemplateOutlet]=\"buttontemplate || defaultButtonTemplate\"></ng-container>\r\n\r\n <ul\r\n class=\"dropdown-menu dropdown-menu-right\"\r\n sacContextMenuContainer\r\n [class.show]=\"isopen\">\r\n <ng-content></ng-content>\r\n </ul>\r\n</div>\r\n\r\n<ng-template #defaultButtonTemplate>\r\n <button\r\n sacContextMenuAnchor\r\n class=\"btn btn-link\"\r\n type=\"button\"\r\n (click)=\"toggle()\">\r\n <i [class]=\"IconContextMenu\"></i>\r\n </button>\r\n</ng-template>\r\n"
|
|
578
|
-
providers: [
|
|
579
|
-
{
|
|
580
|
-
provide: SacContextmenuCommon,
|
|
581
|
-
useExisting: forwardRef(() => SacContextmenuComponent),
|
|
582
|
-
},
|
|
583
|
-
]
|
|
577
|
+
template: "<div\r\n class=\"dropdown\"\r\n [ngClass]=\"cssclass\">\r\n <ng-container [ngTemplateOutlet]=\"buttontemplate || defaultButtonTemplate\"></ng-container>\r\n\r\n <ul\r\n class=\"dropdown-menu dropdown-menu-right\"\r\n sacContextMenuContainer\r\n [class.show]=\"isopen\">\r\n <ng-content></ng-content>\r\n </ul>\r\n</div>\r\n\r\n<ng-template #defaultButtonTemplate>\r\n <button\r\n sacContextMenuAnchor\r\n class=\"btn btn-link\"\r\n type=\"button\"\r\n (click)=\"toggle()\">\r\n <i [class]=\"IconContextMenu\"></i>\r\n </button>\r\n</ng-template>\r\n"
|
|
584
578
|
},] }
|
|
585
579
|
];
|
|
586
580
|
SacContextmenuComponent.ctorParameters = () => [
|
|
@@ -648,7 +642,7 @@ SacContextmenuContainerDirective.ctorParameters = () => [
|
|
|
648
642
|
];
|
|
649
643
|
|
|
650
644
|
/**
|
|
651
|
-
* Component
|
|
645
|
+
* Component for menu entry in context menu
|
|
652
646
|
*/
|
|
653
647
|
class SacContextmenuItemButtonComponent extends SacContextmenuItemButtonCommon {
|
|
654
648
|
// #region Constructors
|
|
@@ -656,8 +650,8 @@ class SacContextmenuItemButtonComponent extends SacContextmenuItemButtonCommon {
|
|
|
656
650
|
* Constructor
|
|
657
651
|
* @param contextmenu Instance von Context Menü
|
|
658
652
|
*/
|
|
659
|
-
constructor(
|
|
660
|
-
super(
|
|
653
|
+
constructor(el) {
|
|
654
|
+
super();
|
|
661
655
|
this.el = el;
|
|
662
656
|
}
|
|
663
657
|
// #endregion Constructors
|
|
@@ -674,11 +668,16 @@ class SacContextmenuItemButtonComponent extends SacContextmenuItemButtonCommon {
|
|
|
674
668
|
SacContextmenuItemButtonComponent.decorators = [
|
|
675
669
|
{ type: Component, args: [{
|
|
676
670
|
selector: 'sac-contextmenubutton',
|
|
677
|
-
template: "<li\r\n [class.disabled]=\"isdisabled\"\r\n [ngClass]=\"cssclass\">\r\n <a\r\n (click)=\"callaction($event)\"\r\n [attr.disabled]=\"isdisabled ? 'disabled' : null\"\r\n [ngStyle]=\"{ cursor: !isdisabled ? 'pointer' : null }\"\r\n style=\"display: flex\">\r\n <div\r\n style=\"min-width: 25px\"\r\n *ngIf=\"!isicondisabled\">\r\n <img\r\n *ngIf=\"image\"\r\n [src]=\"image\"\r\n style=\"vertical-align: baseline\"\r\n [ngStyle]=\"{ 'margin-right': text ? '5px' : null }\" />\r\n <i\r\n *ngIf=\"icon\"\r\n [class]=\"iconstyle + ' ' + icon\"\r\n [ngStyle]=\"{ 'margin-right': text ? '5px' : null }\">\r\n </i>\r\n </div>\r\n <div>{{ text }}</div>\r\n </a>\r\n</li>\r\n"
|
|
671
|
+
template: "<li\r\n [class.disabled]=\"isdisabled\"\r\n [ngClass]=\"cssclass\">\r\n <a\r\n [id]=\"name\"\r\n (click)=\"callaction($event)\"\r\n [attr.disabled]=\"isdisabled ? 'disabled' : null\"\r\n [ngStyle]=\"{ cursor: !isdisabled ? 'pointer' : null }\"\r\n style=\"display: flex\">\r\n <div\r\n style=\"min-width: 25px\"\r\n *ngIf=\"!isicondisabled\">\r\n <img\r\n *ngIf=\"image\"\r\n [src]=\"image\"\r\n style=\"vertical-align: baseline\"\r\n [ngStyle]=\"{ 'margin-right': text ? '5px' : null }\" />\r\n <i\r\n *ngIf=\"icon\"\r\n [class]=\"iconstyle + ' ' + icon\"\r\n [ngStyle]=\"{ 'margin-right': text ? '5px' : null }\">\r\n </i>\r\n </div>\r\n <div>{{ text }}</div>\r\n </a>\r\n</li>\r\n",
|
|
672
|
+
providers: [
|
|
673
|
+
{
|
|
674
|
+
provide: SacContextmenuItemCommon,
|
|
675
|
+
useExisting: forwardRef(() => SacContextmenuItemButtonComponent),
|
|
676
|
+
},
|
|
677
|
+
]
|
|
678
678
|
},] }
|
|
679
679
|
];
|
|
680
680
|
SacContextmenuItemButtonComponent.ctorParameters = () => [
|
|
681
|
-
{ type: SacContextmenuCommon },
|
|
682
681
|
{ type: ElementRef }
|
|
683
682
|
];
|
|
684
683
|
|
|
@@ -690,7 +689,13 @@ class SacContextmenuItemSplitterComponent extends SacContextmenuItemCommon {
|
|
|
690
689
|
SacContextmenuItemSplitterComponent.decorators = [
|
|
691
690
|
{ type: Component, args: [{
|
|
692
691
|
selector: 'sac-contextmenusplitter',
|
|
693
|
-
template: "<li\r\n role=\"separator\"\r\n class=\"divider\"></li>\r\n"
|
|
692
|
+
template: "<li\r\n role=\"separator\"\r\n class=\"divider\"></li>\r\n",
|
|
693
|
+
providers: [
|
|
694
|
+
{
|
|
695
|
+
provide: SacContextmenuItemCommon,
|
|
696
|
+
useExisting: forwardRef(() => SacContextmenuItemSplitterComponent),
|
|
697
|
+
},
|
|
698
|
+
]
|
|
694
699
|
},] }
|
|
695
700
|
];
|
|
696
701
|
|
|
@@ -1307,7 +1312,7 @@ class SacInputSearchComponent extends SacInputSearchCommon {
|
|
|
1307
1312
|
SacInputSearchComponent.decorators = [
|
|
1308
1313
|
{ type: Component, args: [{
|
|
1309
1314
|
selector: 'sac-inputsearch',
|
|
1310
|
-
template: "<div\r\n class=\"row form-group\"\r\n [class.has-error]=\"invalid && (dirty || touched)\"\r\n [ngClass]=\"componentHeight | toLabelHeight\">\r\n <label\r\n *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n id=\"{{ name }}label\"\r\n for=\"{{ name }}\"\r\n class=\"col-xs-12 control-label\"\r\n [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only']\"\r\n [class.required]=\"isrequired\">\r\n <span class=\"text\">{{ label }}</span>\r\n <sac-tooltip\r\n *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n [tooltiptext]=\"helptext\"\r\n [inlinemode]=\"true\">\r\n <span\r\n [class]=\"HelptextTooltipIcon\"\r\n style=\"margin-left: 5px\">\r\n </span>\r\n </sac-tooltip>\r\n </label>\r\n <div\r\n class=\"col-xs-12\"\r\n [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n [class.clearfix]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n <div\r\n *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n class=\"form-control-static pull-right\"\r\n style=\"margin-left: 5px\">\r\n <sac-tooltip\r\n *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n [tooltiptext]=\"helptext\"\r\n [inlinemode]=\"true\">\r\n <span\r\n [class]=\"HelptextTooltipIcon\"\r\n style=\"margin-left: 5px; margin-right: 5px\">\r\n </span>\r\n </sac-tooltip>\r\n </div>\r\n\r\n <div\r\n class=\"input-group\"\r\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\r\n <input\r\n id=\"{{ name }}\"\r\n name=\"{{ name }}\"\r\n type=\"text\"\r\n class=\"form-control\"\r\n [ngClass]=\"[componentHeight | toControlHeight]\"\r\n [value]=\"value\"\r\n [attr.placeholder]=\"placeholder\"\r\n (blur)=\"onTouch()\"\r\n (input)=\"setValue($event.target.value)\"\r\n [attr.maxlength]=\"maxlength\"\r\n [disabled]=\"isdisabled\"\r\n [readonly]=\"readonly\" />\r\n <span class=\"input-group-btn\">\r\n <button\r\n type=\"
|
|
1315
|
+
template: "<div\r\n class=\"row form-group\"\r\n [class.has-error]=\"invalid && (dirty || touched)\"\r\n [ngClass]=\"componentHeight | toLabelHeight\">\r\n <label\r\n *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n id=\"{{ name }}label\"\r\n for=\"{{ name }}\"\r\n class=\"col-xs-12 control-label\"\r\n [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only']\"\r\n [class.required]=\"isrequired\">\r\n <span class=\"text\">{{ label }}</span>\r\n <sac-tooltip\r\n *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n [tooltiptext]=\"helptext\"\r\n [inlinemode]=\"true\">\r\n <span\r\n [class]=\"HelptextTooltipIcon\"\r\n style=\"margin-left: 5px\">\r\n </span>\r\n </sac-tooltip>\r\n </label>\r\n <div\r\n class=\"col-xs-12\"\r\n [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n [class.clearfix]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n <div\r\n *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n class=\"form-control-static pull-right\"\r\n style=\"margin-left: 5px\">\r\n <sac-tooltip\r\n *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n [tooltiptext]=\"helptext\"\r\n [inlinemode]=\"true\">\r\n <span\r\n [class]=\"HelptextTooltipIcon\"\r\n style=\"margin-left: 5px; margin-right: 5px\">\r\n </span>\r\n </sac-tooltip>\r\n </div>\r\n\r\n <div\r\n class=\"input-group\"\r\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\r\n <input\r\n id=\"{{ name }}\"\r\n name=\"{{ name }}\"\r\n type=\"text\"\r\n class=\"form-control\"\r\n [ngClass]=\"[componentHeight | toControlHeight]\"\r\n [value]=\"value\"\r\n [attr.placeholder]=\"placeholder\"\r\n (blur)=\"onTouch()\"\r\n (input)=\"setValue($event.target.value)\"\r\n [attr.maxlength]=\"maxlength\"\r\n [disabled]=\"isdisabled\"\r\n [readonly]=\"readonly\" />\r\n <span class=\"input-group-btn\">\r\n <button\r\n type=\"button\"\r\n class=\"btn btn-default\"\r\n id=\"{{ name }}_search\"\r\n (click)=\"searchClick()\">\r\n <i\r\n *ngIf=\"buttonmode === 'icon' || buttonmode === 'mixed'\"\r\n [class]=\"iconname\"\r\n [style.margin-right.px]=\"buttonmode === 'mixed' ? 7 : null\">\r\n </i>\r\n <ng-container *ngIf=\"buttonmode === 'text' || buttonmode === 'mixed'\">{{ buttontext }}</ng-container>\r\n </button>\r\n </span>\r\n </div>\r\n\r\n <p\r\n *ngIf=\"helptextmode === 'text' && helptext\"\r\n class=\"help-block\">\r\n {{ helptext }}\r\n </p>\r\n </div>\r\n</div>\r\n",
|
|
1311
1316
|
// Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
|
|
1312
1317
|
providers: [
|
|
1313
1318
|
{
|
|
@@ -1680,48 +1685,50 @@ SACBootstrap3TinyMceModule.decorators = [
|
|
|
1680
1685
|
},] }
|
|
1681
1686
|
];
|
|
1682
1687
|
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
|
|
1686
|
-
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
{ type: Component, args: [{
|
|
1696
|
-
selector: 'sac-treeviewchild',
|
|
1697
|
-
template: "<ul class=\"jstree-children\" *ngIf=\"nodes && nodes.length\">\r\n <li\r\n *ngFor=\"let node of nodes; let last = last\"\r\n class=\"jstree-node\"\r\n [ngClass]=\"{\r\n 'jstree-open': !node[collapseAttr] && node[childrenAttr] && node[childrenAttr].length,\r\n 'jstree-closed': node[collapseAttr] && node[childrenAttr] && node[childrenAttr].length,\r\n 'jstree-leaf': !node[childrenAttr].length,\r\n 'jstree-last': last\r\n }\"\r\n [id]=\"node[idAttr]\"\r\n >\r\n <div\r\n unselectable=\"on\"\r\n role=\"presentation\"\r\n class=\"jstree-wholerow\"\r\n (mouseover)=\"node.hover=true\"\r\n (mouseout)=\"node.hover=false\"\r\n [ngClass]=\"{'jstree-wholerow-clicked': node === selectedNode, 'jstree-wholerow-hovered': node.hover}\"\r\n >\r\n \r\n </div>\r\n\r\n <i\r\n class=\"jstree-icon jstree-ocl\"\r\n role=\"presentation\"\r\n (click)=\"onCollapseClick(node)\"\r\n (mouseover)=\"node.hover=true\"\r\n (mouseout)=\"node.hover=false\"\r\n ></i>\r\n\r\n <a\r\n class=\"jstree-anchor\"\r\n (click)=\"onClick(node)\"\r\n [ngClass]=\"{'jstree-clicked': node === selectedNode, 'jstreehovered': node.hover}\"\r\n (mouseover)=\"node.hover=true\"\r\n (mouseout)=\"node.hover=false\"\r\n >\r\n <ng-container\r\n *ngTemplateOutlet=\"treefileicon; context { item: node }\"\r\n ;\r\n content\r\n ></ng-container>\r\n\r\n {{node[textAttr]}}\r\n </a>\r\n\r\n <ng-container\r\n *ngTemplateOutlet=\"template; context { item: node }\"\r\n ></ng-container>\r\n\r\n <sac-treeviewchild\r\n *ngIf=\"node[childrenAttr] && node[childrenAttr].length\"\r\n [fileicontemplate]=\"fileicontemplate\"\r\n [template]=\"template\"\r\n [collapseall]=\"collapseall\"\r\n [ngClass]=\"(node[collapseAttr]===true)?'collapse':'show'\"\r\n [data]=\"node[childrenAttr]\"\r\n [idAttr]=\"idAttr\"\r\n [parentAttr]=\"parentAttr\"\r\n [textAttr]=\"textAttr\"\r\n [prepareData]=\"false\"\r\n (onselecteditem)=\"sendMsgToParent($event)\"\r\n [(selectedid)]=\"selectedid\"\r\n >\r\n </sac-treeviewchild>\r\n </li>\r\n</ul>\r\n"
|
|
1698
|
-
},] }
|
|
1699
|
-
];
|
|
1700
|
-
|
|
1701
|
-
class SacTreeItemActionComponent extends SacTreeItemActionCommon {
|
|
1702
|
-
constructor(el) {
|
|
1703
|
-
super(el);
|
|
1688
|
+
/**
|
|
1689
|
+
* Treeview Compomnent
|
|
1690
|
+
*/
|
|
1691
|
+
class SacTreeviewComponent extends SacTreeviewCommon {
|
|
1692
|
+
// #region Constructors
|
|
1693
|
+
/**
|
|
1694
|
+
* Constructor
|
|
1695
|
+
* @param formLayout SacFormLayout to define scoped layout settings
|
|
1696
|
+
* @param injector Component Injector
|
|
1697
|
+
*/
|
|
1698
|
+
constructor(formLayout, injector) {
|
|
1699
|
+
super(formLayout, injector);
|
|
1704
1700
|
}
|
|
1705
1701
|
}
|
|
1706
|
-
|
|
1702
|
+
SacTreeviewComponent.decorators = [
|
|
1707
1703
|
{ type: Component, args: [{
|
|
1708
|
-
selector: 'sac-
|
|
1709
|
-
template: "<
|
|
1704
|
+
selector: 'sac-treeview',
|
|
1705
|
+
template: "<div\r\n class=\"row mb-3\"\r\n [class.g-0]=\"disablelabel\"\r\n [class.has-error]=\"invalid && (dirty || touched)\">\r\n <label\r\n *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n id=\"{{ name }}label\"\r\n for=\"{{ name }}\"\r\n class=\"col-xs-12 control-label\"\r\n [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only']\"\r\n [class.required]=\"isrequired\">\r\n <span class=\"text\">{{ label }}</span>\r\n <sac-tooltip\r\n *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n [tooltiptext]=\"helptext\"\r\n [inlinemode]=\"true\">\r\n <span\r\n [class]=\"HelptextTooltipIcon\"\r\n style=\"margin-left: 5px\">\r\n </span>\r\n </sac-tooltip>\r\n </label>\r\n <div\r\n class=\"col-xs-12\"\r\n [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n [class.has-error]=\"isinlineerrorenabled && invalid && (dirty || touched)\">\r\n <div [style.display]=\"helptextmode === 'tooltip' && helptext && disablelabel ? 'flex' : null\">\r\n <div [style.width.%]=\"helptextmode === 'tooltip' && helptext && disablelabel ? '100' : null\">\r\n <table\r\n class=\"table table-hover table-condensed\"\r\n id=\"{{ name }}\"\r\n style=\"table-layout: fixed\"\r\n [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n [class.border]=\"invalid && (dirty || touched)\"\r\n [class.border-danger]=\"invalid && (dirty || touched)\">\r\n <tbody>\r\n <ng-container *ngFor=\"let node of data\">\r\n <ng-template\r\n [ngTemplateOutlet]=\"treeItem\"\r\n [ngTemplateOutletContext]=\"{ node: node, deep: 0 }\">\r\n </ng-template>\r\n </ng-container>\r\n </tbody>\r\n </table>\r\n\r\n <div\r\n *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n class=\"help-block\">\r\n {{ GetErrorMessage() | async }}\r\n </div>\r\n\r\n <p\r\n *ngIf=\"helptextmode === 'text' && helptext\"\r\n class=\"help-block\">\r\n {{ helptext }}\r\n </p>\r\n </div>\r\n\r\n <div\r\n *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n class=\"form-control-static\"\r\n style=\"margin-left: 5px\">\r\n <sac-tooltip\r\n *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n [tooltiptext]=\"helptext\"\r\n [inlinemode]=\"true\">\r\n <span\r\n [class]=\"HelptextTooltipIcon\"\r\n style=\"margin-left: 5px; margin-right: 5px\">\r\n </span>\r\n </sac-tooltip>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n<ng-template\r\n #treeItem\r\n let-node=\"node\"\r\n let-deep=\"deep\">\r\n <tr [class.active]=\"isSelectedState(node)\">\r\n <td>\r\n <div\r\n class=\"py-1 px-2 d-flex align-items-center\"\r\n style=\"display: flex; flex-direction: row; cursor: pointer; align-items: center\"\r\n (mouseenter)=\"setHoverState(node, true)\"\r\n (mouseleave)=\"setHoverState(node, false)\">\r\n <div\r\n style=\"margin-right: 15px\"\r\n *ngFor=\"let i of count(deep)\">\r\n </div>\r\n\r\n <div\r\n (click)=\"onNodeClicked(node)\"\r\n *ngIf=\"expandedstate === 'true' || expandedstate === true\"\r\n style=\"margin-right: 15px\"\r\n [ngClass]=\"!hasChildren(node) ? iconFolderEmpty : !isExpandedState(node) ? iconFolderCollabsed : isExpandedState(node) ? iconFolderOpen : ''\">\r\n </div>\r\n\r\n <div\r\n (click)=\"onNodeClicked(node)\"\r\n *ngIf=\"attricon && getStringField(node, attricon)\"\r\n style=\"margin-right: 15px\"\r\n [ngClass]=\"getStringField(node, attricon)\">\r\n </div>\r\n\r\n <div\r\n (click)=\"onNodeClicked(node)\"\r\n style=\"padding-top: 7px; padding-bottom: 7px; flex-grow: 1\"\r\n [style.max-width.%]=\"enableellipsis ? '100' : null\"\r\n [style.overflow]=\"enableellipsis ? 'hidden' : null\"\r\n [style.text-overflow]=\"enableellipsis ? 'ellipsis' : null\"\r\n [style.white-space]=\"enableellipsis ? 'nowrap' : null\">\r\n <ng-template\r\n [ngTemplateOutlet]=\"templatelabel || defaultTemplateLabel\"\r\n [ngTemplateOutletContext]=\"{ node: node, label: getStringField(node, attrlabel) }\">\r\n </ng-template>\r\n </div>\r\n\r\n <div\r\n (click)=\"setSelectedState(node)\"\r\n style=\"flex-shrink: 0\"\r\n *ngIf=\"!isDisabledState(node) && (showactionalways || isSelectedState(node) || isHoverState(node))\">\r\n <ng-template\r\n [ngTemplateOutlet]=\"templateaction || defaultTemplateAction\"\r\n [ngTemplateOutletContext]=\"{ node: node, actionhandler: onActionClicked.bind(this) }\">\r\n </ng-template>\r\n </div>\r\n </div>\r\n </td>\r\n </tr>\r\n <ng-container *ngIf=\"isExpandedState(node)\">\r\n <ng-template\r\n *ngFor=\"let child of getChildren(node)\"\r\n [ngTemplateOutlet]=\"treeItem\"\r\n [ngTemplateOutletContext]=\"{ node: child, deep: deep + 1 }\">\r\n </ng-template>\r\n </ng-container>\r\n</ng-template>\r\n\r\n<ng-template\r\n #defaultTemplateLabel\r\n let-label=\"label\"\r\n let-node=\"node\">\r\n <span [title]=\"label\">\r\n {{ label }}\r\n </span>\r\n</ng-template>\r\n\r\n<ng-template\r\n #defaultTemplateAction\r\n let-node=\"node\"\r\n let-actionhandler=\"actionhandler\">\r\n <a\r\n class=\"btn btn-link text-secondary\"\r\n (click)=\"actionhandler({ action: 'default', node: node })\">\r\n <i [class]=\"iconAction\"></i>\r\n </a>\r\n</ng-template>\r\n",
|
|
1706
|
+
providers: [
|
|
1707
|
+
{
|
|
1708
|
+
provide: NG_VALUE_ACCESSOR,
|
|
1709
|
+
multi: true,
|
|
1710
|
+
useExisting: SacTreeviewComponent,
|
|
1711
|
+
},
|
|
1712
|
+
{
|
|
1713
|
+
provide: NG_VALIDATORS,
|
|
1714
|
+
useExisting: forwardRef(() => SacTreeviewComponent),
|
|
1715
|
+
multi: true,
|
|
1716
|
+
},
|
|
1717
|
+
]
|
|
1710
1718
|
},] }
|
|
1711
1719
|
];
|
|
1712
|
-
|
|
1713
|
-
{ type:
|
|
1720
|
+
SacTreeviewComponent.ctorParameters = () => [
|
|
1721
|
+
{ type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
|
|
1722
|
+
{ type: Injector }
|
|
1714
1723
|
];
|
|
1715
1724
|
|
|
1716
|
-
class
|
|
1725
|
+
class SACBootstrap3TreeviewModule {
|
|
1717
1726
|
}
|
|
1718
|
-
|
|
1727
|
+
SACBootstrap3TreeviewModule.decorators = [
|
|
1719
1728
|
{ type: NgModule, args: [{
|
|
1720
|
-
declarations: [
|
|
1721
|
-
imports: [
|
|
1722
|
-
|
|
1723
|
-
],
|
|
1724
|
-
exports: [SacTreeViewComponent, SacTreeViewChildComponent, SacTreeItemActionComponent]
|
|
1729
|
+
declarations: [SacTreeviewComponent],
|
|
1730
|
+
imports: [CommonModule, SACBootstrap3TooltipModule, SACBootstrap3LayoutModule, SACBootstrap3ContextmenuModule],
|
|
1731
|
+
exports: [SacTreeviewComponent],
|
|
1725
1732
|
},] }
|
|
1726
1733
|
];
|
|
1727
1734
|
|
|
@@ -2121,5 +2128,5 @@ SACBootstrap3FormModule.decorators = [
|
|
|
2121
2128
|
* Generated bundle index. Do not edit.
|
|
2122
2129
|
*/
|
|
2123
2130
|
|
|
2124
|
-
export { NGFORM_FACTORY, SACBootstrap3ButtonModule, SACBootstrap3CheckboxModule, SACBootstrap3ConfirmModule, SACBootstrap3ContextmenuModule, SACBootstrap3DateTimeModule, SACBootstrap3DialogModule, SACBootstrap3FormModule, SACBootstrap3GridModule, SACBootstrap3InputModule, SACBootstrap3LayoutModule, SACBootstrap3ListModule, SACBootstrap3StaticLabelModule, SACBootstrap3TabsModule, SACBootstrap3TinyMceModule, SACBootstrap3TooltipModule,
|
|
2131
|
+
export { NGFORM_FACTORY, SACBootstrap3ButtonModule, SACBootstrap3CheckboxModule, SACBootstrap3ConfirmModule, SACBootstrap3ContextmenuModule, SACBootstrap3DateTimeModule, SACBootstrap3DialogModule, SACBootstrap3FormModule, SACBootstrap3GridModule, SACBootstrap3InputModule, SACBootstrap3LayoutModule, SACBootstrap3ListModule, SACBootstrap3StaticLabelModule, SACBootstrap3TabsModule, SACBootstrap3TinyMceModule, SACBootstrap3TooltipModule, SACBootstrap3TreeviewModule, SACBootstrap3UploadModule, SACBootstrap3ValidationSummaryModule, SACBootstrap3WizardModule, SACFORM_FACTORY, SacButtonComponent, SacCheckboxComponent, SacConfirmComponent, SacContextmenuAnchorDirective, SacContextmenuComponent, SacContextmenuItemButtonComponent, SacContextmenuItemSplitterComponent, SacDateComponent, SacDateSelectorComponent, SacDateTimeComponent, SacDialogComponent, SacDropdownComponent, SacDropdownOptionDirective, SacDropzoneMultipleComponent, SacDropzoneSingleComponent, SacFormDirective, SacFormLayoutDirective, SacGridButtonComponent, SacGridColumnActionComponent, SacGridColumnComponent, SacGridComponent, SacGridImageComponent, SacInheritFormDirective, SacInputAreaComponent, SacInputComponent, SacInputCurrencyComponent, SacInputDecimalComponent, SacInputEmailComponent, SacInputIntegerComponent, SacInputPasswordComponent, SacInputSearchComponent, SacListboxComponent, SacPagingComponent, SacRadiobuttonComponent, SacRadiobuttonsComponent, SacStaticFormContainerComponent, SacStaticLabelComponent, SacTabComponent, SacTabItemComponent, SacTimeComponent, SacTinyMceComponent, SacToControlHeightPipe, SacToControlWidthCssPipe, SacToLabelHeightPipe, SacToLabelWidthCssPipe, SacTooltipComponent, SacTreeviewComponent, SacUploadComponent, SacUploadMultipleComponent, SacValidationSummaryComponent, SacWizardComponent, SacWizardItemComponent, ServiceConfirm, SacContextmenuContainerDirective as ɵa };
|
|
2125
2132
|
//# sourceMappingURL=simpleangularcontrols-sac-bootstrap3.js.map
|