npm - @simpleangularcontrols/sac-bootstrap4 - Versions diffs - 10.0.0-rc.13 → 10.0.0-rc.15 - Mend

@simpleangularcontrols/sac-bootstrap4 10.0.0-rc.13 → 10.0.0-rc.15

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.

Files changed (12) hide show

package/bundles/simpleangularcontrols-sac-bootstrap4.umd.js CHANGED Viewed

@@ -3202,7 +3202,7 @@
     SacTreeviewComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'sac-treeview',
-                    template: "<div\r\n    class=\"row mb-3\"\r\n    [class.g-0]=\"disablelabel\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\">\r\n        <div [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n            <div\r\n                class=\"w-100\"\r\n                [style.min-width]=\"helptextmode === 'tooltip' && helptext && disablelabel ? 0 : null\"\r\n                [class.mr-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n                <ul\r\n                    class=\"list-group list-group-flush\"\r\n                    id=\"{{ name }}\"\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                    <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                </ul>\r\n\r\n                <div\r\n                    *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                    class=\"invalid-feedback\">\r\n                    {{ GetErrorMessage() | async }}\r\n                </div>\r\n\r\n                <small\r\n                    *ngIf=\"helptextmode === 'text' && helptext\"\r\n                    class=\"form-text text-muted\">\r\n                    {{ helptext }}\r\n                </small>\r\n            </div>\r\n\r\n            <div\r\n                *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n                class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n                [ngClass]=\"[componentHeight | toControlHeight]\">\r\n                <sac-tooltip\r\n                    [tooltiptext]=\"helptext\"\r\n                    [inlinemode]=\"true\">\r\n                    <span\r\n                        [ngClass]=\"HelptextTooltipIcon\"\r\n                        class=\"ml-1\">\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    <li\r\n        class=\"list-group-item list-group-item-action py-1 px-2 d-flex align-items-center\"\r\n        [class.active]=\"isSelectedState(node)\"\r\n        (mouseenter)=\"setHoverState(node, true)\"\r\n        (mouseleave)=\"setHoverState(node, false)\"\r\n        style=\"cursor: pointer\">\r\n        <div\r\n            class=\"mx-3\"\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            class=\"mr-2\"\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            class=\"mr-2\"\r\n            [ngClass]=\"getStringField(node, attricon)\">\r\n        </div>\r\n\r\n        <div\r\n            (click)=\"onNodeClicked(node)\"\r\n            class=\"flex-grow-1 py-1\"\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            class=\"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    </li>\r\n\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<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-sm 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",
+                    template: "<div\r\n    class=\"row mb-3\"\r\n    [class.g-0]=\"disablelabel\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\">\r\n        <div [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n            <div\r\n                class=\"w-100\"\r\n                [style.min-width]=\"helptextmode === 'tooltip' && helptext && disablelabel ? 0 : null\"\r\n                [class.mr-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n                <ul\r\n                    class=\"list-group list-group-flush\"\r\n                    id=\"{{ name }}\"\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                    <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                </ul>\r\n\r\n                <div\r\n                    *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                    class=\"invalid-feedback\">\r\n                    {{ GetErrorMessage() | async }}\r\n                </div>\r\n\r\n                <small\r\n                    *ngIf=\"helptextmode === 'text' && helptext\"\r\n                    class=\"form-text text-muted\">\r\n                    {{ helptext }}\r\n                </small>\r\n            </div>\r\n\r\n            <div\r\n                *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n                class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n                [ngClass]=\"[componentHeight | toControlHeight]\">\r\n                <sac-tooltip\r\n                    [tooltiptext]=\"helptext\"\r\n                    [inlinemode]=\"true\">\r\n                    <span\r\n                        [ngClass]=\"HelptextTooltipIcon\"\r\n                        class=\"ml-1\">\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    <li\r\n        class=\"list-group-item list-group-item-action py-1 px-2 d-flex align-items-center\"\r\n        [class.active]=\"isSelectedState(node)\"\r\n        (mouseenter)=\"setHoverState(node, true)\"\r\n        (mouseleave)=\"setHoverState(node, false)\"\r\n        style=\"cursor: pointer\">\r\n        <div\r\n            class=\"mx-3\"\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            class=\"mr-2\"\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            <ng-template\r\n                [ngTemplateOutlet]=\"templateicon || defaultTemplateIcon\"\r\n                [ngTemplateOutletContext]=\"{ node: node }\">\r\n            </ng-template>\r\n        </div>\r\n\r\n        <div\r\n            (click)=\"onNodeClicked(node)\"\r\n            class=\"flex-grow-1 py-1\"\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            class=\"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    </li>\r\n\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<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    #defaultTemplateIcon\r\n    let-node=\"node\">\r\n    <div\r\n        class=\"mr-2\"\r\n        [ngClass]=\"getStringField(node, attricon)\">\r\n    </div>\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-sm 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",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,